@inspark/inspark-components 19.0.8 → 19.0.10

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

@@ -727,10 +727,9 @@ 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 => ({ "pointer-events": a0 });
-const _c9 = (a0, a1) => ({ data: a0, col: a1 });
-const _c10 = () => ({ standalone: true });
-const _c11 = a0 => ({ "is-dropdown-menu__listitem_active": a0 });
+const _c8 = (a0, a1) => ({ data: a0, col: a1 });
+const _c9 = () => ({ standalone: true });
+const _c10 = 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.ɵɵtext(1, "*");
@@ -960,52 +959,54 @@ function TableComponent_7_ng_template_0_tr_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(6, 4, rowData_r18.groupKey[ctx_r1.groupMode]), " (", ctx_r1.countGroup(rowData_r18.groupKey[ctx_r1.groupMode], ctx_r1.groupMode), " )");
 } }
 function TableComponent_7_ng_template_0_tr_1_td_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 40);
-    i0.ɵɵelement(1, "p-tableCheckbox", 41);
-    i0.ɵɵelementEnd();
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 40)(1, "input", 41);
+    i0.ɵɵlistener("change", function TableComponent_7_ng_template_0_tr_1_td_1_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r19); const rowData_r18 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1._onCheckboxChange($event, rowData_r18)); })("click", function TableComponent_7_ng_template_0_tr_1_td_1_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const rowData_r18 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction6(3, _c7, rowData_r18.sdirparamstatecolor === "success", rowData_r18.sdirparamstatecolor === "error", rowData_r18.sdirparamstatecolor === "warning", rowData_r18.sdirparamstatecolor === "critical", rowData_r18.sdirparamstatecolor === "falsevalue", rowData_r18.sdirparamstatecolor === "pending"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction6(4, _c7, rowData_r18.sdirparamstatecolor === "success", rowData_r18.sdirparamstatecolor === "error", rowData_r18.sdirparamstatecolor === "warning", rowData_r18.sdirparamstatecolor === "critical", rowData_r18.sdirparamstatecolor === "falsevalue", rowData_r18.sdirparamstatecolor === "pending"));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("value", rowData_r18)("ngStyle", i0.ɵɵpureFunction1(10, _c8, ctx_r1.selectionMode === "single" || ctx_r1.selectionMode === "multiple" && ctx_r1.checkboxSelection ? "none" : "auto"));
+    i0.ɵɵstyleProp("pointer-events", ctx_r1.selectionMode === "single" || ctx_r1.selectionMode === "multiple" && ctx_r1.checkboxSelection ? "none" : "auto");
+    i0.ɵɵproperty("checked", ctx_r1._isRowSelected(rowData_r18));
 } }
 function TableComponent_7_ng_template_0_tr_1_td_2_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
+    const _r21 = 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(_r20); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.showTooltip($event)); });
+    i0.ɵɵlistener("mouseover", function TableComponent_7_ng_template_0_tr_1_td_2_div_1_Template_div_mouseover_0_listener($event) { i0.ɵɵrestoreView(_r21); 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_r21 = i0.ɵɵnextContext().$implicit;
+    const col_r22 = i0.ɵɵnextContext().$implicit;
     const rowData_r18 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", col_r21.translatable ? i0.ɵɵpipeBind1(3, 4, i0.ɵɵpipeBind2(2, 1, rowData_r18, col_r21.field)) : i0.ɵɵpipeBind2(4, 6, rowData_r18, col_r21.field), " ");
+    i0.ɵɵtextInterpolate1(" ", col_r22.translatable ? i0.ɵɵpipeBind1(3, 4, i0.ɵɵpipeBind2(2, 1, rowData_r18, col_r22.field)) : i0.ɵɵpipeBind2(4, 6, rowData_r18, col_r22.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 _r19 = i0.ɵɵgetCurrentView();
+    const _r20 = 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(_r19); const rowData_r18 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.activeChange.emit(rowData_r18)); });
+    i0.ɵɵlistener("click", function TableComponent_7_ng_template_0_tr_1_td_2_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r20); const rowData_r18 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.activeChange.emit(rowData_r18)); });
     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);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const col_r21 = ctx.$implicit;
+    const col_r22 = ctx.$implicit;
     const rowData_r18 = 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$6, i0.ɵɵpureFunction2(3, _c9, rowData_r18, col_r21)));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.valueTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$6, i0.ɵɵpureFunction2(3, _c8, rowData_r18, col_r22)));
 } }
 function TableComponent_7_ng_template_0_tr_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr", 37);
-    i0.ɵɵtemplate(1, TableComponent_7_ng_template_0_tr_1_td_1_Template, 2, 12, "td", 38)(2, TableComponent_7_ng_template_0_tr_1_td_2_Template, 3, 8, "td", 39);
+    i0.ɵɵtemplate(1, TableComponent_7_ng_template_0_tr_1_td_1_Template, 2, 11, "td", 38)(2, TableComponent_7_ng_template_0_tr_1_td_2_Template, 3, 8, "td", 39);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const rowData_r18 = i0.ɵɵnextContext().$implicit;
@@ -1030,15 +1031,15 @@ function TableComponent_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, TableComponent_7_ng_template_0_Template, 2, 2, "ng-template", 31);
 } }
 function TableComponent_8_ng_template_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
+    const _r24 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 56)(1, "form", 6)(2, "div", 57)(3, "input", 58, 1);
     i0.ɵɵpipe(5, "translate");
-    i0.ɵɵlistener("input", function TableComponent_8_ng_template_0_div_2_Template_input_input_3_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); const dt_r7 = i0.ɵɵreference(2); return i0.ɵɵresetView(ctx_r1.localSearch(dt_r7, ctx_r1.searchText)); });
-    i0.ɵɵtwoWayListener("ngModelChange", function TableComponent_8_ng_template_0_div_2_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r23); 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(_r24); const ctx_r1 = i0.ɵɵnextContext(3); const dt_r7 = i0.ɵɵreference(2); return i0.ɵɵresetView(ctx_r1.localSearch(dt_r7, ctx_r1.searchText)); });
+    i0.ɵɵtwoWayListener("ngModelChange", function TableComponent_8_ng_template_0_div_2_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r24); 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.ɵɵpipe(7, "translate");
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_div_2_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.clear()); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_div_2_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.clear()); });
     i0.ɵɵelement(8, "i", 60);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -1046,14 +1047,14 @@ function TableComponent_8_ng_template_0_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵpropertyInterpolate("placeholder", i0.ɵɵpipeBind1(5, 4, "SHARED.SEARCH") + ":");
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.searchText);
-    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(8, _c10));
+    i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(8, _c9));
     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 _r24 = i0.ɵɵgetCurrentView();
