@tilde-nlp/ngx-common 8.1.84 → 8.1.86

package/fesm2022/tilde-nlp-ngx-common.mjs

@@ -3964,90 +3964,90 @@ function MultiFunctionalTableComponent_tld_filter_bar_7_Template(rf, ctx) { if (
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵproperty("filterRowVisible", ctx_r2.filterBarVisible)("settings", ctx_r2.config.filter.settings);
 } }
-function MultiFunctionalTableComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function MultiFunctionalTableComponent_th_15_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-paginator", 39);
-    i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("page", function MultiFunctionalTableComponent_Conditional_9_Template_mat_paginator_page_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.paginatorChange($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const paginatorConfig_r11 = i0.ɵɵnextContext().config.paginator;
-    i0.ɵɵproperty("hidePageSize", !paginatorConfig_r11.showPageSize)("showFirstLastButtons", paginatorConfig_r11.showFirstLastButtons)("pageSizeOptions", paginatorConfig_r11.pageSizeOptions ?? i0.ɵɵpureFunction0(6, _c4));
-    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 4, "MULTI_FUNCTIONAL_TABLE.PAGINATOR_LABEL"));
-} }
-function MultiFunctionalTableComponent_th_16_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", 40)(1, "mat-checkbox", 41);
+    i0.ɵɵelementStart(0, "th", 39)(1, "mat-checkbox", 40);
     i0.ɵɵpipe(2, "translate");
-    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()); });
+    i0.ɵɵlistener("change", function MultiFunctionalTableComponent_th_15_Template_mat_checkbox_change_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleAllRowSelection()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     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());
 } }
-function MultiFunctionalTableComponent_td_17_mat_checkbox_1_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-checkbox", 44);
+function MultiFunctionalTableComponent_td_16_mat_checkbox_1_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-checkbox", 43);
     i0.ɵɵpipe(1, "translate");
-    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)); });
+    i0.ɵɵlistener("click", function MultiFunctionalTableComponent_td_16_mat_checkbox_1_Template_mat_checkbox_click_0_listener($event) { i0.ɵɵrestoreView(_r11); return i0.ɵɵresetView($event.stopPropagation()); })("change", function MultiFunctionalTableComponent_td_16_mat_checkbox_1_Template_mat_checkbox_change_0_listener() { i0.ɵɵrestoreView(_r11); const element_r12 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleElementSelection(element_r12)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const element_r14 = i0.ɵɵnextContext().$implicit;
+    const element_r12 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
-    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));
+    i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 3, "MULTI_FUNCTIONAL_TABLE.SELECT"))("disabled", ctx_r2.config.batchConfig.checkBoxesDisabled || ctx_r2.preselectedItems.includes(element_r12) && ctx_r2.disablePreselectedItems)("checked", ctx_r2.matSelection.isSelected(element_r12));
 } }
-function MultiFunctionalTableComponent_td_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 42);
-    i0.ɵɵtemplate(1, MultiFunctionalTableComponent_td_17_mat_checkbox_1_Template, 2, 5, "mat-checkbox", 43);
+function MultiFunctionalTableComponent_td_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 41);
+    i0.ɵɵtemplate(1, MultiFunctionalTableComponent_td_16_mat_checkbox_1_Template, 2, 5, "mat-checkbox", 42);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const element_r14 = ctx.$implicit;
+    const element_r12 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.isRowCheckboxAlwaysVisible || ctx_r2.hoveredRow === element_r14 || ctx_r2.matSelection.isSelected(element_r14));
+    i0.ɵɵproperty("ngIf", ctx_r2.isRowCheckboxAlwaysVisible || ctx_r2.hoveredRow === element_r12 || ctx_r2.matSelection.isSelected(element_r12));
 } }
-function MultiFunctionalTableComponent_tr_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "tr", 45);
+function MultiFunctionalTableComponent_tr_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "tr", 44);
 } }
