@inspark/inspark-components 19.0.45 → 19.0.46

package/full/fesm2022/inspark-inspark-components.mjs

@@ -718,24 +718,25 @@ class TableColumnsMultiselectComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TableColumnsMultiselectComponent, { className: "TableColumnsMultiselectComponent", filePath: "components/table/table-columns-multiselect/table-columns-multiselect.component.ts", lineNumber: 10 }); })();
 
-const _c0$m = [[["", "buttons", ""]]];
+const _c0$g = [[["", "buttons", ""]]];
 const _c1$b = ["[buttons]"];
 const _c2$6 = a0 => ({ columns: a0 });
 const _c3$5 = a0 => ({ $implicit: a0 });
-const _c4$3 = () => ({ width: "100%", overflow: "visible" });
-const _c5$1 = (a0, a1, a2) => ({ rowIndex: a0, rowData: a1, columns: a2 });
-const _c6 = a0 => ({ row_active: a0 });
-const _c7 = (a0, a1, a2, a3, a4, a5) => ({ "row_status_success": a0, "row_status_error": a1, "row_status_warning": a2, "row_status_critical": a3, "row_status_falsevalue": a4, "row_status_pending": a5 });
-const _c8 = (a0, a1) => ({ data: a0, col: a1 });
-const _c9 = () => ({ standalone: true });
-const _c10 = a0 => ({ "is-dropdown-menu__listitem_active": a0 });
+const _c4$3 = (a0, a1) => ({ $implicit: a0, columns: a1 });
+const _c5$1 = () => ({ width: "100%", overflow: "visible" });
+const _c6 = (a0, a1, a2) => ({ rowIndex: a0, rowData: a1, columns: a2 });
+const _c7 = a0 => ({ row_active: a0 });
+const _c8 = (a0, a1, a2, a3, a4, a5) => ({ "row_status_success": a0, "row_status_error": a1, "row_status_warning": a2, "row_status_critical": a3, "row_status_falsevalue": a4, "row_status_pending": a5 });
+const _c9 = (a0, a1) => ({ data: a0, col: a1 });
+const _c10 = () => ({ standalone: true });
+const _c11 = a0 => ({ "is-dropdown-menu__listitem_active": a0 });
 function TableComponent_span_0_span_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵelementStart(0, "span", 10);
     i0.ɵɵtext(1, "*");
     i0.ɵɵelementEnd();
 } }
 function TableComponent_span_0_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 10);
+    i0.ɵɵelementStart(0, "span", 11);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -744,9 +745,9 @@ function TableComponent_span_0_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(ctx_r1.error);
 } }
 function TableComponent_span_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 6);
+    i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵtext(1);
-    i0.ɵɵtemplate(2, TableComponent_span_0_span_2_Template, 2, 0, "span", 7)(3, TableComponent_span_0_span_3_Template, 2, 1, "span", 8);
+    i0.ɵɵtemplate(2, TableComponent_span_0_span_2_Template, 2, 0, "span", 8)(3, TableComponent_span_0_span_3_Template, 2, 1, "span", 9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -761,24 +762,24 @@ function TableComponent_3_ng_template_0_ng_container_0_Template(rf, ctx) { if (r
     i0.ɵɵelementContainer(0);
 } }
 function TableComponent_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_3_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 12);
+    i0.ɵɵtemplate(0, TableComponent_3_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 13);
 } if (rf & 2) {
     const columns_r3 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.colGroupTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(4, _c3$5, i0.ɵɵpureFunction1(2, _c2$6, columns_r3)));
 } }
 function TableComponent_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_3_ng_template_0_Template, 1, 6, "ng-template", 11);
+    i0.ɵɵtemplate(0, TableComponent_3_ng_template_0_Template, 1, 6, "ng-template", 12);
 } }
 function TableComponent_4_ng_template_0_colgroup_0_col_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "col", 15);
+    i0.ɵɵelement(0, "col", 16);
 } }
 function TableComponent_4_ng_template_0_colgroup_0_col_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "col");
 } }
 function TableComponent_4_ng_template_0_colgroup_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "colgroup");
-    i0.ɵɵtemplate(1, TableComponent_4_ng_template_0_colgroup_0_col_1_Template, 1, 0, "col", 13)(2, TableComponent_4_ng_template_0_colgroup_0_col_2_Template, 1, 0, "col", 14);
+    i0.ɵɵtemplate(1, TableComponent_4_ng_template_0_colgroup_0_col_1_Template, 1, 0, "col", 14)(2, TableComponent_4_ng_template_0_colgroup_0_col_2_Template, 1, 0, "col", 15);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -788,141 +789,162 @@ function TableComponent_4_ng_template_0_colgroup_0_Template(rf, ctx) { if (rf &
     i0.ɵɵproperty("ngForOf", ctx_r1.filteredColumns);
 } }
 function TableComponent_4_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_4_ng_template_0_colgroup_0_Template, 3, 2, "colgroup", 4);
+    i0.ɵɵtemplate(0, TableComponent_4_ng_template_0_colgroup_0_Template, 3, 2, "colgroup", 5);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngIf", !ctx_r1.isMobileView);
 } }
 function TableComponent_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_4_ng_template_0_Template, 1, 1, "ng-template", 11);
+    i0.ɵɵtemplate(0, TableComponent_4_ng_template_0_Template, 1, 1, "ng-template", 12);
 } }
-function TableComponent_ng_template_5_ng_container_0_th_2_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", 18)(1, "input", 19);
-    i0.ɵɵlistener("change", function TableComponent_ng_template_5_ng_container_0_th_2_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1._onHeaderCheckboxChange($event)); })("click", function TableComponent_ng_template_5_ng_container_0_th_2_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r4); return i0.ɵɵresetView($event.stopPropagation()); });
+function TableComponent_ng_template_5_ng_container_0_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function TableComponent_ng_template_5_ng_container_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_ng_container_1_ng_container_1_Template, 1, 0, "ng-container", 13);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const columns_r4 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.headerTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c4$3, columns_r4, columns_r4));
+} }
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_th_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 20)(1, "input", 21);
+    i0.ɵɵlistener("change", function TableComponent_ng_template_5_ng_container_0_ng_template_2_th_1_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1._onHeaderCheckboxChange($event)); })("click", function TableComponent_ng_template_5_ng_container_0_ng_template_2_th_1_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r5); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
     i0.ɵɵproperty("checked", ctx_r1._isAllSelected());
 } }
-function TableComponent_ng_template_5_ng_container_0_th_3_p_sortIcon_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p-sortIcon", 23);
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_th_2_p_sortIcon_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "p-sortIcon", 25);
 } if (rf & 2) {
-    const col_r5 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("field", col_r5.field);
+    const col_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("field", col_r6.field);
 } }
-function TableComponent_ng_template_5_ng_container_0_th_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 20)(1, "div", 21);
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_th_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 22)(1, "div", 23);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, TableComponent_ng_template_5_ng_container_0_th_3_p_sortIcon_5_Template, 1, 1, "p-sortIcon", 22);
+    i0.ɵɵtemplate(5, TableComponent_ng_template_5_ng_container_0_ng_template_2_th_2_p_sortIcon_5_Template, 1, 1, "p-sortIcon", 24);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const col_r5 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("pSortableColumn", col_r5.field);
+    const col_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("pSortableColumn", col_r6.field);
     i0.ɵɵadvance();
-    i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 4, col_r5.label));
+    i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 4, col_r6.label));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 6, col_r5.label), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 6, col_r6.label), " ");
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r1.isSortIcon);
 } }
-function TableComponent_ng_template_5_ng_container_0_tr_4_th_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "th", 18);
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "th", 20);
 } }
-function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_1_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 29);
-    i0.ɵɵlistener("input", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_1_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r6); const col_r7 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(4); const dt_r8 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r8.filter($event.target.value, col_r7.field, "contains")); });
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_input_1_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 31);
+    i0.ɵɵlistener("input", function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_input_1_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r7); const col_r8 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(5); const dt_r9 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r9.filter($event.target.value, col_r8.field, "contains")); });
     i0.ɵɵelementEnd();
 } }
-function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_dropdown_2_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-dropdown", 30);
-    i0.ɵɵlistener("onChange", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_dropdown_2_Template_p_dropdown_onChange_0_listener($event) { i0.ɵɵrestoreView(_r9); const col_r7 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(4); const dt_r8 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r8.filter($event.value, col_r7.field, "equals")); });
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_p_dropdown_2_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "p-dropdown", 32);
+    i0.ɵɵlistener("onChange", function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_p_dropdown_2_Template_p_dropdown_onChange_0_listener($event) { i0.ɵɵrestoreView(_r10); const col_r8 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(5); const dt_r9 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r9.filter($event.value, col_r8.field, "equals")); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_9_0;
-    const col_r7 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(3, _c4$3));
-    i0.ɵɵproperty("options", (tmp_9_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_9_0.options);
+    let tmp_11_0;
+    const col_r8 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(3, _c5$1));
+    i0.ɵɵproperty("options", (tmp_11_0 = ctx_r1.colFilter(col_r8.field)) == null ? null : tmp_11_0.options);
 } }
-function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_multiSelect_3_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-multiSelect", 31);
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_p_multiSelect_3_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "p-multiSelect", 33);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("onChange", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_multiSelect_3_Template_p_multiSelect_onChange_0_listener($event) { i0.ɵɵrestoreView(_r10); const col_r7 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(4); const dt_r8 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r8.filter($event.value, col_r7.field, "in")); });
+    i0.ɵɵlistener("onChange", function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_p_multiSelect_3_Template_p_multiSelect_onChange_0_listener($event) { i0.ɵɵrestoreView(_r11); const col_r8 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(5); const dt_r9 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r9.filter($event.value, col_r8.field, "in")); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_10_0;
-    const col_r7 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(6, _c4$3));
+    let tmp_12_0;
+    const col_r8 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(6, _c5$1));
     i0.ɵɵpropertyInterpolate("defaultLabel", i0.ɵɵpipeBind1(1, 4, "All"));
-    i0.ɵɵproperty("options", (tmp_10_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_10_0.options);
+    i0.ɵɵproperty("options", (tmp_12_0 = ctx_r1.colFilter(col_r8.field)) == null ? null : tmp_12_0.options);
 } }
-function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_4_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 29);
-    i0.ɵɵlistener("input", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_4_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r11); const col_r7 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(4); const dt_r8 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r8.filter($event.target.value, col_r7.field + "2filter", "contains")); });
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_input_4_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 31);
+    i0.ɵɵlistener("input", function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_input_4_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r12); const col_r8 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(5); const dt_r9 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r9.filter($event.target.value, col_r8.field + "2filter", "contains")); });
     i0.ɵɵelementEnd();
 } }
-function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 25);
-    i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_1_Template, 1, 0, "input", 26)(2, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_dropdown_2_Template, 1, 4, "p-dropdown", 27)(3, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_multiSelect_3_Template, 2, 7, "p-multiSelect", 28)(4, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_4_Template, 1, 0, "input", 26);
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 27);
+    i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_input_1_Template, 1, 0, "input", 28)(2, TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_p_dropdown_2_Template, 1, 4, "p-dropdown", 29)(3, TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_p_multiSelect_3_Template, 2, 7, "p-multiSelect", 30)(4, TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_input_4_Template, 1, 0, "input", 28);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_8_0;
-    let tmp_9_0;
     let tmp_10_0;
     let tmp_11_0;