+    const _r25 = 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(_r24); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onFilterToolbar($event)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_5_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onFilterToolbar($event)); });
     i0.ɵɵelement(1, "i", 62);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -1062,9 +1063,9 @@ 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 _r25 = i0.ɵɵgetCurrentView();
+    const _r26 = 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(_r25); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.treeAction.emit($event)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_6_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.treeAction.emit($event)); });
     i0.ɵɵelement(1, "i", 64);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -1075,9 +1076,9 @@ 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 _r26 = i0.ɵɵgetCurrentView();
+    const _r27 = 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(_r26); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addAction.emit($event)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addAction.emit($event)); });
     i0.ɵɵelement(1, "i", 65);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -1088,9 +1089,9 @@ 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 _r27 = i0.ɵɵgetCurrentView();
+    const _r28 = 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(_r27); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.linkAction.emit($event)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.linkAction.emit($event)); });
     i0.ɵɵelement(1, "i", 66);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -1101,9 +1102,9 @@ 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 _r28 = i0.ɵɵgetCurrentView();
+    const _r29 = 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(_r28); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.csvAction.emit($event)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.csvAction.emit($event)); });
     i0.ɵɵelement(1, "i", 67);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -1114,10 +1115,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 _r29 = i0.ɵɵgetCurrentView();
+    const _r30 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 68);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_10_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r29); 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(_r30); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.saveAction.emit($event)); });
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
@@ -1129,9 +1130,9 @@ 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 _r30 = i0.ɵɵgetCurrentView();
+    const _r31 = 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(_r30); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.groupEditAction.emit($event)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_11_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.groupEditAction.emit($event)); });
     i0.ɵɵelement(1, "i", 69);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -1142,9 +1143,9 @@ 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 _r31 = i0.ɵɵgetCurrentView();
+    const _r32 = 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(_r31); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.paramsEditAction.emit($event)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_13_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.paramsEditAction.emit($event)); });
     i0.ɵɵelement(1, "i", 69);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -1155,9 +1156,9 @@ 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 _r32 = i0.ɵɵgetCurrentView();
+    const _r33 = 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(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeAction.emit($event)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_14_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeAction.emit($event)); });
     i0.ɵɵelement(1, "i", 70);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -1168,9 +1169,9 @@ 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 _r33 = i0.ɵɵgetCurrentView();
+    const _r34 = 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(_r33); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.unlinkAction.emit($event)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_15_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.unlinkAction.emit($event)); });
     i0.ɵɵelement(1, "i", 71);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -1181,10 +1182,10 @@ 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 _r34 = i0.ɵɵgetCurrentView();
+    const _r35 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 72);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_16_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r34); 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(_r35); 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);
@@ -1193,10 +1194,10 @@ function TableComponent_8_ng_template_0_button_16_Template(rf, ctx) { if (rf & 1
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(1, 1, "Expand all"));
 } }
 function TableComponent_8_ng_template_0_button_17_Template(rf, ctx) { if (rf & 1) {
-    const _r35 = i0.ɵɵgetCurrentView();
+    const _r36 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 72);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r35); 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(_r36); 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);
@@ -1205,17 +1206,17 @@ function TableComponent_8_ng_template_0_button_17_Template(rf, ctx) { if (rf & 1
     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 _r36 = i0.ɵɵgetCurrentView();
+    const _r37 = 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_r37 = i0.ɵɵrestoreView(_r36).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleMode(item_r37.value)); });
+    i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_div_18_li_6_Template_a_click_1_listener() { const item_r38 = i0.ɵɵrestoreView(_r37).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleMode(item_r38.value)); });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r37 = ctx.$implicit;
+    const item_r38 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c11, item_r37.value === ctx_r1.groupMode));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c10, item_r38.value === ctx_r1.groupMode));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", item_r37.label, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r38.label, " ");
 } }
 function TableComponent_8_ng_template_0_div_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 76)(1, "button", 77);
