@tilde-nlp/ngx-common 8.1.85 → 8.1.87

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

@@ -103,7 +103,7 @@ class DOMService {
             }]
     }], null, null); })();
 
-const _c0$e = ["clearButton"];
+const _c0$f = ["clearButton"];
 class CloseButtonComponent {
     constructor() {
         // any type because emitter doesn't really need a value
@@ -116,7 +116,7 @@ class CloseButtonComponent {
     }
     static { this.ɵfac = function CloseButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CloseButtonComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CloseButtonComponent, selectors: [["tld-close-button"]], viewQuery: function CloseButtonComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$e, 5);
+            i0.ɵɵviewQuery(_c0$f, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.clearButton = _t.first);
@@ -181,7 +181,7 @@ class CloseButtonModule {
         TranslateModule,
         MatTooltipModule], exports: [CloseButtonComponent] }); })();
 
-const _c0$d = a0 => [a0];
+const _c0$e = a0 => [a0];
 function NotificationMessageComponent_p_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "p", 10);
     i0.ɵɵpipe(1, "translate");
@@ -276,7 +276,7 @@ function NotificationMessageComponent_div_11_a_3_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c0$d, ctx_r0.message.routerLink));
+    i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c0$e, ctx_r0.message.routerLink));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, ctx_r0.message.linkText));
 } }
@@ -2418,7 +2418,7 @@ class CompanyProductModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CompanyProductModule, { declarations: [CompanyProductComponent], imports: [CommonModule], exports: [CompanyProductComponent] }); })();
 
-const _c0$c = a0 => ({ currentYear: a0 });
+const _c0$d = a0 => ({ currentYear: a0 });
 const _c1$6 = a0 => [a0];
 function FooterComponent_ng_container_6_a_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 7);
@@ -2536,7 +2536,7 @@ class FooterComponent {
         } if (rf & 2) {
             const localRoutes_r2 = i0.ɵɵreference(8);
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(4, 3, "FOOTER.TITLE", i0.ɵɵpureFunction1(6, _c0$c, ctx.currentYear)), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(4, 3, "FOOTER.TITLE", i0.ɵɵpureFunction1(6, _c0$d, ctx.currentYear)), " ");
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.baseUrl)("ngIfElse", localRoutes_r2);
         } }, dependencies: [i1$1.NgIf, i2$4.DefaultLayoutDirective, i2$4.DefaultLayoutGapDirective, i2$4.DefaultLayoutAlignDirective, i2$4.DefaultFlexDirective, i6.RouterLink, i1.TranslatePipe], styles: ["[_nghost-%COMP%]   footer[_ngcontent-%COMP%]{color:var(--base-30);padding:1rem 2rem;margin-bottom:0;border-top:1px solid var(--base-70);margin-top:1rem}[_nghost-%COMP%]   footer[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:var(--base-30);text-decoration:none}[_nghost-%COMP%]   footer[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover{color:var(--base-30);text-decoration:underline}"] }); }
@@ -3067,7 +3067,7 @@ class ExtensionDialogModule {
 
 const FILE_UPLOAD_ICON = `<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.4999 15V19H3.49992V15H0.833252V19C0.833252 20.4666 2.03325 21.6666 3.49992 21.6666H19.4999C20.9666 21.6666 22.1666 20.4666 22.1666 19V15H19.4999ZM4.83325 6.99998L6.71325 8.87998L10.1666 5.43998V16.3333H12.8333V5.43998L16.2866 8.87998L18.1666 6.99998L11.4999 0.333313L4.83325 6.99998Z" fill="currentColor"/></svg>`;
 
-const _c0$b = ["fileInput"];
+const _c0$c = ["fileInput"];
 const _c1$5 = ["*", [["", "customLimits", ""]]];
 const _c2$3 = ["*", "[customLimits]"];
 const _c3$1 = a0 => ({ maxSize: a0 });
@@ -3246,7 +3246,7 @@ class FileUploadComponent {
     }
     static { this.ɵfac = function FileUploadComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FileUploadComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FileUploadComponent, selectors: [["lib-file-upload"]], viewQuery: function FileUploadComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$b, 5);
+            i0.ɵɵviewQuery(_c0$c, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
@@ -3351,7 +3351,7 @@ class FileUploadModule {
         ExtensionDialogModule,
         TranslateModule], exports: [FileUploadComponent] }); })();
 
-const _c0$a = ["filterWrapper"];
+const _c0$b = ["filterWrapper"];
 const _c1$4 = ["optionSearchInput"];
 const _c2$2 = a0 => ({ default: a0 });
 const _forTrack0$2 = ($index, $item) => $item.fieldName;
