@tilde-nlp/ngx-common 6.1.95 → 6.1.96
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/esm2022/lib/multi-functional-table/models/multi-functional-table-config.model.mjs +1 -1
- package/esm2022/lib/multi-functional-table/multi-functional-table.component.mjs +65 -64
- package/fesm2022/tilde-nlp-ngx-common.mjs +64 -63
- package/fesm2022/tilde-nlp-ngx-common.mjs.map +1 -1
- package/lib/multi-functional-table/models/multi-functional-table-config.model.d.ts +11 -11
- package/lib/multi-functional-table/multi-functional-table.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -3817,13 +3817,13 @@ class StatusDisplayComponent {
|
|
|
3817
3817
|
|
|
3818
3818
|
const _c0$8 = ["tableContainer"];
|
|
3819
3819
|
const _c1$3 = ["filterBar"];
|
|
3820
|
-
const _c2$1 = [[["", "additionalActions", ""]], [["", "batchActions", ""]], "*"];
|
|
3821
|
-
const _c3 = ["[additionalActions]", "[batchActions]", "*"];
|
|
3820
|
+
const _c2$1 = [[["", "tableTitleBlock", ""]], [["", "additionalActions", ""]], [["", "batchActions", ""]], "*"];
|
|
3821
|
+
const _c3 = ["[tableTitleBlock]", "[additionalActions]", "[batchActions]", "*"];
|
|
3822
3822
|
const _c4 = () => [10];
|
|
3823
|
-
function
|
|
3823
|
+
function MultiFunctionalTableComponent_button_4_Template(rf, ctx) { if (rf & 1) {
|
|
3824
3824
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
3825
3825
|
i0.ɵɵelementStart(0, "button", 25);
|
|
3826
|
-
i0.ɵɵlistener("click", function
|
|
3826
|
+
i0.ɵɵlistener("click", function MultiFunctionalTableComponent_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.export()); });
|
|
3827
3827
|
i0.ɵɵelementStart(1, "span", 26);
|
|
3828
3828
|
i0.ɵɵtext(2, "cloud_download");
|
|
3829
3829
|
i0.ɵɵelementEnd();
|
|
@@ -3835,18 +3835,18 @@ function MultiFunctionalTableComponent_button_3_Template(rf, ctx) { if (rf & 1)
|
|
|
3835
3835
|
i0.ɵɵadvance(4);
|
|
3836
3836
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 1, "MULTI_FUNCTIONAL_TABLE.EXPORT"));
|
|
3837
3837
|
} }
|
|
3838
|
-
function
|
|
3838
|
+
function MultiFunctionalTableComponent_div_5_div_7_Template(rf, ctx) { if (rf & 1) {
|
|
3839
3839
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
3840
3840
|
i0.ɵɵelementStart(0, "div", 31)(1, "button", 32);
|
|
3841
|
-
i0.ɵɵlistener("click", function
|
|
3841
|
+
i0.ɵɵlistener("click", function MultiFunctionalTableComponent_div_5_div_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.clearFilters()); });
|
|
3842
3842
|
i0.ɵɵelementStart(2, "mat-icon");
|
|
3843
3843
|
i0.ɵɵtext(3, "close");
|
|
3844
3844
|
i0.ɵɵelementEnd()()();
|
|
3845
3845
|
} }
|
|
3846
|
-
function
|
|
3846
|
+
function MultiFunctionalTableComponent_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
3847
3847
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
3848
3848
|
i0.ɵɵelementStart(0, "div", 27)(1, "button", 28);
|
|
3849
|
-
i0.ɵɵlistener("click", function
|
|
3849
|
+
i0.ɵɵlistener("click", function MultiFunctionalTableComponent_div_5_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleFilterBar()); });
|
|
3850
3850
|
i0.ɵɵelementStart(2, "span", 29);
|
|
3851
3851
|
i0.ɵɵtext(3, "filter_list");
|
|
3852
3852
|
i0.ɵɵelementEnd();
|
|
@@ -3854,7 +3854,7 @@ function MultiFunctionalTableComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
3854
3854
|
i0.ɵɵtext(5);
|
|
3855
3855
|
i0.ɵɵpipe(6, "translate");
|
|
3856
3856
|
i0.ɵɵelementEnd()();
|
|
3857
|
-
i0.ɵɵtemplate(7,
|
|
3857
|
+
i0.ɵɵtemplate(7, MultiFunctionalTableComponent_div_5_div_7_Template, 4, 0, "div", 30);
|
|
3858
3858
|
i0.ɵɵelementEnd();
|
|
3859
3859
|
} if (rf & 2) {
|
|
3860
3860
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -3865,15 +3865,15 @@ function MultiFunctionalTableComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
3865
3865
|
i0.ɵɵadvance(2);
|
|
3866
3866
|
i0.ɵɵproperty("ngIf", ctx_r2.showFilterReset);
|
|
3867
3867
|
} }
|
|
3868
|
-
function
|
|
3868
|
+
function MultiFunctionalTableComponent_div_6_button_7_Template(rf, ctx) { if (rf & 1) {
|
|
3869
3869
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
3870
3870
|
i0.ɵɵelementStart(0, "button", 37);
|
|
3871
|
-
i0.ɵɵlistener("click", function
|
|
3871
|
+
i0.ɵɵlistener("click", function MultiFunctionalTableComponent_div_6_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); i0.ɵɵnextContext(); const wildSearch_r8 = i0.ɵɵreference(5); const ctx_r2 = i0.ɵɵnextContext(); wildSearch_r8.value = ""; return i0.ɵɵresetView(ctx_r2.search({ target: { value: "" } })); });
|
|
3872
3872
|
i0.ɵɵelementStart(1, "mat-icon");
|
|
3873
3873
|
i0.ɵɵtext(2, "close");
|
|
3874
3874
|
i0.ɵɵelementEnd()();
|
|
3875
3875
|
} }
|
|
3876
|
-
function
|
|
3876
|
+
function MultiFunctionalTableComponent_div_6_Template(rf, ctx) { if (rf & 1) {
|
|
3877
3877
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
3878
3878
|
i0.ɵɵelementStart(0, "div", 33)(1, "mat-icon", 34);
|
|
3879
3879
|
i0.ɵɵpipe(2, "translate");
|
|
@@ -3881,9 +3881,9 @@ function MultiFunctionalTableComponent_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
|
3881
3881
|
i0.ɵɵelementEnd();
|
|
3882
3882
|
i0.ɵɵelementStart(4, "input", 35, 3);
|
|
3883
3883
|
i0.ɵɵpipe(6, "translate");
|
|
3884
|
-
i0.ɵɵlistener("keyup", function
|
|
3884
|
+
i0.ɵɵlistener("keyup", function MultiFunctionalTableComponent_div_6_Template_input_keyup_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.search($event)); });
|
|
3885
3885
|
i0.ɵɵelementEnd();
|
|
3886
|
-
i0.ɵɵtemplate(7,
|
|
3886
|
+
i0.ɵɵtemplate(7, MultiFunctionalTableComponent_div_6_button_7_Template, 3, 0, "button", 36);
|
|
3887
3887
|
i0.ɵɵelementEnd();
|
|
3888
3888
|
} if (rf & 2) {
|
|
3889
3889
|
let tmp_6_0;
|
|
@@ -3896,21 +3896,21 @@ function MultiFunctionalTableComponent_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
|
3896
3896
|
i0.ɵɵadvance(3);
|
|
3897
3897
|
i0.ɵɵproperty("ngIf", ctx_r2.showSearchClearButton && wildSearch_r8.value);
|
|
3898
3898
|
} }
|
|
3899
|
-
function
|
|
3899
|
+
function MultiFunctionalTableComponent_tld_filter_bar_8_Template(rf, ctx) { if (rf & 1) {
|
|
3900
3900
|
const _r9 = i0.ɵɵgetCurrentView();
|
|
3901
3901
|
i0.ɵɵelementStart(0, "tld-filter-bar", 38, 4);
|
|
3902
|
-
i0.ɵɵlistener("filterBarChange", function
|
|
3902
|
+
i0.ɵɵlistener("filterBarChange", function MultiFunctionalTableComponent_tld_filter_bar_8_Template_tld_filter_bar_filterBarChange_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.filtersChanged($event)); });
|
|
3903
3903
|
i0.ɵɵelementEnd();
|
|
3904
3904
|
} if (rf & 2) {
|
|
3905
3905
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
3906
3906
|
i0.ɵɵproperty("filterRowVisible", ctx_r2.filterBarVisible)("settings", ctx_r2.config.filter.settings);
|
|
3907
3907
|
} }
|
|
3908
|
-
function
|
|
3908
|
+
function MultiFunctionalTableComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
3909
3909
|
const _r10 = i0.ɵɵgetCurrentView();
|
|
3910
3910
|
i0.ɵɵdeclareLet(0);
|
|
3911
3911
|
i0.ɵɵelementStart(1, "mat-paginator", 39);
|
|
3912
3912
|
i0.ɵɵpipe(2, "translate");
|
|
3913
|
-
i0.ɵɵlistener("page", function
|
|
3913
|
+
i0.ɵɵlistener("page", function MultiFunctionalTableComponent_Conditional_10_Template_mat_paginator_page_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.paginatorChange($event)); });
|
|
3914
3914
|
i0.ɵɵelementEnd();
|
|
3915
3915
|
} if (rf & 2) {
|
|
3916
3916
|
let tmp_7_0;
|
|
@@ -3919,31 +3919,31 @@ function MultiFunctionalTableComponent_Conditional_9_Template(rf, ctx) { if (rf
|
|
|
3919
3919
|
i0.ɵɵproperty("hidePageSize", !paginatorConfig_r11.showPageSize)("showFirstLastButtons", paginatorConfig_r11.showFirstLastButtons)("pageSizeOptions", (tmp_7_0 = paginatorConfig_r11.pageSizeOptions) !== null && tmp_7_0 !== undefined ? tmp_7_0 : i0.ɵɵpureFunction0(6, _c4));
|
|
3920
3920
|
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 4, "MULTI_FUNCTIONAL_TABLE.PAGINATOR_LABEL"));
|
|
3921
3921
|
} }
|
|
3922
|
-
function
|
|
3922
|
+
function MultiFunctionalTableComponent_th_17_Template(rf, ctx) { if (rf & 1) {
|
|
3923
3923
|
const _r12 = i0.ɵɵgetCurrentView();
|
|
3924
3924
|
i0.ɵɵelementStart(0, "th", 40)(1, "mat-checkbox", 41);
|
|
3925
3925
|
i0.ɵɵpipe(2, "translate");
|
|
3926
|
-
i0.ɵɵlistener("change", function
|
|
3926
|
+
i0.ɵɵlistener("change", function MultiFunctionalTableComponent_th_17_Template_mat_checkbox_change_1_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleAllRowSelection()); });
|
|
3927
3927
|
i0.ɵɵelementEnd()();
|
|
3928
3928
|
} if (rf & 2) {
|
|
3929
3929
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
3930
3930
|
i0.ɵɵadvance();
|
|
3931
3931
|
i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(2, 4, "MULTI_FUNCTIONAL_TABLE.SELECT_ALL"))("disabled", ctx_r2.config.batchConfig.checkBoxesDisabled)("checked", ctx_r2.matSelection.hasValue() && ctx_r2.isAllSelected())("indeterminate", ctx_r2.matSelection.hasValue() && !ctx_r2.isAllSelected());
|
|
3932
3932
|
} }
|
|
3933
|
-
function
|
|
3933
|
+
function MultiFunctionalTableComponent_td_18_mat_checkbox_1_Template(rf, ctx) { if (rf & 1) {
|
|
3934
3934
|
const _r13 = i0.ɵɵgetCurrentView();
|
|
3935
3935
|
i0.ɵɵelementStart(0, "mat-checkbox", 44);
|
|
3936
3936
|
i0.ɵɵpipe(1, "translate");
|
|
3937
|
-
i0.ɵɵlistener("click", function
|
|
3937
|
+
i0.ɵɵlistener("click", function MultiFunctionalTableComponent_td_18_mat_checkbox_1_Template_mat_checkbox_click_0_listener($event) { i0.ɵɵrestoreView(_r13); return i0.ɵɵresetView($event.stopPropagation()); })("change", function MultiFunctionalTableComponent_td_18_mat_checkbox_1_Template_mat_checkbox_change_0_listener() { i0.ɵɵrestoreView(_r13); const element_r14 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleElementSelection(element_r14)); });
|
|
3938
3938
|
i0.ɵɵelementEnd();
|
|
3939
3939
|
} if (rf & 2) {
|
|
3940
3940
|
const element_r14 = i0.ɵɵnextContext().$implicit;
|
|
3941
3941
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
3942
3942
|
i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 3, "MULTI_FUNCTIONAL_TABLE.SELECT"))("disabled", ctx_r2.config.batchConfig.checkBoxesDisabled || ctx_r2.preselectedItems.includes(element_r14) && ctx_r2.disablePreselectedItems)("checked", ctx_r2.matSelection.isSelected(element_r14));
|
|
3943
3943
|
} }
|
|
3944
|
-
function
|
|
3944
|
+
function MultiFunctionalTableComponent_td_18_Template(rf, ctx) { if (rf & 1) {
|
|
3945
3945
|
i0.ɵɵelementStart(0, "td", 42);
|
|
3946
|
-
i0.ɵɵtemplate(1,
|
|
3946
|
+
i0.ɵɵtemplate(1, MultiFunctionalTableComponent_td_18_mat_checkbox_1_Template, 2, 5, "mat-checkbox", 43);
|
|
3947
3947
|
i0.ɵɵelementEnd();
|
|
3948
3948
|
} if (rf & 2) {
|
|
3949
3949
|
const element_r14 = ctx.$implicit;
|
|
@@ -3951,13 +3951,13 @@ function MultiFunctionalTableComponent_td_17_Template(rf, ctx) { if (rf & 1) {
|
|
|
3951
3951
|
i0.ɵɵadvance();
|
|
3952
3952
|
i0.ɵɵproperty("ngIf", ctx_r2.isRowCheckboxAlwaysVisible || ctx_r2.hoveredRow === element_r14 || ctx_r2.matSelection.isSelected(element_r14));
|
|
3953
3953
|
} }
|
|
3954
|
-
function
|
|
3954
|
+
function MultiFunctionalTableComponent_tr_19_Template(rf, ctx) { if (rf & 1) {
|
|
3955
3955
|
i0.ɵɵelement(0, "tr", 45);
|
|
3956
3956
|
} }
|
|
3957
|
-
function
|
|
3957
|
+
function MultiFunctionalTableComponent_tr_20_Template(rf, ctx) { if (rf & 1) {
|
|
3958
3958
|
const _r15 = i0.ɵɵgetCurrentView();
|
|
3959
3959
|
i0.ɵɵelementStart(0, "tr", 46);
|
|
3960
|
-
i0.ɵɵlistener("click", function
|
|
3960
|
+
i0.ɵɵlistener("click", function MultiFunctionalTableComponent_tr_20_Template_tr_click_0_listener() { const row_r16 = i0.ɵɵrestoreView(_r15).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r2.config == null ? null : ctx_r2.config.rowClickCallback) && (!ctx_r2.config.disableRowClick || !(ctx_r2.config == null ? null : ctx_r2.config.disableRowClick(row_r16))) ? ctx_r2.config == null ? null : ctx_r2.config.rowClickCallback(row_r16) : null); })("mouseover", function MultiFunctionalTableComponent_tr_20_Template_tr_mouseover_0_listener() { const ctx_r16 = i0.ɵɵrestoreView(_r15); const row_r16 = ctx_r16.$implicit; const index_r18 = ctx_r16.index; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.rowHovered(index_r18, row_r16)); })("mouseleave", function MultiFunctionalTableComponent_tr_20_Template_tr_mouseleave_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.rowHoverLeave()); });
|
|
3961
3961
|
i0.ɵɵelementEnd();
|
|
3962
3962
|
} if (rf & 2) {
|
|
3963
3963
|
const row_r16 = ctx.$implicit;
|
|
@@ -3965,20 +3965,20 @@ function MultiFunctionalTableComponent_tr_19_Template(rf, ctx) { if (rf & 1) {
|
|
|
3965
3965
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
3966
3966
|
i0.ɵɵclassProp("row-clickable", (ctx_r2.config == null ? null : ctx_r2.config.rowClickCallback) && (!ctx_r2.config.disableRowClick || !(ctx_r2.config == null ? null : ctx_r2.config.disableRowClick(row_r16))))("highlight-error", ctx_r2.highlightErrorElement(index_r18, row_r16))("highlight", ctx_r2.isElementHighlighted(index_r18, row_r16));
|
|
3967
3967
|
} }
|
|
3968
|
-
function
|
|
3968
|
+
function MultiFunctionalTableComponent_th_22_Template(rf, ctx) { if (rf & 1) {
|
|
3969
3969
|
i0.ɵɵelementStart(0, "th", 40)(1, "div", 47)(2, "button", 48)(3, "span", 29);
|
|
3970
3970
|
i0.ɵɵtext(4, "more_vert");
|
|
3971
3971
|
i0.ɵɵelementEnd()()()();
|
|
3972
3972
|
} if (rf & 2) {
|
|
3973
3973
|
i0.ɵɵnextContext();
|
|
3974
|
-
const columnMenu_r19 = i0.ɵɵreference(
|
|
3974
|
+
const columnMenu_r19 = i0.ɵɵreference(26);
|
|
3975
3975
|
i0.ɵɵadvance(2);
|
|
3976
3976
|
i0.ɵɵproperty("matMenuTriggerFor", columnMenu_r19);
|
|
3977
3977
|
} }
|
|
3978
|
-
function
|
|
3978
|
+
function MultiFunctionalTableComponent_td_23_Template(rf, ctx) { if (rf & 1) {
|
|
3979
3979
|
i0.ɵɵelement(0, "td", 42);
|
|
3980
3980
|
} }
|
|
3981
|
-
function
|
|
3981
|
+
function MultiFunctionalTableComponent_ng_container_24_tr_1_Template(rf, ctx) { if (rf & 1) {
|
|
3982
3982
|
i0.ɵɵelementStart(0, "tr")(1, "td", 50);
|
|
3983
3983
|
i0.ɵɵelement(2, "lib-status-display", 51);
|
|
3984
3984
|
i0.ɵɵelementEnd()();
|
|
@@ -3987,15 +3987,15 @@ function MultiFunctionalTableComponent_ng_container_23_tr_1_Template(rf, ctx) {
|
|
|
3987
3987
|
i0.ɵɵadvance(2);
|
|
3988
3988
|
i0.ɵɵproperty("config", ctx_r2.noDataRowConfig);
|
|
3989
3989
|
} }
|
|
3990
|
-
function
|
|
3990
|
+
function MultiFunctionalTableComponent_ng_container_24_Template(rf, ctx) { if (rf & 1) {
|
|
3991
3991
|
i0.ɵɵelementContainerStart(0);
|
|
3992
|
-
i0.ɵɵtemplate(1,
|
|
3992
|
+
i0.ɵɵtemplate(1, MultiFunctionalTableComponent_ng_container_24_tr_1_Template, 3, 1, "tr", 49);
|
|
3993
3993
|
i0.ɵɵelementContainerEnd();
|
|
3994
3994
|
} }
|
|
3995
|
-
function
|
|
3995
|
+
function MultiFunctionalTableComponent_div_28_Template(rf, ctx) { if (rf & 1) {
|
|
3996
3996
|
const _r20 = i0.ɵɵgetCurrentView();
|
|
3997
3997
|
i0.ɵɵelementStart(0, "div")(1, "mat-checkbox", 52);
|
|
3998
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
3998
|
+
i0.ɵɵtwoWayListener("ngModelChange", function MultiFunctionalTableComponent_div_28_Template_mat_checkbox_ngModelChange_1_listener($event) { const column_r21 = i0.ɵɵrestoreView(_r20).$implicit; i0.ɵɵtwoWayBindingSet(column_r21.selected, $event) || (column_r21.selected = $event); return i0.ɵɵresetView($event); });
|
|
3999
3999
|
i0.ɵɵtext(2);
|
|
4000
4000
|
i0.ɵɵpipe(3, "translate");
|
|
4001
4001
|
i0.ɵɵelementEnd()();
|
|
@@ -4356,43 +4356,44 @@ class MultiFunctionalTableComponent {
|
|
|
4356
4356
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterBar = _t.first);
|
|
4357
4357
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.paginator = _t.first);
|
|
4358
4358
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tableElementRef = _t.first);
|
|
4359
|
-
} }, inputs: { config: "config", highlightedElements: "highlightedElements", trackByFn: "trackByFn", highlightedErrorElements: "highlightedErrorElements", selection: "selection", isRowCheckboxAlwaysVisible: "isRowCheckboxAlwaysVisible", disablePreselectedItems: "disablePreselectedItems", data: [1, "data"] }, outputs: { filterBarChange: "filterBarChange", paginatorUpdate: "paginatorUpdate", exported: "exported", selectionChange: "selectionChange" }, ngContentSelectors: _c3, decls:
|
|
4359
|
+
} }, inputs: { config: "config", highlightedElements: "highlightedElements", trackByFn: "trackByFn", highlightedErrorElements: "highlightedErrorElements", selection: "selection", isRowCheckboxAlwaysVisible: "isRowCheckboxAlwaysVisible", disablePreselectedItems: "disablePreselectedItems", data: [1, "data"] }, outputs: { filterBarChange: "filterBarChange", paginatorUpdate: "paginatorUpdate", exported: "exported", selectionChange: "selectionChange" }, ngContentSelectors: _c3, decls: 33, vars: 22, consts: [["tableContainer", ""], ["table", ""], ["columnMenu", "matMenu"], ["wildSearch", ""], ["filterBar", ""], ["fxLayout", "column", "fxLayoutGap", "0.75rem", 3, "ngClass.lt-md"], ["fxLayout", "row", "fxLayout.lt-md", "column", "fxLayoutGap.lt-md", "0.75rem"], ["fxFlex", "", "fxLayout.lt-md", "column", "fxLayoutGap", "0.75rem", "fxLayoutAlign", "start center", "fxLayoutAlign.lt-md", "start start", 1, "action-row"], ["class", "export-data", "mat-stroked-button", "", "color", "accent", 3, "click", 4, "ngIf"], ["fxFlex", "", "fxLayoutGap", "0.5rem", "fxLayoutAlign", "start center", 4, "ngIf"], ["fxLayout", "row", "fxLayoutAlign", "start center", "class", "wild-search-wrapper", 4, "ngIf"], [3, "filterRowVisible", "settings", "filterBarChange", 4, "ngIf"], [3, "hidePageSize", "showFirstLastButtons", "pageSizeOptions"], [1, "table-overflow", 3, "mousedown", "mouseup", "mouseleave", "mousemove"], ["mat-table", "", 3, "dataSource", "trackBy"], [3, "matColumnDef"], ["class", "row-select", "mat-header-cell", "", "disable-export", "", 4, "matHeaderCellDef"], ["class", "row-select", "mat-cell", "", "disable-export", "", 4, "matCellDef"], ["mat-header-row", "", 4, "matHeaderRowDef", "matHeaderRowDefSticky"], ["mat-row", "", 3, "row-clickable", "highlight-error", "highlight", "click", "mouseover", "mouseleave", 4, "matRowDef", "matRowDefColumns"], [4, "ngIf"], [1, "column-select-menu", 3, "click"], [4, "ngFor", "ngForOf"], [1, "column-select-save"], ["mat-flat-button", "", "color", "accent", 3, "click"], ["mat-stroked-button", "", "color", "accent", 1, "export-data", 3, "click"], [1, "material-icons-outlined"], ["fxFlex", "", "fxLayoutGap", "0.5rem", "fxLayoutAlign", "start center"], ["mat-stroked-button", "", "color", "accent", 3, "click"], [1, "material-icons"], ["class", "clear-filters-wrapper", 4, "ngIf"], [1, "clear-filters-wrapper"], ["mat-icon-button", "", 3, "click"], ["fxLayout", "row", "fxLayoutAlign", "start center", 1, "wild-search-wrapper"], [1, "search-icon", 3, "matTooltip"], ["type", "text", 3, "keyup", "value", "placeholder"], ["mat-icon-button", "", "class", "wild-search-clear-btn", 3, "click", 4, "ngIf"], ["mat-icon-button", "", 1, "wild-search-clear-btn", 3, "click"], [3, "filterBarChange", "filterRowVisible", "settings"], [3, "page", "hidePageSize", "showFirstLastButtons", "pageSizeOptions"], ["mat-header-cell", "", "disable-export", "", 1, "row-select"], [3, "change", "matTooltip", "disabled", "checked", "indeterminate"], ["mat-cell", "", "disable-export", "", 1, "row-select"], [3, "matTooltip", "disabled", "checked", "click", "change", 4, "ngIf"], [3, "click", "change", "matTooltip", "disabled", "checked"], ["mat-header-row", ""], ["mat-row", "", 3, "click", "mouseover", "mouseleave"], [1, "column-selector-wrapper"], ["mat-icon-button", "", "color", "accent", 1, "column-selector", 3, "matMenuTriggerFor"], [4, "matNoDataRow"], ["colspan", "99"], [3, "config"], [3, "ngModelChange", "ngModel"]], template: function MultiFunctionalTableComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4360
4360
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
4361
4361
|
i0.ɵɵprojectionDef(_c2$1);
|
|
4362
4362
|
i0.ɵɵelementStart(0, "div", 5)(1, "div", 6)(2, "div", 7);
|
|
4363
|
-
i0.ɵɵ
|
|
4363
|
+
i0.ɵɵprojection(3);
|
|
4364
|
+
i0.ɵɵtemplate(4, MultiFunctionalTableComponent_button_4_Template, 6, 3, "button", 8)(5, MultiFunctionalTableComponent_div_5_Template, 8, 6, "div", 9);
|
|
4364
4365
|
i0.ɵɵelementEnd();
|
|
4365
|
-
i0.ɵɵtemplate(
|
|
4366
|
-
i0.ɵɵprojection(
|
|
4366
|
+
i0.ɵɵtemplate(6, MultiFunctionalTableComponent_div_6_Template, 8, 8, "div", 10);
|
|
4367
|
+
i0.ɵɵprojection(7, 1);
|
|
4367
4368
|
i0.ɵɵelementEnd();
|
|
4368
|
-
i0.ɵɵtemplate(
|
|
4369
|
-
i0.ɵɵprojection(
|
|
4370
|
-
i0.ɵɵtemplate(
|
|
4371
|
-
i0.ɵɵelementStart(
|
|
4372
|
-
i0.ɵɵlistener("mousedown", function
|
|
4373
|
-
i0.ɵɵelementStart(
|
|
4374
|
-
i0.ɵɵprojection(
|
|
4375
|
-
i0.ɵɵelementContainerStart(
|
|
4376
|
-
i0.ɵɵtemplate(
|
|
4369
|
+
i0.ɵɵtemplate(8, MultiFunctionalTableComponent_tld_filter_bar_8_Template, 2, 2, "tld-filter-bar", 11);
|
|
4370
|
+
i0.ɵɵprojection(9, 2);
|
|
4371
|
+
i0.ɵɵtemplate(10, MultiFunctionalTableComponent_Conditional_10_Template, 3, 7, "mat-paginator", 12);
|
|
4372
|
+
i0.ɵɵelementStart(11, "div", 13, 0);
|
|
4373
|
+
i0.ɵɵlistener("mousedown", function MultiFunctionalTableComponent_Template_div_mousedown_11_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMouseDown($event)); })("mouseup", function MultiFunctionalTableComponent_Template_div_mouseup_11_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMouseUp()); })("mouseleave", function MultiFunctionalTableComponent_Template_div_mouseleave_11_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMouseUp()); })("mousemove", function MultiFunctionalTableComponent_Template_div_mousemove_11_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMouseMove($event)); });
|
|
4374
|
+
i0.ɵɵelementStart(13, "table", 14, 1);
|
|
4375
|
+
i0.ɵɵprojection(15, 3);
|
|
4376
|
+
i0.ɵɵelementContainerStart(16, 15);
|
|
4377
|
+
i0.ɵɵtemplate(17, MultiFunctionalTableComponent_th_17_Template, 3, 6, "th", 16)(18, MultiFunctionalTableComponent_td_18_Template, 2, 1, "td", 17);
|
|
4377
4378
|
i0.ɵɵelementContainerEnd();
|
|
4378
|
-
i0.ɵɵtemplate(
|
|
4379
|
-
i0.ɵɵelementContainerStart(
|
|
4380
|
-
i0.ɵɵtemplate(
|
|
4379
|
+
i0.ɵɵtemplate(19, MultiFunctionalTableComponent_tr_19_Template, 1, 0, "tr", 18)(20, MultiFunctionalTableComponent_tr_20_Template, 1, 6, "tr", 19);
|
|
4380
|
+
i0.ɵɵelementContainerStart(21, 15);
|
|
4381
|
+
i0.ɵɵtemplate(22, MultiFunctionalTableComponent_th_22_Template, 5, 1, "th", 16)(23, MultiFunctionalTableComponent_td_23_Template, 1, 0, "td", 17);
|
|
4381
4382
|
i0.ɵɵelementContainerEnd();
|
|
4382
|
-
i0.ɵɵtemplate(
|
|
4383
|
+
i0.ɵɵtemplate(24, MultiFunctionalTableComponent_ng_container_24_Template, 2, 0, "ng-container", 20);
|
|
4383
4384
|
i0.ɵɵelementEnd()()();
|
|
4384
|
-
i0.ɵɵelementStart(
|
|
4385
|
-
i0.ɵɵlistener("click", function
|
|
4386
|
-
i0.ɵɵtemplate(
|
|
4387
|
-
i0.ɵɵelementStart(
|
|
4388
|
-
i0.ɵɵlistener("click", function
|
|
4389
|
-
i0.ɵɵtext(
|
|
4390
|
-
i0.ɵɵpipe(
|
|
4385
|
+
i0.ɵɵelementStart(25, "mat-menu", null, 2)(27, "div", 21);
|
|
4386
|
+
i0.ɵɵlistener("click", function MultiFunctionalTableComponent_Template_div_click_27_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
4387
|
+
i0.ɵɵtemplate(28, MultiFunctionalTableComponent_div_28_Template, 4, 4, "div", 22);
|
|
4388
|
+
i0.ɵɵelementStart(29, "div", 23)(30, "button", 24);
|
|
4389
|
+
i0.ɵɵlistener("click", function MultiFunctionalTableComponent_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.updateDisplayColumns()); });
|
|
4390
|
+
i0.ɵɵtext(31);
|
|
4391
|
+
i0.ɵɵpipe(32, "translate");
|
|
4391
4392
|
i0.ɵɵelementEnd()()()();
|
|
4392
4393
|
} if (rf & 2) {
|
|
4393
4394
|
let tmp_15_0;
|
|
4394
4395
|
i0.ɵɵproperty("ngClass.lt-md", "mobile");
|
|
4395
|
-
i0.ɵɵadvance(
|
|
4396
|
+
i0.ɵɵadvance(4);
|
|
4396
4397
|
i0.ɵɵproperty("ngIf", ctx.exportActive);
|
|
4397
4398
|
i0.ɵɵadvance();
|
|
4398
4399
|
i0.ɵɵproperty("ngIf", ctx.filterActive && ctx.showFilterToggle);
|
|
@@ -4401,7 +4402,7 @@ class MultiFunctionalTableComponent {
|
|
|
4401
4402
|
i0.ɵɵadvance(2);
|
|
4402
4403
|
i0.ɵɵproperty("ngIf", ctx.config.filter && ctx.config.filter.enabled);
|
|
4403
4404
|
i0.ɵɵadvance(2);
|
|
4404
|
-
i0.ɵɵconditional((ctx.config.paginator == null ? null : ctx.config.paginator.enabled) ?
|
|
4405
|
+
i0.ɵɵconditional((ctx.config.paginator == null ? null : ctx.config.paginator.enabled) ? 10 : -1);
|
|
4405
4406
|
i0.ɵɵadvance();
|
|
4406
4407
|
i0.ɵɵclassProp("table-sticky-header", ctx.config == null ? null : ctx.config.stickyHeader)("table-dragable", ctx.tableOverflow && !(ctx.config == null ? null : ctx.config.disableMouseDragging));
|
|
4407
4408
|
i0.ɵɵadvance(2);
|
|
@@ -4419,12 +4420,12 @@ class MultiFunctionalTableComponent {
|
|
|
4419
4420
|
i0.ɵɵadvance(4);
|
|
4420
4421
|
i0.ɵɵproperty("ngForOf", ctx.configurableColumns);
|
|
4421
4422
|
i0.ɵɵadvance(3);
|
|
4422
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(
|
|
4423
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(32, 20, "MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT_SAVE"), " ");
|
|
4423
4424
|
} }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i4$2.MatTable, i4$2.MatHeaderCellDef, i4$2.MatHeaderRowDef, i4$2.MatColumnDef, i4$2.MatCellDef, i4$2.MatRowDef, i4$2.MatHeaderCell, i4$2.MatCell, i4$2.MatHeaderRow, i4$2.MatRow, i4$2.MatNoDataRow, i2$1.MatButton, i2$1.MatIconButton, i6$1.MatMenu, i6$1.MatMenuTrigger, i7.MatCheckbox, i4$1.NgControlStatus, i4$1.NgModel, FilterBarComponent, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i2$3.DefaultFlexDirective, i3.DefaultClassDirective, i2$2.MatTooltip, StatusDisplayComponent, i1.MatIcon, i15.MatPaginator, i1$1.TranslatePipe], styles: ["[_nghost-%COMP%] th, [_nghost-%COMP%] tr{white-space:nowrap}[_nghost-%COMP%] td:not(:first-of-type){padding-right:10px!important}[_nghost-%COMP%] tr.mat-mdc-row:hover, [_nghost-%COMP%] tr.mat-mdc-row.highlight{background-color:var(--base-95)}[_nghost-%COMP%] tr.mat-mdc-row.highlight-error{background-color:var(--warning-light)}[_nghost-%COMP%] .export-data .mdc-button__label{display:flex;align-items:center}[_nghost-%COMP%] .mat-mdc-cell, [_nghost-%COMP%] .mat-mdc-header-cell, [_nghost-%COMP%] .mdc-data-table__row:last-child{border-bottom-color:var(--base-70)}[_nghost-%COMP%] .mdc-data-table__row:last-child{border-bottom-width:1px;border-bottom-style:solid}[_nghost-%COMP%] .mdc-data-table__cell:nth-child(2), [_nghost-%COMP%] .mdc-data-table__header-cell:nth-child(2){padding:0 16px 0 10px}[_nghost-%COMP%] td+.cdk-column-columnSelect{display:none}[_nghost-%COMP%] .clear-filters-wrapper .mat-mdc-icon-button, [_nghost-%COMP%] .clear-filters-wrapper .mat-mdc-icon-button .mat-mdc-button-touch-target{height:36px!important;width:36px!important}[_nghost-%COMP%] .clear-filters-wrapper mat-icon{margin-top:-2px;margin-left:-2px}[_nghost-%COMP%] .filter-active{background-color:var(--neutral-95)}[_nghost-%COMP%] .row-actions{opacity:0}[_nghost-%COMP%] .mobile .row-actions, [_nghost-%COMP%] .highlight .row-actions{opacity:1}[_nghost-%COMP%] .mat-mdc-paginator-range-actions button{padding:8px}table[_ngcontent-%COMP%]{width:100%}.wild-search-wrapper[_ngcontent-%COMP%]{position:relative;padding:5px 10px;border-radius:4px;border:1px solid var(--neutral-50);margin:0 8px}.wild-search-wrapper[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{margin-right:30px}.wild-search-wrapper[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{color:var(--base-40)}.wild-search-wrapper[_ngcontent-%COMP%] .wild-search-clear-btn[_ngcontent-%COMP%]{position:absolute;right:3px}.wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%], .wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] .mat-mdc-button-touch-target[_ngcontent-%COMP%]{height:33px!important;width:33px!important}.wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%], .wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%], .wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] .material-icons-outlined[_ngcontent-%COMP%]{top:5px!important;left:5px!important}.mobile[_ngcontent-%COMP%] .wild-search-wrapper[_ngcontent-%COMP%]{margin:0}.column-selector-wrapper[_ngcontent-%COMP%]{display:flex;justify-content:end}.column-select-menu[_ngcontent-%COMP%]{padding:8px 18px 8px 8px}.column-select-save[_ngcontent-%COMP%]{padding-left:8px;padding-top:8px}.column-select-save[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{width:100%}.row-clickable[_ngcontent-%COMP%]{cursor:pointer}.row-clickable[_ngcontent-%COMP%]:active{background-color:var(--base-70)!important}.material-icons[_ngcontent-%COMP%], .material-icons-outlined[_ngcontent-%COMP%]{margin-right:.5rem}.table-action-button[_ngcontent-%COMP%]{margin-bottom:1rem}th.mat-mdc-header-cell[_ngcontent-%COMP%]:first-of-type, td.mat-mdc-cell[_ngcontent-%COMP%]:first-of-type, td.mat-mdc-footer-cell[_ngcontent-%COMP%]:first-of-type{padding:0 0 0 10px}.row-select[_ngcontent-%COMP%]{width:0}.table-overflow[_ngcontent-%COMP%]{overflow-x:auto}.table-dragable[_ngcontent-%COMP%]{cursor:grab;-webkit-user-select:none;user-select:none}.table-dragable[_ngcontent-%COMP%]:active{cursor:grabbing}.table-sticky-header[_ngcontent-%COMP%]{max-height:70vh}"] }); }
|
|
4424
4425
|
}
|
|
4425
4426
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MultiFunctionalTableComponent, [{
|
|
4426
4427
|
type: Component,
|
|
4427
|
-
args: [{ selector: 'tld-multi-functional-table', template: "<div [ngClass.lt-md]=\"'mobile'\" fxLayout=\"column\" fxLayoutGap=\"0.75rem\">\r\n <div fxLayout=\"row\" fxLayout.lt-md=\"column\" fxLayoutGap.lt-md=\"0.75rem\">\r\n <div\r\n fxFlex\r\n fxLayout.lt-md=\"column\"\r\n fxLayoutGap=\"0.75rem\"\r\n fxLayoutAlign=\"start center\"\r\n fxLayoutAlign.lt-md=\"start start\"\r\n class=\"action-row\"\r\n >\r\n <button\r\n class=\"export-data\"\r\n mat-stroked-button\r\n color=\"accent\"\r\n *ngIf=\"exportActive\"\r\n (click)=\"export()\"\r\n >\r\n <span class=\"material-icons-outlined\">cloud_download</span>\r\n <span>{{ \"MULTI_FUNCTIONAL_TABLE.EXPORT\" | translate }}</span>\r\n </button>\r\n\r\n <div\r\n *ngIf=\"filterActive && showFilterToggle\"\r\n fxFlex\r\n fxLayoutGap=\"0.5rem\"\r\n fxLayoutAlign=\"start center\"\r\n >\r\n <button\r\n [class.filter-active]=\"filterBarVisible\"\r\n mat-stroked-button\r\n color=\"accent\"\r\n (click)=\"toggleFilterBar()\"\r\n >\r\n <span class=\"material-icons\">filter_list</span>\r\n <span>{{ \"MULTI_FUNCTIONAL_TABLE.FILTER_TOGGLE\" | translate }}</span>\r\n </button>\r\n\r\n <div *ngIf=\"showFilterReset\" class=\"clear-filters-wrapper\">\r\n <button mat-icon-button (click)=\"clearFilters()\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div\r\n *ngIf=\"showSearch\"\r\n fxLayout=\"row\"\r\n fxLayoutAlign=\"start center\"\r\n class=\"wild-search-wrapper\"\r\n >\r\n <mat-icon\r\n class=\"search-icon\"\r\n [matTooltip]=\"hideSearchTooltip ? '' : (searchTooltip | translate)\"\r\n >search</mat-icon\r\n >\r\n <input\r\n [value]=\"config.filter?.settings?.searchValue ?? ''\"\r\n #wildSearch\r\n type=\"text\"\r\n [placeholder]=\"searchTitle | translate\"\r\n (keyup)=\"search($event)\"\r\n />\r\n <button\r\n *ngIf=\"showSearchClearButton && wildSearch.value\"\r\n mat-icon-button\r\n class=\"wild-search-clear-btn\"\r\n (click)=\"wildSearch.value = ''; search({ target: { value: '' } })\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n\r\n <ng-content select=\"[additionalActions]\"></ng-content>\r\n </div>\r\n\r\n <tld-filter-bar\r\n *ngIf=\"config.filter && config.filter.enabled\"\r\n #filterBar\r\n [filterRowVisible]=\"filterBarVisible\"\r\n [settings]=\"config.filter.settings\"\r\n (filterBarChange)=\"filtersChanged($event)\"\r\n >\r\n </tld-filter-bar>\r\n\r\n <ng-content select=\"[batchActions]\"></ng-content>\r\n\r\n @if(config.paginator?.enabled){\r\n @let paginatorConfig = config.paginator!;\r\n\r\n <mat-paginator [hidePageSize]=\"!paginatorConfig.showPageSize\" [showFirstLastButtons]=\"paginatorConfig.showFirstLastButtons\"\r\n [attr.aria-label]=\"'MULTI_FUNCTIONAL_TABLE.PAGINATOR_LABEL' | translate\" [pageSizeOptions]=\"paginatorConfig.pageSizeOptions ?? [10]\" (page)=\"paginatorChange($event)\">\r\n </mat-paginator>\r\n }\r\n <div\r\n #tableContainer\r\n class=\"table-overflow\"\r\n [class.table-sticky-header]=\"config?.stickyHeader\"\r\n [class.table-dragable]=\"tableOverflow && !config?.disableMouseDragging\"\r\n (mousedown)=\"onMouseDown($event)\"\r\n (mouseup)=\"onMouseUp()\"\r\n (mouseleave)=\"onMouseUp()\"\r\n (mousemove)=\"onMouseMove($event)\"\r\n >\r\n <table\r\n #table\r\n mat-table\r\n [dataSource]=\"dataSource!\"\r\n [trackBy]=\"trackByFn\"\r\n >\r\n <ng-content></ng-content>\r\n <ng-container [matColumnDef]=\"batchColumnName\">\r\n <th class=\"row-select\" mat-header-cell *matHeaderCellDef disable-export>\r\n <mat-checkbox\r\n [matTooltip]=\"'MULTI_FUNCTIONAL_TABLE.SELECT_ALL' | translate\"\r\n [disabled]=\"config.batchConfig!.checkBoxesDisabled\"\r\n (change)=\"toggleAllRowSelection()\"\r\n [checked]=\"matSelection.hasValue() && isAllSelected()\"\r\n [indeterminate]=\"matSelection.hasValue() && !isAllSelected()\"\r\n >\r\n </mat-checkbox>\r\n </th>\r\n <td\r\n class=\"row-select\"\r\n mat-cell\r\n *matCellDef=\"let element\"\r\n disable-export\r\n >\r\n <mat-checkbox\r\n [matTooltip]=\"'MULTI_FUNCTIONAL_TABLE.SELECT' | translate\"\r\n *ngIf=\"\r\n isRowCheckboxAlwaysVisible ||\r\n hoveredRow === element ||\r\n matSelection.isSelected(element)\r\n \"\r\n [disabled]=\"\r\n config.batchConfig!.checkBoxesDisabled ||\r\n (preselectedItems.includes(element) && disablePreselectedItems)\r\n \"\r\n (click)=\"$event.stopPropagation()\"\r\n (change)=\"toggleElementSelection(element)\"\r\n [checked]=\"matSelection.isSelected(element)\"\r\n >\r\n </mat-checkbox>\r\n </td>\r\n </ng-container>\r\n <tr\r\n mat-header-row\r\n *matHeaderRowDef=\"displayColumns; sticky: config?.stickyHeader ?? false\"\r\n ></tr>\r\n <tr\r\n mat-row\r\n *matRowDef=\"let row; let index = index; columns: displayColumns\"\r\n (click)=\"\r\n config?.rowClickCallback && (!config.disableRowClick || !config?.disableRowClick(row))\r\n ? config?.rowClickCallback(row)\r\n : null\r\n \"\r\n (mouseover)=\"rowHovered(index,row)\"\r\n (mouseleave)=\"rowHoverLeave()\"\r\n [class.row-clickable]=\"\r\n config?.rowClickCallback && (!config.disableRowClick || !config?.disableRowClick(row))\r\n \"\r\n [class.highlight-error]=\"highlightErrorElement(index, row)\"\r\n [class.highlight]=\"isElementHighlighted(index,row)\"\r\n ></tr>\r\n\r\n <ng-container [matColumnDef]=\"columnSelectColumnName\">\r\n <th class=\"row-select\" mat-header-cell *matHeaderCellDef disable-export>\r\n <div class=\"column-selector-wrapper\">\r\n <button\r\n class=\"column-selector\"\r\n mat-icon-button\r\n color=\"accent\"\r\n [matMenuTriggerFor]=\"columnMenu\"\r\n >\r\n <span class=\"material-icons\">more_vert</span>\r\n </button>\r\n </div>\r\n </th>\r\n <td\r\n class=\"row-select\"\r\n mat-cell\r\n *matCellDef=\"let element\"\r\n disable-export\r\n ></td>\r\n </ng-container>\r\n <ng-container *ngIf=\"noDataRowActive\">\r\n <tr *matNoDataRow>\r\n <!-- add random number to make sure it takes full width -->\r\n <td colspan=\"99\">\r\n <lib-status-display [config]=\"noDataRowConfig\"></lib-status-display>\r\n </td>\r\n </tr>\r\n </ng-container>\r\n </table>\r\n </div>\r\n</div>\r\n\r\n<mat-menu #columnMenu=\"matMenu\">\r\n <div class=\"column-select-menu\" (click)=\"$event.stopPropagation()\">\r\n <div *ngFor=\"let column of configurableColumns\">\r\n <mat-checkbox [(ngModel)]=\"column.selected\">\r\n {{ column.displayName | translate }}\r\n </mat-checkbox>\r\n </div>\r\n\r\n <div class=\"column-select-save\">\r\n <button\r\n mat-flat-button\r\n color=\"accent\"\r\n (click)=\"updateDisplayColumns()\"\r\n >\r\n {{ \"MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT_SAVE\" | translate }}\r\n </button>\r\n </div>\r\n </div>\r\n</mat-menu>\r\n", styles: [":host ::ng-deep th,:host ::ng-deep tr{white-space:nowrap}:host ::ng-deep td:not(:first-of-type){padding-right:10px!important}:host ::ng-deep tr.mat-mdc-row:hover,:host ::ng-deep tr.mat-mdc-row.highlight{background-color:var(--base-95)}:host ::ng-deep tr.mat-mdc-row.highlight-error{background-color:var(--warning-light)}:host ::ng-deep .export-data .mdc-button__label{display:flex;align-items:center}:host ::ng-deep .mat-mdc-cell,:host ::ng-deep .mat-mdc-header-cell,:host ::ng-deep .mdc-data-table__row:last-child{border-bottom-color:var(--base-70)}:host ::ng-deep .mdc-data-table__row:last-child{border-bottom-width:1px;border-bottom-style:solid}:host ::ng-deep .mdc-data-table__cell:nth-child(2),:host ::ng-deep .mdc-data-table__header-cell:nth-child(2){padding:0 16px 0 10px}:host ::ng-deep td+.cdk-column-columnSelect{display:none}:host ::ng-deep .clear-filters-wrapper .mat-mdc-icon-button,:host ::ng-deep .clear-filters-wrapper .mat-mdc-icon-button .mat-mdc-button-touch-target{height:36px!important;width:36px!important}:host ::ng-deep .clear-filters-wrapper mat-icon{margin-top:-2px;margin-left:-2px}:host ::ng-deep .filter-active{background-color:var(--neutral-95)}:host ::ng-deep .row-actions{opacity:0}:host ::ng-deep .mobile .row-actions,:host ::ng-deep .highlight .row-actions{opacity:1}:host ::ng-deep .mat-mdc-paginator-range-actions button{padding:8px}table{width:100%}.wild-search-wrapper{position:relative;padding:5px 10px;border-radius:4px;border:1px solid var(--neutral-50);margin:0 8px}.wild-search-wrapper input{margin-right:30px}.wild-search-wrapper .search-icon{color:var(--base-40)}.wild-search-wrapper .wild-search-clear-btn{position:absolute;right:3px}.wild-search-wrapper .mat-mdc-icon-button,.wild-search-wrapper .mat-mdc-icon-button .mat-mdc-button-touch-target{height:33px!important;width:33px!important}.wild-search-wrapper .mat-mdc-icon-button mat-icon,.wild-search-wrapper .mat-mdc-icon-button .material-icons,.wild-search-wrapper .mat-mdc-icon-button .material-icons-outlined{top:5px!important;left:5px!important}.mobile .wild-search-wrapper{margin:0}.column-selector-wrapper{display:flex;justify-content:end}.column-select-menu{padding:8px 18px 8px 8px}.column-select-save{padding-left:8px;padding-top:8px}.column-select-save button{width:100%}.row-clickable{cursor:pointer}.row-clickable:active{background-color:var(--base-70)!important}.material-icons,.material-icons-outlined{margin-right:.5rem}.table-action-button{margin-bottom:1rem}th.mat-mdc-header-cell:first-of-type,td.mat-mdc-cell:first-of-type,td.mat-mdc-footer-cell:first-of-type{padding:0 0 0 10px}.row-select{width:0}.table-overflow{overflow-x:auto}.table-dragable{cursor:grab;-webkit-user-select:none;user-select:none}.table-dragable:active{cursor:grabbing}.table-sticky-header{max-height:70vh}\n"] }]
|
|
4428
|
+
args: [{ selector: 'tld-multi-functional-table', template: "<div [ngClass.lt-md]=\"'mobile'\" fxLayout=\"column\" fxLayoutGap=\"0.75rem\">\r\n\t<div fxLayout=\"row\" fxLayout.lt-md=\"column\" fxLayoutGap.lt-md=\"0.75rem\">\r\n\t\t<div fxFlex fxLayout.lt-md=\"column\" fxLayoutGap=\"0.75rem\" fxLayoutAlign=\"start center\" fxLayoutAlign.lt-md=\"start start\" class=\"action-row\">\r\n\t\t\t<ng-content select=\"[tableTitleBlock]\"></ng-content>\r\n\t\t\t<button class=\"export-data\" mat-stroked-button color=\"accent\" *ngIf=\"exportActive\" (click)=\"export()\">\r\n\t\t\t\t<span class=\"material-icons-outlined\">cloud_download</span>\r\n\t\t\t\t<span>{{ \"MULTI_FUNCTIONAL_TABLE.EXPORT\" | translate }}</span>\r\n\t\t\t</button>\r\n\r\n\t\t\t<div *ngIf=\"filterActive && showFilterToggle\" fxFlex fxLayoutGap=\"0.5rem\" fxLayoutAlign=\"start center\">\r\n\t\t\t\t<button [class.filter-active]=\"filterBarVisible\" mat-stroked-button color=\"accent\" (click)=\"toggleFilterBar()\">\r\n\t\t\t\t\t<span class=\"material-icons\">filter_list</span>\r\n\t\t\t\t\t<span>{{ \"MULTI_FUNCTIONAL_TABLE.FILTER_TOGGLE\" | translate }}</span>\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t<div *ngIf=\"showFilterReset\" class=\"clear-filters-wrapper\">\r\n\t\t\t\t\t<button mat-icon-button (click)=\"clearFilters()\">\r\n\t\t\t\t\t\t<mat-icon>close</mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div *ngIf=\"showSearch\" fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"wild-search-wrapper\">\r\n\t\t\t<mat-icon class=\"search-icon\" [matTooltip]=\"hideSearchTooltip ? '' : (searchTooltip | translate)\">search</mat-icon>\r\n\t\t\t<input [value]=\"config.filter?.settings?.searchValue ?? ''\" #wildSearch type=\"text\" [placeholder]=\"searchTitle | translate\" (keyup)=\"search($event)\" />\r\n\t\t\t<button *ngIf=\"showSearchClearButton && wildSearch.value\" mat-icon-button class=\"wild-search-clear-btn\" (click)=\"wildSearch.value = ''; search({ target: { value: '' } })\">\r\n\t\t\t\t<mat-icon>close</mat-icon>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\r\n\t\t<ng-content select=\"[additionalActions]\"></ng-content>\r\n\t</div>\r\n\r\n\t<tld-filter-bar\r\n\t\t*ngIf=\"config.filter && config.filter.enabled\"\r\n\t\t#filterBar\r\n\t\t[filterRowVisible]=\"filterBarVisible\"\r\n\t\t[settings]=\"config.filter.settings\"\r\n\t\t(filterBarChange)=\"filtersChanged($event)\"\r\n\t>\r\n\t</tld-filter-bar>\r\n\r\n\t<ng-content select=\"[batchActions]\"></ng-content>\r\n\r\n\t@if(config.paginator?.enabled){ @let paginatorConfig = config.paginator!;\r\n\r\n\t<mat-paginator\r\n\t\t[hidePageSize]=\"!paginatorConfig.showPageSize\"\r\n\t\t[showFirstLastButtons]=\"paginatorConfig.showFirstLastButtons\"\r\n\t\t[attr.aria-label]=\"'MULTI_FUNCTIONAL_TABLE.PAGINATOR_LABEL' | translate\"\r\n\t\t[pageSizeOptions]=\"paginatorConfig.pageSizeOptions ?? [10]\"\r\n\t\t(page)=\"paginatorChange($event)\"\r\n\t>\r\n\t</mat-paginator>\r\n\t}\r\n\t<div\r\n\t\t#tableContainer\r\n\t\tclass=\"table-overflow\"\r\n\t\t[class.table-sticky-header]=\"config?.stickyHeader\"\r\n\t\t[class.table-dragable]=\"tableOverflow && !config?.disableMouseDragging\"\r\n\t\t(mousedown)=\"onMouseDown($event)\"\r\n\t\t(mouseup)=\"onMouseUp()\"\r\n\t\t(mouseleave)=\"onMouseUp()\"\r\n\t\t(mousemove)=\"onMouseMove($event)\"\r\n\t>\r\n\t\t<table #table mat-table [dataSource]=\"dataSource!\" [trackBy]=\"trackByFn\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t\t<ng-container [matColumnDef]=\"batchColumnName\">\r\n\t\t\t\t<th class=\"row-select\" mat-header-cell *matHeaderCellDef disable-export>\r\n\t\t\t\t\t<mat-checkbox\r\n\t\t\t\t\t\t[matTooltip]=\"'MULTI_FUNCTIONAL_TABLE.SELECT_ALL' | translate\"\r\n\t\t\t\t\t\t[disabled]=\"config.batchConfig!.checkBoxesDisabled\"\r\n\t\t\t\t\t\t(change)=\"toggleAllRowSelection()\"\r\n\t\t\t\t\t\t[checked]=\"matSelection.hasValue() && isAllSelected()\"\r\n\t\t\t\t\t\t[indeterminate]=\"matSelection.hasValue() && !isAllSelected()\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t</mat-checkbox>\r\n\t\t\t\t</th>\r\n\t\t\t\t<td class=\"row-select\" mat-cell *matCellDef=\"let element\" disable-export>\r\n\t\t\t\t\t<mat-checkbox\r\n\t\t\t\t\t\t[matTooltip]=\"'MULTI_FUNCTIONAL_TABLE.SELECT' | translate\"\r\n\t\t\t\t\t\t*ngIf=\"isRowCheckboxAlwaysVisible || hoveredRow === element || matSelection.isSelected(element)\"\r\n\t\t\t\t\t\t[disabled]=\"config.batchConfig!.checkBoxesDisabled || (preselectedItems.includes(element) && disablePreselectedItems)\"\r\n\t\t\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t\t\t(change)=\"toggleElementSelection(element)\"\r\n\t\t\t\t\t\t[checked]=\"matSelection.isSelected(element)\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t</mat-checkbox>\r\n\t\t\t\t</td>\r\n\t\t\t</ng-container>\r\n\t\t\t<tr mat-header-row *matHeaderRowDef=\"displayColumns; sticky: config?.stickyHeader ?? false\"></tr>\r\n\t\t\t<tr\r\n\t\t\t\tmat-row\r\n\t\t\t\t*matRowDef=\"let row; let index = index; columns: displayColumns\"\r\n\t\t\t\t(click)=\"config?.rowClickCallback && (!config.disableRowClick || !config?.disableRowClick(row)) ? config?.rowClickCallback(row) : null\"\r\n\t\t\t\t(mouseover)=\"rowHovered(index, row)\"\r\n\t\t\t\t(mouseleave)=\"rowHoverLeave()\"\r\n\t\t\t\t[class.row-clickable]=\"config?.rowClickCallback && (!config.disableRowClick || !config?.disableRowClick(row))\"\r\n\t\t\t\t[class.highlight-error]=\"highlightErrorElement(index, row)\"\r\n\t\t\t\t[class.highlight]=\"isElementHighlighted(index, row)\"\r\n\t\t\t></tr>\r\n\r\n\t\t\t<ng-container [matColumnDef]=\"columnSelectColumnName\">\r\n\t\t\t\t<th class=\"row-select\" mat-header-cell *matHeaderCellDef disable-export>\r\n\t\t\t\t\t<div class=\"column-selector-wrapper\">\r\n\t\t\t\t\t\t<button class=\"column-selector\" mat-icon-button color=\"accent\" [matMenuTriggerFor]=\"columnMenu\">\r\n\t\t\t\t\t\t\t<span class=\"material-icons\">more_vert</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</th>\r\n\t\t\t\t<td class=\"row-select\" mat-cell *matCellDef=\"let element\" disable-export></td>\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container *ngIf=\"noDataRowActive\">\r\n\t\t\t\t<tr *matNoDataRow>\r\n\t\t\t\t\t<!-- add random number to make sure it takes full width -->\r\n\t\t\t\t\t<td colspan=\"99\">\r\n\t\t\t\t\t\t<lib-status-display [config]=\"noDataRowConfig\"></lib-status-display>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t</ng-container>\r\n\t\t</table>\r\n\t</div>\r\n</div>\r\n\r\n<mat-menu #columnMenu=\"matMenu\">\r\n\t<div class=\"column-select-menu\" (click)=\"$event.stopPropagation()\">\r\n\t\t<div *ngFor=\"let column of configurableColumns\">\r\n\t\t\t<mat-checkbox [(ngModel)]=\"column.selected\">\r\n\t\t\t\t{{ column.displayName | translate }}\r\n\t\t\t</mat-checkbox>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"column-select-save\">\r\n\t\t\t<button mat-flat-button color=\"accent\" (click)=\"updateDisplayColumns()\">\r\n\t\t\t\t{{ \"MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT_SAVE\" | translate }}\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t</div>\r\n</mat-menu>\r\n", styles: [":host ::ng-deep th,:host ::ng-deep tr{white-space:nowrap}:host ::ng-deep td:not(:first-of-type){padding-right:10px!important}:host ::ng-deep tr.mat-mdc-row:hover,:host ::ng-deep tr.mat-mdc-row.highlight{background-color:var(--base-95)}:host ::ng-deep tr.mat-mdc-row.highlight-error{background-color:var(--warning-light)}:host ::ng-deep .export-data .mdc-button__label{display:flex;align-items:center}:host ::ng-deep .mat-mdc-cell,:host ::ng-deep .mat-mdc-header-cell,:host ::ng-deep .mdc-data-table__row:last-child{border-bottom-color:var(--base-70)}:host ::ng-deep .mdc-data-table__row:last-child{border-bottom-width:1px;border-bottom-style:solid}:host ::ng-deep .mdc-data-table__cell:nth-child(2),:host ::ng-deep .mdc-data-table__header-cell:nth-child(2){padding:0 16px 0 10px}:host ::ng-deep td+.cdk-column-columnSelect{display:none}:host ::ng-deep .clear-filters-wrapper .mat-mdc-icon-button,:host ::ng-deep .clear-filters-wrapper .mat-mdc-icon-button .mat-mdc-button-touch-target{height:36px!important;width:36px!important}:host ::ng-deep .clear-filters-wrapper mat-icon{margin-top:-2px;margin-left:-2px}:host ::ng-deep .filter-active{background-color:var(--neutral-95)}:host ::ng-deep .row-actions{opacity:0}:host ::ng-deep .mobile .row-actions,:host ::ng-deep .highlight .row-actions{opacity:1}:host ::ng-deep .mat-mdc-paginator-range-actions button{padding:8px}table{width:100%}.wild-search-wrapper{position:relative;padding:5px 10px;border-radius:4px;border:1px solid var(--neutral-50);margin:0 8px}.wild-search-wrapper input{margin-right:30px}.wild-search-wrapper .search-icon{color:var(--base-40)}.wild-search-wrapper .wild-search-clear-btn{position:absolute;right:3px}.wild-search-wrapper .mat-mdc-icon-button,.wild-search-wrapper .mat-mdc-icon-button .mat-mdc-button-touch-target{height:33px!important;width:33px!important}.wild-search-wrapper .mat-mdc-icon-button mat-icon,.wild-search-wrapper .mat-mdc-icon-button .material-icons,.wild-search-wrapper .mat-mdc-icon-button .material-icons-outlined{top:5px!important;left:5px!important}.mobile .wild-search-wrapper{margin:0}.column-selector-wrapper{display:flex;justify-content:end}.column-select-menu{padding:8px 18px 8px 8px}.column-select-save{padding-left:8px;padding-top:8px}.column-select-save button{width:100%}.row-clickable{cursor:pointer}.row-clickable:active{background-color:var(--base-70)!important}.material-icons,.material-icons-outlined{margin-right:.5rem}.table-action-button{margin-bottom:1rem}th.mat-mdc-header-cell:first-of-type,td.mat-mdc-cell:first-of-type,td.mat-mdc-footer-cell:first-of-type{padding:0 0 0 10px}.row-select{width:0}.table-overflow{overflow-x:auto}.table-dragable{cursor:grab;-webkit-user-select:none;user-select:none}.table-dragable:active{cursor:grabbing}.table-sticky-header{max-height:70vh}\n"] }]
|
|
4428
4429
|
}], () => [{ type: DOMService }, { type: i1$1.TranslateService }], { config: [{
|
|
4429
4430
|
type: Input
|
|
4430
4431
|
}], highlightedElements: [{
|