@@ -1233,11 +1234,11 @@ 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 _r22 = i0.ɵɵgetCurrentView();
+    const _r23 = 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(_r22); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.columnsChange($event)); });
+    i0.ɵɵlistener("columnsChange", function TableComponent_8_ng_template_0_Template_in_table_columns_multiselect_columnsChange_4_listener($event) { i0.ɵɵrestoreView(_r23); 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.ɵɵprojection(12);
@@ -1315,15 +1316,52 @@ class TableComponent {
         this.groupInfo = {};
         this.groupIndex = {};
         this._selection = null;
+        /** O(1) selected-row lookup. Rebuilt whenever selection changes.
+         *  Replaces p-tableCheckbox which calls dt.isSelected() (O(M)) for EVERY
+         *  row on EVERY CD cycle via TableService.selectionSource$ subscription. */
+        this._selectionSet = new Set();
+    }
+    _rebuildSelectionSet(val) {
+        this._selectionSet = new Set();
+        if (Array.isArray(val)) {
+            const key = this.dataKey || 'id';
+            for (const item of val) {
+                if (item != null) {
+                    this._selectionSet.add(item[key] ?? item);
+                }
+            }
+        }
+    }
+    /** O(1) check used in template instead of dt.isSelected() */
+    _isRowSelected(row) {
+        const key = this.dataKey || 'id';
+        return this._selectionSet.has(row?.[key] ?? row);
+    }
+    /** Called when native checkbox changes */
+    _onCheckboxChange(event, row) {
+        const checked = event.target.checked;
+        const key = this.dataKey || 'id';
+        const rowKey = row?.[key] ?? row;
+        if (checked) {
+            this._selectionSet.add(rowKey);
+            this._selection = [...(this._selection || []), row];
+        }
+        else {
+            this._selectionSet.delete(rowKey);
+            this._selection = (this._selection || []).filter((item) => (item?.[key] ?? item) !== rowKey);
+        }
+        this.selectionValue = this._selection;
     }
     set selection(val) {
         this._selection = val;
+        this._rebuildSelectionSet(val);
     }
     get selectionValue() {
         return this._selection;
     }
     set selectionValue(val) {
         this._selection = val;
+        this._rebuildSelectionSet(val);
         this.selectionChange.emit(val);
     }
     isRowActive(row) {
@@ -1556,7 +1594,7 @@ 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"], ["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"], [3, "value", "ngStyle"], [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", ""], ["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"], ["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"], ["type", "checkbox", 1, "in-table-checkbox", 3, "change", "click", "checked"], [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$l);
             i0.ɵɵtemplate(0, TableComponent_span_0_Template, 4, 3, "span", 2);
@@ -1582,11 +1620,11 @@ class TableComponent {
             i0.ɵɵproperty("ngIf", !ctx.bodyTemplate);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.toolbar);
-        } }, dependencies: () => [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, i1$2.NgStyle, i1$2.NgSwitch, i1$2.NgSwitchCase, i2$2.Table, i2.PrimeTemplate, i2$2.SortableColumn, i2$2.SelectableRow, i2$2.ResizableColumn, i2$2.SortIcon, i2$2.TableCheckbox, i2$2.TableHeaderCheckbox, i2$1.ɵNgNoValidate, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.RequiredValidator, i2$1.NgModel, i2$1.NgForm, i5.Dropdown, i6.MultiSelect, i7.NgbDropdown, i7.NgbDropdownToggle, i7.NgbDropdownMenu, i7.NgbDropdownItem, TableColumnsMultiselectComponent, PropertyValuePipe, i1.TranslatePipe], styles: ["@charset \"UTF-8\";.u-overflow-visible[_ngcontent-%COMP%]{overflow:visible!important}.row_status_success[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-success, #31AC51)}.row_status_error[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-error, #F95C5D)}.row_status_warning[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-warning, #EE9946)}.row_status_critical[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-critical, #F95C5D)}.row_status_falsevalue[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-falsevalue, #85B3CB)}.row_status_disabled[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-disabled)}.row_status_none[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid transparent}.row_status_pending[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-pending, #1f85ff)}.button-reset[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]:hover{color:var(--ids-theme-btn-default-color, #FFFFFF)}.input-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;align-items:baseline}.c-input[_ngcontent-%COMP%]:not(:valid) ~ .button-reset[_ngcontent-%COMP%]{display:none}"] }); }
+        } }, dependencies: () => [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, i1$2.NgSwitch, i1$2.NgSwitchCase, i2$2.Table, i2.PrimeTemplate, i2$2.SortableColumn, i2$2.SelectableRow, i2$2.ResizableColumn, i2$2.SortIcon, i2$2.TableHeaderCheckbox, i2$1.ɵNgNoValidate, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.RequiredValidator, i2$1.NgModel, i2$1.NgForm, i5.Dropdown, i6.MultiSelect, i7.NgbDropdown, i7.NgbDropdownToggle, i7.NgbDropdownMenu, i7.NgbDropdownItem, TableColumnsMultiselectComponent, PropertyValuePipe, i1.TranslatePipe], styles: ["@charset \"UTF-8\";.u-overflow-visible[_ngcontent-%COMP%]{overflow:visible!important}.row_status_success[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-success, #31AC51)}.row_status_error[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-error, #F95C5D)}.row_status_warning[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-warning, #EE9946)}.row_status_critical[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-critical, #F95C5D)}.row_status_falsevalue[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-falsevalue, #85B3CB)}.row_status_disabled[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-disabled)}.row_status_none[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid transparent}.row_status_pending[_ngcontent-%COMP%]{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-pending, #1f85ff)}.button-reset[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]:hover{color:var(--ids-theme-btn-default-color, #FFFFFF)}.input-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;align-items:baseline}.c-input[_ngcontent-%COMP%]:not(:valid) ~ .button-reset[_ngcontent-%COMP%]{display:none}.in-table-checkbox[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]:checked{background:var(--p-checkbox-checked-background, #387382);border-color:var(--p-checkbox-checked-border-color, #387382)}.in-table-checkbox[_ngcontent-%COMP%]: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[_ngcontent-%COMP%]:hover:not(:checked){border-color:var(--p-checkbox-hover-border-color, #999999)}"] }); }
 }
 (() => { (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          <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\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        <p-tableCheckbox [value]=\"rowData\"\r\n                         [ngStyle]=\"{ 'pointer-events': selectionMode === 'single' || selectionMode === 'multiple' && checkboxSelection ? 'none' : 'auto'}\"\r\n        ></p-tableCheckbox>\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}\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      <tr>\r\n        <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn style=\"width: 44px;\">\r\n          <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\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}.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:hover:not(:checked){border-color:var(--p-checkbox-hover-border-color, #999999)}\n"] }]
     }], null, { columns: [{
             type: Input
         }], values: [{
@@ -2247,25 +2285,27 @@ function TreeTableComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngForOf", columns_r5);
 } }
 function TreeTableComponent_ng_template_4_td_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td");
-    i0.ɵɵelement(1, "p-treeTableCheckbox", 16);
-    i0.ɵɵelementEnd();
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td")(1, "input", 16);
+    i0.ɵɵlistener("change", function TreeTableComponent_ng_template_4_td_1_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r6); const rowNode_r7 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2._onCheckboxChange($event, rowNode_r7)); })("click", function TreeTableComponent_ng_template_4_td_1_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r6); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const rowNode_r6 = i0.ɵɵnextContext().$implicit;
+    const rowNode_r7 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("value", rowNode_r6);
+    i0.ɵɵproperty("checked", ctx_r2._isRowSelected(rowNode_r7));
 } }
 function TreeTableComponent_ng_template_4_td_2_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "p-treeTableToggler", 22);
 } if (rf & 2) {
-    const rowNode_r6 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵproperty("rowNode", rowNode_r6);
+    const rowNode_r7 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵproperty("rowNode", rowNode_r7);
 } }
 function TreeTableComponent_ng_template_4_td_2_ng_container_5_i_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 24);
 } if (rf & 2) {
-    const rowData_r8 = i0.ɵɵnextContext(3).rowData;
-    i0.ɵɵproperty("ngClass", rowData_r8.icon);
+    const rowData_r9 = i0.ɵɵnextContext(3).rowData;
+    i0.ɵɵproperty("ngClass", rowData_r9.icon);
 } }
 function TreeTableComponent_ng_template_4_td_2_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -2274,22 +2314,22 @@ function TreeTableComponent_ng_template_4_td_2_ng_container_5_Template(rf, ctx)
     i0.ɵɵpipe(3, "propertyValue");
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r8 = i0.ɵɵnextContext();
-    const col_r10 = ctx_r8.$implicit;
-    const i_r11 = ctx_r8.index;
-    const rowData_r8 = i0.ɵɵnextContext().rowData;
+    const ctx_r9 = i0.ɵɵnextContext();
+    const col_r11 = ctx_r9.$implicit;
+    const i_r12 = ctx_r9.index;
+    const rowData_r9 = i0.ɵɵnextContext().rowData;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", rowData_r8.icon && i_r11 == 0);
+    i0.ɵɵproperty("ngIf", rowData_r9.icon && i_r12 == 0);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(3, 2, rowData_r8, col_r10.field), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(3, 2, rowData_r9, col_r11.field), " ");
 } }
 function TreeTableComponent_ng_template_4_td_2_ng_container_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function TreeTableComponent_ng_template_4_td_2_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