@@ -3710,7 +3710,7 @@ class FilterBarComponent {
     }
     static { this.ɵfac = function FilterBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FilterBarComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.TranslateService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FilterBarComponent, selectors: [["tld-filter-bar"]], viewQuery: function FilterBarComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$a, 5);
+            i0.ɵɵviewQuery(_c0$b, 5);
             i0.ɵɵviewQuery(_c1$4, 5);
         } if (rf & 2) {
             let _t;
@@ -3809,7 +3809,7 @@ var ExportFormat;
     ExportFormat["CSV"] = "csv";
 })(ExportFormat || (ExportFormat = {}));
 
-const _c0$9 = ["*"];
+const _c0$a = ["*"];
 function StatusDisplayComponent_ng_container_1_div_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 7);
     i0.ɵɵpipe(1, "translate");
@@ -3855,7 +3855,7 @@ function StatusDisplayComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
 } }
 class StatusDisplayComponent {
     static { this.ɵfac = function StatusDisplayComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StatusDisplayComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StatusDisplayComponent, selectors: [["lib-status-display"]], inputs: { config: "config" }, standalone: false, ngContentSelectors: _c0$9, decls: 4, vars: 2, consts: [["loading", ""], [1, "status-display-wrapper"], [4, "ngIf", "ngIfElse"], [1, "material-icons-outlined"], ["class", "text-xl-semi-bold status-display-row-title", 3, "innerHtml", 4, "ngIf"], ["class", "text-l status-display-row-description", 3, "innerHtml", 4, "ngIf"], ["class", "text-l status-display-row-extra", 3, "innerHtml", 4, "ngIf"], [1, "text-xl-semi-bold", "status-display-row-title", 3, "innerHtml"], [1, "text-l", "status-display-row-description", 3, "innerHtml"], [1, "text-l", "status-display-row-extra", 3, "innerHtml"], ["color", "accent"]], template: function StatusDisplayComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StatusDisplayComponent, selectors: [["lib-status-display"]], inputs: { config: "config" }, standalone: false, ngContentSelectors: _c0$a, decls: 4, vars: 2, consts: [["loading", ""], [1, "status-display-wrapper"], [4, "ngIf", "ngIfElse"], [1, "material-icons-outlined"], ["class", "text-xl-semi-bold status-display-row-title", 3, "innerHtml", 4, "ngIf"], ["class", "text-l status-display-row-description", 3, "innerHtml", 4, "ngIf"], ["class", "text-l status-display-row-extra", 3, "innerHtml", 4, "ngIf"], [1, "text-xl-semi-bold", "status-display-row-title", 3, "innerHtml"], [1, "text-l", "status-display-row-description", 3, "innerHtml"], [1, "text-l", "status-display-row-extra", 3, "innerHtml"], ["color", "accent"]], template: function StatusDisplayComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵtemplate(1, StatusDisplayComponent_ng_container_1_Template, 8, 4, "ng-container", 2)(2, StatusDisplayComponent_ng_template_2_Template, 1, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
@@ -3875,7 +3875,7 @@ class StatusDisplayComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StatusDisplayComponent, { className: "StatusDisplayComponent", filePath: "lib/status-display/status-display.component.ts", lineNumber: 10 }); })();
 
-const _c0$8 = ["tableContainer"];
+const _c0$9 = ["tableContainer"];
 const _c1$3 = ["filterBar"];
 const _c2$1 = [[["", "additionalActions", ""]], [["", "batchActions", ""]], "*"];
 const _c3 = ["[additionalActions]", "[batchActions]", "*"];
@@ -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);
@@ -4402,7 +4402,7 @@ class MultiFunctionalTableComponent {
         } }, viewQuery: function MultiFunctionalTableComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(MatTable, 7);
             i0.ɵɵviewQuery(MatSort, 5);
-            i0.ɵɵviewQuery(_c0$8, 5);
+            i0.ɵɵviewQuery(_c0$9, 5);
             i0.ɵɵviewQuery(_c1$3, 5);
             i0.ɵɵviewQuery(MatPaginator, 5);
             i0.ɵɵviewQuery(MatTable, 5, ElementRef);
