@tilde-nlp/ngx-common 8.1.86 → 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]", "*"];
@@ -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);
@@ -4741,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);
@@ -4813,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) {
@@ -5575,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);
@@ -5653,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);
@@ -5859,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");
@@ -5894,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);
@@ -5908,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();
@@ -6054,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");
@@ -6133,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);
@@ -6221,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);
@@ -6265,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");
@@ -7055,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;
@@ -7097,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);
@@ -7155,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);
@@ -7202,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();
@@ -8291,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) {
@@ -8638,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);
@@ -10144,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