+    const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "td", 17);
-    i0.ɵɵlistener("click", function TreeTableComponent_ng_template_4_td_2_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r7); const rowData_r8 = i0.ɵɵnextContext().rowData; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.activeChange.emit(rowData_r8)); });
+    i0.ɵɵlistener("click", function TreeTableComponent_ng_template_4_td_2_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r8); const rowData_r9 = i0.ɵɵnextContext().rowData; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.activeChange.emit(rowData_r9)); });
     i0.ɵɵelementStart(1, "div", 18);
     i0.ɵɵtemplate(2, TreeTableComponent_ng_template_4_td_2_ng_template_2_Template, 1, 1, "ng-template", 19);
     i0.ɵɵelementStart(3, "div", 20);
@@ -2297,39 +2337,39 @@ function TreeTableComponent_ng_template_4_td_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(5, TreeTableComponent_ng_template_4_td_2_ng_container_5_Template, 4, 5, "ng-container", 6)(6, TreeTableComponent_ng_template_4_td_2_ng_container_6_Template, 1, 0, "ng-container", 21);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const col_r10 = ctx.$implicit;
-    const i_r11 = ctx.index;
-    const rowData_r8 = i0.ɵɵnextContext().rowData;
+    const col_r11 = ctx.$implicit;
+    const i_r12 = ctx.index;
+    const rowData_r9 = i0.ɵɵnextContext().rowData;
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", i_r11 == 0);
+    i0.ɵɵproperty("ngIf", i_r12 == 0);
     i0.ɵɵadvance();
-    i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind2(4, 6, rowData_r8, col_r10.field));
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c1$7, i_r11 == 0));
+    i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind2(4, 6, rowData_r9, col_r11.field));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c1$7, i_r12 == 0));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", !ctx_r2.valueTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.valueTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(14, _c3$5, i0.ɵɵpureFunction2(11, _c2$6, rowData_r8, col_r10)));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.valueTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(14, _c3$5, i0.ɵɵpureFunction2(11, _c2$6, rowData_r9, col_r11)));
 } }
 function TreeTableComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr", 14);
     i0.ɵɵtemplate(1, TreeTableComponent_ng_template_4_td_1_Template, 2, 1, "td", 6)(2, TreeTableComponent_ng_template_4_td_2_Template, 7, 16, "td", 15);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const columns_r12 = ctx.columns;
-    const rowData_r8 = ctx.rowData;
-    const rowNode_r6 = ctx.$implicit;
+    const columns_r13 = ctx.columns;
+    const rowData_r9 = ctx.rowData;
+    const rowNode_r7 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$g, ctx_r2.isRowActive(rowData_r8)))("ttSelectableRow", rowNode_r6);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$g, ctx_r2.isRowActive(rowData_r9)))("ttSelectableRow", rowNode_r7);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.checkboxSelection);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", columns_r12);
+    i0.ɵɵproperty("ngForOf", columns_r13);
 } }
 function TreeTableComponent_5_ng_template_0_button_13_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
+    const _r16 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 39);
-    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_13_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.addAction.emit($event)); });
+    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_13_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.addAction.emit($event)); });
     i0.ɵɵelement(1, "i", 40);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2339,9 +2379,9 @@ function TreeTableComponent_5_ng_template_0_button_13_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("title", ctx_r2.toolbar.add.title || "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C");
 } }
 function TreeTableComponent_5_ng_template_0_button_14_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
+    const _r17 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 39);
-    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_14_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.groupAddAction.emit($event)); });
+    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_14_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.groupAddAction.emit($event)); });
     i0.ɵɵelement(1, "i", 41);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2351,10 +2391,10 @@ function TreeTableComponent_5_ng_template_0_button_14_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("title", ctx_r2.toolbar.groupAdd.title || "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0433\u0440\u0443\u043F\u043F\u0443");
 } }
 function TreeTableComponent_5_ng_template_0_button_15_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
+    const _r18 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 42);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_15_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.saveAction.emit($event)); });
+    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_15_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.saveAction.emit($event)); });
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
@@ -2366,9 +2406,9 @@ function TreeTableComponent_5_ng_template_0_button_15_Template(rf, ctx) { if (rf
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 5, "Save"), " ");
 } }
 function TreeTableComponent_5_ng_template_0_button_16_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
+    const _r19 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 39);
-    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_16_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.groupEditAction.emit($event)); });
+    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_16_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.groupEditAction.emit($event)); });
     i0.ɵɵelement(1, "i", 43);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -2379,9 +2419,9 @@ function TreeTableComponent_5_ng_template_0_button_16_Template(rf, ctx) { if (rf
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "groupEdit"));
 } }
 function TreeTableComponent_5_ng_template_0_button_17_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
+    const _r20 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 39);
-    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_17_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.removeAction.emit($event)); });
+    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_17_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.removeAction.emit($event)); });
     i0.ɵɵelement(1, "i", 44);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2391,9 +2431,9 @@ function TreeTableComponent_5_ng_template_0_button_17_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("title", (ctx_r2.toolbar.remove == null ? null : ctx_r2.toolbar.remove.title) || "\u0423\u0434\u0430\u043B\u0438\u0442\u044C");
 } }
 function TreeTableComponent_5_ng_template_0_button_18_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
+    const _r21 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 39);
-    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_18_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.unlinkAction.emit($event)); });
+    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_18_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.unlinkAction.emit($event)); });
     i0.ɵɵelement(1, "i", 45);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -2404,9 +2444,9 @@ function TreeTableComponent_5_ng_template_0_button_18_Template(rf, ctx) { if (rf
     i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Detach tag from selected items"));
 } }
 function TreeTableComponent_5_ng_template_0_button_19_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