@@ -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: [{
@@ -4740,7 +4741,7 @@ class ConfirmationService {
 
 const OPEN_CLOSE_BTN_ICONS_TOKEN = 'OPEN_CLOSE_BTN_ICONS_TOKEN';
 
-const _c0$7 = ["*"];
+const _c0$8 = ["*"];
 function OpenCloseButtonComponent_button_0_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵtext(1);
@@ -4812,7 +4813,7 @@ class OpenCloseButtonComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.button = _t.first);
-        } }, inputs: { disableFocusOnAction: "disableFocusOnAction", disabled: "disabled", isIcon: "isIcon", ariaLabelCode: "ariaLabelCode", isOpened: "isOpened" }, standalone: false, ngContentSelectors: _c0$7, decls: 2, vars: 2, consts: [["closed", ""], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md", 4, "ngIf"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled", 4, "ngIf"], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md"], ["fxLayout", "row", "fxLayoutAlign", "center center"], ["fxLayoutAlign", "center center", 1, "open-close-button-content", "text-l"], ["class", "material-icons spin", 4, "ngIf", "ngIfElse"], [1, "material-icons", "spin"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled"], [1, "material-icons"]], template: function OpenCloseButtonComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { disableFocusOnAction: "disableFocusOnAction", disabled: "disabled", isIcon: "isIcon", ariaLabelCode: "ariaLabelCode", isOpened: "isOpened" }, standalone: false, ngContentSelectors: _c0$8, decls: 2, vars: 2, consts: [["closed", ""], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md", 4, "ngIf"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled", 4, "ngIf"], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md"], ["fxLayout", "row", "fxLayoutAlign", "center center"], ["fxLayoutAlign", "center center", 1, "open-close-button-content", "text-l"], ["class", "material-icons spin", 4, "ngIf", "ngIfElse"], [1, "material-icons", "spin"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled"], [1, "material-icons"]], template: function OpenCloseButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, OpenCloseButtonComponent_button_0_Template, 8, 9, "button", 1)(1, OpenCloseButtonComponent_button_1_Template, 4, 5, "button", 2);
         } if (rf & 2) {
@@ -5574,7 +5575,7 @@ class TerminologyService {
             }]
     }], () => [{ type: TerminologyConfigService }, { type: AlertService }, { type: TerminologyCollectionService }, { type: TerminologyApiService }], null); })();
 
-const _c0$6 = a0 => ({ termCount: a0 });
+const _c0$7 = a0 => ({ termCount: a0 });
 const _c1$2 = a0 => ({ date: a0 });
 function TerminologyCollectionCardComponent_ng_container_0_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 13);
@@ -5652,14 +5653,14 @@ function TerminologyCollectionCardComponent_ng_container_0_div_8_span_4_Template
     i0.ɵɵpipe(1, "translate");
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, ctx_r1.localizationKey + "TERMS_IN_USE", i0.ɵɵpureFunction1(4, _c0$6, ctx_r1.collection.termCollection.entryCount)), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, ctx_r1.localizationKey + "TERMS_IN_USE", i0.ɵɵpureFunction1(4, _c0$7, ctx_r1.collection.termCollection.entryCount)), i0.ɵɵsanitizeHtml);
 } }
 function TerminologyCollectionCardComponent_ng_container_0_div_8_ng_template_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 24);
     i0.ɵɵpipe(1, "translate");
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, ctx_r1.localizationKey + "TERMS_IN_USE", i0.ɵɵpureFunction1(4, _c0$6, ctx_r1.collection.termCount)), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, ctx_r1.localizationKey + "TERMS_IN_USE", i0.ɵɵpureFunction1(4, _c0$7, ctx_r1.collection.termCount)), i0.ɵɵsanitizeHtml);
 } }
 function TerminologyCollectionCardComponent_ng_container_0_div_8_span_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 25);
@@ -5858,7 +5859,7 @@ class TerminologyCollectionCardComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TerminologyCollectionCardComponent, { className: "TerminologyCollectionCardComponent", filePath: "lib/terminology/components/terminology-panel/terminology-collection-list/terminology-collection-card/terminology-collection-card.component.ts", lineNumber: 12 }); })();
 
-const _c0$5 = a0 => ({ collection: a0 });
+const _c0$6 = a0 => ({ collection: a0 });
 function TerminologyCollectionListComponent_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "p", 5)(2, "span");