-function MultiFunctionalTableComponent_tr_19_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 46);
-    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()); });
+function MultiFunctionalTableComponent_tr_18_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 45);
+    i0.ɵɵlistener("click", function MultiFunctionalTableComponent_tr_18_Template_tr_click_0_listener() { const row_r14 = i0.ɵɵrestoreView(_r13).$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_r14))) ? ctx_r2.config == null ? null : ctx_r2.config.rowClickCallback(row_r14) : null); })("mouseover", function MultiFunctionalTableComponent_tr_18_Template_tr_mouseover_0_listener() { const ctx_r14 = i0.ɵɵrestoreView(_r13); const row_r14 = ctx_r14.$implicit; const index_r16 = ctx_r14.index; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.rowHovered(index_r16, row_r14)); })("mouseleave", function MultiFunctionalTableComponent_tr_18_Template_tr_mouseleave_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.rowHoverLeave()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r16 = ctx.$implicit;
-    const index_r18 = ctx.index;
+    const row_r14 = ctx.$implicit;
+    const index_r16 = ctx.index;
     const ctx_r2 = i0.ɵɵnextContext();
-    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));
+    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_r14))))("highlight-error", ctx_r2.highlightErrorElement(index_r16, row_r14))("highlight", ctx_r2.isElementHighlighted(index_r16, row_r14));
 } }
-function MultiFunctionalTableComponent_th_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 40)(1, "div", 47)(2, "button", 48)(3, "span", 29);
+function MultiFunctionalTableComponent_th_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 39)(1, "div", 46)(2, "button", 47)(3, "span", 29);
     i0.ɵɵtext(4, "more_vert");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     i0.ɵɵnextContext();
-    const columnMenu_r19 = i0.ɵɵreference(25);
+    const columnMenu_r17 = i0.ɵɵreference(25);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("matMenuTriggerFor", columnMenu_r19);
+    i0.ɵɵproperty("matMenuTriggerFor", columnMenu_r17);
 } }
-function MultiFunctionalTableComponent_td_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "td", 42);
+function MultiFunctionalTableComponent_td_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "td", 41);
 } }
-function MultiFunctionalTableComponent_ng_container_23_tr_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 50);
-    i0.ɵɵelement(2, "lib-status-display", 51);
+function MultiFunctionalTableComponent_ng_container_22_tr_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 49);
+    i0.ɵɵelement(2, "lib-status-display", 50);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("config", ctx_r2.noDataRowConfig);
 } }
-function MultiFunctionalTableComponent_ng_container_23_Template(rf, ctx) { if (rf & 1) {
+function MultiFunctionalTableComponent_ng_container_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, MultiFunctionalTableComponent_ng_container_23_tr_1_Template, 3, 1, "tr", 49);
+    i0.ɵɵtemplate(1, MultiFunctionalTableComponent_ng_container_22_tr_1_Template, 3, 1, "tr", 48);
     i0.ɵɵelementContainerEnd();
 } }
+function MultiFunctionalTableComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-paginator", 51);
+    i0.ɵɵpipe(1, "translate");
+    i0.ɵɵlistener("page", function MultiFunctionalTableComponent_Conditional_23_Template_mat_paginator_page_0_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.paginatorChange($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const paginatorConfig_r19 = i0.ɵɵnextContext().config.paginator;
+    i0.ɵɵproperty("pageSize", paginatorConfig_r19.pageSize ?? 10)("hidePageSize", !paginatorConfig_r19.showPageSize)("showFirstLastButtons", paginatorConfig_r19.showFirstLastButtons)("pageSizeOptions", paginatorConfig_r19.pageSizeOptions ?? i0.ɵɵpureFunction0(7, _c4));
+    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 5, "MULTI_FUNCTIONAL_TABLE.PAGINATOR_LABEL"));
+} }
 function MultiFunctionalTableComponent_div_27_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div")(1, "mat-checkbox", 52);
