@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.
@@ -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 MultiFunctionalTableComponent_button_3_Template(rf, ctx) { if (rf & 1) {
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 MultiFunctionalTableComponent_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.export()); });
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 MultiFunctionalTableComponent_div_4_div_7_Template(rf, ctx) { if (rf & 1) {
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 MultiFunctionalTableComponent_div_4_div_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.clearFilters()); });
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 MultiFunctionalTableComponent_div_4_Template(rf, ctx) { if (rf & 1) {
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 MultiFunctionalTableComponent_div_4_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleFilterBar()); });
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, MultiFunctionalTableComponent_div_4_div_7_Template, 4, 0, "div", 30);
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 MultiFunctionalTableComponent_div_5_button_7_Template(rf, ctx) { if (rf & 1) {
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 MultiFunctionalTableComponent_div_5_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: "" } })); });
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 MultiFunctionalTableComponent_div_5_Template(rf, ctx) { if (rf & 1) {
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 MultiFunctionalTableComponent_div_5_Template_input_keyup_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.search($event)); });
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, MultiFunctionalTableComponent_div_5_button_7_Template, 3, 0, "button", 36);
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 MultiFunctionalTableComponent_tld_filter_bar_7_Template(rf, ctx) { if (rf & 1) {
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 MultiFunctionalTableComponent_tld_filter_bar_7_Template_tld_filter_bar_filterBarChange_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.filtersChanged($event)); });
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 MultiFunctionalTableComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
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 MultiFunctionalTableComponent_Conditional_9_Template_mat_paginator_page_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.paginatorChange($event)); });
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 MultiFunctionalTableComponent_th_16_Template(rf, ctx) { if (rf & 1) {
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 MultiFunctionalTableComponent_th_16_Template_mat_checkbox_change_1_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleAllRowSelection()); });
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 MultiFunctionalTableComponent_td_17_mat_checkbox_1_Template(rf, ctx) { if (rf & 1) {
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 MultiFunctionalTableComponent_td_17_mat_checkbox_1_Template_mat_checkbox_click_0_listener($event) { i0.ɵɵrestoreView(_r13); return i0.ɵɵresetView($event.stopPropagation()); })("change", function MultiFunctionalTableComponent_td_17_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)); });
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 MultiFunctionalTableComponent_td_17_Template(rf, ctx) { if (rf & 1) {
3944
+ function MultiFunctionalTableComponent_td_18_Template(rf, ctx) { if (rf & 1) {
3940
3945
  i0.ɵɵelementStart(0, "td", 42);
3941
- i0.ɵɵtemplate(1, MultiFunctionalTableComponent_td_17_mat_checkbox_1_Template, 2, 5, "mat-checkbox", 43);
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 MultiFunctionalTableComponent_tr_18_Template(rf, ctx) { if (rf & 1) {
3954
+ function MultiFunctionalTableComponent_tr_19_Template(rf, ctx) { if (rf & 1) {
3950
3955
  i0.ɵɵelement(0, "tr", 45);
3951
3956
  } }
3952
- function MultiFunctionalTableComponent_tr_19_Template(rf, ctx) { if (rf & 1) {
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 MultiFunctionalTableComponent_tr_19_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_19_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_19_Template_tr_mouseleave_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.rowHoverLeave()); });
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 MultiFunctionalTableComponent_th_21_Template(rf, ctx) { if (rf & 1) {
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(25);
3974
+ const columnMenu_r19 = i0.ɵɵreference(26);
3970
3975
  i0.ɵɵadvance(2);
3971
3976
  i0.ɵɵproperty("matMenuTriggerFor", columnMenu_r19);
3972
3977
  } }
3973
- function MultiFunctionalTableComponent_td_22_Template(rf, ctx) { if (rf & 1) {
3978
+ function MultiFunctionalTableComponent_td_23_Template(rf, ctx) { if (rf & 1) {
3974
3979
  i0.ɵɵelement(0, "td", 42);
3975
3980
  } }
3976
- function MultiFunctionalTableComponent_ng_container_23_tr_1_Template(rf, ctx) { if (rf & 1) {
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 MultiFunctionalTableComponent_ng_container_23_Template(rf, ctx) { if (rf & 1) {
3990
+ function MultiFunctionalTableComponent_ng_container_24_Template(rf, ctx) { if (rf & 1) {
3986
3991
  i0.ɵɵelementContainerStart(0);
3987
- i0.ɵɵtemplate(1, MultiFunctionalTableComponent_ng_container_23_tr_1_Template, 3, 1, "tr", 49);
3992
+ i0.ɵɵtemplate(1, MultiFunctionalTableComponent_ng_container_24_tr_1_Template, 3, 1, "tr", 49);
3988
3993
  i0.ɵɵelementContainerEnd();
3989
3994
  } }
3990
- function MultiFunctionalTableComponent_div_27_Template(rf, ctx) { if (rf & 1) {
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 MultiFunctionalTableComponent_div_27_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); });
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: 32, 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) {
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.ɵɵtemplate(3, MultiFunctionalTableComponent_button_3_Template, 6, 3, "button", 8)(4, MultiFunctionalTableComponent_div_4_Template, 8, 6, "div", 9);
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(5, MultiFunctionalTableComponent_div_5_Template, 8, 8, "div", 10);
4361
- i0.ɵɵprojection(6);
4366
+ i0.ɵɵtemplate(6, MultiFunctionalTableComponent_div_6_Template, 8, 8, "div", 10);
4367
+ i0.ɵɵprojection(7, 1);
4362
4368
  i0.ɵɵelementEnd();
4363
- i0.ɵɵtemplate(7, MultiFunctionalTableComponent_tld_filter_bar_7_Template, 2, 2, "tld-filter-bar", 11);
4364
- i0.ɵɵprojection(8, 1);
4365
- i0.ɵɵtemplate(9, MultiFunctionalTableComponent_Conditional_9_Template, 3, 7, "mat-paginator", 12);
4366
- i0.ɵɵelementStart(10, "div", 13, 0);
4367
- i0.ɵɵlistener("mousedown", function MultiFunctionalTableComponent_Template_div_mousedown_10_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMouseDown($event)); })("mouseup", function MultiFunctionalTableComponent_Template_div_mouseup_10_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMouseUp()); })("mouseleave", function MultiFunctionalTableComponent_Template_div_mouseleave_10_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMouseUp()); })("mousemove", function MultiFunctionalTableComponent_Template_div_mousemove_10_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMouseMove($event)); });
4368
- i0.ɵɵelementStart(12, "table", 14, 1);
4369
- i0.ɵɵprojection(14, 2);
4370
- i0.ɵɵelementContainerStart(15, 15);
4371
- i0.ɵɵtemplate(16, MultiFunctionalTableComponent_th_16_Template, 3, 6, "th", 16)(17, MultiFunctionalTableComponent_td_17_Template, 2, 1, "td", 17);
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(18, MultiFunctionalTableComponent_tr_18_Template, 1, 0, "tr", 18)(19, MultiFunctionalTableComponent_tr_19_Template, 1, 6, "tr", 19);
4374
- i0.ɵɵelementContainerStart(20, 15);
4375
- i0.ɵɵtemplate(21, MultiFunctionalTableComponent_th_21_Template, 5, 1, "th", 16)(22, MultiFunctionalTableComponent_td_22_Template, 1, 0, "td", 17);
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(23, MultiFunctionalTableComponent_ng_container_23_Template, 2, 0, "ng-container", 20);
4383
+ i0.ɵɵtemplate(24, MultiFunctionalTableComponent_ng_container_24_Template, 2, 0, "ng-container", 20);
4378
4384
  i0.ɵɵelementEnd()()();
4379
- i0.ɵɵelementStart(24, "mat-menu", null, 2)(26, "div", 21);
4380
- i0.ɵɵlistener("click", function MultiFunctionalTableComponent_Template_div_click_26_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
4381
- i0.ɵɵtemplate(27, MultiFunctionalTableComponent_div_27_Template, 4, 4, "div", 22);
4382
- i0.ɵɵelementStart(28, "div", 23)(29, "button", 24);
4383
- i0.ɵɵlistener("click", function MultiFunctionalTableComponent_Template_button_click_29_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.updateDisplayColumns()); });
4384
- i0.ɵɵtext(30);
4385
- i0.ɵɵpipe(31, "translate");
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(3);
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) ? 9 : -1);
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(31, 20, "MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT_SAVE"), " ");
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: [{