@@ -5893,7 +5894,7 @@ function TerminologyCollectionListComponent_div_7_div_8_Template(rf, ctx) { if (
     i0.ɵɵnextContext();
     const collectionCard_r4 = i0.ɵɵreference(18);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", collectionCard_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$5, collection_r3));
+    i0.ɵɵproperty("ngTemplateOutlet", collectionCard_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$6, collection_r3));
 } }
 function TerminologyCollectionListComponent_div_7_div_16_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -5907,7 +5908,7 @@ function TerminologyCollectionListComponent_div_7_div_16_Template(rf, ctx) { if
     i0.ɵɵnextContext();
     const collectionCard_r4 = i0.ɵɵreference(18);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", collectionCard_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$5, collection_r5));
+    i0.ɵɵproperty("ngTemplateOutlet", collectionCard_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$6, collection_r5));
 } }
 function TerminologyCollectionListComponent_div_7_ng_template_17_lib_terminology_collection_card_0_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
@@ -6053,7 +6054,7 @@ class TerminologyCollectionListComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TerminologyCollectionListComponent, { className: "TerminologyCollectionListComponent", filePath: "lib/terminology/components/terminology-panel/terminology-collection-list/terminology-collection-list.component.ts", lineNumber: 13 }); })();
 
-const _c0$4 = (a0, a1) => ({ appName: a0, termPortalName: a1 });
+const _c0$5 = (a0, a1) => ({ appName: a0, termPortalName: a1 });
 const _c1$1 = (a0, a1) => ({ minLength: a0, maxLength: a1 });
 function TerminologyCreateCollectionDialogComponent_mat_error_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-error");
@@ -6132,7 +6133,7 @@ class TerminologyCreateCollectionDialogComponent {
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 8, "TERM_COLLECTIONS.CREATE_DIALOG.TITLE"));
             i0.ɵɵadvance(4);
-            i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind2(6, 10, "TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_1", i0.ɵɵpureFunction2(19, _c0$4, ctx.appName, ctx.termPortalName)), i0.ɵɵsanitizeHtml);
+            i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind2(6, 10, "TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_1", i0.ɵɵpureFunction2(19, _c0$5, ctx.appName, ctx.termPortalName)), i0.ɵɵsanitizeHtml);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("formGroup", ctx.form);
             i0.ɵɵadvance(3);
@@ -6220,7 +6221,7 @@ class TerminologyCreateCollectionComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TerminologyCreateCollectionComponent, { className: "TerminologyCreateCollectionComponent", filePath: "lib/terminology/components/terminology-panel/terminology-create-collection/terminology-create-collection.component.ts", lineNumber: 14 }); })();
 
-const _c0$3 = (a0, a1) => ({ signInUrl: a0, startTrialUrl: a1 });
+const _c0$4 = (a0, a1) => ({ signInUrl: a0, startTrialUrl: a1 });
 function TerminologyPanelComponent_ng_container_1_footer_2_a_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 9);
     i0.ɵɵtext(1);
@@ -6264,7 +6265,7 @@ function TerminologyPanelComponent_ng_template_2_p_8_Template(rf, ctx) { if (rf
     i0.ɵɵpipe(1, "translate");
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind2(1, 1, ctx_r1.readerLocalizationKey + "TEXT", i0.ɵɵpureFunction2(4, _c0$3, ctx_r1.signInUrl, ctx_r1.startTrialUrl)), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind2(1, 1, ctx_r1.readerLocalizationKey + "TEXT", i0.ɵɵpureFunction2(4, _c0$4, ctx_r1.signInUrl, ctx_r1.startTrialUrl)), i0.ɵɵsanitizeHtml);
 } }
 function TerminologyPanelComponent_ng_template_2_ng_template_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p");
@@ -7054,7 +7055,7 @@ class LLMHelperService {
             }]
     }], () => [{ type: i1$4.QuotaService }], null); })();
 
-const _c0$2 = ["textarea"];
+const _c0$3 = ["textarea"];
 class LLMTextareaComponent {
     constructor(clipboard) {
         this.clipboard = clipboard;
@@ -7096,7 +7097,7 @@ class LLMTextareaComponent {
     }
     static { this.ɵfac = function LLMTextareaComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LLMTextareaComponent)(i0.ɵɵdirectiveInject(i1$5.Clipboard)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LLMTextareaComponent, selectors: [["lib-llm-textarea"]], viewQuery: function LLMTextareaComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$2, 5);
+            i0.ɵɵviewQuery(_c0$3, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.textarea = _t.first);
@@ -7154,7 +7155,7 @@ class LLMTextareaComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LLMTextareaComponent, { className: "LLMTextareaComponent", filePath: "lib/llm/shared/llm-textarea/llm-textarea.component.ts", lineNumber: 12 }); })();
 