+    const _r22 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 39);
-    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_19_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.csvAction.emit($event)); });
+    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_19_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.csvAction.emit($event)); });
     i0.ɵɵelement(1, "i", 46);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2426,10 +2466,10 @@ function TreeTableComponent_5_ng_template_0_button_20__svg_svg_3_Template(rf, ct
     i0.ɵɵelementEnd();
 } }
 function TreeTableComponent_5_ng_template_0_button_20_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
+    const _r23 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 47);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_20_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r2 = i0.ɵɵnextContext(3); const dt_r14 = i0.ɵɵreference(1); return i0.ɵɵresetView(ctx_r2.collapse($event, dt_r14)); });
+    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_button_20_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r2 = i0.ɵɵnextContext(3); const dt_r15 = i0.ɵɵreference(1); return i0.ɵɵresetView(ctx_r2.collapse($event, dt_r15)); });
     i0.ɵɵtemplate(2, TreeTableComponent_5_ng_template_0_button_20__svg_svg_2_Template, 2, 0, "svg", 48)(3, TreeTableComponent_5_ng_template_0_button_20__svg_svg_3_Template, 2, 0, "svg", 48);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2441,19 +2481,19 @@ function TreeTableComponent_5_ng_template_0_button_20_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngIf", !ctx_r2.isCollapse);
 } }
 function TreeTableComponent_5_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
+    const _r14 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 26)(1, "div", 27)(2, "div", 28)(3, "form", 29)(4, "div", 30)(5, "input", 31, 1);
     i0.ɵɵpipe(7, "translate");
-    i0.ɵɵlistener("input", function TreeTableComponent_5_ng_template_0_Template_input_input_5_listener($event) { i0.ɵɵrestoreView(_r13); i0.ɵɵnextContext(2); const dt_r14 = i0.ɵɵreference(1); return i0.ɵɵresetView(dt_r14.filterGlobal($event.target.value, "contains")); });
-    i0.ɵɵtwoWayListener("ngModelChange", function TreeTableComponent_5_ng_template_0_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.searchText, $event) || (ctx_r2.searchText = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("input", function TreeTableComponent_5_ng_template_0_Template_input_input_5_listener($event) { i0.ɵɵrestoreView(_r14); i0.ɵɵnextContext(2); const dt_r15 = i0.ɵɵreference(1); return i0.ɵɵresetView(dt_r15.filterGlobal($event.target.value, "contains")); });
+    i0.ɵɵtwoWayListener("ngModelChange", function TreeTableComponent_5_ng_template_0_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.searchText, $event) || (ctx_r2.searchText = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(8, "button", 32);
     i0.ɵɵpipe(9, "translate");
-    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_Template_button_click_8_listener($event) { i0.ɵɵrestoreView(_r13); i0.ɵɵnextContext(2); const dt_r14 = i0.ɵɵreference(1); return i0.ɵɵresetView(dt_r14.filterGlobal($event.target.value, "contains")); });
+    i0.ɵɵlistener("click", function TreeTableComponent_5_ng_template_0_Template_button_click_8_listener($event) { i0.ɵɵrestoreView(_r14); i0.ɵɵnextContext(2); const dt_r15 = i0.ɵɵreference(1); return i0.ɵɵresetView(dt_r15.filterGlobal($event.target.value, "contains")); });
     i0.ɵɵelement(10, "i", 33);
     i0.ɵɵelementEnd()()()();
     i0.ɵɵelementStart(11, "div", 34)(12, "in-table-columns-multiselect", 35);
-    i0.ɵɵlistener("columnsChange", function TreeTableComponent_5_ng_template_0_Template_in_table_columns_multiselect_columnsChange_12_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.columnsChange($event)); });
+    i0.ɵɵlistener("columnsChange", function TreeTableComponent_5_ng_template_0_Template_in_table_columns_multiselect_columnsChange_12_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.columnsChange($event)); });
     i0.ɵɵelementEnd()();
     i0.ɵɵtemplate(13, TreeTableComponent_5_ng_template_0_button_13_Template, 2, 2, "button", 36)(14, TreeTableComponent_5_ng_template_0_button_14_Template, 2, 2, "button", 36)(15, TreeTableComponent_5_ng_template_0_button_15_Template, 4, 7, "button", 37)(16, TreeTableComponent_5_ng_template_0_button_16_Template, 3, 4, "button", 36)(17, TreeTableComponent_5_ng_template_0_button_17_Template, 2, 2, "button", 36)(18, TreeTableComponent_5_ng_template_0_button_18_Template, 3, 4, "button", 36)(19, TreeTableComponent_5_ng_template_0_button_19_Template, 2, 1, "button", 36)(20, TreeTableComponent_5_ng_template_0_button_20_Template, 4, 5, "button", 38);
     i0.ɵɵelementEnd()();