-    const col_r7 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngSwitch", col_r7.field);
+    let tmp_12_0;
+    let tmp_13_0;
+    const col_r8 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("ngSwitch", col_r8.field);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngSwitchCase", ((tmp_8_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_8_0.type) === "text" ? col_r7.field : "");
+    i0.ɵɵproperty("ngSwitchCase", ((tmp_10_0 = ctx_r1.colFilter(col_r8.field)) == null ? null : tmp_10_0.type) === "text" ? col_r8.field : "");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngSwitchCase", ((tmp_9_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_9_0.type) === "dropdown" ? col_r7.field : "");
+    i0.ɵɵproperty("ngSwitchCase", ((tmp_11_0 = ctx_r1.colFilter(col_r8.field)) == null ? null : tmp_11_0.type) === "dropdown" ? col_r8.field : "");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngSwitchCase", ((tmp_10_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_10_0.type) === "multiselect" ? col_r7.field : "");
+    i0.ɵɵproperty("ngSwitchCase", ((tmp_12_0 = ctx_r1.colFilter(col_r8.field)) == null ? null : tmp_12_0.type) === "multiselect" ? col_r8.field : "");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngSwitchCase", ((tmp_11_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_11_0.type) === "datetext" ? col_r7.field : "");
+    i0.ɵɵproperty("ngSwitchCase", ((tmp_13_0 = ctx_r1.colFilter(col_r8.field)) == null ? null : tmp_13_0.type) === "datetext" ? col_r8.field : "");
 } }
-function TableComponent_ng_template_5_ng_container_0_tr_4_Template(rf, ctx) { if (rf & 1) {
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr");
-    i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_tr_4_th_1_Template, 1, 0, "th", 16)(2, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_Template, 5, 5, "th", 24);
+    i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_1_Template, 1, 0, "th", 18)(2, TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_th_2_Template, 5, 5, "th", 26);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const columns_r12 = i0.ɵɵnextContext(2).$implicit;
+    const columns_r4 = i0.ɵɵnextContext(3).$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.checkboxSelection);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", columns_r12);
+    i0.ɵɵproperty("ngForOf", columns_r4);
 } }
-function TableComponent_ng_template_5_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "tr");
-    i0.ɵɵtemplate(2, TableComponent_ng_template_5_ng_container_0_th_2_Template, 2, 1, "th", 16)(3, TableComponent_ng_template_5_ng_container_0_th_3_Template, 6, 8, "th", 17);
+function TableComponent_ng_template_5_ng_container_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr");
+    i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_ng_template_2_th_1_Template, 2, 1, "th", 18)(2, TableComponent_ng_template_5_ng_container_0_ng_template_2_th_2_Template, 6, 8, "th", 19);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, TableComponent_ng_template_5_ng_container_0_tr_4_Template, 3, 2, "tr", 4);
-    i0.ɵɵelementContainerEnd();
+    i0.ɵɵtemplate(3, TableComponent_ng_template_5_ng_container_0_ng_template_2_tr_3_Template, 3, 2, "tr", 5);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.checkboxSelection);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngForOf", ctx_r1.filteredColumns);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.toolbar && ctx_r1.toolbar.filter && ctx_r1.toolbar.filter.active);
 } }
+function TableComponent_ng_template_5_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_ng_container_1_Template, 2, 5, "ng-container", 17)(2, TableComponent_ng_template_5_ng_container_0_ng_template_2_Template, 4, 3, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const defaultHeaderTemplate_r13 = i0.ɵɵreference(3);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.headerTemplate)("ngIfElse", defaultHeaderTemplate_r13);
+} }
 function TableComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_ng_template_5_ng_container_0_Template, 5, 3, "ng-container", 4);
+    i0.ɵɵtemplate(0, TableComponent_ng_template_5_ng_container_0_Template, 4, 2, "ng-container", 5);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngIf", ctx_r1.showHeader);
@@ -931,135 +953,135 @@ function TableComponent_6_ng_template_0_ng_container_0_Template(rf, ctx) { if (r
     i0.ɵɵelementContainer(0);
 } }
 function TableComponent_6_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_6_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 12);
+    i0.ɵɵtemplate(0, TableComponent_6_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 13);
 } if (rf & 2) {
-    const columns_r13 = ctx.columns;
-    const rowData_r14 = ctx.$implicit;
-    const rowIndex_r15 = ctx.rowIndex;
+    const columns_r14 = ctx.columns;
+    const rowData_r15 = ctx.$implicit;
+    const rowIndex_r16 = ctx.rowIndex;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.bodyTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$5, i0.ɵɵpureFunction3(2, _c5$1, rowIndex_r15, rowData_r14, columns_r13)));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.bodyTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$5, i0.ɵɵpureFunction3(2, _c6, rowIndex_r16, rowData_r15, columns_r14)));
 } }
 function TableComponent_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_6_ng_template_0_Template, 1, 8, "ng-template", 32);
+    i0.ɵɵtemplate(0, TableComponent_6_ng_template_0_Template, 1, 8, "ng-template", 34);
 } }
 function TableComponent_7_ng_template_0_tr_0_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 35);
-    i0.ɵɵlistener("click", function TableComponent_7_ng_template_0_tr_0_Template_tr_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r16 = i0.ɵɵnextContext(); const index_r18 = ctx_r16.rowIndex; const rowData_r19 = ctx_r16.$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleGroup(index_r18, rowData_r19.groupKey[ctx_r1.groupMode])); });
-    i0.ɵɵelementStart(1, "td", 36)(2, "span");
-    i0.ɵɵelement(3, "i", 37);
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 37);
+    i0.ɵɵlistener("click", function TableComponent_7_ng_template_0_tr_0_Template_tr_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r17 = i0.ɵɵnextContext(); const index_r19 = ctx_r17.rowIndex; const rowData_r20 = ctx_r17.$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleGroup(index_r19, rowData_r20.groupKey[ctx_r1.groupMode])); });
+    i0.ɵɵelementStart(1, "td", 38)(2, "span");
+    i0.ɵɵelement(3, "i", 39);
     i0.ɵɵelementStart(4, "span");
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "translate");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const rowData_r19 = i0.ɵɵnextContext().$implicit;
+    const rowData_r20 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("colSpan", ctx_r1.countVisibleColumns() + 1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.groupInfo[rowData_r19.groupKey[ctx_r1.groupMode]].isExpanded ? "in fa-fw in-chevron-down" : "in fa-fw in-chevron-right");
+    i0.ɵɵproperty("ngClass", ctx_r1.groupInfo[rowData_r20.groupKey[ctx_r1.groupMode]].isExpanded ? "in fa-fw in-chevron-down" : "in fa-fw in-chevron-right");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(6, 4, rowData_r19.groupKey[ctx_r1.groupMode]), " (", ctx_r1.countGroup(rowData_r19.groupKey[ctx_r1.groupMode], ctx_r1.groupMode), " )");
+    i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(6, 4, rowData_r20.groupKey[ctx_r1.groupMode]), " (", ctx_r1.countGroup(rowData_r20.groupKey[ctx_r1.groupMode], ctx_r1.groupMode), " )");
 } }
 function TableComponent_7_ng_template_0_tr_1_td_1_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 41)(1, "input", 19);
-    i0.ɵɵlistener("change", function TableComponent_7_ng_template_0_tr_1_td_1_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r20); const rowData_r19 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1._onCheckboxChange($event, rowData_r19)); })("click", function TableComponent_7_ng_template_0_tr_1_td_1_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r20); return i0.ɵɵresetView($event.stopPropagation()); });
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 43)(1, "input", 21);
+    i0.ɵɵlistener("change", function TableComponent_7_ng_template_0_tr_1_td_1_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r21); const rowData_r20 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1._onCheckboxChange($event, rowData_r20)); })("click", function TableComponent_7_ng_template_0_tr_1_td_1_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r21); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const rowData_r19 = i0.ɵɵnextContext(2).$implicit;
+    const rowData_r20 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction6(4, _c7, rowData_r19.sdirparamstatecolor === "success", rowData_r19.sdirparamstatecolor === "error", rowData_r19.sdirparamstatecolor === "warning", rowData_r19.sdirparamstatecolor === "critical", rowData_r19.sdirparamstatecolor === "falsevalue", rowData_r19.sdirparamstatecolor === "pending"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction6(4, _c8, rowData_r20.sdirparamstatecolor === "success", rowData_r20.sdirparamstatecolor === "error", rowData_r20.sdirparamstatecolor === "warning", rowData_r20.sdirparamstatecolor === "critical", rowData_r20.sdirparamstatecolor === "falsevalue", rowData_r20.sdirparamstatecolor === "pending"));
     i0.ɵɵadvance();
     i0.ɵɵstyleProp("pointer-events", ctx_r1.selectionMode === "single" || ctx_r1.selectionMode === "multiple" && ctx_r1.checkboxSelection ? "none" : "auto");
-    i0.ɵɵproperty("checked", ctx_r1._isRowSelected(rowData_r19));
+    i0.ɵɵproperty("checked", ctx_r1._isRowSelected(rowData_r20));
 } }
 function TableComponent_7_ng_template_0_tr_1_td_2_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 44);
-    i0.ɵɵlistener("mouseover", function TableComponent_7_ng_template_0_tr_1_td_2_div_1_Template_div_mouseover_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.showTooltip($event)); });
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 46);
+    i0.ɵɵlistener("mouseover", function TableComponent_7_ng_template_0_tr_1_td_2_div_1_Template_div_mouseover_0_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.showTooltip($event)); });
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "propertyValue");
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵpipe(4, "propertyValue");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const col_r23 = i0.ɵɵnextContext().$implicit;
-    const rowData_r19 = i0.ɵɵnextContext(2).$implicit;
+    const col_r24 = i0.ɵɵnextContext().$implicit;
+    const rowData_r20 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", col_r23.translatable ? i0.ɵɵpipeBind1(3, 4, i0.ɵɵpipeBind2(2, 1, rowData_r19, col_r23.field)) : i0.ɵɵpipeBind2(4, 6, rowData_r19, col_r23.field), " ");
+    i0.ɵɵtextInterpolate1(" ", col_r24.translatable ? i0.ɵɵpipeBind1(3, 4, i0.ɵɵpipeBind2(2, 1, rowData_r20, col_r24.field)) : i0.ɵɵpipeBind2(4, 6, rowData_r20, col_r24.field), " ");
 } }
 function TableComponent_7_ng_template_0_tr_1_td_2_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function TableComponent_7_ng_template_0_tr_1_td_2_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 42);