-const _c0$1 = (a0, a1) => ({ limit: a0, subscriptionUrl: a1 });
+const _c0$2 = (a0, a1) => ({ limit: a0, subscriptionUrl: a1 });
 function LLMTextareaWithActionsComponent_lib_tld_notification_message_6_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "lib-tld-notification-message", 15);
@@ -7201,7 +7202,7 @@ function LLMTextareaWithActionsComponent_div_10_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵpipe(1, "translate");
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, ctx_r3.localizationKey + "LIMIT", i0.ɵɵpureFunction2(4, _c0$1, ctx_r3.quotaLeft, ctx_r3.subscriptionUrl)), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, ctx_r3.localizationKey + "LIMIT", i0.ɵɵpureFunction2(4, _c0$2, ctx_r3.quotaLeft, ctx_r3.subscriptionUrl)), i0.ɵɵsanitizeHtml);
 } }
 function LLMTextareaWithActionsComponent_button_12_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
@@ -8290,7 +8291,7 @@ class ChargebeeMountService {
             }]
     }], null, null); })();
 
-const _c0 = ["*"];
+const _c0$1 = ["*"];
 const _c1 = a0 => ({ date: a0 });
 const _c2 = (a0, a1, a2) => ({ used: a0, limit: a1, percent: a2 });
 function SubscriptionComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
@@ -8637,7 +8638,7 @@ class SubscriptionComponent {
         return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
     }
     static { this.ɵfac = function SubscriptionComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SubscriptionComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubscriptionComponent, selectors: [["lib-subscription"]], inputs: { token: [1, "token"], subscription: [1, "subscription"], quota: [1, "quota"], visibleQuotaTypes: [1, "visibleQuotaTypes"], contactUsUrl: [1, "contactUsUrl"], chargebeeSettings: [1, "chargebeeSettings"] }, outputs: { manageClick: "manageClick", contactUsClick: "contactUsClick" }, ngContentSelectors: _c0, decls: 7, vars: 5, consts: [[1, "subscription-actions-wrapper"], ["mat-flat-button", "", "color", "accent", "href", "javascript:void(0)", "data-cb-type", "portal", 1, "manage-sub-btn", "button-row-element"], ["mat-stroked-button", "", "target", "_blank", "color", "accent"], [1, "subscription-section-title", "text-l-semi-bold"], [1, "subscription-data-row"], [1, "subscription-label"], [1, "label"], [1, "subscription-data"], ["fxLayout", "row", 1, "subscription-data-row"], [1, "subscription-limit-wrapper"], [3, "value"], [1, "subscription-limit"], [1, "text-l-semi-bold"], ["mat-flat-button", "", "color", "accent", "href", "javascript:void(0)", "data-cb-type", "portal", 1, "manage-sub-btn", "button-row-element", 3, "click"], ["mat-stroked-button", "", "target", "_blank", "color", "accent", 3, "click"]], template: function SubscriptionComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubscriptionComponent, selectors: [["lib-subscription"]], inputs: { token: [1, "token"], subscription: [1, "subscription"], quota: [1, "quota"], visibleQuotaTypes: [1, "visibleQuotaTypes"], contactUsUrl: [1, "contactUsUrl"], chargebeeSettings: [1, "chargebeeSettings"] }, outputs: { manageClick: "manageClick", contactUsClick: "contactUsClick" }, ngContentSelectors: _c0$1, decls: 7, vars: 5, consts: [[1, "subscription-actions-wrapper"], ["mat-flat-button", "", "color", "accent", "href", "javascript:void(0)", "data-cb-type", "portal", 1, "manage-sub-btn", "button-row-element"], ["mat-stroked-button", "", "target", "_blank", "color", "accent"], [1, "subscription-section-title", "text-l-semi-bold"], [1, "subscription-data-row"], [1, "subscription-label"], [1, "label"], [1, "subscription-data"], ["fxLayout", "row", 1, "subscription-data-row"], [1, "subscription-limit-wrapper"], [3, "value"], [1, "subscription-limit"], [1, "text-l-semi-bold"], ["mat-flat-button", "", "color", "accent", "href", "javascript:void(0)", "data-cb-type", "portal", 1, "manage-sub-btn", "button-row-element", 3, "click"], ["mat-stroked-button", "", "target", "_blank", "color", "accent", 3, "click"]], template: function SubscriptionComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵconditionalCreate(0, SubscriptionComponent_Conditional_0_Template, 19, 11);
             i0.ɵɵconditionalCreate(1, SubscriptionComponent_Conditional_1_Template, 15, 8);
@@ -10143,41 +10144,74 @@ const provideLanguageService = (config) => {
     ]);
 };
 
