@tilde-nlp/ngx-common 6.1.94 → 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/helpers/auth-headers.helper.mjs +7 -1
- 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 +70 -64
- package/fesm2022/tilde-nlp-ngx-common.mjs.map +1 -1
- package/lib/helpers/auth-headers.helper.d.ts +2 -0
- 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
|
@@ -19,7 +19,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
|
|
|
19
19
|
import * as i2$3 from '@ngbracket/ngx-layout/flex';
|
|
20
20
|
import * as i3 from '@ngbracket/ngx-layout/extended';
|
|
21
21
|
import * as i1$3 from '@angular/common/http';
|
|
22
|
-
import { HttpErrorResponse, provideHttpClient, withInterceptorsFromDi, HttpClient } from '@angular/common/http';
|
|
22
|
+
import { HttpErrorResponse, HttpHeaders, provideHttpClient, withInterceptorsFromDi, HttpClient } from '@angular/common/http';
|
|
23
23
|
import * as i15 from '@angular/material/paginator';
|
|
24
24
|
import { MatPaginatorIntl, MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
|
|
25
25
|
import * as i11 from '@angular/material/progress-spinner';
|
|
@@ -634,6 +634,11 @@ class AuthHeadersHelper {
|
|
|
634
634
|
}
|
|
635
635
|
return authHeaders;
|
|
636
636
|
}
|
|
637
|
+
static getLangHeaders(lang) {
|
|
638
|
+
return new HttpHeaders({
|
|
639
|
+
'Accept-Language': lang,
|
|
640
|
+
});
|
|
641
|
+
}
|
|
637
642
|
}
|
|
638
643
|
|
|
639
644
|
class FileExtensionHelper {
|
|
@@ -3812,13 +3817,13 @@ class StatusDisplayComponent {
|
|
|
3812
3817
|
|
|
3813
3818
|
const _c0$8 = ["tableContainer"];
|
|
3814
3819
|
const _c1$3 = ["filterBar"];
|
|
3815
|
-
const _c2$1 = [[["", "additionalActions", ""]], [["", "batchActions", ""]], "*"];
|
|
3816
|
-
const _c3 = ["[additionalActions]", "[batchActions]", "*"];
|
|
3820
|
+
const _c2$1 = [[["", "tableTitleBlock", ""]], [["", "additionalActions", ""]], [["", "batchActions", ""]], "*"];
|
|
3821
|
+
const _c3 = ["[tableTitleBlock]", "[additionalActions]", "[batchActions]", "*"];
|
|
3817
3822
|
const _c4 = () => [10];
|
|
3818
|
-
function
|
|
3823
|
+
function MultiFunctionalTableComponent_button_4_Template(rf, ctx) { if (rf & 1) {
|
|
3819
3824
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
3820
3825
|
i0.ɵɵelementStart(0, "button", 25);
|
|
3821
|
-
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()); });
|
|
3822
3827
|
i0.ɵɵelementStart(1, "span", 26);
|
|
3823
3828
|
i0.ɵɵtext(2, "cloud_download");
|
|
3824
3829
|
i0.ɵɵelementEnd();
|
|
@@ -3830,18 +3835,18 @@ function MultiFunctionalTableComponent_button_3_Template(rf, ctx) { if (rf & 1)
|
|
|
3830
3835
|
i0.ɵɵadvance(4);
|
|
3831
3836
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 1, "MULTI_FUNCTIONAL_TABLE.EXPORT"));
|
|
3832
3837
|
} }
|
|
3833
|
-
function
|
|
3838
|
+
function MultiFunctionalTableComponent_div_5_div_7_Template(rf, ctx) { if (rf & 1) {
|
|
3834
3839
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
3835
3840
|
i0.ɵɵelementStart(0, "div", 31)(1, "button", 32);
|
|
3836
|
-
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()); });
|
|
3837
3842
|
i0.ɵɵelementStart(2, "mat-icon");
|
|
3838
3843
|
i0.ɵɵtext(3, "close");
|
|
3839
3844
|
i0.ɵɵelementEnd()()();
|
|
3840
3845
|
} }
|
|
3841
|
-
function
|
|
3846
|
+
function MultiFunctionalTableComponent_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
3842
3847
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
3843
3848
|
i0.ɵɵelementStart(0, "div", 27)(1, "button", 28);
|
|
3844
|
-
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()); });
|
|
3845
3850
|
i0.ɵɵelementStart(2, "span", 29);
|
|
3846
3851
|
i0.ɵɵtext(3, "filter_list");
|
|
3847
3852
|
i0.ɵɵelementEnd();
|
|
@@ -3849,7 +3854,7 @@ function MultiFunctionalTableComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
3849
3854
|
i0.ɵɵtext(5);
|
|
3850
3855
|
i0.ɵɵpipe(6, "translate");
|
|
3851
3856
|
i0.ɵɵelementEnd()();
|
|
3852
|
-
i0.ɵɵtemplate(7,
|
|
3857
|
+
i0.ɵɵtemplate(7, MultiFunctionalTableComponent_div_5_div_7_Template, 4, 0, "div", 30);
|
|
3853
3858
|
i0.ɵɵelementEnd();
|
|
3854
3859
|
} if (rf & 2) {
|
|
3855
3860
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -3860,15 +3865,15 @@ function MultiFunctionalTableComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
3860
3865
|
i0.ɵɵadvance(2);
|
|
3861
3866
|
i0.ɵɵproperty("ngIf", ctx_r2.showFilterReset);
|
|
3862
3867
|
} }
|
|
3863
|
-
function
|
|
3868
|
+
function MultiFunctionalTableComponent_div_6_button_7_Template(rf, ctx) { if (rf & 1) {
|
|
3864
3869
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
3865
3870
|
i0.ɵɵelementStart(0, "button", 37);
|
|
3866
|
-
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: "" } })); });
|
|
3867
3872
|
i0.ɵɵelementStart(1, "mat-icon");
|
|
3868
3873
|
i0.ɵɵtext(2, "close");
|
|
3869
3874
|
i0.ɵɵelementEnd()();
|
|
3870
3875
|
} }
|
|
3871
|
-
function
|
|
3876
|
+
function MultiFunctionalTableComponent_div_6_Template(rf, ctx) { if (rf & 1) {
|
|
3872
3877
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
3873
3878
|
i0.ɵɵelementStart(0, "div", 33)(1, "mat-icon", 34);
|
|
3874
3879
|
i0.ɵɵpipe(2, "translate");
|
|
@@ -3876,9 +3881,9 @@ function MultiFunctionalTableComponent_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
|
3876
3881
|
i0.ɵɵelementEnd();
|
|
3877
3882
|
i0.ɵɵelementStart(4, "input", 35, 3);
|
|
3878
3883
|
i0.ɵɵpipe(6, "translate");
|
|
3879
|
-
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)); });
|
|
3880
3885
|
i0.ɵɵelementEnd();
|
|
3881
|
-
i0.ɵɵtemplate(7,
|
|
3886
|
+
i0.ɵɵtemplate(7, MultiFunctionalTableComponent_div_6_button_7_Template, 3, 0, "button", 36);
|
|
3882
3887
|
i0.ɵɵelementEnd();
|
|
3883
3888
|
} if (rf & 2) {
|
|
3884
3889
|
let tmp_6_0;
|
|
@@ -3891,21 +3896,21 @@ function MultiFunctionalTableComponent_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
|
3891
3896
|
i0.ɵɵadvance(3);
|
|
3892
3897
|
i0.ɵɵproperty("ngIf", ctx_r2.showSearchClearButton && wildSearch_r8.value);
|
|
3893
3898
|
} }
|
|
3894
|
-
function
|
|
3899
|
+
function MultiFunctionalTableComponent_tld_filter_bar_8_Template(rf, ctx) { if (rf & 1) {
|
|
3895
3900
|
const _r9 = i0.ɵɵgetCurrentView();
|
|
3896
3901
|
i0.ɵɵelementStart(0, "tld-filter-bar", 38, 4);
|
|
3897
|
-
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)); });
|
|
3898
3903
|
i0.ɵɵelementEnd();
|
|
3899
3904
|
} if (rf & 2) {
|
|
3900
3905
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
3901
3906
|
i0.ɵɵproperty("filterRowVisible", ctx_r2.filterBarVisible)("settings", ctx_r2.config.filter.settings);
|
|
3902
3907
|
} }
|
|
3903
|
-
function
|
|
3908
|
+
function MultiFunctionalTableComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
3904
3909
|
const _r10 = i0.ɵɵgetCurrentView();
|
|
3905
3910
|
i0.ɵɵdeclareLet(0);
|
|
3906
3911
|
i0.ɵɵelementStart(1, "mat-paginator", 39);
|
|
3907
3912
|
i0.ɵɵpipe(2, "translate");
|
|
3908
|
-
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)); });
|
|
3909
3914
|
i0.ɵɵelementEnd();
|
|
3910
3915
|
} if (rf & 2) {
|
|
3911
3916
|
let tmp_7_0;
|
|
@@ -3914,31 +3919,31 @@ function MultiFunctionalTableComponent_Conditional_9_Template(rf, ctx) { if (rf
|
|
|
3914
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));
|
|
3915
3920
|
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 4, "MULTI_FUNCTIONAL_TABLE.PAGINATOR_LABEL"));
|
|
3916
3921
|
} }
|
|
3917
|
-
function
|
|
3922
|
+
function MultiFunctionalTableComponent_th_17_Template(rf, ctx) { if (rf & 1) {
|
|
3918
3923
|
const _r12 = i0.ɵɵgetCurrentView();
|
|
3919
3924
|
i0.ɵɵelementStart(0, "th", 40)(1, "mat-checkbox", 41);
|
|
3920
3925
|
i0.ɵɵpipe(2, "translate");
|
|
3921
|
-
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()); });
|
|
3922
3927
|
i0.ɵɵelementEnd()();
|
|
3923
3928
|
} if (rf & 2) {
|
|
3924
3929
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
3925
3930
|
i0.ɵɵadvance();
|
|
3926
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());
|
|
3927
3932
|
} }
|
|
3928
|
-
function
|
|
3933
|
+
function MultiFunctionalTableComponent_td_18_mat_checkbox_1_Template(rf, ctx) { if (rf & 1) {
|
|
3929
3934
|
const _r13 = i0.ɵɵgetCurrentView();
|
|
3930
3935
|
i0.ɵɵelementStart(0, "mat-checkbox", 44);
|
|
3931
3936
|
i0.ɵɵpipe(1, "translate");
|
|
3932
|
-
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)); });
|
|
3933
3938
|
i0.ɵɵelementEnd();
|
|
3934
3939
|
} if (rf & 2) {
|
|
3935
3940
|
const element_r14 = i0.ɵɵnextContext().$implicit;
|
|
3936
3941
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
3937
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));
|
|
3938
3943
|
} }
|
|
3939
|
-
function
|
|
3944
|
+
function MultiFunctionalTableComponent_td_18_Template(rf, ctx) { if (rf & 1) {
|
|
3940
3945
|
i0.ɵɵelementStart(0, "td", 42);
|
|
3941
|
-
i0.ɵɵtemplate(1,
|
|
3946
|
+
i0.ɵɵtemplate(1, MultiFunctionalTableComponent_td_18_mat_checkbox_1_Template, 2, 5, "mat-checkbox", 43);
|
|
3942
3947
|
i0.ɵɵelementEnd();
|
|
3943
3948
|
} if (rf & 2) {
|
|
3944
3949
|
const element_r14 = ctx.$implicit;
|
|
@@ -3946,13 +3951,13 @@ function MultiFunctionalTableComponent_td_17_Template(rf, ctx) { if (rf & 1) {
|
|
|
3946
3951
|
i0.ɵɵadvance();
|
|
3947
3952
|
i0.ɵɵproperty("ngIf", ctx_r2.isRowCheckboxAlwaysVisible || ctx_r2.hoveredRow === element_r14 || ctx_r2.matSelection.isSelected(element_r14));
|
|
3948
3953
|
} }
|
|
3949
|
-
function
|
|
3954
|
+
function MultiFunctionalTableComponent_tr_19_Template(rf, ctx) { if (rf & 1) {
|
|
3950
3955
|
i0.ɵɵelement(0, "tr", 45);
|
|
3951
3956
|
} }
|
|
3952
|
-
function
|
|
3957
|
+
function MultiFunctionalTableComponent_tr_20_Template(rf, ctx) { if (rf & 1) {
|
|
3953
3958
|
const _r15 = i0.ɵɵgetCurrentView();
|
|
3954
3959
|
i0.ɵɵelementStart(0, "tr", 46);
|
|
3955
|
-
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()); });
|
|
3956
3961
|
i0.ɵɵelementEnd();
|
|
3957
3962
|
} if (rf & 2) {
|
|
3958
3963
|
const row_r16 = ctx.$implicit;
|
|
@@ -3960,20 +3965,20 @@ function MultiFunctionalTableComponent_tr_19_Template(rf, ctx) { if (rf & 1) {
|
|
|
3960
3965
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
3961
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));
|
|
3962
3967
|
} }
|
|
3963
|
-
function
|
|
3968
|
+
function MultiFunctionalTableComponent_th_22_Template(rf, ctx) { if (rf & 1) {
|
|
3964
3969
|
i0.ɵɵelementStart(0, "th", 40)(1, "div", 47)(2, "button", 48)(3, "span", 29);
|
|
3965
3970
|
i0.ɵɵtext(4, "more_vert");
|
|
3966
3971
|
i0.ɵɵelementEnd()()()();
|
|
3967
3972
|
} if (rf & 2) {
|
|
3968
3973
|
i0.ɵɵnextContext();
|
|
3969
|
-
const columnMenu_r19 = i0.ɵɵreference(
|
|
3974
|
+
const columnMenu_r19 = i0.ɵɵreference(26);
|
|
3970
3975
|
i0.ɵɵadvance(2);
|
|
3971
3976
|
i0.ɵɵproperty("matMenuTriggerFor", columnMenu_r19);
|
|
3972
3977
|
} }
|
|
3973
|
-
function
|
|
3978
|
+
function MultiFunctionalTableComponent_td_23_Template(rf, ctx) { if (rf & 1) {
|
|
3974
3979
|
i0.ɵɵelement(0, "td", 42);
|
|
3975
3980
|
} }
|
|
3976
|
-
function
|
|
3981
|
+
function MultiFunctionalTableComponent_ng_container_24_tr_1_Template(rf, ctx) { if (rf & 1) {
|
|
3977
3982
|
i0.ɵɵelementStart(0, "tr")(1, "td", 50);
|
|
3978
3983
|
i0.ɵɵelement(2, "lib-status-display", 51);
|
|
3979
3984
|
i0.ɵɵelementEnd()();
|
|
@@ -3982,15 +3987,15 @@ function MultiFunctionalTableComponent_ng_container_23_tr_1_Template(rf, ctx) {
|
|
|
3982
3987
|
i0.ɵɵadvance(2);
|
|
3983
3988
|
i0.ɵɵproperty("config", ctx_r2.noDataRowConfig);
|
|
3984
3989
|
} }
|
|
3985
|
-
function
|
|
3990
|
+
function MultiFunctionalTableComponent_ng_container_24_Template(rf, ctx) { if (rf & 1) {
|
|
3986
3991
|
i0.ɵɵelementContainerStart(0);
|
|
3987
|
-
i0.ɵɵtemplate(1,
|
|
3992
|
+
i0.ɵɵtemplate(1, MultiFunctionalTableComponent_ng_container_24_tr_1_Template, 3, 1, "tr", 49);
|
|
3988
3993
|
i0.ɵɵelementContainerEnd();
|
|
3989
3994
|
} }
|
|
3990
|
-
function
|
|
3995
|
+
function MultiFunctionalTableComponent_div_28_Template(rf, ctx) { if (rf & 1) {
|
|
3991
3996
|
const _r20 = i0.ɵɵgetCurrentView();
|
|
3992
3997
|
i0.ɵɵelementStart(0, "div")(1, "mat-checkbox", 52);
|
|
3993
|
-
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); });
|
|
3994
3999
|
i0.ɵɵtext(2);
|
|
3995
4000
|
i0.ɵɵpipe(3, "translate");
|
|
3996
4001
|
i0.ɵɵelementEnd()();
|
|
@@ -4351,43 +4356,44 @@ class MultiFunctionalTableComponent {
|
|
|
4351
4356
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterBar = _t.first);
|
|
4352
4357
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.paginator = _t.first);
|
|
4353
4358
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tableElementRef = _t.first);
|
|
4354
|
-
} }, 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) {
|
|
4355
4360
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
4356
4361
|
i0.ɵɵprojectionDef(_c2$1);
|
|
4357
4362
|
i0.ɵɵelementStart(0, "div", 5)(1, "div", 6)(2, "div", 7);
|
|
4358
|
-
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);
|
|
4359
4365
|
i0.ɵɵelementEnd();
|
|
4360
|
-
i0.ɵɵtemplate(
|
|
4361
|
-
i0.ɵɵprojection(
|
|
4366
|
+
i0.ɵɵtemplate(6, MultiFunctionalTableComponent_div_6_Template, 8, 8, "div", 10);
|
|
4367
|
+
i0.ɵɵprojection(7, 1);
|
|
4362
4368
|
i0.ɵɵelementEnd();
|
|
4363
|
-
i0.ɵɵtemplate(
|
|
4364
|
-
i0.ɵɵprojection(
|
|
4365
|
-
i0.ɵɵtemplate(
|
|
4366
|
-
i0.ɵɵelementStart(
|
|
4367
|
-
i0.ɵɵlistener("mousedown", function
|
|
4368
|
-
i0.ɵɵelementStart(
|
|
4369
|
-
i0.ɵɵprojection(
|
|
4370
|
-
i0.ɵɵelementContainerStart(
|
|
4371
|
-
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);
|
|
4372
4378
|
i0.ɵɵelementContainerEnd();
|
|
4373
|
-
i0.ɵɵtemplate(
|
|
4374
|
-
i0.ɵɵelementContainerStart(
|
|
4375
|
-
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);
|
|
4376
4382
|
i0.ɵɵelementContainerEnd();
|
|
4377
|
-
i0.ɵɵtemplate(
|
|
4383
|
+
i0.ɵɵtemplate(24, MultiFunctionalTableComponent_ng_container_24_Template, 2, 0, "ng-container", 20);
|
|
4378
4384
|
i0.ɵɵelementEnd()()();
|
|
4379
|
-
i0.ɵɵelementStart(
|
|
4380
|
-
i0.ɵɵlistener("click", function
|
|
4381
|
-
i0.ɵɵtemplate(
|
|
4382
|
-
i0.ɵɵelementStart(
|
|
4383
|
-
i0.ɵɵlistener("click", function
|
|
4384
|
-
i0.ɵɵtext(
|
|
4385
|
-
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");
|
|
4386
4392
|
i0.ɵɵelementEnd()()()();
|
|
4387
4393
|
} if (rf & 2) {
|
|
4388
4394
|
let tmp_15_0;
|
|
4389
4395
|
i0.ɵɵproperty("ngClass.lt-md", "mobile");
|
|
4390
|
-
i0.ɵɵadvance(
|
|
4396
|
+
i0.ɵɵadvance(4);
|
|
4391
4397
|
i0.ɵɵproperty("ngIf", ctx.exportActive);
|
|
4392
4398
|
i0.ɵɵadvance();
|
|
4393
4399
|
i0.ɵɵproperty("ngIf", ctx.filterActive && ctx.showFilterToggle);
|
|
@@ -4396,7 +4402,7 @@ class MultiFunctionalTableComponent {
|
|
|
4396
4402
|
i0.ɵɵadvance(2);
|
|
4397
4403
|
i0.ɵɵproperty("ngIf", ctx.config.filter && ctx.config.filter.enabled);
|
|
4398
4404
|
i0.ɵɵadvance(2);
|
|
4399
|
-
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);
|
|
4400
4406
|
i0.ɵɵadvance();
|
|
4401
4407
|
i0.ɵɵclassProp("table-sticky-header", ctx.config == null ? null : ctx.config.stickyHeader)("table-dragable", ctx.tableOverflow && !(ctx.config == null ? null : ctx.config.disableMouseDragging));
|
|
4402
4408
|
i0.ɵɵadvance(2);
|
|
@@ -4414,12 +4420,12 @@ class MultiFunctionalTableComponent {
|
|
|
4414
4420
|
i0.ɵɵadvance(4);
|
|
4415
4421
|
i0.ɵɵproperty("ngForOf", ctx.configurableColumns);
|
|
4416
4422
|
i0.ɵɵadvance(3);
|
|
4417
|
-
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(
|
|
4423
|
+
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(32, 20, "MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT_SAVE"), " ");
|
|
4418
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}"] }); }
|
|
4419
4425
|
}
|
|
4420
4426
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MultiFunctionalTableComponent, [{
|
|
4421
4427
|
type: Component,
|
|
4422
|
-
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"] }]
|
|
4423
4429
|
}], () => [{ type: DOMService }, { type: i1$1.TranslateService }], { config: [{
|
|
4424
4430
|
type: Input
|
|
4425
4431
|
}], highlightedElements: [{
|