@@ -4414,7 +4414,7 @@ class MultiFunctionalTableComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterBar = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.paginator = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tableElementRef = _t.first);
-        } }, 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" }, standalone: false, 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) {
+        } }, 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" }, standalone: false, 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"], [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"], [3, "pageSize", "hidePageSize", "showFirstLastButtons", "pageSizeOptions"], [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"], ["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, "page", "pageSize", "hidePageSize", "showFirstLastButtons", "pageSizeOptions"], [3, "ngModelChange", "ngModel"]], template: function MultiFunctionalTableComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵprojectionDef(_c2$1);
             i0.ɵɵelementStart(0, "div", 5)(1, "div", 6)(2, "div", 7);
@@ -4425,20 +4425,21 @@ class MultiFunctionalTableComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(7, MultiFunctionalTableComponent_tld_filter_bar_7_Template, 2, 2, "tld-filter-bar", 11);
             i0.ɵɵprojection(8, 1);
-            i0.ɵɵconditionalCreate(9, MultiFunctionalTableComponent_Conditional_9_Template, 2, 7, "mat-paginator", 12);
-            i0.ɵɵelementStart(10, "div", 13, 0);
-            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)); });
-            i0.ɵɵelementStart(12, "table", 14, 1);
-            i0.ɵɵprojection(14, 2);
-            i0.ɵɵelementContainerStart(15, 15);
-            i0.ɵɵtemplate(16, MultiFunctionalTableComponent_th_16_Template, 3, 6, "th", 16)(17, MultiFunctionalTableComponent_td_17_Template, 2, 1, "td", 17);
+            i0.ɵɵelementStart(9, "div", 12, 0);
+            i0.ɵɵlistener("mousedown", function MultiFunctionalTableComponent_Template_div_mousedown_9_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMouseDown($event)); })("mouseup", function MultiFunctionalTableComponent_Template_div_mouseup_9_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMouseUp()); })("mouseleave", function MultiFunctionalTableComponent_Template_div_mouseleave_9_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMouseUp()); })("mousemove", function MultiFunctionalTableComponent_Template_div_mousemove_9_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onMouseMove($event)); });
+            i0.ɵɵelementStart(11, "table", 13, 1);
+            i0.ɵɵprojection(13, 2);
+            i0.ɵɵelementContainerStart(14, 14);
+            i0.ɵɵtemplate(15, MultiFunctionalTableComponent_th_15_Template, 3, 6, "th", 15)(16, MultiFunctionalTableComponent_td_16_Template, 2, 1, "td", 16);
             i0.ɵɵelementContainerEnd();
-            i0.ɵɵtemplate(18, MultiFunctionalTableComponent_tr_18_Template, 1, 0, "tr", 18)(19, MultiFunctionalTableComponent_tr_19_Template, 1, 6, "tr", 19);
-            i0.ɵɵelementContainerStart(20, 15);
-            i0.ɵɵtemplate(21, MultiFunctionalTableComponent_th_21_Template, 5, 1, "th", 16)(22, MultiFunctionalTableComponent_td_22_Template, 1, 0, "td", 17);
+            i0.ɵɵtemplate(17, MultiFunctionalTableComponent_tr_17_Template, 1, 0, "tr", 17)(18, MultiFunctionalTableComponent_tr_18_Template, 1, 6, "tr", 18);
+            i0.ɵɵelementContainerStart(19, 14);
+            i0.ɵɵtemplate(20, MultiFunctionalTableComponent_th_20_Template, 5, 1, "th", 15)(21, MultiFunctionalTableComponent_td_21_Template, 1, 0, "td", 16);
             i0.ɵɵelementContainerEnd();
-            i0.ɵɵtemplate(23, MultiFunctionalTableComponent_ng_container_23_Template, 2, 0, "ng-container", 20);
-            i0.ɵɵelementEnd()()();
+            i0.ɵɵtemplate(22, MultiFunctionalTableComponent_ng_container_22_Template, 2, 0, "ng-container", 19);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(23, MultiFunctionalTableComponent_Conditional_23_Template, 2, 8, "mat-paginator", 20);
+            i0.ɵɵelementEnd();
             i0.ɵɵelementStart(24, "mat-menu", null, 2)(26, "div", 21);
             i0.ɵɵlistener("click", function MultiFunctionalTableComponent_Template_div_click_26_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
             i0.ɵɵtemplate(27, MultiFunctionalTableComponent_div_27_Template, 4, 4, "div", 22);
@@ -4458,8 +4459,6 @@ class MultiFunctionalTableComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.config.filter && ctx.config.filter.enabled);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional((ctx.config.paginator == null ? null : ctx.config.paginator.enabled) ? 9 : -1);
-            i0.ɵɵadvance();
             i0.ɵɵclassProp("table-sticky-header", ctx.config == null ? null : ctx.config.stickyHeader)("table-dragable", ctx.tableOverflow && !(ctx.config == null ? null : ctx.config.disableMouseDragging));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("dataSource", ctx.dataSource)("trackBy", ctx.trackByFn);
@@ -4473,6 +4472,8 @@ class MultiFunctionalTableComponent {
             i0.ɵɵproperty("matColumnDef", ctx.columnSelectColumnName);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.noDataRowActive);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional((ctx.config.paginator == null ? null : ctx.config.paginator.enabled) ? 23 : -1);
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngForOf", ctx.configurableColumns);
             i0.ɵɵadvance(3);