-    i0.ɵɵlistener("click", function TableComponent_7_ng_template_0_tr_1_td_2_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r21); const rowData_r19 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.activeChange.emit(rowData_r19)); });
-    i0.ɵɵtemplate(1, TableComponent_7_ng_template_0_tr_1_td_2_div_1_Template, 5, 9, "div", 43)(2, TableComponent_7_ng_template_0_tr_1_td_2_ng_container_2_Template, 1, 0, "ng-container", 12);
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 44);
+    i0.ɵɵlistener("click", function TableComponent_7_ng_template_0_tr_1_td_2_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r22); const rowData_r20 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.activeChange.emit(rowData_r20)); });
+    i0.ɵɵtemplate(1, TableComponent_7_ng_template_0_tr_1_td_2_div_1_Template, 5, 9, "div", 45)(2, TableComponent_7_ng_template_0_tr_1_td_2_ng_container_2_Template, 1, 0, "ng-container", 13);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const col_r23 = ctx.$implicit;
-    const rowData_r19 = i0.ɵɵnextContext(2).$implicit;
+    const col_r24 = ctx.$implicit;
+    const rowData_r20 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", !ctx_r1.valueTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.valueTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$5, i0.ɵɵpureFunction2(3, _c8, rowData_r19, col_r23)));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.valueTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$5, i0.ɵɵpureFunction2(3, _c9, rowData_r20, col_r24)));
 } }
 function TableComponent_7_ng_template_0_tr_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 38);
-    i0.ɵɵtemplate(1, TableComponent_7_ng_template_0_tr_1_td_1_Template, 2, 11, "td", 39)(2, TableComponent_7_ng_template_0_tr_1_td_2_Template, 3, 8, "td", 40);
+    i0.ɵɵelementStart(0, "tr", 40);
+    i0.ɵɵtemplate(1, TableComponent_7_ng_template_0_tr_1_td_1_Template, 2, 11, "td", 41)(2, TableComponent_7_ng_template_0_tr_1_td_2_Template, 3, 8, "td", 42);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const rowData_r19 = i0.ɵɵnextContext().$implicit;
+    const rowData_r20 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c6, ctx_r1.isRowActive(rowData_r19)))("pSelectableRow", rowData_r19);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c7, ctx_r1.isRowActive(rowData_r20)))("pSelectableRow", rowData_r20);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.checkboxSelection);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngForOf", ctx_r1.filteredColumns);
 } }
 function TableComponent_7_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_7_ng_template_0_tr_0_Template, 7, 6, "tr", 33)(1, TableComponent_7_ng_template_0_tr_1_Template, 3, 6, "tr", 34);
+    i0.ɵɵtemplate(0, TableComponent_7_ng_template_0_tr_0_Template, 7, 6, "tr", 35)(1, TableComponent_7_ng_template_0_tr_1_Template, 3, 6, "tr", 36);
 } if (rf & 2) {
-    const index_r18 = ctx.rowIndex;
-    const rowData_r19 = ctx.$implicit;
+    const index_r19 = ctx.rowIndex;
+    const rowData_r20 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngIf", ctx_r1.isGrouped && ctx_r1.isShowGroup(rowData_r19.groupKey[ctx_r1.groupMode], index_r18));
+    i0.ɵɵproperty("ngIf", ctx_r1.isGrouped && ctx_r1.isShowGroup(rowData_r20.groupKey[ctx_r1.groupMode], index_r19));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r1.isGrouped || ctx_r1.groupInfo[rowData_r19.groupKey[ctx_r1.groupMode]].isExpanded);
+    i0.ɵɵproperty("ngIf", !ctx_r1.isGrouped || ctx_r1.groupInfo[rowData_r20.groupKey[ctx_r1.groupMode]].isExpanded);
 } }
 function TableComponent_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_7_ng_template_0_Template, 2, 2, "ng-template", 32);
+    i0.ɵɵtemplate(0, TableComponent_7_ng_template_0_Template, 2, 2, "ng-template", 34);
 } }
 function TableComponent_8_ng_template_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 56)(1, "form", 6)(2, "div", 57)(3, "input", 58, 1);
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 58)(1, "form", 7)(2, "div", 59)(3, "input", 60, 2);
     i0.ɵɵpipe(5, "translate");
-    i0.ɵɵlistener("input", function TableComponent_8_ng_template_0_div_2_Template_input_input_3_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(3); const dt_r8 = i0.ɵɵreference(2); return i0.ɵɵresetView(ctx_r1.localSearch(dt_r8, ctx_r1.searchText)); });
-    i0.ɵɵtwoWayListener("ngModelChange", function TableComponent_8_ng_template_0_div_2_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.searchText, $event) || (ctx_r1.searchText = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("input", function TableComponent_8_ng_template_0_div_2_Template_input_input_3_listener() { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(3); const dt_r9 = i0.ɵɵreference(2); return i0.ɵɵresetView(ctx_r1.localSearch(dt_r9, ctx_r1.searchText)); });
+    i0.ɵɵtwoWayListener("ngModelChange", function TableComponent_8_ng_template_0_div_2_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.searchText, $event) || (ctx_r1.searchText = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 59);
+    i0.ɵɵelementStart(6, "button", 61);
     i0.ɵɵpipe(7, "translate");
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_div_2_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.clear()); });
-    i0.ɵɵelement(8, "i", 60);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_div_2_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.clear()); });
+    i0.ɵɵelement(8, "i", 62);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵpropertyInterpolate("placeholder", i0.ɵɵpipeBind1(5, 4, "SHARED.SEARCH") + ":");
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.searchText);
-    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(8, _c9));
+    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(8, _c10));
     i0.ɵɵadvance(3);
     i0.ɵɵattribute("title", i0.ɵɵpipeBind1(7, 6, "Reset"));
 } }
 function TableComponent_8_ng_template_0_button_5_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 61);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_5_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onFilterToolbar($event)); });
-    i0.ɵɵelement(1, "i", 62);
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 63);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_5_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onFilterToolbar($event)); });
+    i0.ɵɵelement(1, "i", 64);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1067,10 +1089,10 @@ function TableComponent_8_ng_template_0_button_5_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 1, "Service filter"));
 } }
 function TableComponent_8_ng_template_0_button_6_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_6_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.treeAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 64);
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_6_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.treeAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 66);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1080,10 +1102,10 @@ function TableComponent_8_ng_template_0_button_6_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Filter by rubric"));
 } }
 function TableComponent_8_ng_template_0_button_7_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 65);
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 67);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1093,10 +1115,10 @@ function TableComponent_8_ng_template_0_button_7_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Add"));
 } }
 function TableComponent_8_ng_template_0_button_8_Template(rf, ctx) { if (rf & 1) {
-    const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.linkAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 66);
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.linkAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 68);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1106,10 +1128,10 @@ function TableComponent_8_ng_template_0_button_8_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Link"));
 } }
 function TableComponent_8_ng_template_0_button_9_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.csvAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 67);
+    const _r31 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.csvAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 69);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1119,10 +1141,10 @@ function TableComponent_8_ng_template_0_button_9_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "LOGS.SAVE_TO_CSV"));
 } }
 function TableComponent_8_ng_template_0_button_10_Template(rf, ctx) { if (rf & 1) {
-    const _r31 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 68);
+    const _r32 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 70);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_10_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.saveAction.emit($event)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_10_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.saveAction.emit($event)); });
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
@@ -1134,10 +1156,10 @@ function TableComponent_8_ng_template_0_button_10_Template(rf, ctx) { if (rf & 1
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 5, "Save"), " ");
 } }
 function TableComponent_8_ng_template_0_button_11_Template(rf, ctx) { if (rf & 1) {
-    const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_11_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.groupEditAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 69);
+    const _r33 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_11_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.groupEditAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 71);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1147,10 +1169,10 @@ function TableComponent_8_ng_template_0_button_11_Template(rf, ctx) { if (rf & 1
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "groupEdit"));
 } }
 function TableComponent_8_ng_template_0_button_13_Template(rf, ctx) { if (rf & 1) {
-    const _r33 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_13_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.paramsEditAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 69);
+    const _r34 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_13_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.paramsEditAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 71);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1160,10 +1182,10 @@ function TableComponent_8_ng_template_0_button_13_Template(rf, ctx) { if (rf & 1
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "paramsEdit"));
 } }
 function TableComponent_8_ng_template_0_button_14_Template(rf, ctx) { if (rf & 1) {
-    const _r34 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_14_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 70);
+    const _r35 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_14_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 72);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1173,10 +1195,10 @@ function TableComponent_8_ng_template_0_button_14_Template(rf, ctx) { if (rf & 1
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Delete"));
 } }
 function TableComponent_8_ng_template_0_button_15_Template(rf, ctx) { if (rf & 1) {
-    const _r35 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_15_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.unlinkAction.emit($event)); });
-    i0.ɵɵelement(1, "i", 71);
+    const _r36 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_15_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.unlinkAction.emit($event)); });
+    i0.ɵɵelement(1, "i", 73);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1186,49 +1208,49 @@ function TableComponent_8_ng_template_0_button_15_Template(rf, ctx) { if (rf & 1
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Detach tag from selected items"));
 } }
 function TableComponent_8_ng_template_0_button_16_Template(rf, ctx) { if (rf & 1) {
-    const _r36 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 72);
+    const _r37 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 74);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_16_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleNodes(true)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_16_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r37); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleNodes(true)); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 73);
-    i0.ɵɵelement(3, "path", 74);
+    i0.ɵɵelementStart(2, "svg", 75);
+    i0.ɵɵelement(3, "path", 76);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(1, 1, "Expand all"));
 } }
 function TableComponent_8_ng_template_0_button_17_Template(rf, ctx) { if (rf & 1) {
-    const _r37 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 72);
+    const _r38 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 74);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r37); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleNodes(false)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r38); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleNodes(false)); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 73);
-    i0.ɵɵelement(3, "path", 75);
+    i0.ɵɵelementStart(2, "svg", 75);
+    i0.ɵɵelement(3, "path", 77);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(1, 1, "Collapse all"));
 } }
 function TableComponent_8_ng_template_0_div_18_li_6_Template(rf, ctx) { if (rf & 1) {
-    const _r38 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 82)(1, "a", 83);
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_div_18_li_6_Template_a_click_1_listener() { const item_r39 = i0.ɵɵrestoreView(_r38).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleMode(item_r39.value)); });
+    const _r39 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "li", 84)(1, "a", 85);
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_div_18_li_6_Template_a_click_1_listener() { const item_r40 = i0.ɵɵrestoreView(_r39).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleMode(item_r40.value)); });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r39 = ctx.$implicit;
+    const item_r40 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c10, item_r39.value === ctx_r1.groupMode));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c11, item_r40.value === ctx_r1.groupMode));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", item_r39.label, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r40.label, " ");
 } }
 function TableComponent_8_ng_template_0_div_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 76)(1, "button", 77);
+    i0.ɵɵelementStart(0, "div", 78)(1, "button", 79);
     i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelement(3, "i", 78)(4, "i", 79);
+    i0.ɵɵelement(3, "i", 80)(4, "i", 81);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "ul", 80);
-    i0.ɵɵtemplate(6, TableComponent_8_ng_template_0_div_18_li_6_Template, 3, 4, "li", 81);
+    i0.ɵɵelementStart(5, "ul", 82);
+    i0.ɵɵtemplate(6, TableComponent_8_ng_template_0_div_18_li_6_Template, 3, 4, "li", 83);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -1238,15 +1260,15 @@ function TableComponent_8_ng_template_0_div_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngForOf", ctx_r1.toolbar.groupSort.label);
 } }
 function TableComponent_8_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 46)(1, "div", 47);