@@ -2506,15 +2546,53 @@ class TreeTableComponent {
         this.rowIndex = 0;
         this.isCollapse = true;
         this._selection = null;
+        this._selectionSet = new Set();
+    }
+    _rebuildSelectionSet(val) {
+        this._selectionSet = new Set();
+        if (Array.isArray(val)) {
+            const key = this.dataKey || 'id';
+            for (const item of val) {
+                const data = item?.data ?? item;
+                if (data != null) {
+                    this._selectionSet.add(data[key] ?? data);
+                }
+            }
+        }
+    }
+    _isRowSelected(rowNode) {
+        const key = this.dataKey || 'id';
+        const data = rowNode?.data ?? rowNode;
+        return this._selectionSet.has(data?.[key] ?? data);
+    }
+    _onCheckboxChange(event, rowNode) {
+        const checked = event.target.checked;
+        const key = this.dataKey || 'id';
+        const data = rowNode?.data ?? rowNode;
+        const rowKey = data?.[key] ?? data;
+        if (checked) {
+            this._selectionSet.add(rowKey);
+            this._selection = [...(this._selection || []), rowNode];
+        }
+        else {
+            this._selectionSet.delete(rowKey);
+            this._selection = (this._selection || []).filter((item) => {
+                const d = item?.data ?? item;
+                return (d?.[key] ?? d) !== rowKey;
+            });
+        }
+        this.selectionValue = this._selection;
     }
     set selection(val) {
         this._selection = val;
+        this._rebuildSelectionSet(val);
     }
     get selectionValue() {
         return this._selection;
     }
     set selectionValue(val) {
         this._selection = val;
+        this._rebuildSelectionSet(val);
         this.selectionChange.emit(val);
     }
     isRowActive(row) {
@@ -2606,7 +2684,7 @@ class TreeTableComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
-        } }, 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", selection: "selection" }, outputs: { activeChange: "activeChange", selectionChange: "selectionChange", addAction: "addAction", csvAction: "csvAction", saveAction: "saveAction", collapseAction: "collapseAction", removeAction: "removeAction", unlinkAction: "unlinkAction", groupEditAction: "groupEditAction", groupAddAction: "groupAddAction" }, standalone: false, decls: 6, vars: 14, consts: [["dt", ""], ["searchTextInput", ""], ["columnResizeMode", "expand", 3, "selectionChange", "selection", "columns", "resizableColumns", "scrollHeight", "scrollable", "selectionMode", "sortField", "sortOrder", "value"], ["pTemplate", "colgroup"], ["pTemplate", "header"], ["pTemplate", "body"], [4, "ngIf"], ["style", "width:44px;", 4, "ngIf"], [3, "width", 4, "ngFor", "ngForOf"], [2, "width", "44px"], ["class", "u-position-relative", "ttResizableColumn", "", 3, "ttSortableColumn", 4, "ngFor", "ngForOf"], ["ttResizableColumn", "", 1, "u-position-relative", 3, "ttSortableColumn"], [1, "p-treetable-thead-title", 3, "title"], [1, "p-sortable-column-buttons", 3, "field"], [1, "row", 3, "ngClass", "ttSelectableRow"], ["class", "_u-overflow-visible", 3, "click", 4, "ngFor", "ngForOf"], [3, "value"], [1, "_u-overflow-visible", 3, "click"], [1, "", 2, "display", "flex", "flex-wrap", "nowrap"], [3, "ngIf"], [1, "p-treetable-tbody-content", "cell-content_hover", 2, "flex-grow", "1", 3, "ngClass", "title"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [2, "align-self", "center", 3, "rowNode"], ["class", "u-margin-right-tiny", 3, "ngClass", 4, "ngIf"], [1, "u-margin-right-tiny", 3, "ngClass"], ["pTemplate", "caption"], [1, "o-grid", "o-grid_no-gutter"], [1, "c-tree-table__toolbar-content", "u-display-inline-flex"], [1, "c-form", "c-form_inline", "u-display-inline-block"], [1, "c-label"], [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, "columnsChange", "columns"], ["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"], [1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "click", "disabled"], [1, "in", "in-plus", 3, "title"], [1, "in", "in-folder-closed", 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"], ["title", "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u043A\u0430\u043A CSV", 1, "in", "in-file-excel-outline"], [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"], ["xmlns", "http://www.w3.org/2000/svg", "width", "24", "height", "24", "fill", "currentColor", "viewBox", "0 0 24 24", 4, "ngIf"], ["xmlns", "http://www.w3.org/2000/svg", "width", "24", "height", "24", "fill", "currentColor", "viewBox", "0 0 24 24"], ["d", "M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z"], ["fill-rule", "evenodd", "d", "M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z", "clip-rule", "evenodd"]], template: function TreeTableComponent_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", selection: "selection" }, outputs: { activeChange: "activeChange", selectionChange: "selectionChange", addAction: "addAction", csvAction: "csvAction", saveAction: "saveAction", collapseAction: "collapseAction", removeAction: "removeAction", unlinkAction: "unlinkAction", groupEditAction: "groupEditAction", groupAddAction: "groupAddAction" }, standalone: false, decls: 6, vars: 14, consts: [["dt", ""], ["searchTextInput", ""], ["columnResizeMode", "expand", 3, "selectionChange", "selection", "columns", "resizableColumns", "scrollHeight", "scrollable", "selectionMode", "sortField", "sortOrder", "value"], ["pTemplate", "colgroup"], ["pTemplate", "header"], ["pTemplate", "body"], [4, "ngIf"], ["style", "width:44px;", 4, "ngIf"], [3, "width", 4, "ngFor", "ngForOf"], [2, "width", "44px"], ["class", "u-position-relative", "ttResizableColumn", "", 3, "ttSortableColumn", 4, "ngFor", "ngForOf"], ["ttResizableColumn", "", 1, "u-position-relative", 3, "ttSortableColumn"], [1, "p-treetable-thead-title", 3, "title"], [1, "p-sortable-column-buttons", 3, "field"], [1, "row", 3, "ngClass", "ttSelectableRow"], ["class", "_u-overflow-visible", 3, "click", 4, "ngFor", "ngForOf"], ["type", "checkbox", 1, "in-table-checkbox", 3, "change", "click", "checked"], [1, "_u-overflow-visible", 3, "click"], [1, "", 2, "display", "flex", "flex-wrap", "nowrap"], [3, "ngIf"], [1, "p-treetable-tbody-content", "cell-content_hover", 2, "flex-grow", "1", 3, "ngClass", "title"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [2, "align-self", "center", 3, "rowNode"], ["class", "u-margin-right-tiny", 3, "ngClass", 4, "ngIf"], [1, "u-margin-right-tiny", 3, "ngClass"], ["pTemplate", "caption"], [1, "o-grid", "o-grid_no-gutter"], [1, "c-tree-table__toolbar-content", "u-display-inline-flex"], [1, "c-form", "c-form_inline", "u-display-inline-block"], [1, "c-label"], [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, "columnsChange", "columns"], ["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"], [1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "click", "disabled"], [1, "in", "in-plus", 3, "title"], [1, "in", "in-folder-closed", 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"], ["title", "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u043A\u0430\u043A CSV", 1, "in", "in-file-excel-outline"], [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"], ["xmlns", "http://www.w3.org/2000/svg", "width", "24", "height", "24", "fill", "currentColor", "viewBox", "0 0 24 24", 4, "ngIf"], ["xmlns", "http://www.w3.org/2000/svg", "width", "24", "height", "24", "fill", "currentColor", "viewBox", "0 0 24 24"], ["d", "M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z"], ["fill-rule", "evenodd", "d", "M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z", "clip-rule", "evenodd"]], template: function TreeTableComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "p-treeTable", 2, 0);
             i0.ɵɵtwoWayListener("selectionChange", function TreeTableComponent_Template_p_treeTable_selectionChange_0_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.selectionValue, $event) || (ctx.selectionValue = $event); return i0.ɵɵresetView($event); });