@@ -4481,7 +4482,7 @@ class MultiFunctionalTableComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MultiFunctionalTableComponent, [{
         type: Component,
-        args: [{ selector: 'tld-multi-functional-table', standalone: false, 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"] }]
+        args: [{ selector: 'tld-multi-functional-table', standalone: false, 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  <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\r\n  @if(config.paginator?.enabled){\r\n    @let paginatorConfig = config.paginator!;\r\n\r\n    <mat-paginator \r\n      [pageSize]=\"paginatorConfig.pageSize ?? 10\" \r\n      [hidePageSize]=\"!paginatorConfig.showPageSize\" \r\n      [showFirstLastButtons]=\"paginatorConfig.showFirstLastButtons\"\r\n      [attr.aria-label]=\"'MULTI_FUNCTIONAL_TABLE.PAGINATOR_LABEL' | translate\" \r\n      [pageSizeOptions]=\"paginatorConfig.pageSizeOptions ?? [10]\" \r\n      (page)=\"paginatorChange($event)\">\r\n    </mat-paginator>\r\n  }\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"] }]
     }], () => [{ type: DOMService }, { type: i1.TranslateService }], { config: [{
             type: Input
         }], highlightedElements: [{
@@ -10143,6 +10144,42 @@ const provideLanguageService = (config) => {
     ]);
 };
 
+function StatusPillComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 1);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.icon());
+} }
+class StatusPillComponent {
+    constructor() {
+        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+        this.status = input(...(ngDevMode ? [undefined, { debugName: "status" }] : []));
+        this.tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
+    }
+    static { this.ɵfac = function StatusPillComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StatusPillComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StatusPillComponent, selectors: [["lib-status-pill"]], inputs: { icon: [1, "icon"], status: [1, "status"], tooltip: [1, "tooltip"] }, decls: 4, vars: 6, consts: [[1, "status-pill", 3, "ngClass", "matTooltip"], [1, "material-icons", "material-icons-outlined"]], template: function StatusPillComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵpipe(1, "lowercase");
+            i0.ɵɵconditionalCreate(2, StatusPillComponent_Conditional_2_Template, 2, 1, "span", 1);
+            i0.ɵɵtext(3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", i0.ɵɵpipeBind1(1, 4, ctx.status()))("matTooltip", ctx.tooltip());
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.icon() ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.status(), "\n");
+        } }, dependencies: [CommonModule, i1$1.NgClass, MatTooltipModule, i2$3.MatTooltip, MatIconModule, i1$1.LowerCasePipe], styles: [".status-pill[_ngcontent-%COMP%]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid;border-radius:9999px;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}.material-icons[_ngcontent-%COMP%]{font-size:16px}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StatusPillComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-status-pill', imports: [CommonModule, MatTooltipModule, MatIconModule], template: "<div class=\"status-pill\" [ngClass]=\"status() | lowercase\" [matTooltip]=\"tooltip()\">\r\n\t@if (icon()) {\r\n\t\t<span class=\"material-icons material-icons-outlined\">{{ icon() }}</span>\r\n\t}\r\n\r\n\t{{ status() }}\r\n</div>\r\n", styles: [".status-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid;border-radius:9999px;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}.material-icons{font-size:16px}\n"] }]
+    }], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StatusPillComponent, { className: "StatusPillComponent", filePath: "lib/status-pill/status-pill.component.ts", lineNumber: 12 }); })();
+
 /*
  * Public API Surface of ngx-common
  */