-function StatusPillComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 1);
-    i0.ɵɵtext(1);
+const _c0 = ["*"];
+function StatusPillComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 3);
+    i0.ɵɵpipe(1, "lowercase");
+    i0.ɵɵelementContainer(2, 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    const pillContent_r2 = i0.ɵɵreference(3);
+    i0.ɵɵclassMap(i0.ɵɵinterpolate1("status-pill status-pill--", ctx_r0.size(), " status-pill--clickable"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpipeBind1(1, 6, ctx_r0.status()))("matTooltip", ctx_r0.tooltip());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngTemplateOutlet", pillContent_r2);
+} }
+function StatusPillComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵpipe(1, "lowercase");
+    i0.ɵɵelementContainer(2, 4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
+    const pillContent_r2 = i0.ɵɵreference(3);
+    i0.ɵɵclassMap(i0.ɵɵinterpolate1("status-pill status-pill--", ctx_r0.size()));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpipeBind1(1, 6, ctx_r0.status()))("matTooltip", ctx_r0.tooltip());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngTemplateOutlet", pillContent_r2);
+} }
+function StatusPillComponent_ng_template_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.icon());
 } }
+function StatusPillComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, StatusPillComponent_ng_template_2_Conditional_0_Template, 2, 1, "span", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵprojection(2);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.icon() ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.status(), " ");
+} }
 class StatusPillComponent {
     constructor() {
         this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+        this.size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
         this.status = input(...(ngDevMode ? [undefined, { debugName: "status" }] : []));
+        this.type = input('default', ...(ngDevMode ? [{ debugName: "type" }] : []));
         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();
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StatusPillComponent, selectors: [["lib-status-pill"]], inputs: { icon: [1, "icon"], size: [1, "size"], status: [1, "status"], type: [1, "type"], tooltip: [1, "tooltip"] }, ngContentSelectors: _c0, decls: 4, vars: 1, consts: [["pillContent", ""], ["type", "button", 3, "class", "ngClass", "matTooltip"], [3, "class", "ngClass", "matTooltip"], ["type", "button", 3, "ngClass", "matTooltip"], [3, "ngTemplateOutlet"], [3, "ngClass", "matTooltip"], [1, "material-icons", "material-icons-outlined"]], template: function StatusPillComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵconditionalCreate(0, StatusPillComponent_Conditional_0_Template, 3, 8, "button", 1)(1, StatusPillComponent_Conditional_1_Template, 3, 8, "div", 2);
+            i0.ɵɵtemplate(2, StatusPillComponent_ng_template_2_Template, 3, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } 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}"] }); }
+            i0.ɵɵconditional(ctx.type() === "clickable" ? 0 : 1);
+        } }, dependencies: [CommonModule, i1$1.NgClass, i1$1.NgTemplateOutlet, 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}.status-pill--clickable[_ngcontent-%COMP%]{appearance:none;background:transparent;cursor:pointer;color:inherit;text-align:inherit}.status-pill--small[_ngcontent-%COMP%]{gap:2px;padding:4px 8px;font-size:10px;font-weight:500}.status-pill--small[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{font-size:14px}.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 }); })();
+        args: [{ selector: 'lib-status-pill', imports: [CommonModule, MatTooltipModule, MatIconModule], template: "@if (type() === \"clickable\") {\r\n\t<button type=\"button\" class=\"status-pill status-pill--{{ size() }} status-pill--clickable\" [ngClass]=\"status() | lowercase\" [matTooltip]=\"tooltip()\">\r\n\t\t<ng-container [ngTemplateOutlet]=\"pillContent\"></ng-container>\r\n\t</button>\r\n} @else {\r\n\t<div class=\"status-pill status-pill--{{ size() }}\" [ngClass]=\"status() | lowercase\" [matTooltip]=\"tooltip()\">\r\n\t\t<ng-container [ngTemplateOutlet]=\"pillContent\"></ng-container>\r\n\t</div>\r\n}\r\n\r\n<ng-template #pillContent>\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\r\n\t<ng-content></ng-content>\r\n</ng-template>\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}.status-pill--clickable{appearance:none;background:transparent;cursor:pointer;color:inherit;text-align:inherit}.status-pill--small{gap:2px;padding:4px 8px;font-size:10px;font-weight:500}.status-pill--small .material-icons{font-size:14px}.material-icons{font-size:16px}\n"] }]
+    }], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", 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: 15 }); })();
 
 /*
  * Public API Surface of ngx-common