@@ -2619,11 +2697,11 @@ class TreeTableComponent {
             i0.ɵɵproperty("columns", ctx.visibleColumns())("resizableColumns", true)("scrollHeight", ctx.scrollHeight)("scrollable", ctx.scrollable)("selectionMode", ctx.selectionMode)("sortField", ctx.sortField || "id")("sortOrder", ctx.isAscending ? 1 : -1)("value", ctx.values);
             i0.ɵɵadvance(5);
             i0.ɵɵproperty("ngIf", ctx.toolbar);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, i2$4.TreeTable, i2.PrimeTemplate, i2$4.TreeTableToggler, i2$4.TTSortableColumn, i2$4.TTSortIcon, i2$4.TTResizableColumn, i2$4.TTSelectableRow, i2$4.TTCheckbox, i2$4.TTHeaderCheckbox, i2$1.ɵNgNoValidate, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.RequiredValidator, i2$1.NgModel, i2$1.NgForm, TableColumnsMultiselectComponent, PropertyValuePipe, i1.TranslatePipe], styles: ["@charset \"UTF-8\";.p-sortable-column[_ngcontent-%COMP%]{cursor:pointer;position:relative}.p-sortable-column-buttons[_ngcontent-%COMP%]{position:absolute;top:0;right:0;width:18px;height:100%;display:inline-flex;align-items:center;z-index:10000}.p-sortable-column-buttons[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}.u-overflow-visible[_ngcontent-%COMP%]{overflow:visible!important}.button-reset[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]:hover{color:var(--colorIcon)}.input-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;align-items:baseline}.c-input[_ngcontent-%COMP%]:not(:valid) ~ .button-reset[_ngcontent-%COMP%]{display:none}"] }); }