@@ -10151,5 +10188,5 @@ const provideLanguageService = (config) => {
  * Generated bundle index. Do not edit.
  */
 
-export { ALERT_CONFIGURATION_TOKEN, AccessibilityContrasts, AccessibilityDialogComponent, AccessibilityFontSizes, AccessibilityService, AccessibilityTextMagnifierService, AlertService, AnalyticsService, AuthHeadersHelper, COLLECTIONS_MENU, CUSTOM_TITLE_CONFIGURATION_TOKEN, ClickOutsideDirective, ClickOutsideModule, CloseButtonComponent, CloseButtonModule, CombinedCollection, CombinedCollectionTooltipKey, CompanyProductComponent, CompanyProductModule, Confirmation, ConfirmationModalComponent, ConfirmationModalModule, ConfirmationService, ConversionHelper, CookieConsentComponent, CustomPaginatorInernationalizationHelper, CustomTitleStrategyService, CustomTranslateLoader, CustomTranslateParseService, DEFAULT_ACCESSIBILITY_PREFERENCES, DEFAULT_COOKIE_CONSENT_PREFERENCES, DEFAULT_USER_CONFIG, DEFAULT_USER_CONFIG_IFRAME_URL, DEFAULT_USER_CONFIG_OPTIONS, DISABLE_EXPORT_ATTRIBUTE_NAME, DOMService, DateAgoModule, DateAgoPipe, DomainTranslatePipe, DragAndDropDirective, DragAndDropModule, ERROR_CODES, EngineTermApiService, EngineTermCollectionScope, EngineTermCollectionSource, EngineTermCollectionStatus, EngineTermCollectionSubStatus, ExpiresInPipe, ExportFormat, ExtensionDialogComponent, ExtensionDialogModule, ExtensionDialogService, FILE_SIZE_UNIT, FileCategories, FileExtensionHelper, FileExtensions, FileSizeLabelPipe, FileTypeIcons, FileTypes, FileUploadComponent, FileUploadErrorTypeEnum, FileUploadModule, FilterBarComponent, FilterBarModule, FilterWithHighlightModule, FilterWithHighlightPipe, FooterComponent, FooterModule, GlobalMessageComponent, HashHelper, HtmlElementParseHelper, HtmlHelper, IconService, InlineMessageComponent, InlineMessageIconPosition, InlineMessageModule, InlineMessageType, LAST_USED_SYSTEM_LOCAL_STORAGE_KEY, LLMActions, LLMComponent, LLMModule, LLM_CONFIGURATION_TOKEN, LOCALIZATION_CONFIGURATION_TOKEN, LanguageHelper, LanguageTranslateModule, LanguageTranslatePipe, LanguageTranslateService, MatButtonLoadingDirective, MatButtonLoadingModule, MatomoService, MissingTranslationHelper, MtCollectionStatus, MultiFunctionalTableComponent, MultiFunctionalTableModule, NewFeatureDialogWrapperComponent, NotificationMessageComponent, NotificationMessageModule, NotificationMessageType, NotificationService, OPEN_CLOSE_BTN_ICONS_TOKEN, ObjectLengthModule, ObjectLengthPipe, OpenCloseButtonComponent, OpenCloseButtonModule, OpenExtensionDialogComponent, Operations, PlausibleEventDirective, PlausibleHelper, PlausibleModule, ResolutionHelper, SCREEN_SIZE, SaveFileHelper, SelectLanguageDialogComponent, SidebarComponent, SidebarService, SortAlphabeticallyModule, SortAlphabeticallyPipe, SortByNumberPipe, SortDomainsPipe, SortHelper, SortLanguageListPipe, SortTranslationsByPropertyModule, SortTranslationsByPropertyPipe, SortTranslationsModule, SortTranslationsPipe, StatusDisplayComponent, StatusDisplayModule, SubscriptionComponent, SubscriptionPlan, SystemService, TerminologyApiService, TerminologyCollectionService, TerminologyComponent, TerminologyConfigService, TerminologyCreateCollectionComponent, TerminologyModule, TerminologyService, TextToSpeechComponent, TldLoaderComponent, TldLoaderModule, ToastComponent, ToastService, UILanguageService, USER_CONFIG_IFRAME_NAME, USER_CONFIG_IFRAME_TARGET_ORIGIN, USER_CONFIG_MESSAGE_REQUEST, USER_CONFIG_MESSAGE_SNAPSHOT, USER_CONFIG_MESSAGE_UPDATE, USER_CONFIG_OPTIONS, USER_CONFIG_STORAGE, USER_CONFIG_STORAGE_KEY, USER_CONFIG_VERSION, UserConfigStrategy, createMetadata, getFileSizeLabel, isUserConfigOptionsFactoryProvider, provideCustomTitleStrategy, provideLanguageService, provideUserConfig, userConfigStorageFactory };
+export { ALERT_CONFIGURATION_TOKEN, AccessibilityContrasts, AccessibilityDialogComponent, AccessibilityFontSizes, AccessibilityService, AccessibilityTextMagnifierService, AlertService, AnalyticsService, AuthHeadersHelper, COLLECTIONS_MENU, CUSTOM_TITLE_CONFIGURATION_TOKEN, ClickOutsideDirective, ClickOutsideModule, CloseButtonComponent, CloseButtonModule, CombinedCollection, CombinedCollectionTooltipKey, CompanyProductComponent, CompanyProductModule, Confirmation, ConfirmationModalComponent, ConfirmationModalModule, ConfirmationService, ConversionHelper, CookieConsentComponent, CustomPaginatorInernationalizationHelper, CustomTitleStrategyService, CustomTranslateLoader, CustomTranslateParseService, DEFAULT_ACCESSIBILITY_PREFERENCES, DEFAULT_COOKIE_CONSENT_PREFERENCES, DEFAULT_USER_CONFIG, DEFAULT_USER_CONFIG_IFRAME_URL, DEFAULT_USER_CONFIG_OPTIONS, DISABLE_EXPORT_ATTRIBUTE_NAME, DOMService, DateAgoModule, DateAgoPipe, DomainTranslatePipe, DragAndDropDirective, DragAndDropModule, ERROR_CODES, EngineTermApiService, EngineTermCollectionScope, EngineTermCollectionSource, EngineTermCollectionStatus, EngineTermCollectionSubStatus, ExpiresInPipe, ExportFormat, ExtensionDialogComponent, ExtensionDialogModule, ExtensionDialogService, FILE_SIZE_UNIT, FileCategories, FileExtensionHelper, FileExtensions, FileSizeLabelPipe, FileTypeIcons, FileTypes, FileUploadComponent, FileUploadErrorTypeEnum, FileUploadModule, FilterBarComponent, FilterBarModule, FilterWithHighlightModule, FilterWithHighlightPipe, FooterComponent, FooterModule, GlobalMessageComponent, HashHelper, HtmlElementParseHelper, HtmlHelper, IconService, InlineMessageComponent, InlineMessageIconPosition, InlineMessageModule, InlineMessageType, LAST_USED_SYSTEM_LOCAL_STORAGE_KEY, LLMActions, LLMComponent, LLMModule, LLM_CONFIGURATION_TOKEN, LOCALIZATION_CONFIGURATION_TOKEN, LanguageHelper, LanguageTranslateModule, LanguageTranslatePipe, LanguageTranslateService, MatButtonLoadingDirective, MatButtonLoadingModule, MatomoService, MissingTranslationHelper, MtCollectionStatus, MultiFunctionalTableComponent, MultiFunctionalTableModule, NewFeatureDialogWrapperComponent, NotificationMessageComponent, NotificationMessageModule, NotificationMessageType, NotificationService, OPEN_CLOSE_BTN_ICONS_TOKEN, ObjectLengthModule, ObjectLengthPipe, OpenCloseButtonComponent, OpenCloseButtonModule, OpenExtensionDialogComponent, Operations, PlausibleEventDirective, PlausibleHelper, PlausibleModule, ResolutionHelper, SCREEN_SIZE, SaveFileHelper, SelectLanguageDialogComponent, SidebarComponent, SidebarService, SortAlphabeticallyModule, SortAlphabeticallyPipe, SortByNumberPipe, SortDomainsPipe, SortHelper, SortLanguageListPipe, SortTranslationsByPropertyModule, SortTranslationsByPropertyPipe, SortTranslationsModule, SortTranslationsPipe, StatusDisplayComponent, StatusDisplayModule, StatusPillComponent, SubscriptionComponent, SubscriptionPlan, SystemService, TerminologyApiService, TerminologyCollectionService, TerminologyComponent, TerminologyConfigService, TerminologyCreateCollectionComponent, TerminologyModule, TerminologyService, TextToSpeechComponent, TldLoaderComponent, TldLoaderModule, ToastComponent, ToastService, UILanguageService, USER_CONFIG_IFRAME_NAME, USER_CONFIG_IFRAME_TARGET_ORIGIN, USER_CONFIG_MESSAGE_REQUEST, USER_CONFIG_MESSAGE_SNAPSHOT, USER_CONFIG_MESSAGE_UPDATE, USER_CONFIG_OPTIONS, USER_CONFIG_STORAGE, USER_CONFIG_STORAGE_KEY, USER_CONFIG_VERSION, UserConfigStrategy, createMetadata, getFileSizeLabel, isUserConfigOptionsFactoryProvider, provideCustomTitleStrategy, provideLanguageService, provideUserConfig, userConfigStorageFactory };
 //# sourceMappingURL=tilde-nlp-ngx-common.mjs.map