-    i0.ɵɵtemplate(2, TableComponent_8_ng_template_0_div_2_Template, 9, 9, "div", 48);
-    i0.ɵɵelementStart(3, "div", 49)(4, "in-table-columns-multiselect", 50);
-    i0.ɵɵlistener("columnsChange", function TableComponent_8_ng_template_0_Template_in_table_columns_multiselect_columnsChange_4_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.columnsChange($event)); });
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 48)(1, "div", 49);
+    i0.ɵɵtemplate(2, TableComponent_8_ng_template_0_div_2_Template, 9, 9, "div", 50);
+    i0.ɵɵelementStart(3, "div", 51)(4, "in-table-columns-multiselect", 52);
+    i0.ɵɵlistener("columnsChange", function TableComponent_8_ng_template_0_Template_in_table_columns_multiselect_columnsChange_4_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.columnsChange($event)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(5, TableComponent_8_ng_template_0_button_5_Template, 3, 3, "button", 51)(6, TableComponent_8_ng_template_0_button_6_Template, 3, 4, "button", 52)(7, TableComponent_8_ng_template_0_button_7_Template, 3, 4, "button", 52)(8, TableComponent_8_ng_template_0_button_8_Template, 3, 4, "button", 52)(9, TableComponent_8_ng_template_0_button_9_Template, 3, 4, "button", 52)(10, TableComponent_8_ng_template_0_button_10_Template, 4, 7, "button", 53)(11, TableComponent_8_ng_template_0_button_11_Template, 3, 4, "button", 52);
+    i0.ɵɵtemplate(5, TableComponent_8_ng_template_0_button_5_Template, 3, 3, "button", 53)(6, TableComponent_8_ng_template_0_button_6_Template, 3, 4, "button", 54)(7, TableComponent_8_ng_template_0_button_7_Template, 3, 4, "button", 54)(8, TableComponent_8_ng_template_0_button_8_Template, 3, 4, "button", 54)(9, TableComponent_8_ng_template_0_button_9_Template, 3, 4, "button", 54)(10, TableComponent_8_ng_template_0_button_10_Template, 4, 7, "button", 55)(11, TableComponent_8_ng_template_0_button_11_Template, 3, 4, "button", 54);
     i0.ɵɵprojection(12);
-    i0.ɵɵtemplate(13, TableComponent_8_ng_template_0_button_13_Template, 3, 4, "button", 52)(14, TableComponent_8_ng_template_0_button_14_Template, 3, 4, "button", 52)(15, TableComponent_8_ng_template_0_button_15_Template, 3, 4, "button", 52)(16, TableComponent_8_ng_template_0_button_16_Template, 4, 3, "button", 54)(17, TableComponent_8_ng_template_0_button_17_Template, 4, 3, "button", 54)(18, TableComponent_8_ng_template_0_div_18_Template, 7, 4, "div", 55);
+    i0.ɵɵtemplate(13, TableComponent_8_ng_template_0_button_13_Template, 3, 4, "button", 54)(14, TableComponent_8_ng_template_0_button_14_Template, 3, 4, "button", 54)(15, TableComponent_8_ng_template_0_button_15_Template, 3, 4, "button", 54)(16, TableComponent_8_ng_template_0_button_16_Template, 4, 3, "button", 56)(17, TableComponent_8_ng_template_0_button_17_Template, 4, 3, "button", 56)(18, TableComponent_8_ng_template_0_div_18_Template, 7, 4, "div", 57);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1282,7 +1304,7 @@ function TableComponent_8_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r1.toolbar.groupSort);
 } }
 function TableComponent_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TableComponent_8_ng_template_0_Template, 19, 16, "ng-template", 45);
