@inspark/inspark-components 19.0.9 → 19.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/full/bms.css +1 -1
- package/full/components/table/table.component.d.ts +5 -0
- package/full/components/table/table.component.d.ts.map +1 -1
- package/full/fesm2022/inspark-inspark-components.mjs +144 -117
- package/full/fesm2022/inspark-inspark-components.mjs.map +1 -1
- package/full/index.css +1 -1
- package/package.json +1 -1
|
@@ -798,32 +798,37 @@ function TableComponent_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
798
798
|
i0.ɵɵtemplate(0, TableComponent_4_ng_template_0_Template, 1, 1, "ng-template", 11);
|
|
799
799
|
} }
|
|
800
800
|
function TableComponent_ng_template_5_ng_container_0_th_2_Template(rf, ctx) { if (rf & 1) {
|
|
801
|
-
i0.ɵɵ
|
|
802
|
-
i0.ɵɵ
|
|
803
|
-
i0.ɵɵ
|
|
801
|
+
const _r4 = i0.ɵɵgetCurrentView();
|
|
802
|
+
i0.ɵɵelementStart(0, "th", 18)(1, "input", 19);
|
|
803
|
+
i0.ɵɵlistener("change", function TableComponent_ng_template_5_ng_container_0_th_2_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1._onHeaderCheckboxChange($event)); })("click", function TableComponent_ng_template_5_ng_container_0_th_2_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r4); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
804
|
+
i0.ɵɵelementEnd()();
|
|
805
|
+
} if (rf & 2) {
|
|
806
|
+
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
807
|
+
i0.ɵɵadvance();
|
|
808
|
+
i0.ɵɵproperty("checked", ctx_r1._isAllSelected());
|
|
804
809
|
} }
|
|
805
810
|
function TableComponent_ng_template_5_ng_container_0_th_3_p_sortIcon_5_Template(rf, ctx) { if (rf & 1) {
|
|
806
|
-
i0.ɵɵelement(0, "p-sortIcon",
|
|
811
|
+
i0.ɵɵelement(0, "p-sortIcon", 23);
|
|
807
812
|
} if (rf & 2) {
|
|
808
|
-
const
|
|
809
|
-
i0.ɵɵproperty("field",
|
|
813
|
+
const col_r5 = i0.ɵɵnextContext().$implicit;
|
|
814
|
+
i0.ɵɵproperty("field", col_r5.field);
|
|
810
815
|
} }
|
|
811
816
|
function TableComponent_ng_template_5_ng_container_0_th_3_Template(rf, ctx) { if (rf & 1) {
|
|
812
|
-
i0.ɵɵelementStart(0, "th",
|
|
817
|
+
i0.ɵɵelementStart(0, "th", 20)(1, "div", 21);
|
|
813
818
|
i0.ɵɵpipe(2, "translate");
|
|
814
819
|
i0.ɵɵtext(3);
|
|
815
820
|
i0.ɵɵpipe(4, "translate");
|
|
816
821
|
i0.ɵɵelementEnd();
|
|
817
|
-
i0.ɵɵtemplate(5, TableComponent_ng_template_5_ng_container_0_th_3_p_sortIcon_5_Template, 1, 1, "p-sortIcon",
|
|
822
|
+
i0.ɵɵtemplate(5, TableComponent_ng_template_5_ng_container_0_th_3_p_sortIcon_5_Template, 1, 1, "p-sortIcon", 22);
|
|
818
823
|
i0.ɵɵelementEnd();
|
|
819
824
|
} if (rf & 2) {
|
|
820
|
-
const
|
|
825
|
+
const col_r5 = ctx.$implicit;
|
|
821
826
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
822
|
-
i0.ɵɵproperty("pSortableColumn",
|
|
827
|
+
i0.ɵɵproperty("pSortableColumn", col_r5.field);
|
|
823
828
|
i0.ɵɵadvance();
|
|
824
|
-
i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 4,
|
|
829
|
+
i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 4, col_r5.label));
|
|
825
830
|
i0.ɵɵadvance(2);
|
|
826
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 6,
|
|
831
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 6, col_r5.label), " ");
|
|
827
832
|
i0.ɵɵadvance(2);
|
|
828
833
|
i0.ɵɵproperty("ngIf", ctx_r1.isSortIcon);
|
|
829
834
|
} }
|
|
@@ -831,80 +836,80 @@ function TableComponent_ng_template_5_ng_container_0_tr_4_th_1_Template(rf, ctx)
|
|
|
831
836
|
i0.ɵɵelement(0, "th", 18);
|
|
832
837
|
} }
|
|
833
838
|
function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_1_Template(rf, ctx) { if (rf & 1) {
|
|
834
|
-
const
|
|
835
|
-
i0.ɵɵelementStart(0, "input",
|
|
836
|
-
i0.ɵɵlistener("input", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_1_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(
|
|
839
|
+
const _r6 = i0.ɵɵgetCurrentView();
|
|
840
|
+
i0.ɵɵelementStart(0, "input", 29);
|
|
841
|
+
i0.ɵɵlistener("input", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_1_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r6); const col_r7 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(4); const dt_r8 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r8.filter($event.target.value, col_r7.field, "contains")); });
|
|
837
842
|
i0.ɵɵelementEnd();
|
|
838
843
|
} }
|
|
839
844
|
function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_dropdown_2_Template(rf, ctx) { if (rf & 1) {
|
|
840
|
-
const
|
|
841
|
-
i0.ɵɵelementStart(0, "p-dropdown",
|
|
842
|
-
i0.ɵɵlistener("onChange", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_dropdown_2_Template_p_dropdown_onChange_0_listener($event) { i0.ɵɵrestoreView(
|
|
845
|
+
const _r9 = i0.ɵɵgetCurrentView();
|
|
846
|
+
i0.ɵɵelementStart(0, "p-dropdown", 30);
|
|
847
|
+
i0.ɵɵlistener("onChange", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_dropdown_2_Template_p_dropdown_onChange_0_listener($event) { i0.ɵɵrestoreView(_r9); const col_r7 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(4); const dt_r8 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r8.filter($event.value, col_r7.field, "equals")); });
|
|
843
848
|
i0.ɵɵelementEnd();
|
|
844
849
|
} if (rf & 2) {
|
|
845
850
|
let tmp_9_0;
|
|
846
|
-
const
|
|
851
|
+
const col_r7 = i0.ɵɵnextContext().$implicit;
|
|
847
852
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
848
853
|
i0.ɵɵstyleMap(i0.ɵɵpureFunction0(3, _c4$3));
|
|
849
|
-
i0.ɵɵproperty("options", (tmp_9_0 = ctx_r1.colFilter(
|
|
854
|
+
i0.ɵɵproperty("options", (tmp_9_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_9_0.options);
|
|
850
855
|
} }
|
|
851
856
|
function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_multiSelect_3_Template(rf, ctx) { if (rf & 1) {
|
|
852
|
-
const
|
|
853
|
-
i0.ɵɵelementStart(0, "p-multiSelect",
|
|
857
|
+
const _r10 = i0.ɵɵgetCurrentView();
|
|
858
|
+
i0.ɵɵelementStart(0, "p-multiSelect", 31);
|
|
854
859
|
i0.ɵɵpipe(1, "translate");
|
|
855
|
-
i0.ɵɵlistener("onChange", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_multiSelect_3_Template_p_multiSelect_onChange_0_listener($event) { i0.ɵɵrestoreView(
|
|
860
|
+
i0.ɵɵlistener("onChange", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_multiSelect_3_Template_p_multiSelect_onChange_0_listener($event) { i0.ɵɵrestoreView(_r10); const col_r7 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(4); const dt_r8 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r8.filter($event.value, col_r7.field, "in")); });
|
|
856
861
|
i0.ɵɵelementEnd();
|
|
857
862
|
} if (rf & 2) {
|
|
858
863
|
let tmp_10_0;
|
|
859
|
-
const
|
|
864
|
+
const col_r7 = i0.ɵɵnextContext().$implicit;
|
|
860
865
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
861
866
|
i0.ɵɵstyleMap(i0.ɵɵpureFunction0(6, _c4$3));
|
|
862
867
|
i0.ɵɵpropertyInterpolate("defaultLabel", i0.ɵɵpipeBind1(1, 4, "All"));
|
|
863
|
-
i0.ɵɵproperty("options", (tmp_10_0 = ctx_r1.colFilter(
|
|
868
|
+
i0.ɵɵproperty("options", (tmp_10_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_10_0.options);
|
|
864
869
|
} }
|
|
865
870
|
function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_4_Template(rf, ctx) { if (rf & 1) {
|
|
866
|
-
const
|
|
867
|
-
i0.ɵɵelementStart(0, "input",
|
|
868
|
-
i0.ɵɵlistener("input", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_4_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(
|
|
871
|
+
const _r11 = i0.ɵɵgetCurrentView();
|
|
872
|
+
i0.ɵɵelementStart(0, "input", 29);
|
|
873
|
+
i0.ɵɵlistener("input", function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_4_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r11); const col_r7 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(4); const dt_r8 = i0.ɵɵreference(2); return i0.ɵɵresetView(dt_r8.filter($event.target.value, col_r7.field + "2filter", "contains")); });
|
|
869
874
|
i0.ɵɵelementEnd();
|
|
870
875
|
} }
|
|
871
876
|
function TableComponent_ng_template_5_ng_container_0_tr_4_th_2_Template(rf, ctx) { if (rf & 1) {
|
|
872
|
-
i0.ɵɵelementStart(0, "th",
|
|
873
|
-
i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_1_Template, 1, 0, "input",
|
|
877
|
+
i0.ɵɵelementStart(0, "th", 25);
|
|
878
|
+
i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_1_Template, 1, 0, "input", 26)(2, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_dropdown_2_Template, 1, 4, "p-dropdown", 27)(3, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_p_multiSelect_3_Template, 2, 7, "p-multiSelect", 28)(4, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_input_4_Template, 1, 0, "input", 26);
|
|
874
879
|
i0.ɵɵelementEnd();
|
|
875
880
|
} if (rf & 2) {
|
|
876
881
|
let tmp_8_0;
|
|
877
882
|
let tmp_9_0;
|
|
878
883
|
let tmp_10_0;
|
|
879
884
|
let tmp_11_0;
|
|
880
|
-
const
|
|
885
|
+
const col_r7 = ctx.$implicit;
|
|
881
886
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
882
|
-
i0.ɵɵproperty("ngSwitch",
|
|
887
|
+
i0.ɵɵproperty("ngSwitch", col_r7.field);
|
|
883
888
|
i0.ɵɵadvance();
|
|
884
|
-
i0.ɵɵproperty("ngSwitchCase", ((tmp_8_0 = ctx_r1.colFilter(
|
|
889
|
+
i0.ɵɵproperty("ngSwitchCase", ((tmp_8_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_8_0.type) === "text" ? col_r7.field : "");
|
|
885
890
|
i0.ɵɵadvance();
|
|
886
|
-
i0.ɵɵproperty("ngSwitchCase", ((tmp_9_0 = ctx_r1.colFilter(
|
|
891
|
+
i0.ɵɵproperty("ngSwitchCase", ((tmp_9_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_9_0.type) === "dropdown" ? col_r7.field : "");
|
|
887
892
|
i0.ɵɵadvance();
|
|
888
|
-
i0.ɵɵproperty("ngSwitchCase", ((tmp_10_0 = ctx_r1.colFilter(
|
|
893
|
+
i0.ɵɵproperty("ngSwitchCase", ((tmp_10_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_10_0.type) === "multiselect" ? col_r7.field : "");
|
|
889
894
|
i0.ɵɵadvance();
|
|
890
|
-
i0.ɵɵproperty("ngSwitchCase", ((tmp_11_0 = ctx_r1.colFilter(
|
|
895
|
+
i0.ɵɵproperty("ngSwitchCase", ((tmp_11_0 = ctx_r1.colFilter(col_r7.field)) == null ? null : tmp_11_0.type) === "datetext" ? col_r7.field : "");
|
|
891
896
|
} }
|
|
892
897
|
function TableComponent_ng_template_5_ng_container_0_tr_4_Template(rf, ctx) { if (rf & 1) {
|
|
893
898
|
i0.ɵɵelementStart(0, "tr");
|
|
894
|
-
i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_tr_4_th_1_Template, 1, 0, "th", 16)(2, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_Template, 5, 5, "th",
|
|
899
|
+
i0.ɵɵtemplate(1, TableComponent_ng_template_5_ng_container_0_tr_4_th_1_Template, 1, 0, "th", 16)(2, TableComponent_ng_template_5_ng_container_0_tr_4_th_2_Template, 5, 5, "th", 24);
|
|
895
900
|
i0.ɵɵelementEnd();
|
|
896
901
|
} if (rf & 2) {
|
|
897
|
-
const
|
|
902
|
+
const columns_r12 = i0.ɵɵnextContext(2).$implicit;
|
|
898
903
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
899
904
|
i0.ɵɵadvance();
|
|
900
905
|
i0.ɵɵproperty("ngIf", ctx_r1.checkboxSelection);
|
|
901
906
|
i0.ɵɵadvance();
|
|
902
|
-
i0.ɵɵproperty("ngForOf",
|
|
907
|
+
i0.ɵɵproperty("ngForOf", columns_r12);
|
|
903
908
|
} }
|
|
904
909
|
function TableComponent_ng_template_5_ng_container_0_Template(rf, ctx) { if (rf & 1) {
|
|
905
910
|
i0.ɵɵelementContainerStart(0);
|
|
906
911
|
i0.ɵɵelementStart(1, "tr");
|
|
907
|
-
i0.ɵɵtemplate(2, TableComponent_ng_template_5_ng_container_0_th_2_Template, 2,
|
|
912
|
+
i0.ɵɵtemplate(2, TableComponent_ng_template_5_ng_container_0_th_2_Template, 2, 1, "th", 16)(3, TableComponent_ng_template_5_ng_container_0_th_3_Template, 6, 8, "th", 17);
|
|
908
913
|
i0.ɵɵelementEnd();
|
|
909
914
|
i0.ɵɵtemplate(4, TableComponent_ng_template_5_ng_container_0_tr_4_Template, 3, 2, "tr", 4);
|
|
910
915
|
i0.ɵɵelementContainerEnd();
|
|
@@ -929,117 +934,117 @@ function TableComponent_6_ng_template_0_ng_container_0_Template(rf, ctx) { if (r
|
|
|
929
934
|
function TableComponent_6_ng_template_0_Template(rf, ctx) { if (rf & 1) {
|
|
930
935
|
i0.ɵɵtemplate(0, TableComponent_6_ng_template_0_ng_container_0_Template, 1, 0, "ng-container", 12);
|
|
931
936
|
} if (rf & 2) {
|
|
932
|
-
const
|
|
933
|
-
const
|
|
934
|
-
const
|
|
937
|
+
const columns_r13 = ctx.columns;
|
|
938
|
+
const rowData_r14 = ctx.$implicit;
|
|
939
|
+
const rowIndex_r15 = ctx.rowIndex;
|
|
935
940
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
936
|
-
i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.bodyTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$6, i0.ɵɵpureFunction3(2, _c5$1,
|
|
941
|
+
i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.bodyTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$6, i0.ɵɵpureFunction3(2, _c5$1, rowIndex_r15, rowData_r14, columns_r13)));
|
|
937
942
|
} }
|
|
938
943
|
function TableComponent_6_Template(rf, ctx) { if (rf & 1) {
|
|
939
|
-
i0.ɵɵtemplate(0, TableComponent_6_ng_template_0_Template, 1, 8, "ng-template",
|
|
944
|
+
i0.ɵɵtemplate(0, TableComponent_6_ng_template_0_Template, 1, 8, "ng-template", 32);
|
|
940
945
|
} }
|
|
941
946
|
function TableComponent_7_ng_template_0_tr_0_Template(rf, ctx) { if (rf & 1) {
|
|
942
|
-
const
|
|
943
|
-
i0.ɵɵelementStart(0, "tr",
|
|
944
|
-
i0.ɵɵlistener("click", function TableComponent_7_ng_template_0_tr_0_Template_tr_click_0_listener() { i0.ɵɵrestoreView(
|
|
945
|
-
i0.ɵɵelementStart(1, "td",
|
|
946
|
-
i0.ɵɵelement(3, "i",
|
|
947
|
+
const _r16 = i0.ɵɵgetCurrentView();
|
|
948
|
+
i0.ɵɵelementStart(0, "tr", 35);
|
|
949
|
+
i0.ɵɵlistener("click", function TableComponent_7_ng_template_0_tr_0_Template_tr_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r16 = i0.ɵɵnextContext(); const index_r18 = ctx_r16.rowIndex; const rowData_r19 = ctx_r16.$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleGroup(index_r18, rowData_r19.groupKey[ctx_r1.groupMode])); });
|
|
950
|
+
i0.ɵɵelementStart(1, "td", 36)(2, "span");
|
|
951
|
+
i0.ɵɵelement(3, "i", 37);
|
|
947
952
|
i0.ɵɵelementStart(4, "span");
|
|
948
953
|
i0.ɵɵtext(5);
|
|
949
954
|
i0.ɵɵpipe(6, "translate");
|
|
950
955
|
i0.ɵɵelementEnd()()()();
|
|
951
956
|
} if (rf & 2) {
|
|
952
|
-
const
|
|
957
|
+
const rowData_r19 = i0.ɵɵnextContext().$implicit;
|
|
953
958
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
954
959
|
i0.ɵɵadvance();
|
|
955
960
|
i0.ɵɵproperty("colSpan", ctx_r1.countVisibleColumns() + 1);
|
|
956
961
|
i0.ɵɵadvance(2);
|
|
957
|
-
i0.ɵɵproperty("ngClass", ctx_r1.groupInfo[
|
|
962
|
+
i0.ɵɵproperty("ngClass", ctx_r1.groupInfo[rowData_r19.groupKey[ctx_r1.groupMode]].isExpanded ? "in fa-fw in-chevron-down" : "in fa-fw in-chevron-right");
|
|
958
963
|
i0.ɵɵadvance(2);
|
|
959
|
-
i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(6, 4,
|
|
964
|
+
i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(6, 4, rowData_r19.groupKey[ctx_r1.groupMode]), " (", ctx_r1.countGroup(rowData_r19.groupKey[ctx_r1.groupMode], ctx_r1.groupMode), " )");
|
|
960
965
|
} }
|
|
961
966
|
function TableComponent_7_ng_template_0_tr_1_td_1_Template(rf, ctx) { if (rf & 1) {
|
|
962
|
-
const
|
|
963
|
-
i0.ɵɵelementStart(0, "td",
|
|
964
|
-
i0.ɵɵlistener("change", function TableComponent_7_ng_template_0_tr_1_td_1_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(
|
|
967
|
+
const _r20 = i0.ɵɵgetCurrentView();
|
|
968
|
+
i0.ɵɵelementStart(0, "td", 41)(1, "input", 19);
|
|
969
|
+
i0.ɵɵlistener("change", function TableComponent_7_ng_template_0_tr_1_td_1_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r20); const rowData_r19 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1._onCheckboxChange($event, rowData_r19)); })("click", function TableComponent_7_ng_template_0_tr_1_td_1_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r20); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
965
970
|
i0.ɵɵelementEnd()();
|
|
966
971
|
} if (rf & 2) {
|
|
967
|
-
const
|
|
972
|
+
const rowData_r19 = i0.ɵɵnextContext(2).$implicit;
|
|
968
973
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
969
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction6(4, _c7,
|
|
974
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction6(4, _c7, rowData_r19.sdirparamstatecolor === "success", rowData_r19.sdirparamstatecolor === "error", rowData_r19.sdirparamstatecolor === "warning", rowData_r19.sdirparamstatecolor === "critical", rowData_r19.sdirparamstatecolor === "falsevalue", rowData_r19.sdirparamstatecolor === "pending"));
|
|
970
975
|
i0.ɵɵadvance();
|
|
971
976
|
i0.ɵɵstyleProp("pointer-events", ctx_r1.selectionMode === "single" || ctx_r1.selectionMode === "multiple" && ctx_r1.checkboxSelection ? "none" : "auto");
|
|
972
|
-
i0.ɵɵproperty("checked", ctx_r1._isRowSelected(
|
|
977
|
+
i0.ɵɵproperty("checked", ctx_r1._isRowSelected(rowData_r19));
|
|
973
978
|
} }
|
|
974
979
|
function TableComponent_7_ng_template_0_tr_1_td_2_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
975
|
-
const
|
|
980
|
+
const _r22 = i0.ɵɵgetCurrentView();
|
|
976
981
|
i0.ɵɵelementStart(0, "div", 44);
|
|
977
|
-
i0.ɵɵlistener("mouseover", function TableComponent_7_ng_template_0_tr_1_td_2_div_1_Template_div_mouseover_0_listener($event) { i0.ɵɵrestoreView(
|
|
982
|
+
i0.ɵɵlistener("mouseover", function TableComponent_7_ng_template_0_tr_1_td_2_div_1_Template_div_mouseover_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.showTooltip($event)); });
|
|
978
983
|
i0.ɵɵtext(1);
|
|
979
984
|
i0.ɵɵpipe(2, "propertyValue");
|
|
980
985
|
i0.ɵɵpipe(3, "translate");
|
|
981
986
|
i0.ɵɵpipe(4, "propertyValue");
|
|
982
987
|
i0.ɵɵelementEnd();
|
|
983
988
|
} if (rf & 2) {
|
|
984
|
-
const
|
|
985
|
-
const
|
|
989
|
+
const col_r23 = i0.ɵɵnextContext().$implicit;
|
|
990
|
+
const rowData_r19 = i0.ɵɵnextContext(2).$implicit;
|
|
986
991
|
i0.ɵɵadvance();
|
|
987
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
992
|
+
i0.ɵɵtextInterpolate1(" ", col_r23.translatable ? i0.ɵɵpipeBind1(3, 4, i0.ɵɵpipeBind2(2, 1, rowData_r19, col_r23.field)) : i0.ɵɵpipeBind2(4, 6, rowData_r19, col_r23.field), " ");
|
|
988
993
|
} }
|
|
989
994
|
function TableComponent_7_ng_template_0_tr_1_td_2_ng_container_2_Template(rf, ctx) { if (rf & 1) {
|
|
990
995
|
i0.ɵɵelementContainer(0);
|
|
991
996
|
} }
|
|
992
997
|
function TableComponent_7_ng_template_0_tr_1_td_2_Template(rf, ctx) { if (rf & 1) {
|
|
993
|
-
const
|
|
998
|
+
const _r21 = i0.ɵɵgetCurrentView();
|
|
994
999
|
i0.ɵɵelementStart(0, "td", 42);
|
|
995
|
-
i0.ɵɵlistener("click", function TableComponent_7_ng_template_0_tr_1_td_2_Template_td_click_0_listener() { i0.ɵɵrestoreView(
|
|
1000
|
+
i0.ɵɵlistener("click", function TableComponent_7_ng_template_0_tr_1_td_2_Template_td_click_0_listener() { i0.ɵɵrestoreView(_r21); const rowData_r19 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.activeChange.emit(rowData_r19)); });
|
|
996
1001
|
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);
|
|
997
1002
|
i0.ɵɵelementEnd();
|
|
998
1003
|
} if (rf & 2) {
|
|
999
|
-
const
|
|
1000
|
-
const
|
|
1004
|
+
const col_r23 = ctx.$implicit;
|
|
1005
|
+
const rowData_r19 = i0.ɵɵnextContext(2).$implicit;
|
|
1001
1006
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
1002
1007
|
i0.ɵɵadvance();
|
|
1003
1008
|
i0.ɵɵproperty("ngIf", !ctx_r1.valueTemplate);
|
|
1004
1009
|
i0.ɵɵadvance();
|
|
1005
|
-
i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.valueTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$6, i0.ɵɵpureFunction2(3, _c8,
|
|
1010
|
+
i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.valueTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c3$6, i0.ɵɵpureFunction2(3, _c8, rowData_r19, col_r23)));
|
|
1006
1011
|
} }
|
|
1007
1012
|
function TableComponent_7_ng_template_0_tr_1_Template(rf, ctx) { if (rf & 1) {
|
|
1008
|
-
i0.ɵɵelementStart(0, "tr",
|
|
1009
|
-
i0.ɵɵtemplate(1, TableComponent_7_ng_template_0_tr_1_td_1_Template, 2, 11, "td",
|
|
1013
|
+
i0.ɵɵelementStart(0, "tr", 38);
|
|
1014
|
+
i0.ɵɵtemplate(1, TableComponent_7_ng_template_0_tr_1_td_1_Template, 2, 11, "td", 39)(2, TableComponent_7_ng_template_0_tr_1_td_2_Template, 3, 8, "td", 40);
|
|
1010
1015
|
i0.ɵɵelementEnd();
|
|
1011
1016
|
} if (rf & 2) {
|
|
1012
|
-
const
|
|
1017
|
+
const rowData_r19 = i0.ɵɵnextContext().$implicit;
|
|
1013
1018
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
1014
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c6, ctx_r1.isRowActive(
|
|
1019
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c6, ctx_r1.isRowActive(rowData_r19)))("pSelectableRow", rowData_r19);
|
|
1015
1020
|
i0.ɵɵadvance();
|
|
1016
1021
|
i0.ɵɵproperty("ngIf", ctx_r1.checkboxSelection);
|
|
1017
1022
|
i0.ɵɵadvance();
|
|
1018
1023
|
i0.ɵɵproperty("ngForOf", ctx_r1.filteredColumns);
|
|
1019
1024
|
} }
|
|
1020
1025
|
function TableComponent_7_ng_template_0_Template(rf, ctx) { if (rf & 1) {
|
|
1021
|
-
i0.ɵɵtemplate(0, TableComponent_7_ng_template_0_tr_0_Template, 7, 6, "tr",
|
|
1026
|
+
i0.ɵɵtemplate(0, TableComponent_7_ng_template_0_tr_0_Template, 7, 6, "tr", 33)(1, TableComponent_7_ng_template_0_tr_1_Template, 3, 6, "tr", 34);
|
|
1022
1027
|
} if (rf & 2) {
|
|
1023
|
-
const
|
|
1024
|
-
const
|
|
1028
|
+
const index_r18 = ctx.rowIndex;
|
|
1029
|
+
const rowData_r19 = ctx.$implicit;
|
|
1025
1030
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
1026
|
-
i0.ɵɵproperty("ngIf", ctx_r1.isGrouped && ctx_r1.isShowGroup(
|
|
1031
|
+
i0.ɵɵproperty("ngIf", ctx_r1.isGrouped && ctx_r1.isShowGroup(rowData_r19.groupKey[ctx_r1.groupMode], index_r18));
|
|
1027
1032
|
i0.ɵɵadvance();
|
|
1028
|
-
i0.ɵɵproperty("ngIf", !ctx_r1.isGrouped || ctx_r1.groupInfo[
|
|
1033
|
+
i0.ɵɵproperty("ngIf", !ctx_r1.isGrouped || ctx_r1.groupInfo[rowData_r19.groupKey[ctx_r1.groupMode]].isExpanded);
|
|
1029
1034
|
} }
|
|
1030
1035
|
function TableComponent_7_Template(rf, ctx) { if (rf & 1) {
|
|
1031
|
-
i0.ɵɵtemplate(0, TableComponent_7_ng_template_0_Template, 2, 2, "ng-template",
|
|
1036
|
+
i0.ɵɵtemplate(0, TableComponent_7_ng_template_0_Template, 2, 2, "ng-template", 32);
|
|
1032
1037
|
} }
|
|
1033
1038
|
function TableComponent_8_ng_template_0_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
1034
|
-
const
|
|
1039
|
+
const _r25 = i0.ɵɵgetCurrentView();
|
|
1035
1040
|
i0.ɵɵelementStart(0, "div", 56)(1, "form", 6)(2, "div", 57)(3, "input", 58, 1);
|
|
1036
1041
|
i0.ɵɵpipe(5, "translate");
|
|
1037
|
-
i0.ɵɵlistener("input", function TableComponent_8_ng_template_0_div_2_Template_input_input_3_listener() { i0.ɵɵrestoreView(
|
|
1038
|
-
i0.ɵɵtwoWayListener("ngModelChange", function TableComponent_8_ng_template_0_div_2_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(
|
|
1042
|
+
i0.ɵɵlistener("input", function TableComponent_8_ng_template_0_div_2_Template_input_input_3_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(3); const dt_r8 = i0.ɵɵreference(2); return i0.ɵɵresetView(ctx_r1.localSearch(dt_r8, ctx_r1.searchText)); });
|
|
1043
|
+
i0.ɵɵtwoWayListener("ngModelChange", function TableComponent_8_ng_template_0_div_2_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.searchText, $event) || (ctx_r1.searchText = $event); return i0.ɵɵresetView($event); });
|
|
1039
1044
|
i0.ɵɵelementEnd();
|
|
1040
1045
|
i0.ɵɵelementStart(6, "button", 59);
|
|
1041
1046
|
i0.ɵɵpipe(7, "translate");
|
|
1042
|
-
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_div_2_Template_button_click_6_listener() { i0.ɵɵrestoreView(
|
|
1047
|
+
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_div_2_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.clear()); });
|
|
1043
1048
|
i0.ɵɵelement(8, "i", 60);
|
|
1044
1049
|
i0.ɵɵelementEnd()()()();
|
|
1045
1050
|
} if (rf & 2) {
|
|
@@ -1052,9 +1057,9 @@ function TableComponent_8_ng_template_0_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
1052
1057
|
i0.ɵɵattribute("title", i0.ɵɵpipeBind1(7, 6, "Reset"));
|
|
1053
1058
|
} }
|
|
1054
1059
|
function TableComponent_8_ng_template_0_button_5_Template(rf, ctx) { if (rf & 1) {
|
|
1055
|
-
const
|
|
1060
|
+
const _r26 = i0.ɵɵgetCurrentView();
|
|
1056
1061
|
i0.ɵɵelementStart(0, "button", 61);
|
|
1057
|
-
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_5_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(
|
|
1062
|
+
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_5_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onFilterToolbar($event)); });
|
|
1058
1063
|
i0.ɵɵelement(1, "i", 62);
|
|
1059
1064
|
i0.ɵɵpipe(2, "translate");
|
|
1060
1065
|
i0.ɵɵelementEnd();
|
|
@@ -1063,9 +1068,9 @@ function TableComponent_8_ng_template_0_button_5_Template(rf, ctx) { if (rf & 1)
|
|
|
1063
1068
|
i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 1, "Service filter"));
|
|
1064
1069
|
} }
|
|
1065
1070
|
function TableComponent_8_ng_template_0_button_6_Template(rf, ctx) { if (rf & 1) {
|
|
1066
|
-
const
|
|
1071
|
+
const _r27 = i0.ɵɵgetCurrentView();
|
|
1067
1072
|
i0.ɵɵelementStart(0, "button", 63);
|
|
1068
|
-
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_6_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(
|
|
1073
|
+
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_6_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.treeAction.emit($event)); });
|
|
1069
1074
|
i0.ɵɵelement(1, "i", 64);
|
|
1070
1075
|
i0.ɵɵpipe(2, "translate");
|
|
1071
1076
|
i0.ɵɵelementEnd();
|
|
@@ -1076,9 +1081,9 @@ function TableComponent_8_ng_template_0_button_6_Template(rf, ctx) { if (rf & 1)
|
|
|
1076
1081
|
i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Filter by rubric"));
|
|
1077
1082
|
} }
|
|
1078
1083
|
function TableComponent_8_ng_template_0_button_7_Template(rf, ctx) { if (rf & 1) {
|
|
1079
|
-
const
|
|
1084
|
+
const _r28 = i0.ɵɵgetCurrentView();
|
|
1080
1085
|
i0.ɵɵelementStart(0, "button", 63);
|
|
1081
|
-
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(
|
|
1086
|
+
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addAction.emit($event)); });
|
|
1082
1087
|
i0.ɵɵelement(1, "i", 65);
|
|
1083
1088
|
i0.ɵɵpipe(2, "translate");
|
|
1084
1089
|
i0.ɵɵelementEnd();
|
|
@@ -1089,9 +1094,9 @@ function TableComponent_8_ng_template_0_button_7_Template(rf, ctx) { if (rf & 1)
|
|
|
1089
1094
|
i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Add"));
|
|
1090
1095
|
} }
|
|
1091
1096
|
function TableComponent_8_ng_template_0_button_8_Template(rf, ctx) { if (rf & 1) {
|
|
1092
|
-
const
|
|
1097
|
+
const _r29 = i0.ɵɵgetCurrentView();
|
|
1093
1098
|
i0.ɵɵelementStart(0, "button", 63);
|
|
1094
|
-
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(
|
|
1099
|
+
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.linkAction.emit($event)); });
|
|
1095
1100
|
i0.ɵɵelement(1, "i", 66);
|
|
1096
1101
|
i0.ɵɵpipe(2, "translate");
|
|
1097
1102
|
i0.ɵɵelementEnd();
|
|
@@ -1102,9 +1107,9 @@ function TableComponent_8_ng_template_0_button_8_Template(rf, ctx) { if (rf & 1)
|
|
|
1102
1107
|
i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Link"));
|
|
1103
1108
|
} }
|
|
1104
1109
|
function TableComponent_8_ng_template_0_button_9_Template(rf, ctx) { if (rf & 1) {
|
|
1105
|
-
const
|
|
1110
|
+
const _r30 = i0.ɵɵgetCurrentView();
|
|
1106
1111
|
i0.ɵɵelementStart(0, "button", 63);
|
|
1107
|
-
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(
|
|
1112
|
+
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.csvAction.emit($event)); });
|
|
1108
1113
|
i0.ɵɵelement(1, "i", 67);
|
|
1109
1114
|
i0.ɵɵpipe(2, "translate");
|
|
1110
1115
|
i0.ɵɵelementEnd();
|
|
@@ -1115,10 +1120,10 @@ function TableComponent_8_ng_template_0_button_9_Template(rf, ctx) { if (rf & 1)
|
|
|
1115
1120
|
i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "LOGS.SAVE_TO_CSV"));
|
|
1116
1121
|
} }
|
|
1117
1122
|
function TableComponent_8_ng_template_0_button_10_Template(rf, ctx) { if (rf & 1) {
|
|
1118
|
-
const
|
|
1123
|
+
const _r31 = i0.ɵɵgetCurrentView();
|
|
1119
1124
|
i0.ɵɵelementStart(0, "button", 68);
|
|
1120
1125
|
i0.ɵɵpipe(1, "translate");
|
|
1121
|
-
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_10_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(
|
|
1126
|
+
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_10_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.saveAction.emit($event)); });
|
|
1122
1127
|
i0.ɵɵtext(2);
|
|
1123
1128
|
i0.ɵɵpipe(3, "translate");
|
|
1124
1129
|
i0.ɵɵelementEnd();
|
|
@@ -1130,9 +1135,9 @@ function TableComponent_8_ng_template_0_button_10_Template(rf, ctx) { if (rf & 1
|
|
|
1130
1135
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 5, "Save"), " ");
|
|
1131
1136
|
} }
|
|
1132
1137
|
function TableComponent_8_ng_template_0_button_11_Template(rf, ctx) { if (rf & 1) {
|
|
1133
|
-
const
|
|
1138
|
+
const _r32 = i0.ɵɵgetCurrentView();
|
|
1134
1139
|
i0.ɵɵelementStart(0, "button", 63);
|
|
1135
|
-
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_11_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(
|
|
1140
|
+
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_11_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.groupEditAction.emit($event)); });
|
|
1136
1141
|
i0.ɵɵelement(1, "i", 69);
|
|
1137
1142
|
i0.ɵɵpipe(2, "translate");
|
|
1138
1143
|
i0.ɵɵelementEnd();
|
|
@@ -1143,9 +1148,9 @@ function TableComponent_8_ng_template_0_button_11_Template(rf, ctx) { if (rf & 1
|
|
|
1143
1148
|
i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "groupEdit"));
|
|
1144
1149
|
} }
|
|
1145
1150
|
function TableComponent_8_ng_template_0_button_13_Template(rf, ctx) { if (rf & 1) {
|
|
1146
|
-
const
|
|
1151
|
+
const _r33 = i0.ɵɵgetCurrentView();
|
|
1147
1152
|
i0.ɵɵelementStart(0, "button", 63);
|
|
1148
|
-
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_13_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(
|
|
1153
|
+
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_13_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.paramsEditAction.emit($event)); });
|
|
1149
1154
|
i0.ɵɵelement(1, "i", 69);
|
|
1150
1155
|
i0.ɵɵpipe(2, "translate");
|
|
1151
1156
|
i0.ɵɵelementEnd();
|
|
@@ -1156,9 +1161,9 @@ function TableComponent_8_ng_template_0_button_13_Template(rf, ctx) { if (rf & 1
|
|
|
1156
1161
|
i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "paramsEdit"));
|
|
1157
1162
|
} }
|
|
1158
1163
|
function TableComponent_8_ng_template_0_button_14_Template(rf, ctx) { if (rf & 1) {
|
|
1159
|
-
const
|
|
1164
|
+
const _r34 = i0.ɵɵgetCurrentView();
|
|
1160
1165
|
i0.ɵɵelementStart(0, "button", 63);
|
|
1161
|
-
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_14_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(
|
|
1166
|
+
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_14_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeAction.emit($event)); });
|
|
1162
1167
|
i0.ɵɵelement(1, "i", 70);
|
|
1163
1168
|
i0.ɵɵpipe(2, "translate");
|
|
1164
1169
|
i0.ɵɵelementEnd();
|
|
@@ -1169,9 +1174,9 @@ function TableComponent_8_ng_template_0_button_14_Template(rf, ctx) { if (rf & 1
|
|
|
1169
1174
|
i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Delete"));
|
|
1170
1175
|
} }
|
|
1171
1176
|
function TableComponent_8_ng_template_0_button_15_Template(rf, ctx) { if (rf & 1) {
|
|
1172
|
-
const
|
|
1177
|
+
const _r35 = i0.ɵɵgetCurrentView();
|
|
1173
1178
|
i0.ɵɵelementStart(0, "button", 63);
|
|
1174
|
-
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_15_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(
|
|
1179
|
+
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_15_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.unlinkAction.emit($event)); });
|
|
1175
1180
|
i0.ɵɵelement(1, "i", 71);
|
|
1176
1181
|
i0.ɵɵpipe(2, "translate");
|
|
1177
1182
|
i0.ɵɵelementEnd();
|
|
@@ -1182,10 +1187,10 @@ function TableComponent_8_ng_template_0_button_15_Template(rf, ctx) { if (rf & 1
|
|
|
1182
1187
|
i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(2, 2, "Detach tag from selected items"));
|
|
1183
1188
|
} }
|
|
1184
1189
|
function TableComponent_8_ng_template_0_button_16_Template(rf, ctx) { if (rf & 1) {
|
|
1185
|
-
const
|
|
1190
|
+
const _r36 = i0.ɵɵgetCurrentView();
|
|
1186
1191
|
i0.ɵɵelementStart(0, "button", 72);
|
|
1187
1192
|
i0.ɵɵpipe(1, "translate");
|
|
1188
|
-
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_16_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
1193
|
+
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_16_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleNodes(true)); });
|
|
1189
1194
|
i0.ɵɵnamespaceSVG();
|
|
1190
1195
|
i0.ɵɵelementStart(2, "svg", 73);
|
|
1191
1196
|
i0.ɵɵelement(3, "path", 74);
|
|
@@ -1194,10 +1199,10 @@ function TableComponent_8_ng_template_0_button_16_Template(rf, ctx) { if (rf & 1
|
|
|
1194
1199
|
i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(1, 1, "Expand all"));
|
|
1195
1200
|
} }
|
|
1196
1201
|
function TableComponent_8_ng_template_0_button_17_Template(rf, ctx) { if (rf & 1) {
|
|
1197
|
-
const
|
|
1202
|
+
const _r37 = i0.ɵɵgetCurrentView();
|
|
1198
1203
|
i0.ɵɵelementStart(0, "button", 72);
|
|
1199
1204
|
i0.ɵɵpipe(1, "translate");
|
|
1200
|
-
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
1205
|
+
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_button_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r37); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleNodes(false)); });
|
|
1201
1206
|
i0.ɵɵnamespaceSVG();
|
|
1202
1207
|
i0.ɵɵelementStart(2, "svg", 73);
|
|
1203
1208
|
i0.ɵɵelement(3, "path", 75);
|
|
@@ -1206,17 +1211,17 @@ function TableComponent_8_ng_template_0_button_17_Template(rf, ctx) { if (rf & 1
|
|
|
1206
1211
|
i0.ɵɵpropertyInterpolate("title", i0.ɵɵpipeBind1(1, 1, "Collapse all"));
|
|
1207
1212
|
} }
|
|
1208
1213
|
function TableComponent_8_ng_template_0_div_18_li_6_Template(rf, ctx) { if (rf & 1) {
|
|
1209
|
-
const
|
|
1214
|
+
const _r38 = i0.ɵɵgetCurrentView();
|
|
1210
1215
|
i0.ɵɵelementStart(0, "li", 82)(1, "a", 83);
|
|
1211
|
-
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_div_18_li_6_Template_a_click_1_listener() { const
|
|
1216
|
+
i0.ɵɵlistener("click", function TableComponent_8_ng_template_0_div_18_li_6_Template_a_click_1_listener() { const item_r39 = i0.ɵɵrestoreView(_r38).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleMode(item_r39.value)); });
|
|
1212
1217
|
i0.ɵɵtext(2);
|
|
1213
1218
|
i0.ɵɵelementEnd()();
|
|
1214
1219
|
} if (rf & 2) {
|
|
1215
|
-
const
|
|
1220
|
+
const item_r39 = ctx.$implicit;
|
|
1216
1221
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
1217
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c10,
|
|
1222
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c10, item_r39.value === ctx_r1.groupMode));
|
|
1218
1223
|
i0.ɵɵadvance(2);
|
|
1219
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
1224
|
+
i0.ɵɵtextInterpolate1(" ", item_r39.label, " ");
|
|
1220
1225
|
} }
|
|
1221
1226
|
function TableComponent_8_ng_template_0_div_18_Template(rf, ctx) { if (rf & 1) {
|
|
1222
1227
|
i0.ɵɵelementStart(0, "div", 76)(1, "button", 77);
|
|
@@ -1234,11 +1239,11 @@ function TableComponent_8_ng_template_0_div_18_Template(rf, ctx) { if (rf & 1) {
|
|
|
1234
1239
|
i0.ɵɵproperty("ngForOf", ctx_r1.toolbar.groupSort.label);
|
|
1235
1240
|
} }
|
|
1236
1241
|
function TableComponent_8_ng_template_0_Template(rf, ctx) { if (rf & 1) {
|
|
1237
|
-
const
|
|
1242
|
+
const _r24 = i0.ɵɵgetCurrentView();
|
|
1238
1243
|
i0.ɵɵelementStart(0, "div", 46)(1, "div", 47);
|
|
1239
1244
|
i0.ɵɵtemplate(2, TableComponent_8_ng_template_0_div_2_Template, 9, 9, "div", 48);
|
|
1240
1245
|
i0.ɵɵelementStart(3, "div", 49)(4, "in-table-columns-multiselect", 50);
|
|
1241
|
-
i0.ɵɵlistener("columnsChange", function TableComponent_8_ng_template_0_Template_in_table_columns_multiselect_columnsChange_4_listener($event) { i0.ɵɵrestoreView(
|
|
1246
|
+
i0.ɵɵlistener("columnsChange", function TableComponent_8_ng_template_0_Template_in_table_columns_multiselect_columnsChange_4_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.columnsChange($event)); });
|
|
1242
1247
|
i0.ɵɵelementEnd()();
|
|
1243
1248
|
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);
|
|
1244
1249
|
i0.ɵɵprojection(12);
|
|
@@ -1337,6 +1342,28 @@ class TableComponent {
|
|
|
1337
1342
|
const key = this.dataKey || 'id';
|
|
1338
1343
|
return this._selectionSet.has(row?.[key] ?? row);
|
|
1339
1344
|
}
|
|
1345
|
+
/** O(1) check — avoids p-tableHeaderCheckbox.updateCheckedState() O(N) iteration */
|
|
1346
|
+
_isAllSelected() {
|
|
1347
|
+
if (!this.values || this.values.length === 0) {
|
|
1348
|
+
return false;
|
|
1349
|
+
}
|
|
1350
|
+
return this._selectionSet.size >= this.values.length;
|
|
1351
|
+
}
|
|
1352
|
+
/** Select/deselect all rows directly via values array — bypasses dt.processedData
|
|
1353
|
+
* (O(N log N) sort) used by p-tableHeaderCheckbox.toggleRowsWithCheckbox(). */
|
|
1354
|
+
_onHeaderCheckboxChange(event) {
|
|
1355
|
+
const checked = event.target.checked;
|
|
1356
|
+
const key = this.dataKey || 'id';
|
|
1357
|
+
if (checked) {
|
|
1358
|
+
this._selectionSet = new Set((this.values || []).map(row => row?.[key] ?? row));
|
|
1359
|
+
this._selection = [...(this.values || [])];
|
|
1360
|
+
}
|
|
1361
|
+
else {
|
|
1362
|
+
this._selectionSet = new Set();
|
|
1363
|
+
this._selection = [];
|
|
1364
|
+
}
|
|
1365
|
+
this.selectionValue = this._selection;
|
|
1366
|
+
}
|
|
1340
1367
|
/** Called when native checkbox changes */
|
|
1341
1368
|
_onCheckboxChange(event, row) {
|
|
1342
1369
|
const checked = event.target.checked;
|
|
@@ -1594,7 +1621,7 @@ class TableComponent {
|
|
|
1594
1621
|
} if (rf & 2) {
|
|
1595
1622
|
let _t;
|
|
1596
1623
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dt = _t.first);
|
|
1597
|
-
} }, 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"], [
|
|
1624
|
+
} }, inputs: { columns: "columns", values: "values", scrollHeight: "scrollHeight", scrollable: "scrollable", selectionMode: "selectionMode", label: "label", error: "error", class: "class", required: "required", style: "style", toolbar: "toolbar", checkboxSelection: "checkboxSelection", active: "active", sortField: "sortField", isAscending: "isAscending", dataKey: "dataKey", stateKey: "stateKey", isGrouped: "isGrouped", customSort: "customSort", isGroupedExpanded: "isGroupedExpanded", showHeader: "showHeader", isMobileView: "isMobileView", resizableColumns: "resizableColumns", isTextSearch: "isTextSearch", isSortIcon: "isSortIcon", columnResizeMode: "columnResizeMode", selection: "selection" }, outputs: { activeChange: "activeChange", selectionChange: "selectionChange", addAction: "addAction", treeAction: "treeAction", csvAction: "csvAction", saveAction: "saveAction", removeAction: "removeAction", unlinkAction: "unlinkAction", linkAction: "linkAction", groupEditAction: "groupEditAction", paramsEditAction: "paramsEditAction", sortFunction: "sortFunction", filterFunction: "filterFunction" }, standalone: false, features: [i0.ɵɵProvidersFeature([TableService])], ngContentSelectors: _c1$b, decls: 9, vars: 25, consts: [["dt", ""], ["searchTextInput", ""], ["class", "c-label", 4, "ngIf"], [3, "onFilter", "onSort", "onStateRestore", "onStateSave", "sortFunction", "selectionChange", "selection", "columns", "customSort", "dataKey", "globalFilterFields", "resizableColumns", "scrollHeight", "scrollable", "selectionMode", "sortField", "sortOrder", "stateKey", "stateStorage", "value", "columnResizeMode"], [4, "ngIf"], ["pTemplate", "header"], [1, "c-label"], ["class", "c-label__req", 4, "ngIf"], ["class", "c-label__sub_is-error", 4, "ngIf"], [1, "c-label__req"], [1, "c-label__sub_is-error"], ["pTemplate", "colgroup"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["style", "width: 44px;", 4, "ngIf"], [4, "ngFor", "ngForOf"], [2, "width", "44px"], ["class", "u-position-relative u-text_center", "pResizableColumn", "", "style", "width: 44px;", 4, "ngIf"], ["class", "u-position-relative", "pResizableColumn", "", 3, "pSortableColumn", 4, "ngFor", "ngForOf"], ["pResizableColumn", "", 1, "u-position-relative", "u-text_center", 2, "width", "44px"], ["type", "checkbox", 1, "in-table-checkbox", 3, "change", "click", "checked"], ["pResizableColumn", "", 1, "u-position-relative", 3, "pSortableColumn"], [1, "p-table-thead-title", 3, "title"], ["class", "u-position-absolute u-position-absolute-right c-sorticon", "style", "display: flex; width: 18px; top: 0; height: 100%;", 3, "field", 4, "ngIf"], [1, "u-position-absolute", "u-position-absolute-right", "c-sorticon", 2, "display", "flex", "width", "18px", "top", "0", "height", "100%", 3, "field"], [3, "ngSwitch", 4, "ngFor", "ngForOf"], [3, "ngSwitch"], ["autofocus", "", "class", "c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched", "pInputText", "", "type", "text", 3, "input", 4, "ngSwitchCase"], ["appendTo", "body", 3, "options", "style", "onChange", 4, "ngSwitchCase"], ["appendTo", "body", 3, "options", "style", "defaultLabel", "onChange", 4, "ngSwitchCase"], ["autofocus", "", "pInputText", "", "type", "text", 1, "c-input", "c-input_small", "ng-pristine", "ng-valid", "ng-scope", "ng-empty", "ng-touched", 3, "input"], ["appendTo", "body", 3, "onChange", "options"], ["appendTo", "body", 3, "onChange", "options", "defaultLabel"], ["pTemplate", "body"], ["class", "row_hover_highlight", 3, "click", 4, "ngIf"], ["class", "row", 3, "ngClass", "pSelectableRow", 4, "ngIf"], [1, "row_hover_highlight", 3, "click"], [3, "colSpan"], [3, "ngClass"], [1, "row", 3, "ngClass", "pSelectableRow"], ["class", "u-text_center", "style", "width: 44px", 3, "ngClass", 4, "ngIf"], ["class", "u-overflow-visible", 3, "click", 4, "ngFor", "ngForOf"], [1, "u-text_center", 2, "width", "44px", 3, "ngClass"], [1, "u-overflow-visible", 3, "click"], ["class", "p-table-tbody-content", "title", "", 3, "mouseover", 4, "ngIf"], ["title", "", 1, "p-table-tbody-content", 3, "mouseover"], ["pTemplate", "caption"], [1, "o-grid", "o-grid_no-gutter"], [1, "c-tree-table__toolbar-content", "u-display-inline-flex"], ["class", "c-form c-form_inline u-display-inline-block", 4, "ngIf"], [1, "c-btn", "c-btn_border-free", "c-btn_small"], [3, "columnsChange", "columns", "disableActiveCheckboxes"], ["class", "c-btn c-btn_border-free c-btn_small", 3, "click", 4, "ngIf"], ["class", "c-btn c-btn_border-free c-btn_small", 3, "disabled", "click", 4, "ngIf"], ["class", "c-btn c-btn_primary c-btn_small", 3, "disabled", "title", "click", 4, "ngIf"], ["class", "c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free", 3, "title", "click", 4, "ngIf"], ["class", "c-btn-group", "container", "body", "ngbDropdown", "", 4, "ngIf"], [1, "c-form", "c-form_inline", "u-display-inline-block"], [1, "input-wrapper", "u-margin-right-tiny"], ["autofocus", "", "pInputText", "", "required", "", "tabindex", "1", "type", "search", 1, "search-box", "c-input", "c-input_small", "ng-pristine", "ng-valid", "ng-scope", "ng-empty", "ng-touched", 2, "padding-right", "28px", 3, "input", "ngModelChange", "ngModel", "ngModelOptions", "placeholder"], ["type", "reset", 1, "button-reset", 3, "click"], [1, "in", "in-close"], [1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "click"], [1, "in", "in-filter", 3, "title"], [1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "click", "disabled"], [1, "in", "in-list", 3, "title"], [1, "in", "in-plus", 3, "title"], [1, "in", "in-link", 3, "title"], [1, "in", "in-file-excel-outline", 3, "title"], [1, "c-btn", "c-btn_primary", "c-btn_small", 3, "click", "disabled", "title"], [1, "in", "in-pencil", 3, "title"], [1, "in", "in-trash", 3, "title"], [1, "in", "in-link-off", 3, "title"], [1, "c-btn", "c-btn_small", "c-btn_svg-24", "c-icon", "c-icon_svg", "c-icon_svg-24", "c-btn_border-free", 3, "click", "title"], ["fill", "currentColor", "height", "24", "viewBox", "0 0 24 24", "width", "24", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z"], ["clip-rule", "evenodd", "d", "M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z", "fill-rule", "evenodd"], ["container", "body", "ngbDropdown", "", 1, "c-btn-group"], ["id", "dropdownGroupType", "ngbDropdownToggle", "", 1, "c-btn", "c-btn_border-free", "c-btn_small", 3, "title"], ["aria-hidden", "true", 1, "in", "in-object-group"], ["aria-hidden", "true", 1, "c-caret"], ["aria-labelledby", "dropdownGroupType", "ngbDropdownMenu", "", "role", "menu", 1, "c-dropdown-menu", "c-dropdown-menu_right", "ng-star-inserted"], ["class", "c-dropdown-menu__listitem is-dropdown-menu__listitem_active", "ngbDropdownItem", "", "role", "menuitem", 3, "ngClass", 4, "ngFor", "ngForOf"], ["ngbDropdownItem", "", "role", "menuitem", 1, "c-dropdown-menu__listitem", "is-dropdown-menu__listitem_active", 3, "ngClass"], [1, "c-dropdown-menu__content", 3, "click"]], template: function TableComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1598
1625
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
1599
1626
|
i0.ɵɵprojectionDef(_c0$l);
|
|
1600
1627
|
i0.ɵɵtemplate(0, TableComponent_span_0_Template, 4, 3, "span", 2);
|
|
@@ -1620,11 +1647,11 @@ class TableComponent {
|
|
|
1620
1647
|
i0.ɵɵproperty("ngIf", !ctx.bodyTemplate);
|
|
1621
1648
|
i0.ɵɵadvance();
|
|
1622
1649
|
i0.ɵɵproperty("ngIf", ctx.toolbar);
|
|
1623
|
-
} }, 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$
|
|
1650
|
+
} }, 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$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)}"] }); }
|
|
1624
1651
|
}
|
|
1625
1652
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableComponent, [{
|
|
1626
1653
|
type: Component,
|
|
1627
|
-
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"] }]
|
|
1654
|
+
args: [{ standalone: false, selector: 'in-table', providers: [TableService], template: "<span *ngIf=\"label\" class=\"c-label\">\r\n {{label}}\r\n <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\r\n</span>\r\n<p-table #dt\r\n (onFilter) = onFilter($event)\r\n (onSort)=\"onSort()\"\r\n (onStateRestore)=\"restoreSearchText()\"\r\n (onStateSave)=\"stateSave($event)\"\r\n (sortFunction)=\"sortFunction? sortFunction.emit($event): null\"\r\n [(selection)]=\"selectionValue\"\r\n [class]=\"class\"\r\n [columns]=\"filteredColumns\"\r\n [customSort]=\"customSort\"\r\n [dataKey]=\"dataKey || 'id'\"\r\n [globalFilterFields]=\"globalFilteredColumns\"\r\n [resizableColumns]=\"resizableColumns\"\r\n [scrollHeight]=\"scrollHeight\"\r\n [scrollable]=\"scrollable\"\r\n [selectionMode]=\"selectionMode\"\r\n [sortField]=\"sortField || 'id'\"\r\n [sortOrder]=\"isAscending ? 1 : -1\"\r\n [stateKey]=\"stateKey\"\r\n [stateStorage]=\"'local'\"\r\n [style]=\"style\"\r\n [value]=\"values\"\r\n [columnResizeMode]=\"columnResizeMode\"\r\n>\r\n <ng-template *ngIf=\"colGroupTemplate\" let-columns pTemplate=\"colgroup\">\r\n <ng-container\r\n *ngTemplateOutlet=\"colGroupTemplate; context: {$implicit: { columns: columns}}\"></ng-container>\r\n </ng-template>\r\n\r\n <ng-template *ngIf=\"!colGroupTemplate\" let-columns pTemplate=\"colgroup\">\r\n <colgroup *ngIf=\"!isMobileView\">\r\n <col *ngIf=\"checkboxSelection\" style=\"width: 44px;\">\r\n <col *ngFor=\"let col of filteredColumns; let idx = index\">\r\n </colgroup>\r\n </ng-template>\r\n\r\n <ng-template let-columns pTemplate=\"header\">\r\n <ng-container *ngIf=\"showHeader\">\r\n <tr>\r\n <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn style=\"width: 44px;\">\r\n <!-- Native header checkbox bypasses dt.processedData (O(N log N) sort) used\r\n by p-tableHeaderCheckbox.toggleRowsWithCheckbox() on select all. -->\r\n <input type=\"checkbox\"\r\n class=\"in-table-checkbox\"\r\n [checked]=\"_isAllSelected()\"\r\n (change)=\"_onHeaderCheckboxChange($event)\"\r\n (click)=\"$event.stopPropagation()\"\r\n >\r\n </th>\r\n <th *ngFor=\"let col of filteredColumns\" [pSortableColumn]=\"col.field\" class=\"u-position-relative\"\r\n pResizableColumn>\r\n <div class=\"p-table-thead-title\"\r\n title=\"{{col.label | translate}}\">\r\n {{col.label | translate}}\r\n </div>\r\n <p-sortIcon *ngIf=\"isSortIcon\" [field]=\"col.field\"\r\n class=\"u-position-absolute u-position-absolute-right c-sorticon\"\r\n style=\"display: flex; width: 18px; top: 0; height: 100%;\"></p-sortIcon>\r\n </th>\r\n </tr>\r\n <tr *ngIf=\"toolbar && toolbar.filter && toolbar.filter.active\">\r\n <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn\r\n style=\"width: 44px;\"></th>\r\n <th *ngFor=\"let col of columns\" [ngSwitch]=\"col.field\">\r\n <input\r\n (input)=\"dt.filter($any($event.target).value, col.field, 'contains')\"\r\n *ngSwitchCase=\"colFilter(col.field)?.type === 'text' ? col.field : ''\"\r\n autofocus=\"\"\r\n class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n pInputText\r\n type=\"text\">\r\n\r\n <p-dropdown (onChange)=\"dt.filter($event.value, col.field, 'equals')\"\r\n *ngSwitchCase=\"colFilter(col.field)?.type === 'dropdown' ? col.field : ''\"\r\n [options]=\"colFilter(col.field)?.options\"\r\n [style]=\"{ width: '100%', overflow: 'visible' }\"\r\n appendTo=\"body\"></p-dropdown>\r\n\r\n <p-multiSelect (onChange)=\"dt.filter($event.value, col.field, 'in')\"\r\n *ngSwitchCase=\"colFilter(col.field)?.type === 'multiselect' ? col.field : ''\"\r\n [options]=\"colFilter(col.field)?.options\"\r\n [style]=\"{ width: '100%', overflow: 'visible' }\" appendTo=\"body\"\r\n defaultLabel=\"{{'All' | translate}}\"></p-multiSelect>\r\n <input\r\n (input)=\"dt.filter($any($event.target).value, col.field + '2filter', 'contains')\"\r\n *ngSwitchCase=\"colFilter(col.field)?.type === 'datetext' ? col.field : ''\"\r\n autofocus=\"\"\r\n class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n pInputText\r\n type=\"text\">\r\n </th>\r\n </tr>\r\n </ng-container>\r\n </ng-template>\r\n\r\n <ng-template *ngIf=\"bodyTemplate\" let-columns=\"columns\" let-rowData let-rowIndex=\"rowIndex\" pTemplate=\"body\">\r\n <ng-container\r\n *ngTemplateOutlet=\"bodyTemplate; context: {$implicit: { rowIndex: rowIndex, rowData: rowData, columns: columns}}\"></ng-container>\r\n </ng-template>\r\n\r\n <ng-template *ngIf=\"!bodyTemplate\" let-columns=\"columns\" let-index=\"rowIndex\" let-rowData pTemplate=\"body\">\r\n <tr\r\n (click)=\"toggleGroup(index, rowData.groupKey[groupMode])\"\r\n *ngIf=\"isGrouped && isShowGroup(rowData.groupKey[groupMode], index)\"\r\n class=\"row_hover_highlight\">\r\n <td [colSpan]=\"countVisibleColumns() + 1\">\r\n <span>\r\n <i\r\n [ngClass]=\"groupInfo[rowData.groupKey[groupMode]].isExpanded ? 'in fa-fw in-chevron-down' : 'in fa-fw in-chevron-right'\"></i>\r\n <span>{{rowData.groupKey[groupMode] | translate }} ({{countGroup(rowData.groupKey[groupMode], groupMode)}}\r\n )</span>\r\n </span>\r\n </td>\r\n </tr>\r\n <tr *ngIf=\"!isGrouped || groupInfo[(rowData.groupKey[groupMode])].isExpanded\"\r\n [ngClass]=\"{row_active: isRowActive(rowData)}\"\r\n [pSelectableRow]=\"rowData\"\r\n class=\"row\">\r\n <td *ngIf=\"checkboxSelection\" [ngClass]=\"{\r\n 'row_status_success': rowData.sdirparamstatecolor === 'success',\r\n 'row_status_error': rowData.sdirparamstatecolor === 'error',\r\n 'row_status_warning': rowData.sdirparamstatecolor === 'warning',\r\n 'row_status_critical': rowData.sdirparamstatecolor === 'critical',\r\n 'row_status_falsevalue': rowData.sdirparamstatecolor === 'falsevalue',\r\n 'row_status_pending': rowData.sdirparamstatecolor === 'pending'\r\n }\" class=\"u-text_center\"\r\n style=\"width: 44px\"\r\n >\r\n <!-- Native checkbox \u2014 no Angular component overhead (no NgModel/CVA/signals).\r\n Uses Set for O(1) state lookup instead of p-tableCheckbox's O(M) isSelected(). -->\r\n <input type=\"checkbox\"\r\n class=\"in-table-checkbox\"\r\n [checked]=\"_isRowSelected(rowData)\"\r\n [style.pointer-events]=\"(selectionMode === 'single' || (selectionMode === 'multiple' && checkboxSelection)) ? 'none' : 'auto'\"\r\n (change)=\"_onCheckboxChange($event, rowData)\"\r\n (click)=\"$event.stopPropagation()\"\r\n >\r\n </td>\r\n <td (click)=\"activeChange.emit(rowData)\"\r\n *ngFor=\"let col of filteredColumns\"\r\n class=\"u-overflow-visible\">\r\n <div (mouseover)=\"showTooltip($event)\" *ngIf=\"!valueTemplate\" class=\"p-table-tbody-content\" title>\r\n {{col.translatable ? (rowData | propertyValue: col.field | translate) : (rowData | propertyValue: col.field)}}\r\n </div>\r\n <ng-container\r\n *ngTemplateOutlet=\"valueTemplate; context: {$implicit: { data: rowData, col: col}}\"></ng-container>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n\r\n <ng-template *ngIf=\"toolbar\" pTemplate=\"caption\">\r\n\r\n <div class=\"o-grid o-grid_no-gutter\">\r\n <div class=\"c-tree-table__toolbar-content u-display-inline-flex\">\r\n <div *ngIf=\"isTextSearch\" class=\"c-form c-form_inline u-display-inline-block\">\r\n <form class=\"c-label\">\r\n <div class=\"input-wrapper u-margin-right-tiny\">\r\n <input #searchTextInput\r\n (input)=\"localSearch(dt, searchText)\"\r\n [(ngModel)]=\"searchText\"\r\n [ngModelOptions]=\"{standalone: true}\"\r\n autofocus=\"\"\r\n class=\"search-box c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n pInputText\r\n placeholder=\"{{('SHARED.SEARCH' | translate) + ':'}}\"\r\n required\r\n style=\"padding-right: 28px\"\r\n tabindex=\"1\"\r\n type=\"search\"\r\n >\r\n <button (click)=\"clear()\" class=\"button-reset\" type=\"reset\"\r\n [attr.title]=\"'Reset' | translate\">\r\n <i class=\"in in-close\"></i>\r\n </button>\r\n </div>\r\n </form>\r\n </div>\r\n <div class=\"c-btn c-btn_border-free c-btn_small\">\r\n <in-table-columns-multiselect (columnsChange)=\"columnsChange($event)\"\r\n [columns]=\"primaryColumns\"\r\n [disableActiveCheckboxes]=\"countVisibleColumns() === 1\"></in-table-columns-multiselect>\r\n </div>\r\n\r\n <button (click)=\"onFilterToolbar($event)\" *ngIf=\"toolbar.filter\"\r\n class=\"c-btn c-btn_border-free c-btn_small\"\r\n >\r\n <i class=\"in in-filter\" title=\"{{'Service filter' | translate}}\"></i>\r\n </button>\r\n\r\n <button (click)=\"treeAction.emit($event)\" *ngIf=\"toolbar.tree\" [disabled]=\"toolbar.tree.disabled\"\r\n class=\"c-btn c-btn_border-free c-btn_small\"\r\n >\r\n <i class=\"in in-list\" title=\"{{'Filter by rubric' | translate}}\"></i>\r\n </button>\r\n\r\n <button (click)=\"addAction.emit($event)\" *ngIf=\"toolbar.add\" [disabled]=\"toolbar.add.disabled\"\r\n class=\"c-btn c-btn_border-free c-btn_small\"\r\n >\r\n <i class=\"in in-plus\" title=\"{{'Add' | translate}}\"></i>\r\n </button>\r\n\r\n <button (click)=\"linkAction.emit($event)\" *ngIf=\"toolbar.link\" [disabled]=\"toolbar.link.disabled\"\r\n class=\"c-btn c-btn_border-free c-btn_small\"\r\n >\r\n <i class=\"in in-link\" title=\"{{'Link' | translate}}\"></i>\r\n </button>\r\n <button (click)=\"csvAction.emit($event)\" *ngIf=\"toolbar.csv\" [disabled]=\"toolbar.csv.disabled\"\r\n class=\"c-btn c-btn_border-free c-btn_small\"\r\n >\r\n <!--Todo: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u043D\u0430 in-file-csv-->\r\n <i class=\"in in-file-excel-outline\" title=\"{{'LOGS.SAVE_TO_CSV' | translate}}\"></i>\r\n </button>\r\n <button (click)=\"saveAction.emit($event)\" *ngIf=\"toolbar.save\"\r\n [disabled]=\"toolbar.save.disabled\"\r\n class=\"c-btn c-btn_primary c-btn_small\"\r\n title=\"{{'Save' | translate}}\"\r\n >\r\n {{'Save' | translate}}\r\n </button>\r\n <button (click)=\"groupEditAction.emit($event)\" *ngIf=\"toolbar.groupEdit && toolbar.groupEdit.active\"\r\n [disabled]=\"toolbar.groupEdit.disabled\"\r\n class=\"c-btn c-btn_border-free c-btn_small\">\r\n <i class=\"in in-pencil\" title=\"{{'groupEdit' | translate}}\"></i>\r\n </button>\r\n <ng-content select=\"[buttons]\"></ng-content>\r\n <button (click)=\"paramsEditAction.emit($event)\" *ngIf=\"toolbar.paramsEdit && toolbar.paramsEdit.active\"\r\n [disabled]=\"toolbar.paramsEdit.disabled\"\r\n class=\"c-btn c-btn_border-free c-btn_small\">\r\n <i class=\"in in-pencil\" title=\"{{'paramsEdit' | translate}}\"></i>\r\n </button>\r\n\r\n\r\n <button (click)=\"removeAction.emit($event)\" *ngIf=\"toolbar.remove && toolbar.remove.active\"\r\n [disabled]=\"toolbar.remove.disabled\"\r\n class=\"c-btn c-btn_border-free c-btn_small\">\r\n <i class=\"in in-trash\" title=\"{{'Delete' | translate}}\"></i>\r\n </button>\r\n <button (click)=\"unlinkAction.emit($event)\" *ngIf=\"toolbar.unlink\" [disabled]=\"toolbar.unlink.disabled\"\r\n class=\"c-btn c-btn_border-free c-btn_small\">\r\n <i class=\"in in-link-off\" title=\"{{'Detach tag from selected items' | translate}}\"></i>\r\n </button>\r\n <button (click)=\"toggleNodes(true)\"\r\n *ngIf=\"toolbar.expandAll\"\r\n class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n title=\"{{'Expand all' | translate}}\">\r\n <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z\"/>\r\n </svg>\r\n </button>\r\n <button (click)=\"toggleNodes(false)\"\r\n *ngIf=\"toolbar.expandAll\"\r\n class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n title=\"{{'Collapse all' | translate}}\">\r\n <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path clip-rule=\"evenodd\" d=\"M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z\" fill-rule=\"evenodd\"/>\r\n </svg>\r\n </button>\r\n\r\n <div *ngIf=\"toolbar.groupSort\"\r\n class=\"c-btn-group\"\r\n container=\"body\"\r\n ngbDropdown>\r\n\r\n <button class=\"c-btn c-btn_border-free c-btn_small\"\r\n id=\"dropdownGroupType\"\r\n ngbDropdownToggle\r\n title=\"{{'Change the way parameters are grouped' | translate}}\">\r\n <i aria-hidden=\"true\" class=\"in in-object-group\"></i>\r\n <i aria-hidden=\"true\" class=\"c-caret\"></i>\r\n </button>\r\n\r\n <ul aria-labelledby=\"dropdownGroupType\"\r\n class=\"c-dropdown-menu c-dropdown-menu_right ng-star-inserted\"\r\n ngbDropdownMenu\r\n role=\"menu\">\r\n <li *ngFor=\"let item of toolbar.groupSort.label\"\r\n [ngClass]=\"{'is-dropdown-menu__listitem_active': item.value === groupMode}\"\r\n class=\"c-dropdown-menu__listitem is-dropdown-menu__listitem_active\"\r\n ngbDropdownItem\r\n role=\"menuitem\">\r\n <a (click)=\"toggleMode(item.value)\" class=\"c-dropdown-menu__content\">\r\n {{item.label}}\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n</p-table>\r\n", styles: ["@charset \"UTF-8\";.u-overflow-visible{overflow:visible!important}.row_status_success{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-success, #31AC51)}.row_status_error{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-error, #F95C5D)}.row_status_warning{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-warning, #EE9946)}.row_status_critical{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-critical, #F95C5D)}.row_status_falsevalue{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-falsevalue, #85B3CB)}.row_status_disabled{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-disabled)}.row_status_none{padding-left:9px!important;border-left:4px solid transparent}.row_status_pending{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-pending, #1f85ff)}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color, #FFFFFF)}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}.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"] }]
|
|
1628
1655
|
}], null, { columns: [{
|
|
1629
1656
|
type: Input
|
|
1630
1657
|
}], values: [{
|