+        } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i1$2.NgTemplateOutlet, i2$4.TreeTable, i2.PrimeTemplate, i2$4.TreeTableToggler, i2$4.TTSortableColumn, i2$4.TTSortIcon, i2$4.TTResizableColumn, i2$4.TTSelectableRow, i2$4.TTHeaderCheckbox, i2$1.ɵNgNoValidate, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.RequiredValidator, i2$1.NgModel, i2$1.NgForm, TableColumnsMultiselectComponent, PropertyValuePipe, i1.TranslatePipe], styles: ["@charset \"UTF-8\";.p-sortable-column[_ngcontent-%COMP%]{cursor:pointer;position:relative}.p-sortable-column-buttons[_ngcontent-%COMP%]{position:absolute;top:0;right:0;width:18px;height:100%;display:inline-flex;align-items:center;z-index:10000}.p-sortable-column-buttons[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}.u-overflow-visible[_ngcontent-%COMP%]{overflow:visible!important}.button-reset[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]:hover{color:var(--colorIcon)}.input-wrapper[_ngcontent-%COMP%]{position:relative;display:flex;align-items:baseline}.c-input[_ngcontent-%COMP%]:not(:valid) ~ .button-reset[_ngcontent-%COMP%]{display:none}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeTableComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'in-tree-table', template: "<p-treeTable #dt\r\n             [(selection)]=\"selectionValue\"\r\n             [class]=\"class\"\r\n             [columns]=\"visibleColumns()\"\r\n             [resizableColumns]=\"true\"\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             [style]=\"style\"\r\n             [value]=\"values\"\r\n             columnResizeMode=\"expand\"\r\n>\r\n  <ng-template let-columns pTemplate=\"colgroup\">\r\n    <colgroup>\r\n      <col *ngIf=\"checkboxSelection\" style=\"width:44px;\">\r\n      <col *ngFor=\"let col of visibleColumns()\" [style.width]=\"col.width ? col.width : '10px'\">\r\n    </colgroup>\r\n  </ng-template>\r\n  <ng-template let-columns pTemplate=\"header\">\r\n    <tr>\r\n      <th *ngIf=\"checkboxSelection\">\r\n        <p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n      </th>\r\n      <th *ngFor=\"let col of columns; let i = index\" [ttSortableColumn]=\"col.field\" class=\"u-position-relative\"\r\n          ttResizableColumn>\r\n        <div class=\"p-treetable-thead-title\" title=\"{{col.label | translate}}\">\r\n          {{col.label | translate}}\r\n        </div>\r\n        <p-treeTableSortIcon [field]=\"col.field\" class=\"p-sortable-column-buttons\"></p-treeTableSortIcon>\r\n      </th>\r\n    </tr>\r\n  </ng-template>\r\n\r\n  <ng-template let-columns=\"columns\" let-rowData=\"rowData\" let-rowNode pTemplate=\"body\">\r\n    <tr [ngClass]=\"{row_active: isRowActive(rowData)}\" [ttSelectableRow]=\"rowNode\" class=\"row\">\r\n      <td *ngIf=\"checkboxSelection\">\r\n        <p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n      </td>\r\n      <td (click)=\"activeChange.emit(rowData)\" *ngFor=\"let col of columns; let i = index\"\r\n          class=\"_u-overflow-visible\">\r\n        <div class=\"\" style=\"display: flex; flex-wrap: nowrap;\">\r\n          <ng-template [ngIf]=\"i == 0\">\r\n            <p-treeTableToggler  [rowNode]=\"rowNode\" style=\"align-self: center;\"></p-treeTableToggler>\r\n          </ng-template>\r\n          <div [ngClass]=\"{ 'p-treetable-tbody-content_has-toggler ': i == 0 }\"\r\n               class=\"p-treetable-tbody-content cell-content_hover\"\r\n               style=\"flex-grow: 1;\"\r\n               title=\"{{rowData | propertyValue: col.field}}\">\r\n            <ng-container *ngIf=\"!valueTemplate\">\r\n              <i *ngIf=\"rowData.icon && i == 0\" [ngClass]=\"rowData.icon\" class=\"u-margin-right-tiny\"></i>\r\n              {{rowData | propertyValue: col.field}}\r\n            </ng-container>\r\n\r\n            <ng-container\r\n              *ngTemplateOutlet=\"valueTemplate; context: {$implicit: { data: rowData, col: col}}\"></ng-container>\r\n          </div>\r\n        </div>\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 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)=\"dt.filterGlobal($any($event.target).value, 'contains')\"\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)=\"dt.filterGlobal($any($event.target).value, 'contains')\" 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]=\"columns\"></in-table-columns-multiselect>\r\n        </div>\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]=\"toolbar.add.title || '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C'\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"groupAddAction.emit($event)\" *ngIf=\"toolbar.groupAdd\" [disabled]=\"toolbar.groupAdd.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-folder-closed\" [title]=\"toolbar.groupAdd.title || '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0433\u0440\u0443\u043F\u043F\u0443'\"></i>\r\n        </button>\r\n\r\n\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        <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]=\"toolbar.remove?.title || '\u0423\u0434\u0430\u043B\u0438\u0442\u044C'\"></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)=\"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=\"\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u043A\u0430\u043A CSV\"></i>\r\n        </button>\r\n        <button  *ngIf=\"toolbar.collapse\"\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                 (click)=\"collapse($event, dt)\"\r\n                 title=\"{{(isCollapse ? 'Expand all' : 'Collapse all') | translate}}\">\r\n          <svg *ngIf=\"isCollapse\"  xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z\"/>\r\n          </svg>\r\n          <svg *ngIf=\"!isCollapse\"  xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path fill-rule=\"evenodd\" d=\"M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z\" clip-rule=\"evenodd\"/>\r\n          </svg>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</p-treeTable>\r\n", styles: ["@charset \"UTF-8\";.p-sortable-column{cursor:pointer;position:relative}.p-sortable-column-buttons{position:absolute;top:0;right:0;width:18px;height:100%;display:inline-flex;align-items:center;z-index:10000}.p-sortable-column-buttons>a{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}.u-overflow-visible{overflow:visible!important}.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(--colorIcon)}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}\n"] }]
+        args: [{ standalone: false, selector: 'in-tree-table', template: "<p-treeTable #dt\r\n             [(selection)]=\"selectionValue\"\r\n             [class]=\"class\"\r\n             [columns]=\"visibleColumns()\"\r\n             [resizableColumns]=\"true\"\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             [style]=\"style\"\r\n             [value]=\"values\"\r\n             columnResizeMode=\"expand\"\r\n>\r\n  <ng-template let-columns pTemplate=\"colgroup\">\r\n    <colgroup>\r\n      <col *ngIf=\"checkboxSelection\" style=\"width:44px;\">\r\n      <col *ngFor=\"let col of visibleColumns()\" [style.width]=\"col.width ? col.width : '10px'\">\r\n    </colgroup>\r\n  </ng-template>\r\n  <ng-template let-columns pTemplate=\"header\">\r\n    <tr>\r\n      <th *ngIf=\"checkboxSelection\">\r\n        <p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n      </th>\r\n      <th *ngFor=\"let col of columns; let i = index\" [ttSortableColumn]=\"col.field\" class=\"u-position-relative\"\r\n          ttResizableColumn>\r\n        <div class=\"p-treetable-thead-title\" title=\"{{col.label | translate}}\">\r\n          {{col.label | translate}}\r\n        </div>\r\n        <p-treeTableSortIcon [field]=\"col.field\" class=\"p-sortable-column-buttons\"></p-treeTableSortIcon>\r\n      </th>\r\n    </tr>\r\n  </ng-template>\r\n\r\n  <ng-template let-columns=\"columns\" let-rowData=\"rowData\" let-rowNode pTemplate=\"body\">\r\n    <tr [ngClass]=\"{row_active: isRowActive(rowData)}\" [ttSelectableRow]=\"rowNode\" class=\"row\">\r\n      <td *ngIf=\"checkboxSelection\">\r\n        <input type=\"checkbox\"\r\n               class=\"in-table-checkbox\"\r\n               [checked]=\"_isRowSelected(rowNode)\"\r\n               (change)=\"_onCheckboxChange($event, rowNode)\"\r\n               (click)=\"$event.stopPropagation()\"\r\n        >\r\n      </td>\r\n      <td (click)=\"activeChange.emit(rowData)\" *ngFor=\"let col of columns; let i = index\"\r\n          class=\"_u-overflow-visible\">\r\n        <div class=\"\" style=\"display: flex; flex-wrap: nowrap;\">\r\n          <ng-template [ngIf]=\"i == 0\">\r\n            <p-treeTableToggler  [rowNode]=\"rowNode\" style=\"align-self: center;\"></p-treeTableToggler>\r\n          </ng-template>\r\n          <div [ngClass]=\"{ 'p-treetable-tbody-content_has-toggler ': i == 0 }\"\r\n               class=\"p-treetable-tbody-content cell-content_hover\"\r\n               style=\"flex-grow: 1;\"\r\n               title=\"{{rowData | propertyValue: col.field}}\">\r\n            <ng-container *ngIf=\"!valueTemplate\">\r\n              <i *ngIf=\"rowData.icon && i == 0\" [ngClass]=\"rowData.icon\" class=\"u-margin-right-tiny\"></i>\r\n              {{rowData | propertyValue: col.field}}\r\n            </ng-container>\r\n\r\n            <ng-container\r\n              *ngTemplateOutlet=\"valueTemplate; context: {$implicit: { data: rowData, col: col}}\"></ng-container>\r\n          </div>\r\n        </div>\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 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)=\"dt.filterGlobal($any($event.target).value, 'contains')\"\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)=\"dt.filterGlobal($any($event.target).value, 'contains')\" 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]=\"columns\"></in-table-columns-multiselect>\r\n        </div>\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]=\"toolbar.add.title || '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C'\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"groupAddAction.emit($event)\" *ngIf=\"toolbar.groupAdd\" [disabled]=\"toolbar.groupAdd.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-folder-closed\" [title]=\"toolbar.groupAdd.title || '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0433\u0440\u0443\u043F\u043F\u0443'\"></i>\r\n        </button>\r\n\r\n\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        <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]=\"toolbar.remove?.title || '\u0423\u0434\u0430\u043B\u0438\u0442\u044C'\"></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)=\"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=\"\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u043A\u0430\u043A CSV\"></i>\r\n        </button>\r\n        <button  *ngIf=\"toolbar.collapse\"\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                 (click)=\"collapse($event, dt)\"\r\n                 title=\"{{(isCollapse ? 'Expand all' : 'Collapse all') | translate}}\">\r\n          <svg *ngIf=\"isCollapse\"  xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z\"/>\r\n          </svg>\r\n          <svg *ngIf=\"!isCollapse\"  xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path fill-rule=\"evenodd\" d=\"M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z\" clip-rule=\"evenodd\"/>\r\n          </svg>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</p-treeTable>\r\n", styles: ["@charset \"UTF-8\";.p-sortable-column{cursor:pointer;position:relative}.p-sortable-column-buttons{position:absolute;top:0;right:0;width:18px;height:100%;display:inline-flex;align-items:center;z-index:10000}.p-sortable-column-buttons>a{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}.u-overflow-visible{overflow:visible!important}.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(--colorIcon)}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}\n"] }]
     }], null, { columns: [{
             type: Input
         }], values: [{