+    i0.ɵɵtemplate(0, TableComponent_8_ng_template_0_Template, 19, 16, "ng-template", 47);
 } }
 // NEW Factory Function
 function tableFactory(wrapper) {
@@ -1687,14 +1709,14 @@ class TableComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dt = _t.first);
-        } }, inputs: { columns: "columns", values: "values", scrollHeight: "scrollHeight", scrollable: "scrollable", selectionMode: "selectionMode", label: "label", error: "error", class: "class", required: "required", style: "style", toolbar: "toolbar", checkboxSelection: "checkboxSelection", active: "active", sortField: "sortField", isAscending: "isAscending", dataKey: "dataKey", stateKey: "stateKey", isGrouped: "isGrouped", customSort: "customSort", isGroupedExpanded: "isGroupedExpanded", showHeader: "showHeader", isMobileView: "isMobileView", resizableColumns: "resizableColumns", isTextSearch: "isTextSearch", isSortIcon: "isSortIcon", columnResizeMode: "columnResizeMode", selection: "selection" }, outputs: { activeChange: "activeChange", selectionChange: "selectionChange", addAction: "addAction", treeAction: "treeAction", csvAction: "csvAction", saveAction: "saveAction", removeAction: "removeAction", unlinkAction: "unlinkAction", linkAction: "linkAction", groupEditAction: "groupEditAction", paramsEditAction: "paramsEditAction", sortFunction: "sortFunction", filterFunction: "filterFunction" }, standalone: false, features: [i0.ɵɵProvidersFeature([TableService])], ngContentSelectors: _c1$b, decls: 9, vars: 25, consts: [["dt", ""], ["searchTextInput", ""], ["class", "c-label", 4, "ngIf"], [3, "onFilter", "onSort", "onStateRestore", "onStateSave", "sortFunction", "selectionChange", "selection", "columns", "customSort", "dataKey", "globalFilterFields", "resizableColumns", "scrollHeight", "scrollable", "selectionMode", "sortField", "sortOrder", "stateKey", "stateStorage", "value", "columnResizeMode"], [4, "ngIf"], ["pTemplate", "header"], [1, "c-label"], ["class", "c-label__req", 4, "ngIf"], ["class", "c-label__sub_is-error", 4, "ngIf"], [1, "c-label__req"], [1, "c-label__sub_is-error"], ["pTemplate", "colgroup"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["style", "width: 44px;", 4, "ngIf"], [4, "ngFor", "ngForOf"], [2, "width", "44px"], ["class", "u-position-relative u-text_center", "pResizableColumn", "", "style", "width: 44px;", 4, "ngIf"], ["class", "u-position-relative", "pResizableColumn", "", 3, "pSortableColumn", 4, "ngFor", "ngForOf"], ["pResizableColumn", "", 1, "u-position-relative", "u-text_center", 2, "width", "44px"], ["type", "checkbox", 1, "in-table-checkbox", 3, "change", "click", "checked"], ["pResizableColumn", "", 1, "u-position-relative", 3, "pSortableColumn"], [1, "p-table-thead-title", 3, "title"], ["class", "u-position-absolute u-position-absolute-right c-sorticon", "style", "display: flex; width: 18px; top: 0; height: 100%;", 3, "field", 4, "ngIf"], [1, "u-position-absolute", "u-position-absolute-right", "c-sorticon", 2, "display", "flex", "width", "18px", "top", "0", "height", "100%", 3, "field"], [3, "ngSwitch", 4, "ngFor", "ngForOf"], [3, "ngSwitch"], ["autofocus", "", "class", "c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched", "pInputText", "", "type", "text", 3, "input", 4, "ngSwitchCase"], ["appendTo", "body", 3, "options", "style", "onChange", 4, "ngSwitchCase"], ["appendTo", "body", 3, "options", "style", "defaultLabel", "onChange", 4, "ngSwitchCase"], ["autofocus", "", "pInputText", "", "type", "text", 1, "c-input", "c-input_small", "ng-pristine", "ng-valid", "ng-scope", "ng-empty", "ng-touched", 3, "input"], ["appendTo", "body", 3, "onChange", "options"], ["appendTo", "body", 3, "onChange", "options", "defaultLabel"], ["pTemplate", "body"], ["class", "row_hover_highlight", 3, "click", 4, "ngIf"], ["class", "row", 3, "ngClass", "pSelectableRow", 4, "ngIf"], [1, "row_hover_highlight", 3, "click"], [3, "colSpan"], [3, "ngClass"], [1, "row", 3, "ngClass", "pSelectableRow"], ["class", "u-text_center", "style", "width: 44px", 3, "ngClass", 4, "ngIf"], ["class", "u-overflow-visible", 3, "click", 4, "ngFor", "ngForOf"], [1, "u-text_center", 2, "width", "44px", 3, "ngClass"], [1, "u-overflow-visible", 3, "click"], ["class", "p-table-tbody-content", "title", "", 3, "mouseover", 4, "ngIf"], ["title", "", 1, "p-table-tbody-content", 3, "mouseover"], ["pTemplate", "caption"], [1, "o-grid", "o-grid_no-gutter"], [1, "c-tree-table__toolbar-content", "u-display-inline-flex"], ["class", "c-form c-form_inline u-display-inline-block", 4, "ngIf"], [1, "c-btn", "c-btn_border-free", "c-btn_small"], [3, "columnsChange", "columns", "disableActiveCheckboxes"], ["class", "c-btn c-btn_border-free c-btn_small", 3, "click", 4, "ngIf"], ["class", "c-btn c-btn_border-free c-btn_small", 3, "disabled", "click", 4, "ngIf"], ["class", "c-btn c-btn_primary c-btn_small", 3, "disabled", "title", "click", 4, "ngIf"], ["class", "c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free", 3, "title", "click", 4, "ngIf"], ["class", "c-btn-group", "container", "body", "ngbDropdown", "", 4, "ngIf"], [1, "c-form", "c-form_inline", "u-display-inline-block"], [1, "input-wrapper", "u-margin-right-tiny"], ["autofocus", "", "pInputText", "", "required", "", "tabindex", "1", "type", "search", 1, "search-box", "c-input", "c-input_small", "ng-pristine", "ng-valid", "ng-scope", "ng-empty", "ng-touched", 2, "padding-right", "28px", 3, "input", "ngModelChange", "ngModel", "ngModelOptions", "placeholder"], ["type", "reset", 1, "button-reset", 3, "click"], [1, "in", "in-close"], [1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "click"], [1, "in", "in-filter", 3, "title"], [1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "click", "disabled"], [1, "in", "in-list", 3, "title"], [1, "in", "in-plus", 3, "title"], [1, "in", "in-link", 3, "title"], [1, "in", "in-file-excel-outline", 3, "title"], [1, "c-btn", "c-btn_primary", "c-btn_small", 3, "click", "disabled", "title"], [1, "in", "in-pencil", 3, "title"], [1, "in", "in-trash", 3, "title"], [1, "in", "in-link-off", 3, "title"], [1, "c-btn", "c-btn_small", "c-btn_svg-24", "c-icon", "c-icon_svg", "c-icon_svg-24", "c-btn_border-free", 3, "click", "title"], ["fill", "currentColor", "height", "24", "viewBox", "0 0 24 24", "width", "24", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z"], ["clip-rule", "evenodd", "d", "M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z", "fill-rule", "evenodd"], ["container", "body", "ngbDropdown", "", 1, "c-btn-group"], ["id", "dropdownGroupType", "ngbDropdownToggle", "", 1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "title"], ["aria-hidden", "true", 1, "in", "in-object-group"], ["aria-hidden", "true", 1, "c-caret"], ["aria-labelledby", "dropdownGroupType", "ngbDropdownMenu", "", "role", "menu", 1, "c-dropdown-menu", "c-dropdown-menu_right", "ng-star-inserted"], ["class", "c-dropdown-menu__listitem is-dropdown-menu__listitem_active", "ngbDropdownItem", "", "role", "menuitem", 3, "ngClass", 4, "ngFor", "ngForOf"], ["ngbDropdownItem", "", "role", "menuitem", 1, "c-dropdown-menu__listitem", "is-dropdown-menu__listitem_active", 3, "ngClass"], [1, "c-dropdown-menu__content", 3, "click"]], template: function TableComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { columns: "columns", values: "values", scrollHeight: "scrollHeight", scrollable: "scrollable", selectionMode: "selectionMode", label: "label", error: "error", class: "class", required: "required", style: "style", toolbar: "toolbar", checkboxSelection: "checkboxSelection", active: "active", sortField: "sortField", isAscending: "isAscending", dataKey: "dataKey", stateKey: "stateKey", isGrouped: "isGrouped", customSort: "customSort", isGroupedExpanded: "isGroupedExpanded", showHeader: "showHeader", isMobileView: "isMobileView", resizableColumns: "resizableColumns", isTextSearch: "isTextSearch", isSortIcon: "isSortIcon", columnResizeMode: "columnResizeMode", selection: "selection" }, outputs: { activeChange: "activeChange", selectionChange: "selectionChange", addAction: "addAction", treeAction: "treeAction", csvAction: "csvAction", saveAction: "saveAction", removeAction: "removeAction", unlinkAction: "unlinkAction", linkAction: "linkAction", groupEditAction: "groupEditAction", paramsEditAction: "paramsEditAction", sortFunction: "sortFunction", filterFunction: "filterFunction" }, standalone: false, features: [i0.ɵɵProvidersFeature([TableService])], ngContentSelectors: _c1$b, decls: 9, vars: 25, consts: [["dt", ""], ["defaultHeaderTemplate", ""], ["searchTextInput", ""], ["class", "c-label", 4, "ngIf"], [3, "onFilter", "onSort", "onStateRestore", "onStateSave", "sortFunction", "selectionChange", "selection", "columns", "customSort", "dataKey", "globalFilterFields", "resizableColumns", "scrollHeight", "scrollable", "selectionMode", "sortField", "sortOrder", "stateKey", "stateStorage", "value", "columnResizeMode"], [4, "ngIf"], ["pTemplate", "header"], [1, "c-label"], ["class", "c-label__req", 4, "ngIf"], ["class", "c-label__sub_is-error", 4, "ngIf"], [1, "c-label__req"], [1, "c-label__sub_is-error"], ["pTemplate", "colgroup"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["style", "width: 44px;", 4, "ngIf"], [4, "ngFor", "ngForOf"], [2, "width", "44px"], [4, "ngIf", "ngIfElse"], ["class", "u-position-relative u-text_center", "pResizableColumn", "", "style", "width: 44px;", 4, "ngIf"], ["class", "u-position-relative", "pResizableColumn", "", 3, "pSortableColumn", 4, "ngFor", "ngForOf"], ["pResizableColumn", "", 1, "u-position-relative", "u-text_center", 2, "width", "44px"], ["type", "checkbox", 1, "in-table-checkbox", 3, "change", "click", "checked"], ["pResizableColumn", "", 1, "u-position-relative", 3, "pSortableColumn"], [1, "p-table-thead-title", 3, "title"], ["class", "u-position-absolute u-position-absolute-right c-sorticon", "style", "display: flex; width: 18px; top: 0; height: 100%;", 3, "field", 4, "ngIf"], [1, "u-position-absolute", "u-position-absolute-right", "c-sorticon", 2, "display", "flex", "width", "18px", "top", "0", "height", "100%", 3, "field"], [3, "ngSwitch", 4, "ngFor", "ngForOf"], [3, "ngSwitch"], ["autofocus", "", "class", "c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched", "pInputText", "", "type", "text", 3, "input", 4, "ngSwitchCase"], ["appendTo", "body", 3, "options", "style", "onChange", 4, "ngSwitchCase"], ["appendTo", "body", 3, "options", "style", "defaultLabel", "onChange", 4, "ngSwitchCase"], ["autofocus", "", "pInputText", "", "type", "text", 1, "c-input", "c-input_small", "ng-pristine", "ng-valid", "ng-scope", "ng-empty", "ng-touched", 3, "input"], ["appendTo", "body", 3, "onChange", "options"], ["appendTo", "body", 3, "onChange", "options", "defaultLabel"], ["pTemplate", "body"], ["class", "row_hover_highlight", 3, "click", 4, "ngIf"], ["class", "row", 3, "ngClass", "pSelectableRow", 4, "ngIf"], [1, "row_hover_highlight", 3, "click"], [3, "colSpan"], [3, "ngClass"], [1, "row", 3, "ngClass", "pSelectableRow"], ["class", "u-text_center", "style", "width: 44px", 3, "ngClass", 4, "ngIf"], ["class", "u-overflow-visible", 3, "click", 4, "ngFor", "ngForOf"], [1, "u-text_center", 2, "width", "44px", 3, "ngClass"], [1, "u-overflow-visible", 3, "click"], ["class", "p-table-tbody-content", "title", "", 3, "mouseover", 4, "ngIf"], ["title", "", 1, "p-table-tbody-content", 3, "mouseover"], ["pTemplate", "caption"], [1, "o-grid", "o-grid_no-gutter"], [1, "c-tree-table__toolbar-content", "u-display-inline-flex"], ["class", "c-form c-form_inline u-display-inline-block", 4, "ngIf"], [1, "c-btn", "c-btn_border-free", "c-btn_small"], [3, "columnsChange", "columns", "disableActiveCheckboxes"], ["class", "c-btn c-btn_border-free c-btn_small", 3, "click", 4, "ngIf"], ["class", "c-btn c-btn_border-free c-btn_small", 3, "disabled", "click", 4, "ngIf"], ["class", "c-btn c-btn_primary c-btn_small", 3, "disabled", "title", "click", 4, "ngIf"], ["class", "c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free", 3, "title", "click", 4, "ngIf"], ["class", "c-btn-group", "container", "body", "ngbDropdown", "", 4, "ngIf"], [1, "c-form", "c-form_inline", "u-display-inline-block"], [1, "input-wrapper", "u-margin-right-tiny"], ["autofocus", "", "pInputText", "", "required", "", "tabindex", "1", "type", "search", 1, "search-box", "c-input", "c-input_small", "ng-pristine", "ng-valid", "ng-scope", "ng-empty", "ng-touched", 2, "padding-right", "28px", 3, "input", "ngModelChange", "ngModel", "ngModelOptions", "placeholder"], ["type", "reset", 1, "button-reset", 3, "click"], [1, "in", "in-close"], [1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "click"], [1, "in", "in-filter", 3, "title"], [1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "click", "disabled"], [1, "in", "in-list", 3, "title"], [1, "in", "in-plus", 3, "title"], [1, "in", "in-link", 3, "title"], [1, "in", "in-file-excel-outline", 3, "title"], [1, "c-btn", "c-btn_primary", "c-btn_small", 3, "click", "disabled", "title"], [1, "in", "in-pencil", 3, "title"], [1, "in", "in-trash", 3, "title"], [1, "in", "in-link-off", 3, "title"], [1, "c-btn", "c-btn_small", "c-btn_svg-24", "c-icon", "c-icon_svg", "c-icon_svg-24", "c-btn_border-free", 3, "click", "title"], ["fill", "currentColor", "height", "24", "viewBox", "0 0 24 24", "width", "24", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z"], ["clip-rule", "evenodd", "d", "M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z", "fill-rule", "evenodd"], ["container", "body", "ngbDropdown", "", 1, "c-btn-group"], ["id", "dropdownGroupType", "ngbDropdownToggle", "", 1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "title"], ["aria-hidden", "true", 1, "in", "in-object-group"], ["aria-hidden", "true", 1, "c-caret"], ["aria-labelledby", "dropdownGroupType", "ngbDropdownMenu", "", "role", "menu", 1, "c-dropdown-menu", "c-dropdown-menu_right", "ng-star-inserted"], ["class", "c-dropdown-menu__listitem is-dropdown-menu__listitem_active", "ngbDropdownItem", "", "role", "menuitem", 3, "ngClass", 4, "ngFor", "ngForOf"], ["ngbDropdownItem", "", "role", "menuitem", 1, "c-dropdown-menu__listitem", "is-dropdown-menu__listitem_active", 3, "ngClass"], [1, "c-dropdown-menu__content", 3, "click"]], template: function TableComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵprojectionDef(_c0$m);
-            i0.ɵɵtemplate(0, TableComponent_span_0_Template, 4, 3, "span", 2);
-            i0.ɵɵelementStart(1, "p-table", 3, 0);
+            i0.ɵɵprojectionDef(_c0$g);
+            i0.ɵɵtemplate(0, TableComponent_span_0_Template, 4, 3, "span", 3);
+            i0.ɵɵelementStart(1, "p-table", 4, 0);
             i0.ɵɵlistener("onFilter", function TableComponent_Template_p_table_onFilter_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onFilter($event)); })("onSort", function TableComponent_Template_p_table_onSort_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSort()); })("onStateRestore", function TableComponent_Template_p_table_onStateRestore_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.restoreSearchText()); })("onStateSave", function TableComponent_Template_p_table_onStateSave_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.stateSave($event)); })("sortFunction", function TableComponent_Template_p_table_sortFunction_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.sortFunction ? ctx.sortFunction.emit($event) : null); });
             i0.ɵɵtwoWayListener("selectionChange", function TableComponent_Template_p_table_selectionChange_1_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.selectionValue, $event) || (ctx.selectionValue = $event); return i0.ɵɵresetView($event); });
-            i0.ɵɵtemplate(3, TableComponent_3_Template, 1, 0, null, 4)(4, TableComponent_4_Template, 1, 0, null, 4)(5, TableComponent_ng_template_5_Template, 1, 1, "ng-template", 5)(6, TableComponent_6_Template, 1, 0, null, 4)(7, TableComponent_7_Template, 1, 0, null, 4)(8, TableComponent_8_Template, 1, 0, null, 4);
+            i0.ɵɵtemplate(3, TableComponent_3_Template, 1, 0, null, 5)(4, TableComponent_4_Template, 1, 0, null, 5)(5, TableComponent_ng_template_5_Template, 1, 1, "ng-template", 6)(6, TableComponent_6_Template, 1, 0, null, 5)(7, TableComponent_7_Template, 1, 0, null, 5)(8, TableComponent_8_Template, 1, 0, null, 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.label);
@@ -1717,7 +1739,7 @@ class TableComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'in-table', providers: [TableService], template: "<span *ngIf=\"label\" class=\"c-label\">\r\n        {{label}}\r\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n  <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\r\n</span>\r\n<p-table #dt\r\n         (onFilter) = onFilter($event)\r\n         (onSort)=\"onSort()\"\r\n         (onStateRestore)=\"restoreSearchText()\"\r\n         (onStateSave)=\"stateSave($event)\"\r\n         (sortFunction)=\"sortFunction? sortFunction.emit($event): null\"\r\n         [(selection)]=\"selectionValue\"\r\n         [class]=\"class\"\r\n         [columns]=\"filteredColumns\"\r\n         [customSort]=\"customSort\"\r\n         [dataKey]=\"dataKey || 'id'\"\r\n         [globalFilterFields]=\"globalFilteredColumns\"\r\n         [resizableColumns]=\"resizableColumns\"\r\n         [scrollHeight]=\"scrollHeight\"\r\n         [scrollable]=\"scrollable\"\r\n         [selectionMode]=\"selectionMode\"\r\n         [sortField]=\"sortField || 'id'\"\r\n         [sortOrder]=\"isAscending ? 1 : -1\"\r\n         [stateKey]=\"stateKey\"\r\n         [stateStorage]=\"'local'\"\r\n         [style]=\"style\"\r\n         [value]=\"values\"\r\n         [columnResizeMode]=\"columnResizeMode\"\r\n>\r\n  <ng-template *ngIf=\"colGroupTemplate\" let-columns pTemplate=\"colgroup\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"colGroupTemplate; context: {$implicit: { columns: columns}}\"></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"!colGroupTemplate\" let-columns pTemplate=\"colgroup\">\r\n    <colgroup *ngIf=\"!isMobileView\">\r\n      <col *ngIf=\"checkboxSelection\" style=\"width: 44px;\">\r\n      <col *ngFor=\"let col of filteredColumns; let idx = index\">\r\n    </colgroup>\r\n  </ng-template>\r\n\r\n  <ng-template let-columns pTemplate=\"header\">\r\n    <ng-container *ngIf=\"showHeader\">\r\n      <tr>\r\n        <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn style=\"width: 44px;\">\r\n          <!-- Native header checkbox bypasses dt.processedData (O(N log N) sort) used\r\n               by p-tableHeaderCheckbox.toggleRowsWithCheckbox() on select all. -->\r\n          <input type=\"checkbox\"\r\n                 class=\"in-table-checkbox\"\r\n                 [checked]=\"_isAllSelected()\"\r\n                 (change)=\"_onHeaderCheckboxChange($event)\"\r\n                 (click)=\"$event.stopPropagation()\"\r\n          >\r\n        </th>\r\n        <th *ngFor=\"let col of filteredColumns\" [pSortableColumn]=\"col.field\" class=\"u-position-relative\"\r\n            pResizableColumn>\r\n          <div class=\"p-table-thead-title\"\r\n               title=\"{{col.label | translate}}\">\r\n            {{col.label | translate}}\r\n          </div>\r\n          <p-sortIcon *ngIf=\"isSortIcon\" [field]=\"col.field\"\r\n                      class=\"u-position-absolute u-position-absolute-right c-sorticon\"\r\n                      style=\"display: flex; width: 18px; top: 0; height: 100%;\"></p-sortIcon>\r\n        </th>\r\n      </tr>\r\n      <tr *ngIf=\"toolbar && toolbar.filter && toolbar.filter.active\">\r\n        <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn\r\n            style=\"width: 44px;\"></th>\r\n        <th *ngFor=\"let col of columns\" [ngSwitch]=\"col.field\">\r\n          <input\r\n            (input)=\"dt.filter($any($event.target).value, col.field, 'contains')\"\r\n            *ngSwitchCase=\"colFilter(col.field)?.type === 'text' ? col.field : ''\"\r\n            autofocus=\"\"\r\n            class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n            pInputText\r\n            type=\"text\">\r\n\r\n          <p-dropdown (onChange)=\"dt.filter($event.value, col.field, 'equals')\"\r\n                      *ngSwitchCase=\"colFilter(col.field)?.type === 'dropdown' ? col.field : ''\"\r\n                      [options]=\"colFilter(col.field)?.options\"\r\n                      [style]=\"{ width: '100%', overflow: 'visible' }\"\r\n                      appendTo=\"body\"></p-dropdown>\r\n\r\n          <p-multiSelect (onChange)=\"dt.filter($event.value, col.field, 'in')\"\r\n                         *ngSwitchCase=\"colFilter(col.field)?.type === 'multiselect' ? col.field : ''\"\r\n                         [options]=\"colFilter(col.field)?.options\"\r\n                         [style]=\"{ width: '100%', overflow: 'visible' }\" appendTo=\"body\"\r\n                         defaultLabel=\"{{'All' | translate}}\"></p-multiSelect>\r\n          <input\r\n            (input)=\"dt.filter($any($event.target).value, col.field + '2filter', 'contains')\"\r\n            *ngSwitchCase=\"colFilter(col.field)?.type === 'datetext' ? col.field : ''\"\r\n            autofocus=\"\"\r\n            class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n            pInputText\r\n            type=\"text\">\r\n        </th>\r\n      </tr>\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"bodyTemplate\" let-columns=\"columns\" let-rowData let-rowIndex=\"rowIndex\" pTemplate=\"body\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"bodyTemplate; context: {$implicit: { rowIndex: rowIndex, rowData: rowData, columns: columns}}\"></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"!bodyTemplate\" let-columns=\"columns\" let-index=\"rowIndex\" let-rowData pTemplate=\"body\">\r\n    <tr\r\n      (click)=\"toggleGroup(index, rowData.groupKey[groupMode])\"\r\n      *ngIf=\"isGrouped && isShowGroup(rowData.groupKey[groupMode], index)\"\r\n      class=\"row_hover_highlight\">\r\n      <td [colSpan]=\"countVisibleColumns() + 1\">\r\n        <span>\r\n          <i\r\n            [ngClass]=\"groupInfo[rowData.groupKey[groupMode]].isExpanded ? 'in fa-fw in-chevron-down' : 'in fa-fw in-chevron-right'\"></i>\r\n          <span>{{rowData.groupKey[groupMode] | translate }} ({{countGroup(rowData.groupKey[groupMode], groupMode)}}\r\n            )</span>\r\n        </span>\r\n      </td>\r\n    </tr>\r\n    <tr *ngIf=\"!isGrouped || groupInfo[(rowData.groupKey[groupMode])].isExpanded\"\r\n        [ngClass]=\"{row_active: isRowActive(rowData)}\"\r\n        [pSelectableRow]=\"rowData\"\r\n        class=\"row\">\r\n      <td *ngIf=\"checkboxSelection\" [ngClass]=\"{\r\n            'row_status_success': rowData.sdirparamstatecolor === 'success',\r\n            'row_status_error': rowData.sdirparamstatecolor === 'error',\r\n            'row_status_warning': rowData.sdirparamstatecolor === 'warning',\r\n            'row_status_critical': rowData.sdirparamstatecolor === 'critical',\r\n            'row_status_falsevalue': rowData.sdirparamstatecolor === 'falsevalue',\r\n            'row_status_pending': rowData.sdirparamstatecolor === 'pending'\r\n          }\" class=\"u-text_center\"\r\n          style=\"width: 44px\"\r\n      >\r\n        <!-- Native checkbox \u2014 no Angular component overhead (no NgModel/CVA/signals).\r\n             Uses Set for O(1) state lookup instead of p-tableCheckbox's O(M) isSelected(). -->\r\n        <input type=\"checkbox\"\r\n               class=\"in-table-checkbox\"\r\n               [checked]=\"_isRowSelected(rowData)\"\r\n               [style.pointer-events]=\"(selectionMode === 'single' || (selectionMode === 'multiple' && checkboxSelection)) ? 'none' : 'auto'\"\r\n               (change)=\"_onCheckboxChange($event, rowData)\"\r\n               (click)=\"$event.stopPropagation()\"\r\n        >\r\n      </td>\r\n      <td (click)=\"activeChange.emit(rowData)\"\r\n          *ngFor=\"let col of filteredColumns\"\r\n          class=\"u-overflow-visible\">\r\n        <div (mouseover)=\"showTooltip($event)\" *ngIf=\"!valueTemplate\" class=\"p-table-tbody-content\" title>\r\n          {{col.translatable ? (rowData | propertyValue: col.field | translate) : (rowData | propertyValue: col.field)}}\r\n        </div>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"valueTemplate; context: {$implicit: { data: rowData, col: col}}\"></ng-container>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"toolbar\" pTemplate=\"caption\">\r\n\r\n    <div class=\"o-grid o-grid_no-gutter\">\r\n      <div class=\"c-tree-table__toolbar-content u-display-inline-flex\">\r\n        <div *ngIf=\"isTextSearch\" class=\"c-form c-form_inline u-display-inline-block\">\r\n          <form class=\"c-label\">\r\n            <div class=\"input-wrapper u-margin-right-tiny\">\r\n              <input #searchTextInput\r\n                     (input)=\"localSearch(dt, searchText)\"\r\n                     [(ngModel)]=\"searchText\"\r\n                     [ngModelOptions]=\"{standalone: true}\"\r\n                     autofocus=\"\"\r\n                     class=\"search-box c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n                     pInputText\r\n                     placeholder=\"{{('SHARED.SEARCH' | translate) + ':'}}\"\r\n                     required\r\n                     style=\"padding-right: 28px\"\r\n                     tabindex=\"1\"\r\n                     type=\"search\"\r\n              >\r\n              <button (click)=\"clear()\" class=\"button-reset\" type=\"reset\"\r\n                      [attr.title]=\"'Reset' | translate\">\r\n                <i class=\"in in-close\"></i>\r\n              </button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n        <div class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <in-table-columns-multiselect (columnsChange)=\"columnsChange($event)\"\r\n                                        [columns]=\"primaryColumns\"\r\n                                        [disableActiveCheckboxes]=\"countVisibleColumns() === 1\"></in-table-columns-multiselect>\r\n        </div>\r\n\r\n        <button (click)=\"onFilterToolbar($event)\" *ngIf=\"toolbar.filter\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-filter\" title=\"{{'Service filter' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"treeAction.emit($event)\" *ngIf=\"toolbar.tree\" [disabled]=\"toolbar.tree.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-list\" title=\"{{'Filter by rubric' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"addAction.emit($event)\" *ngIf=\"toolbar.add\" [disabled]=\"toolbar.add.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-plus\" title=\"{{'Add' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"linkAction.emit($event)\" *ngIf=\"toolbar.link\" [disabled]=\"toolbar.link.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-link\" title=\"{{'Link' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"csvAction.emit($event)\" *ngIf=\"toolbar.csv\" [disabled]=\"toolbar.csv.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <!--Todo: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u043D\u0430 in-file-csv-->\r\n          <i class=\"in in-file-excel-outline\" title=\"{{'LOGS.SAVE_TO_CSV' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"saveAction.emit($event)\" *ngIf=\"toolbar.save\"\r\n                [disabled]=\"toolbar.save.disabled\"\r\n                class=\"c-btn c-btn_primary c-btn_small\"\r\n                title=\"{{'Save' | translate}}\"\r\n        >\r\n          {{'Save' | translate}}\r\n        </button>\r\n        <button (click)=\"groupEditAction.emit($event)\" *ngIf=\"toolbar.groupEdit && toolbar.groupEdit.active\"\r\n                [disabled]=\"toolbar.groupEdit.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-pencil\" title=\"{{'groupEdit' | translate}}\"></i>\r\n        </button>\r\n        <ng-content select=\"[buttons]\"></ng-content>\r\n        <button (click)=\"paramsEditAction.emit($event)\" *ngIf=\"toolbar.paramsEdit && toolbar.paramsEdit.active\"\r\n                [disabled]=\"toolbar.paramsEdit.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-pencil\" title=\"{{'paramsEdit' | translate}}\"></i>\r\n        </button>\r\n\r\n\r\n        <button (click)=\"removeAction.emit($event)\" *ngIf=\"toolbar.remove && toolbar.remove.active\"\r\n                [disabled]=\"toolbar.remove.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-trash\" title=\"{{'Delete' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"unlinkAction.emit($event)\" *ngIf=\"toolbar.unlink\" [disabled]=\"toolbar.unlink.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-link-off\" title=\"{{'Detach tag from selected items' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"toggleNodes(true)\"\r\n                *ngIf=\"toolbar.expandAll\"\r\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n                title=\"{{'Expand all' | translate}}\">\r\n          <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <path d=\"M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z\"/>\r\n          </svg>\r\n        </button>\r\n        <button (click)=\"toggleNodes(false)\"\r\n                *ngIf=\"toolbar.expandAll\"\r\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n                title=\"{{'Collapse all' | translate}}\">\r\n          <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <path clip-rule=\"evenodd\" d=\"M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z\" fill-rule=\"evenodd\"/>\r\n          </svg>\r\n        </button>\r\n\r\n        <div *ngIf=\"toolbar.groupSort\"\r\n             class=\"c-btn-group\"\r\n             container=\"body\"\r\n             ngbDropdown>\r\n\r\n          <button class=\"c-btn c-btn_border-free c-btn_small\"\r\n                  id=\"dropdownGroupType\"\r\n                  ngbDropdownToggle\r\n                  title=\"{{'Change the way parameters are grouped' | translate}}\">\r\n            <i aria-hidden=\"true\" class=\"in in-object-group\"></i>\r\n            <i aria-hidden=\"true\" class=\"c-caret\"></i>\r\n          </button>\r\n\r\n          <ul aria-labelledby=\"dropdownGroupType\"\r\n              class=\"c-dropdown-menu c-dropdown-menu_right ng-star-inserted\"\r\n              ngbDropdownMenu\r\n              role=\"menu\">\r\n            <li *ngFor=\"let item of toolbar.groupSort.label\"\r\n                [ngClass]=\"{'is-dropdown-menu__listitem_active': item.value === groupMode}\"\r\n                class=\"c-dropdown-menu__listitem is-dropdown-menu__listitem_active\"\r\n                ngbDropdownItem\r\n                role=\"menuitem\">\r\n              <a (click)=\"toggleMode(item.value)\" class=\"c-dropdown-menu__content\">\r\n                {{item.label}}\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</p-table>\r\n", styles: ["@charset \"UTF-8\";.u-overflow-visible{overflow:visible!important}.row_status_success{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-success, #31AC51)}.row_status_error{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-error, #F95C5D)}.row_status_warning{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-warning, #EE9946)}.row_status_critical{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-critical, #F95C5D)}.row_status_falsevalue{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-falsevalue, #85B3CB)}.row_status_disabled{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-disabled)}.row_status_none{padding-left:9px!important;border-left:4px solid transparent}.row_status_pending{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-pending, #1f85ff)}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color, #FFFFFF)}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}:host-context(.theme-light) .in-table-checkbox,:host-context(.theme-contrast) .in-table-checkbox{border-color:#00000073}:host-context(.theme-light) .in-table-checkbox:hover:not(:checked):not(:indeterminate),:host-context(.theme-contrast) .in-table-checkbox:hover:not(:checked):not(:indeterminate){border-color:#000000b3}.in-table-checkbox{appearance:none;-webkit-appearance:none;width:var(--p-checkbox-width, 20px);height:var(--p-checkbox-height, 20px);border:1px solid var(--p-checkbox-border-color, #B3B3B3);border-radius:var(--p-checkbox-border-radius, 2px);background:var(--p-checkbox-background, transparent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;transition:border-color var(--p-checkbox-transition-duration, .15s),background var(--p-checkbox-transition-duration, .15s)}.in-table-checkbox:checked{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox:checked:after{content:\"\";display:block;width:var(--p-checkbox-icon-size, 14px);height:var(--p-checkbox-icon-size, 14px);background-color:var(--p-checkbox-icon-checked-color, #ffffff);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.in-table-checkbox:indeterminate{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox:indeterminate:after{content:\"\";display:block;width:calc(var(--p-checkbox-icon-size, 14px) - 2px);height:2px;background-color:var(--p-checkbox-icon-checked-color, #ffffff);margin:auto}.in-table-checkbox:hover:not(:checked):not(:indeterminate){border-color:var(--p-checkbox-hover-border-color, #999999)}\n"] }]
+        args: [{ standalone: false, selector: 'in-table', providers: [TableService], template: "<span *ngIf=\"label\" class=\"c-label\">\r\n        {{label}}\r\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n  <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\r\n</span>\r\n<p-table #dt\r\n         (onFilter) = onFilter($event)\r\n         (onSort)=\"onSort()\"\r\n         (onStateRestore)=\"restoreSearchText()\"\r\n         (onStateSave)=\"stateSave($event)\"\r\n         (sortFunction)=\"sortFunction? sortFunction.emit($event): null\"\r\n         [(selection)]=\"selectionValue\"\r\n         [class]=\"class\"\r\n         [columns]=\"filteredColumns\"\r\n         [customSort]=\"customSort\"\r\n         [dataKey]=\"dataKey || 'id'\"\r\n         [globalFilterFields]=\"globalFilteredColumns\"\r\n         [resizableColumns]=\"resizableColumns\"\r\n         [scrollHeight]=\"scrollHeight\"\r\n         [scrollable]=\"scrollable\"\r\n         [selectionMode]=\"selectionMode\"\r\n         [sortField]=\"sortField || 'id'\"\r\n         [sortOrder]=\"isAscending ? 1 : -1\"\r\n         [stateKey]=\"stateKey\"\r\n         [stateStorage]=\"'local'\"\r\n         [style]=\"style\"\r\n         [value]=\"values\"\r\n         [columnResizeMode]=\"columnResizeMode\"\r\n>\r\n  <ng-template *ngIf=\"colGroupTemplate\" let-columns pTemplate=\"colgroup\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"colGroupTemplate; context: {$implicit: { columns: columns}}\"></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"!colGroupTemplate\" let-columns pTemplate=\"colgroup\">\r\n    <colgroup *ngIf=\"!isMobileView\">\r\n      <col *ngIf=\"checkboxSelection\" style=\"width: 44px;\">\r\n      <col *ngFor=\"let col of filteredColumns; let idx = index\">\r\n    </colgroup>\r\n  </ng-template>\r\n\r\n  <ng-template let-columns pTemplate=\"header\">\r\n    <ng-container *ngIf=\"showHeader\">\r\n      <ng-container *ngIf=\"headerTemplate; else defaultHeaderTemplate\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"headerTemplate; context: {$implicit: columns, columns: columns}\"></ng-container>\r\n      </ng-container>\r\n      <ng-template #defaultHeaderTemplate>\r\n        <tr>\r\n          <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn style=\"width: 44px;\">\r\n            <!-- Native header checkbox bypasses dt.processedData (O(N log N) sort) used\r\n                 by p-tableHeaderCheckbox.toggleRowsWithCheckbox() on select all. -->\r\n            <input type=\"checkbox\"\r\n                   class=\"in-table-checkbox\"\r\n                   [checked]=\"_isAllSelected()\"\r\n                   (change)=\"_onHeaderCheckboxChange($event)\"\r\n                   (click)=\"$event.stopPropagation()\"\r\n            >\r\n          </th>\r\n          <th *ngFor=\"let col of filteredColumns\" [pSortableColumn]=\"col.field\" class=\"u-position-relative\"\r\n              pResizableColumn>\r\n            <div class=\"p-table-thead-title\"\r\n                 title=\"{{col.label | translate}}\">\r\n              {{col.label | translate}}\r\n            </div>\r\n            <p-sortIcon *ngIf=\"isSortIcon\" [field]=\"col.field\"\r\n                        class=\"u-position-absolute u-position-absolute-right c-sorticon\"\r\n                        style=\"display: flex; width: 18px; top: 0; height: 100%;\"></p-sortIcon>\r\n          </th>\r\n        </tr>\r\n        <tr *ngIf=\"toolbar && toolbar.filter && toolbar.filter.active\">\r\n          <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn\r\n              style=\"width: 44px;\"></th>\r\n          <th *ngFor=\"let col of columns\" [ngSwitch]=\"col.field\">\r\n            <input\r\n              (input)=\"dt.filter($any($event.target).value, col.field, 'contains')\"\r\n              *ngSwitchCase=\"colFilter(col.field)?.type === 'text' ? col.field : ''\"\r\n              autofocus=\"\"\r\n              class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n              pInputText\r\n              type=\"text\">\r\n\r\n            <p-dropdown (onChange)=\"dt.filter($event.value, col.field, 'equals')\"\r\n                        *ngSwitchCase=\"colFilter(col.field)?.type === 'dropdown' ? col.field : ''\"\r\n                        [options]=\"colFilter(col.field)?.options\"\r\n                        [style]=\"{ width: '100%', overflow: 'visible' }\"\r\n                        appendTo=\"body\"></p-dropdown>\r\n\r\n            <p-multiSelect (onChange)=\"dt.filter($event.value, col.field, 'in')\"\r\n                           *ngSwitchCase=\"colFilter(col.field)?.type === 'multiselect' ? col.field : ''\"\r\n                           [options]=\"colFilter(col.field)?.options\"\r\n                           [style]=\"{ width: '100%', overflow: 'visible' }\" appendTo=\"body\"\r\n                           defaultLabel=\"{{'All' | translate}}\"></p-multiSelect>\r\n            <input\r\n              (input)=\"dt.filter($any($event.target).value, col.field + '2filter', 'contains')\"\r\n              *ngSwitchCase=\"colFilter(col.field)?.type === 'datetext' ? col.field : ''\"\r\n              autofocus=\"\"\r\n              class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n              pInputText\r\n              type=\"text\">\r\n          </th>\r\n        </tr>\r\n      </ng-template>\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"bodyTemplate\" let-columns=\"columns\" let-rowData let-rowIndex=\"rowIndex\" pTemplate=\"body\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"bodyTemplate; context: {$implicit: { rowIndex: rowIndex, rowData: rowData, columns: columns}}\"></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"!bodyTemplate\" let-columns=\"columns\" let-index=\"rowIndex\" let-rowData pTemplate=\"body\">\r\n    <tr\r\n      (click)=\"toggleGroup(index, rowData.groupKey[groupMode])\"\r\n      *ngIf=\"isGrouped && isShowGroup(rowData.groupKey[groupMode], index)\"\r\n      class=\"row_hover_highlight\">\r\n      <td [colSpan]=\"countVisibleColumns() + 1\">\r\n        <span>\r\n          <i\r\n            [ngClass]=\"groupInfo[rowData.groupKey[groupMode]].isExpanded ? 'in fa-fw in-chevron-down' : 'in fa-fw in-chevron-right'\"></i>\r\n          <span>{{rowData.groupKey[groupMode] | translate }} ({{countGroup(rowData.groupKey[groupMode], groupMode)}}\r\n            )</span>\r\n        </span>\r\n      </td>\r\n    </tr>\r\n    <tr *ngIf=\"!isGrouped || groupInfo[(rowData.groupKey[groupMode])].isExpanded\"\r\n        [ngClass]=\"{row_active: isRowActive(rowData)}\"\r\n        [pSelectableRow]=\"rowData\"\r\n        class=\"row\">\r\n      <td *ngIf=\"checkboxSelection\" [ngClass]=\"{\r\n            'row_status_success': rowData.sdirparamstatecolor === 'success',\r\n            'row_status_error': rowData.sdirparamstatecolor === 'error',\r\n            'row_status_warning': rowData.sdirparamstatecolor === 'warning',\r\n            'row_status_critical': rowData.sdirparamstatecolor === 'critical',\r\n            'row_status_falsevalue': rowData.sdirparamstatecolor === 'falsevalue',\r\n            'row_status_pending': rowData.sdirparamstatecolor === 'pending'\r\n          }\" class=\"u-text_center\"\r\n          style=\"width: 44px\"\r\n      >\r\n        <!-- Native checkbox \u2014 no Angular component overhead (no NgModel/CVA/signals).\r\n             Uses Set for O(1) state lookup instead of p-tableCheckbox's O(M) isSelected(). -->\r\n        <input type=\"checkbox\"\r\n               class=\"in-table-checkbox\"\r\n               [checked]=\"_isRowSelected(rowData)\"\r\n               [style.pointer-events]=\"(selectionMode === 'single' || (selectionMode === 'multiple' && checkboxSelection)) ? 'none' : 'auto'\"\r\n               (change)=\"_onCheckboxChange($event, rowData)\"\r\n               (click)=\"$event.stopPropagation()\"\r\n        >\r\n      </td>\r\n      <td (click)=\"activeChange.emit(rowData)\"\r\n          *ngFor=\"let col of filteredColumns\"\r\n          class=\"u-overflow-visible\">\r\n        <div (mouseover)=\"showTooltip($event)\" *ngIf=\"!valueTemplate\" class=\"p-table-tbody-content\" title>\r\n          {{col.translatable ? (rowData | propertyValue: col.field | translate) : (rowData | propertyValue: col.field)}}\r\n        </div>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"valueTemplate; context: {$implicit: { data: rowData, col: col}}\"></ng-container>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"toolbar\" pTemplate=\"caption\">\r\n\r\n    <div class=\"o-grid o-grid_no-gutter\">\r\n      <div class=\"c-tree-table__toolbar-content u-display-inline-flex\">\r\n        <div *ngIf=\"isTextSearch\" class=\"c-form c-form_inline u-display-inline-block\">\r\n          <form class=\"c-label\">\r\n            <div class=\"input-wrapper u-margin-right-tiny\">\r\n              <input #searchTextInput\r\n                     (input)=\"localSearch(dt, searchText)\"\r\n                     [(ngModel)]=\"searchText\"\r\n                     [ngModelOptions]=\"{standalone: true}\"\r\n                     autofocus=\"\"\r\n                     class=\"search-box c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n                     pInputText\r\n                     placeholder=\"{{('SHARED.SEARCH' | translate) + ':'}}\"\r\n                     required\r\n                     style=\"padding-right: 28px\"\r\n                     tabindex=\"1\"\r\n                     type=\"search\"\r\n              >\r\n              <button (click)=\"clear()\" class=\"button-reset\" type=\"reset\"\r\n                      [attr.title]=\"'Reset' | translate\">\r\n                <i class=\"in in-close\"></i>\r\n              </button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n        <div class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <in-table-columns-multiselect (columnsChange)=\"columnsChange($event)\"\r\n                                        [columns]=\"primaryColumns\"\r\n                                        [disableActiveCheckboxes]=\"countVisibleColumns() === 1\"></in-table-columns-multiselect>\r\n        </div>\r\n\r\n        <button (click)=\"onFilterToolbar($event)\" *ngIf=\"toolbar.filter\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-filter\" title=\"{{'Service filter' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"treeAction.emit($event)\" *ngIf=\"toolbar.tree\" [disabled]=\"toolbar.tree.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-list\" title=\"{{'Filter by rubric' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"addAction.emit($event)\" *ngIf=\"toolbar.add\" [disabled]=\"toolbar.add.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-plus\" title=\"{{'Add' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"linkAction.emit($event)\" *ngIf=\"toolbar.link\" [disabled]=\"toolbar.link.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-link\" title=\"{{'Link' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"csvAction.emit($event)\" *ngIf=\"toolbar.csv\" [disabled]=\"toolbar.csv.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <!--Todo: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u043D\u0430 in-file-csv-->\r\n          <i class=\"in in-file-excel-outline\" title=\"{{'LOGS.SAVE_TO_CSV' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"saveAction.emit($event)\" *ngIf=\"toolbar.save\"\r\n                [disabled]=\"toolbar.save.disabled\"\r\n                class=\"c-btn c-btn_primary c-btn_small\"\r\n                title=\"{{'Save' | translate}}\"\r\n        >\r\n          {{'Save' | translate}}\r\n        </button>\r\n        <button (click)=\"groupEditAction.emit($event)\" *ngIf=\"toolbar.groupEdit && toolbar.groupEdit.active\"\r\n                [disabled]=\"toolbar.groupEdit.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-pencil\" title=\"{{'groupEdit' | translate}}\"></i>\r\n        </button>\r\n        <ng-content select=\"[buttons]\"></ng-content>\r\n        <button (click)=\"paramsEditAction.emit($event)\" *ngIf=\"toolbar.paramsEdit && toolbar.paramsEdit.active\"\r\n                [disabled]=\"toolbar.paramsEdit.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-pencil\" title=\"{{'paramsEdit' | translate}}\"></i>\r\n        </button>\r\n\r\n\r\n        <button (click)=\"removeAction.emit($event)\" *ngIf=\"toolbar.remove && toolbar.remove.active\"\r\n                [disabled]=\"toolbar.remove.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-trash\" title=\"{{'Delete' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"unlinkAction.emit($event)\" *ngIf=\"toolbar.unlink\" [disabled]=\"toolbar.unlink.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-link-off\" title=\"{{'Detach tag from selected items' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"toggleNodes(true)\"\r\n                *ngIf=\"toolbar.expandAll\"\r\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n                title=\"{{'Expand all' | translate}}\">\r\n          <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <path d=\"M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z\"/>\r\n          </svg>\r\n        </button>\r\n        <button (click)=\"toggleNodes(false)\"\r\n                *ngIf=\"toolbar.expandAll\"\r\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n                title=\"{{'Collapse all' | translate}}\">\r\n          <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <path clip-rule=\"evenodd\" d=\"M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z\" fill-rule=\"evenodd\"/>\r\n          </svg>\r\n        </button>\r\n\r\n        <div *ngIf=\"toolbar.groupSort\"\r\n             class=\"c-btn-group\"\r\n             container=\"body\"\r\n             ngbDropdown>\r\n\r\n          <button class=\"c-btn c-btn_border-free c-btn_small\"\r\n                  id=\"dropdownGroupType\"\r\n                  ngbDropdownToggle\r\n                  title=\"{{'Change the way parameters are grouped' | translate}}\">\r\n            <i aria-hidden=\"true\" class=\"in in-object-group\"></i>\r\n            <i aria-hidden=\"true\" class=\"c-caret\"></i>\r\n          </button>\r\n\r\n          <ul aria-labelledby=\"dropdownGroupType\"\r\n              class=\"c-dropdown-menu c-dropdown-menu_right ng-star-inserted\"\r\n              ngbDropdownMenu\r\n              role=\"menu\">\r\n            <li *ngFor=\"let item of toolbar.groupSort.label\"\r\n                [ngClass]=\"{'is-dropdown-menu__listitem_active': item.value === groupMode}\"\r\n                class=\"c-dropdown-menu__listitem is-dropdown-menu__listitem_active\"\r\n                ngbDropdownItem\r\n                role=\"menuitem\">\r\n              <a (click)=\"toggleMode(item.value)\" class=\"c-dropdown-menu__content\">\r\n                {{item.label}}\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</p-table>\r\n", styles: ["@charset \"UTF-8\";.u-overflow-visible{overflow:visible!important}.row_status_success{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-success, #31AC51)}.row_status_error{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-error, #F95C5D)}.row_status_warning{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-warning, #EE9946)}.row_status_critical{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-critical, #F95C5D)}.row_status_falsevalue{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-falsevalue, #85B3CB)}.row_status_disabled{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-disabled)}.row_status_none{padding-left:9px!important;border-left:4px solid transparent}.row_status_pending{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-pending, #1f85ff)}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color, #FFFFFF)}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}:host-context(.theme-light) .in-table-checkbox,:host-context(.theme-contrast) .in-table-checkbox{border-color:#00000073}:host-context(.theme-light) .in-table-checkbox:hover:not(:checked):not(:indeterminate),:host-context(.theme-contrast) .in-table-checkbox:hover:not(:checked):not(:indeterminate){border-color:#000000b3}.in-table-checkbox{appearance:none;-webkit-appearance:none;width:var(--p-checkbox-width, 20px);height:var(--p-checkbox-height, 20px);border:1px solid var(--p-checkbox-border-color, #B3B3B3);border-radius:var(--p-checkbox-border-radius, 2px);background:var(--p-checkbox-background, transparent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;transition:border-color var(--p-checkbox-transition-duration, .15s),background var(--p-checkbox-transition-duration, .15s)}.in-table-checkbox:checked{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox:checked:after{content:\"\";display:block;width:var(--p-checkbox-icon-size, 14px);height:var(--p-checkbox-icon-size, 14px);background-color:var(--p-checkbox-icon-checked-color, #ffffff);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='currentColor' d='M5.25 10.15l-2.8-2.8-.7.7 3.5 3.5 7.5-7.5-.7-.7z'/%3E%3C/svg%3E\");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.in-table-checkbox:indeterminate{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox:indeterminate:after{content:\"\";display:block;width:calc(var(--p-checkbox-icon-size, 14px) - 2px);height:2px;background-color:var(--p-checkbox-icon-checked-color, #ffffff);margin:auto}.in-table-checkbox:hover:not(:checked):not(:indeterminate){border-color:var(--p-checkbox-hover-border-color, #999999)}\n"] }]
     }], () => [], { columns: [{
             type: Input
         }], values: [{