@tilde-nlp/ngx-common 7.0.1 → 8.0.2

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

@@ -328,7 +328,7 @@ class NotificationMessageComponent {
             i0.ɵɵtemplate(11, NotificationMessageComponent_div_11_Template, 4, 3, "div", 9);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
-            i0.ɵɵclassMapInterpolate1("notification-message ", ctx.className, "");
+            i0.ɵɵclassMap(i0.ɵɵinterpolate1("notification-message ", ctx.className));
             i0.ɵɵadvance();
             i0.ɵɵclassProp("inline", ctx.inline);
             i0.ɵɵproperty("ngClass.lt-md", "mobile");
@@ -1465,8 +1465,9 @@ class DateAgoPipe {
     get localizationPrefix() { return this.settings?.localizationPrefix ?? this.defaultSettings.localizationPrefix; }
     get justNowKey() { return this.settings?.justNowKey ?? this.defaultSettings.justNowKey; }
     get justNowSeconds() { return this.settings?.justNowSeconds ?? this.defaultSettings.justNowSeconds; }
-    constructor(translate, _ref, settings) {
+    constructor(translate, translatePipe, _ref, settings) {
         this.translate = translate;
+        this.translatePipe = translatePipe;
         this._ref = _ref;
         this.settings = settings;
         this.defaultSettings = {
@@ -1522,8 +1523,7 @@ class DateAgoPipe {
         if (!dateAgo) {
             return "";
         }
-        const translatePipe = new TranslatePipe();
-        return translatePipe.transform(`${this.localizationPrefix}.${dateAgo.key}`, { value: dateAgo.howMany });
+        return this.translatePipe.transform(`${this.localizationPrefix}.${dateAgo.key}`, { value: dateAgo.howMany });
     }
     calculateDateAgo(value, enableMultiplePostfix) {
         if (value) {
@@ -1549,7 +1549,7 @@ class DateAgoPipe {
         }
         return null;
     }
-    static { this.ɵfac = function DateAgoPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DateAgoPipe)(i0.ɵɵdirectiveInject(i1$1.TranslateService, 16), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef, 16), i0.ɵɵdirectiveInject(DateAgoSettingsToken, 24)); }; }
+    static { this.ɵfac = function DateAgoPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DateAgoPipe)(i0.ɵɵdirectiveInject(i1$1.TranslateService, 16), i0.ɵɵdirectiveInject(i1$1.TranslatePipe, 16), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef, 16), i0.ɵɵdirectiveInject(DateAgoSettingsToken, 24)); }; }
     static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "dateAgo", type: DateAgoPipe, pure: false, standalone: false }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateAgoPipe, [{
@@ -1559,7 +1559,7 @@ class DateAgoPipe {
                 pure: false,
                 standalone: false
             }]
-    }], () => [{ type: i1$1.TranslateService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+    }], () => [{ type: i1$1.TranslateService }, { type: i1$1.TranslatePipe }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [DateAgoSettingsToken]
             }, {
@@ -2015,7 +2015,7 @@ class InlineMessageComponent {
             i0.ɵɵtemplate(1, InlineMessageComponent_span_1_Template, 3, 7, "span", 0)(2, InlineMessageComponent_section_2_Template, 3, 2, "section", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵclassMapInterpolate1("tld-inline-message ", ctx.message.type, "");
+            i0.ɵɵclassMap(i0.ɵɵinterpolate1("tld-inline-message ", ctx.message.type));
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.iconName);
             i0.ɵɵadvance();
@@ -2079,7 +2079,7 @@ class ClickOutsideDirective {
     }
     static { this.ɵfac = function ClickOutsideDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ClickOutsideDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ClickOutsideDirective, selectors: [["", "clickOutside", ""]], hostBindings: function ClickOutsideDirective_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("click", function ClickOutsideDirective_click_HostBindingHandler($event) { return ctx.onClick($event.target); }, false, i0.ɵɵresolveDocument);
+            i0.ɵɵlistener("click", function ClickOutsideDirective_click_HostBindingHandler($event) { return ctx.onClick($event.target); }, i0.ɵɵresolveDocument);
         } }, outputs: { clickOutside: "clickOutside" }, standalone: false }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ClickOutsideDirective, [{
@@ -2375,7 +2375,7 @@ function FooterComponent_ng_container_6_a_1_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵattribute("href", ctx_r0.termsOfUseRoute, i0.ɵɵsanitizeUrl);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.TERMS_OF_USE"), "");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.TERMS_OF_USE"));
 } }
 function FooterComponent_ng_container_6_a_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 7);
@@ -2386,7 +2386,7 @@ function FooterComponent_ng_container_6_a_2_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵattribute("href", ctx_r0.privacyRoute, i0.ɵɵsanitizeUrl);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.PRIVACY"), "");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.PRIVACY"));
 } }
 function FooterComponent_ng_container_6_a_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 8);
@@ -2397,7 +2397,7 @@ function FooterComponent_ng_container_6_a_3_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c1$6, ctx_r0.contactUsRoute));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.CONTACT_US"), "");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.CONTACT_US"));
 } }
 function FooterComponent_ng_container_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -2421,7 +2421,7 @@ function FooterComponent_ng_template_7_a_0_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c1$6, ctx_r0.termsOfUseRoute));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.TERMS_OF_USE"), "");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.TERMS_OF_USE"));
 } }
 function FooterComponent_ng_template_7_a_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 8);
@@ -2432,7 +2432,7 @@ function FooterComponent_ng_template_7_a_1_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c1$6, ctx_r0.privacyRoute));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.PRIVACY"), "");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.PRIVACY"));
 } }
 function FooterComponent_ng_template_7_a_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 8);
@@ -2443,7 +2443,7 @@ function FooterComponent_ng_template_7_a_2_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c1$6, ctx_r0.contactUsRoute));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.CONTACT_US"), "");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.CONTACT_US"));
 } }
 function FooterComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, FooterComponent_ng_template_7_a_0_Template, 3, 6, "a", 6)(1, FooterComponent_ng_template_7_a_1_Template, 3, 6, "a", 6)(2, FooterComponent_ng_template_7_a_2_Template, 3, 6, "a", 6);
@@ -2715,14 +2715,14 @@ function ExtensionDialogComponent_ng_container_9_div_1_div_5_ul_1_ng_container_1
 } if (rf & 2) {
     const extension_r1 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵpropertyInterpolate("svgIcon", extension_r1.icon);
+    i0.ɵɵproperty("svgIcon", i0.ɵɵinterpolate(extension_r1.icon));
     i0.ɵɵattribute("aria-label", extension_r1.extension);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(extension_r1.extension);
 } }
 function ExtensionDialogComponent_ng_container_9_div_1_div_5_ul_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, ExtensionDialogComponent_ng_container_9_div_1_div_5_ul_1_ng_container_1_li_1_Template, 4, 3, "li", 13);
+    i0.ɵɵtemplate(1, ExtensionDialogComponent_ng_container_9_div_1_div_5_ul_1_ng_container_1_li_1_Template, 4, 4, "li", 13);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const extension_r1 = ctx.$implicit;
@@ -3056,7 +3056,7 @@ function FileUploadComponent_ng_template_3_span_8_Template(rf, ctx) { if (rf & 1
     const i_r7 = ctx.index;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2("", format_r6, "", ctx_r1.accept.length - 1 === i_r7 ? "." : ", ", "");
+    i0.ɵɵtextInterpolate2("", format_r6, "", ctx_r1.accept.length - 1 === i_r7 ? "." : ", ");
 } }
 function FileUploadComponent_ng_template_3_span_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 19);
@@ -3091,7 +3091,7 @@ function FileUploadComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(8, FileUploadComponent_ng_template_3_span_8_Template, 2, 2, "span", 16)(9, FileUploadComponent_ng_template_3_span_9_Template, 2, 6, "span", 17);
     i0.ɵɵtext(10, ") ");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(11, FileUploadComponent_ng_template_3_Conditional_11_Template, 2, 1, "a", 18);
+    i0.ɵɵconditionalCreate(11, FileUploadComponent_ng_template_3_Conditional_11_Template, 2, 1, "a", 18);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -3316,11 +3316,10 @@ function FilterBarComponent_div_0_For_5_ng_container_10_Template(rf, ctx) { if (
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    let tmp_17_0;
     const filter_r3 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
     i0.ɵɵclassProp("hidden", filter_r3.values.length < 10);
-    i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(3, 3, (tmp_17_0 = filter_r3.search == null ? null : filter_r3.search.placeholder) !== null && tmp_17_0 !== undefined ? tmp_17_0 : ""));
+    i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(3, 3, (filter_r3.search == null ? null : filter_r3.search.placeholder) ?? ""));
 } }
 function FilterBarComponent_div_0_For_5_ng_container_11_ng_container_1_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-option", 19);
@@ -3341,10 +3340,9 @@ function FilterBarComponent_div_0_For_5_ng_container_11_ng_container_1_Template(
     i0.ɵɵpipe(3, "sortAlphabetically");
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    let tmp_17_0;
     const filter_r3 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(i0.ɵɵpipeBind2(3, 0, (tmp_17_0 = filter_r3.search == null ? null : filter_r3.search.filteredValues) !== null && tmp_17_0 !== undefined ? tmp_17_0 : filter_r3.values, "key"));
+    i0.ɵɵrepeater(i0.ɵɵpipeBind2(3, 0, (filter_r3.search == null ? null : filter_r3.search.filteredValues) ?? filter_r3.values, "key"));
 } }
 function FilterBarComponent_div_0_For_5_ng_container_11_ng_template_2_For_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -3381,9 +3379,8 @@ function FilterBarComponent_div_0_For_5_ng_container_11_ng_template_2_Template(r
     i0.ɵɵrepeaterCreate(0, FilterBarComponent_div_0_For_5_ng_container_11_ng_template_2_For_1_Template, 4, 6, "mat-option", 18, _forTrack2);
     i0.ɵɵpipe(2, "sortTranslationsByProperty");
 } if (rf & 2) {
-    let tmp_17_0;
     const filter_r3 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵrepeater(i0.ɵɵpipeBind3(2, 0, (tmp_17_0 = filter_r3.search == null ? null : filter_r3.search.filteredValues) !== null && tmp_17_0 !== undefined ? tmp_17_0 : filter_r3.values, "key", "value"));
+    i0.ɵɵrepeater(i0.ɵɵpipeBind3(2, 0, (filter_r3.search == null ? null : filter_r3.search.filteredValues) ?? filter_r3.values, "key", "value"));
 } }
 function FilterBarComponent_div_0_For_5_ng_container_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -3412,7 +3409,6 @@ function FilterBarComponent_div_0_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(10, FilterBarComponent_div_0_For_5_ng_container_10_Template, 4, 5, "ng-container", 10)(11, FilterBarComponent_div_0_For_5_ng_container_11_Template, 4, 2, "ng-container", 10);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    let tmp_19_0;
     const filter_r3 = ctx.$implicit;
     const select_r2 = i0.ɵɵreference(9);
     i0.ɵɵclassProp("filter-active", filter_r3.selectedValues == null ? null : filter_r3.selectedValues.length);
@@ -3423,7 +3419,7 @@ function FilterBarComponent_div_0_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(select_r2.panelOpen ? "keyboard_arrow_up" : "keyboard_arrow_down");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("panelClass", "filter-panel")("panelWidth", (tmp_19_0 = filter_r3 == null ? null : filter_r3.maxPanelWidth) !== null && tmp_19_0 !== undefined ? tmp_19_0 : "auto")("formControlName", filter_r3.fieldName);
+    i0.ɵɵproperty("panelClass", "filter-panel")("panelWidth", (filter_r3 == null ? null : filter_r3.maxPanelWidth) ?? "auto")("formControlName", filter_r3.fieldName);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", filter_r3 == null ? null : filter_r3.search == null ? null : filter_r3.search.placeholder);
     i0.ɵɵadvance();
@@ -3660,16 +3656,16 @@ class FilterBarComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterWrapper = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.optionSearchInputs = _t);
         } }, hostBindings: function FilterBarComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("resize", function FilterBarComponent_resize_HostBindingHandler() { return ctx.onResize(); }, false, i0.ɵɵresolveWindow);
+            i0.ɵɵlistener("resize", function FilterBarComponent_resize_HostBindingHandler() { return ctx.onResize(); }, i0.ɵɵresolveWindow);
         } }, inputs: { settings: "settings", filterRowVisible: "filterRowVisible" }, outputs: { filterBarChange: "filterBarChange" }, standalone: false, decls: 1, vars: 1, consts: [["filterWrapper", ""], ["select", ""], ["optionSearchInput", ""], ["sortedValuesByProperty", ""], ["defaultCase", ""], ["class", "filter-row", 4, "ngIf"], [1, "filter-row"], ["fxLayout", "row", 1, "filter-wrapper", 3, "formGroup"], [3, "formGroup"], ["mat-stroked-button", "", "color", "accent", 1, "select-trigger-btn", 3, "filter-active"], [4, "ngIf"], ["mat-stroked-button", "", "color", "accent", 1, "select-trigger-btn", 3, "click"], [1, "select-trigger-btn-label"], ["class", "selected-count", 4, "ngIf"], ["multiple", "", 3, "openedChange", "selectionChange", "panelClass", "panelWidth", "formControlName"], [1, "selected-count"], ["type", "text", 1, "option-search-input", 3, "keyup", "keydown", "placeholder"], [4, "ngIf", "ngIfElse"], [1, "filter-option", 3, "hidden", "disabled", "value"], [1, "filter-option", 3, "disabled", "value"], [1, "filter-arrows"], ["mat-icon-button", "", 3, "click"], [1, "material-icons-outlined"]], template: function FilterBarComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, FilterBarComponent_div_0_Template, 7, 3, "div", 5);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.filterRowVisible);
-        } }, dependencies: [i1$2.NgIf, i2$3.DefaultLayoutDirective, i4.MatSelect, i4.MatOption, i4$1.NgControlStatus, i4$1.NgControlStatusGroup, i2$1.MatButton, i2$1.MatIconButton, i1.MatIcon, i4$1.FormGroupDirective, i4$1.FormControlName, i1$2.TitleCasePipe, i1$1.TranslatePipe, SortTranslationsByPropertyPipe, SortAlphabeticallyPipe], styles: ["[_nghost-%COMP%]{display:inline-block}.select-trigger-btn[_ngcontent-%COMP%]{position:relative}.select-trigger-btn[_ngcontent-%COMP%]   mat-select[_ngcontent-%COMP%]{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0}.select-trigger-btn-label[_ngcontent-%COMP%]{display:flex;align-items:center;white-space:nowrap}.selected-count[_ngcontent-%COMP%]{margin-left:3px}.filter-row[_ngcontent-%COMP%]{display:flex;min-height:40px;min-width:100%;border-radius:.5rem;max-width:100%;align-items:center;margin-bottom:.5rem}.option-search-input[_ngcontent-%COMP%]{font-size:14px;width:100%;padding:.5rem 1rem;margin-bottom:.5rem}.material-icons-outlined[_ngcontent-%COMP%]{color:var(--base-40)}.filter-wrapper[_ngcontent-%COMP%]{max-width:100%;overflow-x:hidden;overflow-y:hidden;display:flex;gap:8px;flex:1}.hidden[_ngcontent-%COMP%]{display:none}  .cdk-overlay-pane:has(.filter-panel){margin:15px 0 0 -15px}  .filter-panel{border-radius:4px!important}[_nghost-%COMP%]     .mat-mdc-form-field-flex{background-color:var(--base-100);max-height:36px}[_nghost-%COMP%]     .mat-mdc-form-field-infix{padding-top:6px!important}[_nghost-%COMP%]     .mat-mdc-form-field-focus-overlay, [_nghost-%COMP%]     .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:var(--base-95)}[_nghost-%COMP%]     .mdc-text-field--focused{background-color:var(--base-70)!important}[_nghost-%COMP%]     .mat-mdc-select-placeholder, [_nghost-%COMP%]     .mat-mdc-select-value-text, [_nghost-%COMP%]     .mdc-floating-label{font-size:14px!important}[_nghost-%COMP%]     .mdc-text-field--filled{--mdc-filled-text-field-active-indicator-height: 0;--mdc-filled-text-field-focus-active-indicator-height: 0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}[_nghost-%COMP%]     .mat-mdc-text-field-wrapper:hover{background-color:var(--base-70)!important;transition:.1s}[_nghost-%COMP%]     .mat-mdc-form-field-subscript-wrapper{display:none}[_nghost-%COMP%]     .mdc-floating-label--float-above{margin-top:3px}"] }); }
+        } }, dependencies: [i1$2.NgIf, i2$3.DefaultLayoutDirective, i4.MatSelect, i4.MatOption, i4$1.NgControlStatus, i4$1.NgControlStatusGroup, i2$1.MatButton, i2$1.MatIconButton, i1.MatIcon, i4$1.FormGroupDirective, i4$1.FormControlName, i1$2.TitleCasePipe, i1$1.TranslatePipe, SortTranslationsByPropertyPipe, SortAlphabeticallyPipe], styles: ["[_nghost-%COMP%]{display:inline-block}.select-trigger-btn[_ngcontent-%COMP%]{position:relative}.select-trigger-btn[_ngcontent-%COMP%]   mat-select[_ngcontent-%COMP%]{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0}.select-trigger-btn-label[_ngcontent-%COMP%]{display:flex;align-items:center;white-space:nowrap}.selected-count[_ngcontent-%COMP%]{margin-left:3px}.filter-row[_ngcontent-%COMP%]{display:flex;min-height:40px;min-width:100%;border-radius:.5rem;max-width:100%;align-items:center;margin-bottom:.5rem}.option-search-input[_ngcontent-%COMP%]{font-size:14px;width:100%;padding:.5rem 1rem;margin-bottom:.5rem}.material-icons-outlined[_ngcontent-%COMP%]{color:var(--base-40)}.filter-wrapper[_ngcontent-%COMP%]{max-width:100%;overflow-x:hidden;overflow-y:hidden;display:flex;gap:8px;flex:1}.hidden[_ngcontent-%COMP%]{display:none}  .cdk-overlay-pane:has(.filter-panel){margin:15px 0 0 -15px}  .filter-panel{border-radius:4px!important}[_nghost-%COMP%]     .mat-mdc-form-field-flex{background-color:var(--base-100);max-height:36px}[_nghost-%COMP%]     .mat-mdc-form-field-infix{padding-top:6px!important}[_nghost-%COMP%]     .mat-mdc-form-field-focus-overlay, [_nghost-%COMP%]     .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:var(--base-95)}[_nghost-%COMP%]     .mdc-text-field--focused{background-color:var(--base-70)!important}[_nghost-%COMP%]     .mat-mdc-select-placeholder, [_nghost-%COMP%]     .mat-mdc-select-value-text, [_nghost-%COMP%]     .mdc-floating-label{font-size:14px!important}[_nghost-%COMP%]     .mdc-text-field--filled{--mat-form-field-filled-active-indicator-height: 0;--mat-form-field-filled-focus-active-indicator-height: 0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}[_nghost-%COMP%]     .mat-mdc-text-field-wrapper:hover{background-color:var(--base-70)!important;transition:.1s}[_nghost-%COMP%]     .mat-mdc-form-field-subscript-wrapper{display:none}[_nghost-%COMP%]     .mdc-floating-label--float-above{margin-top:3px}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilterBarComponent, [{
         type: Component,
-        args: [{ selector: 'tld-filter-bar', standalone: false, template: "<div class=\"filter-row\" *ngIf=\"filterRowVisible\">\r\n  <div fxLayout=\"row\" class=\"filter-wrapper\" #filterWrapper [formGroup]=\"form\">\r\n    <ng-container [formGroup]=\"filterFormGroup\">\r\n      @for (filter of currentFilters; track filter.fieldName; let i = $index) {\r\n        <button [class.filter-active]=\"filter.selectedValues?.length\" class=\"select-trigger-btn\" mat-stroked-button color=\"accent\" (click)=\"select.open()\">\r\n          <div class=\"select-trigger-btn-label\">\r\n            <span>{{filter.title | translate}}</span>\r\n            <span *ngIf=\"filter.selectedValues?.length\" class=\"selected-count\">({{filter.selectedValues?.length}})</span>\r\n            <mat-icon>{{ select.panelOpen ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\" }}</mat-icon>\r\n          </div>\r\n\r\n          <mat-select\r\n            multiple \r\n            #select\r\n            [panelClass]=\"'filter-panel'\"\r\n            [panelWidth]=\"filter?.maxPanelWidth ?? 'auto'\" \r\n            [formControlName]=\"filter.fieldName\" \r\n            (openedChange)=\"$event === true ? focusOptionSearchInput(filter, i) : clearOptionSearchInput(filter, i)\"\r\n            (selectionChange)=\"selectEvent($event, filter)\" \r\n          >\r\n            <ng-container *ngIf=\"filter?.search?.placeholder\">\r\n              <input #optionSearchInput class=\"option-search-input\" [class.hidden]=\"filter.values!.length < 10\" type=\"text\" [placeholder]=\"filter.search?.placeholder ?? '' | translate\" (keyup)=\"filterOptions($event, filter)\" (keydown)=\"$event.stopPropagation()\">\r\n            </ng-container>\r\n          \r\n            <ng-container *ngIf=\"filter.values.length\">\r\n              <ng-container *ngIf=\"filter.translated; else sortedValuesByProperty\">\r\n                  @for (value of (filter.search?.filteredValues ?? filter.values) | sortAlphabetically:'key'; track value.key) {\r\n                    <mat-option [class.hidden]=\"filter.search?.searchCriteria && value.isSelected && !value.matchesSearchCriteria\" class=\"filter-option\" [disabled]=\"filter.singleSelection?.selected && filter.singleSelection?.value !== value.value\" [value]=\"value\">\r\n                      {{ filter.disableTitleCase ? value.key : (value.key | titlecase) }}\r\n                    </mat-option>\r\n                  }\r\n              </ng-container>\r\n              \r\n              <ng-template #sortedValuesByProperty>\r\n                  @for (value of (filter.search?.filteredValues ?? filter.values) | sortTranslationsByProperty:'key':'value'; track value.value) {\r\n                    <mat-option [class.hidden]=\"filter.search?.searchCriteria && value.isSelected && !value.matchesSearchCriteria\" class=\"filter-option\" [disabled]=\"filter.singleSelection?.selected && filter.singleSelection?.value !== value.value\" [value]=\"value\">\r\n                      <ng-container *ngIf=\"!filter.disableTitleCase; else defaultCase\">\r\n                      {{ value.key | translate : { default: value.value | titlecase } }}\r\n                      </ng-container>\r\n      \r\n                      <ng-template #defaultCase>\r\n                        {{ value.key | translate : { default: value.value } }} \r\n                      </ng-template>\r\n                    </mat-option>\r\n                  }\r\n              </ng-template>\r\n            </ng-container>\r\n          </mat-select>\r\n        </button>\r\n      }\r\n    </ng-container>\r\n  </div>\r\n  <ng-container *ngIf=\"filterOverflow\">\r\n    <div class=\"filter-arrows\">\r\n      <button mat-icon-button (click)=\"switchLeft()\">\r\n        <span class=\"material-icons-outlined\">\r\n          chevron_left\r\n        </span>\r\n      </button>\r\n      <button mat-icon-button (click)=\"switchRight()\">\r\n        <span class=\"material-icons-outlined\">\r\n          chevron_right\r\n        </span>\r\n      </button>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n", styles: [":host{display:inline-block}.select-trigger-btn{position:relative}.select-trigger-btn mat-select{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0}.select-trigger-btn-label{display:flex;align-items:center;white-space:nowrap}.selected-count{margin-left:3px}.filter-row{display:flex;min-height:40px;min-width:100%;border-radius:.5rem;max-width:100%;align-items:center;margin-bottom:.5rem}.option-search-input{font-size:14px;width:100%;padding:.5rem 1rem;margin-bottom:.5rem}.material-icons-outlined{color:var(--base-40)}.filter-wrapper{max-width:100%;overflow-x:hidden;overflow-y:hidden;display:flex;gap:8px;flex:1}.hidden{display:none}::ng-deep .cdk-overlay-pane:has(.filter-panel){margin:15px 0 0 -15px}::ng-deep .filter-panel{border-radius:4px!important}:host ::ng-deep .mat-mdc-form-field-flex{background-color:var(--base-100);max-height:36px}:host ::ng-deep .mat-mdc-form-field-infix{padding-top:6px!important}:host ::ng-deep .mat-mdc-form-field-focus-overlay,:host ::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:var(--base-95)}:host ::ng-deep .mdc-text-field--focused{background-color:var(--base-70)!important}:host ::ng-deep .mat-mdc-select-placeholder,:host ::ng-deep .mat-mdc-select-value-text,:host ::ng-deep .mdc-floating-label{font-size:14px!important}:host ::ng-deep .mdc-text-field--filled{--mdc-filled-text-field-active-indicator-height: 0;--mdc-filled-text-field-focus-active-indicator-height: 0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}:host ::ng-deep .mat-mdc-text-field-wrapper:hover{background-color:var(--base-70)!important;transition:.1s}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .mdc-floating-label--float-above{margin-top:3px}\n"] }]
+        args: [{ selector: 'tld-filter-bar', standalone: false, template: "<div class=\"filter-row\" *ngIf=\"filterRowVisible\">\r\n  <div fxLayout=\"row\" class=\"filter-wrapper\" #filterWrapper [formGroup]=\"form\">\r\n    <ng-container [formGroup]=\"filterFormGroup\">\r\n      @for (filter of currentFilters; track filter.fieldName; let i = $index) {\r\n        <button [class.filter-active]=\"filter.selectedValues?.length\" class=\"select-trigger-btn\" mat-stroked-button color=\"accent\" (click)=\"select.open()\">\r\n          <div class=\"select-trigger-btn-label\">\r\n            <span>{{filter.title | translate}}</span>\r\n            <span *ngIf=\"filter.selectedValues?.length\" class=\"selected-count\">({{filter.selectedValues?.length}})</span>\r\n            <mat-icon>{{ select.panelOpen ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\" }}</mat-icon>\r\n          </div>\r\n\r\n          <mat-select\r\n            multiple \r\n            #select\r\n            [panelClass]=\"'filter-panel'\"\r\n            [panelWidth]=\"filter?.maxPanelWidth ?? 'auto'\" \r\n            [formControlName]=\"filter.fieldName\" \r\n            (openedChange)=\"$event === true ? focusOptionSearchInput(filter, i) : clearOptionSearchInput(filter, i)\"\r\n            (selectionChange)=\"selectEvent($event, filter)\" \r\n          >\r\n            <ng-container *ngIf=\"filter?.search?.placeholder\">\r\n              <input #optionSearchInput class=\"option-search-input\" [class.hidden]=\"filter.values!.length < 10\" type=\"text\" [placeholder]=\"filter.search?.placeholder ?? '' | translate\" (keyup)=\"filterOptions($event, filter)\" (keydown)=\"$event.stopPropagation()\">\r\n            </ng-container>\r\n          \r\n            <ng-container *ngIf=\"filter.values.length\">\r\n              <ng-container *ngIf=\"filter.translated; else sortedValuesByProperty\">\r\n                  @for (value of (filter.search?.filteredValues ?? filter.values) | sortAlphabetically:'key'; track value.key) {\r\n                    <mat-option [class.hidden]=\"filter.search?.searchCriteria && value.isSelected && !value.matchesSearchCriteria\" class=\"filter-option\" [disabled]=\"filter.singleSelection?.selected && filter.singleSelection?.value !== value.value\" [value]=\"value\">\r\n                      {{ filter.disableTitleCase ? value.key : (value.key | titlecase) }}\r\n                    </mat-option>\r\n                  }\r\n              </ng-container>\r\n              \r\n              <ng-template #sortedValuesByProperty>\r\n                  @for (value of (filter.search?.filteredValues ?? filter.values) | sortTranslationsByProperty:'key':'value'; track value.value) {\r\n                    <mat-option [class.hidden]=\"filter.search?.searchCriteria && value.isSelected && !value.matchesSearchCriteria\" class=\"filter-option\" [disabled]=\"filter.singleSelection?.selected && filter.singleSelection?.value !== value.value\" [value]=\"value\">\r\n                      <ng-container *ngIf=\"!filter.disableTitleCase; else defaultCase\">\r\n                      {{ value.key | translate : { default: value.value | titlecase } }}\r\n                      </ng-container>\r\n      \r\n                      <ng-template #defaultCase>\r\n                        {{ value.key | translate : { default: value.value } }} \r\n                      </ng-template>\r\n                    </mat-option>\r\n                  }\r\n              </ng-template>\r\n            </ng-container>\r\n          </mat-select>\r\n        </button>\r\n      }\r\n    </ng-container>\r\n  </div>\r\n  <ng-container *ngIf=\"filterOverflow\">\r\n    <div class=\"filter-arrows\">\r\n      <button mat-icon-button (click)=\"switchLeft()\">\r\n        <span class=\"material-icons-outlined\">\r\n          chevron_left\r\n        </span>\r\n      </button>\r\n      <button mat-icon-button (click)=\"switchRight()\">\r\n        <span class=\"material-icons-outlined\">\r\n          chevron_right\r\n        </span>\r\n      </button>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n", styles: [":host{display:inline-block}.select-trigger-btn{position:relative}.select-trigger-btn mat-select{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0}.select-trigger-btn-label{display:flex;align-items:center;white-space:nowrap}.selected-count{margin-left:3px}.filter-row{display:flex;min-height:40px;min-width:100%;border-radius:.5rem;max-width:100%;align-items:center;margin-bottom:.5rem}.option-search-input{font-size:14px;width:100%;padding:.5rem 1rem;margin-bottom:.5rem}.material-icons-outlined{color:var(--base-40)}.filter-wrapper{max-width:100%;overflow-x:hidden;overflow-y:hidden;display:flex;gap:8px;flex:1}.hidden{display:none}::ng-deep .cdk-overlay-pane:has(.filter-panel){margin:15px 0 0 -15px}::ng-deep .filter-panel{border-radius:4px!important}:host ::ng-deep .mat-mdc-form-field-flex{background-color:var(--base-100);max-height:36px}:host ::ng-deep .mat-mdc-form-field-infix{padding-top:6px!important}:host ::ng-deep .mat-mdc-form-field-focus-overlay,:host ::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:var(--base-95)}:host ::ng-deep .mdc-text-field--focused{background-color:var(--base-70)!important}:host ::ng-deep .mat-mdc-select-placeholder,:host ::ng-deep .mat-mdc-select-value-text,:host ::ng-deep .mdc-floating-label{font-size:14px!important}:host ::ng-deep .mdc-text-field--filled{--mat-form-field-filled-active-indicator-height: 0;--mat-form-field-filled-focus-active-indicator-height: 0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}:host ::ng-deep .mat-mdc-text-field-wrapper:hover{background-color:var(--base-70)!important;transition:.1s}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .mdc-floating-label--float-above{margin-top:3px}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }], { filterWrapper: [{
             type: ViewChild,
             args: ["filterWrapper"]
@@ -3889,13 +3885,12 @@ function MultiFunctionalTableComponent_div_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(7, MultiFunctionalTableComponent_div_5_button_7_Template, 3, 0, "button", 36);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_6_0;
     const wildSearch_r8 = i0.ɵɵreference(5);
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵproperty("matTooltip", ctx_r2.hideSearchTooltip ? "" : i0.ɵɵpipeBind1(2, 4, ctx_r2.searchTooltip));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("value", (tmp_6_0 = ctx_r2.config.filter == null ? null : ctx_r2.config.filter.settings == null ? null : ctx_r2.config.filter.settings.searchValue) !== null && tmp_6_0 !== undefined ? tmp_6_0 : "")("placeholder", i0.ɵɵpipeBind1(6, 6, ctx_r2.searchTitle));
+    i0.ɵɵproperty("value", (ctx_r2.config.filter == null ? null : ctx_r2.config.filter.settings == null ? null : ctx_r2.config.filter.settings.searchValue) ?? "")("placeholder", i0.ɵɵpipeBind1(6, 6, ctx_r2.searchTitle));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", ctx_r2.showSearchClearButton && wildSearch_r8.value);
 } }
@@ -3910,17 +3905,14 @@ function MultiFunctionalTableComponent_tld_filter_bar_7_Template(rf, ctx) { if (
 } }
 function MultiFunctionalTableComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵdeclareLet(0);
-    i0.ɵɵelementStart(1, "mat-paginator", 39);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵlistener("page", function MultiFunctionalTableComponent_Conditional_9_Template_mat_paginator_page_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.paginatorChange($event)); });
+    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) {
-    let tmp_7_0;
     const paginatorConfig_r11 = i0.ɵɵnextContext().config.paginator;
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("hidePageSize", !paginatorConfig_r11.showPageSize)("showFirstLastButtons", paginatorConfig_r11.showFirstLastButtons)("pageSizeOptions", (tmp_7_0 = paginatorConfig_r11.pageSizeOptions) !== null && tmp_7_0 !== undefined ? tmp_7_0 : i0.ɵɵpureFunction0(6, _c4));
-    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 4, "MULTI_FUNCTIONAL_TABLE.PAGINATOR_LABEL"));
+    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();
@@ -4035,8 +4027,8 @@ class MultiFunctionalTableComponent {
         this.exported = new EventEmitter();
         this.selectionChange = this.matSelection.changed.asObservable().pipe(map(() => { return this.matSelection.selected; }));
         /** This property will be taken into account only if config.DataSource not set. */
-        this.data = input();
-        this.dataSourceUpdateEffect = effect(() => { this.updateDataSourceData(); });
+        this.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : []));
+        this.dataSourceUpdateEffect = effect(() => { this.updateDataSourceData(); }, ...(ngDevMode ? [{ debugName: "dataSourceUpdateEffect" }] : []));
         this.noDataRowIcon = "manage_search";
         this.isDragging = false;
         this.startX = 0;
@@ -4370,7 +4362,7 @@ class MultiFunctionalTableComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(7, MultiFunctionalTableComponent_tld_filter_bar_7_Template, 2, 2, "tld-filter-bar", 11);
             i0.ɵɵprojection(8, 1);
-            i0.ɵɵtemplate(9, MultiFunctionalTableComponent_Conditional_9_Template, 3, 7, "mat-paginator", 12);
+            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);
@@ -4393,7 +4385,6 @@ class MultiFunctionalTableComponent {
             i0.ɵɵpipe(31, "translate");
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
-            let tmp_15_0;
             i0.ɵɵproperty("ngClass.lt-md", "mobile");
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.exportActive);
@@ -4412,7 +4403,7 @@ class MultiFunctionalTableComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("matColumnDef", ctx.batchColumnName);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("matHeaderRowDef", ctx.displayColumns)("matHeaderRowDefSticky", (tmp_15_0 = ctx.config == null ? null : ctx.config.stickyHeader) !== null && tmp_15_0 !== undefined ? tmp_15_0 : false);
+            i0.ɵɵproperty("matHeaderRowDef", ctx.displayColumns)("matHeaderRowDefSticky", (ctx.config == null ? null : ctx.config.stickyHeader) ?? false);
             i0.ɵɵadvance();
             i0.ɵɵproperty("matRowDefColumns", ctx.displayColumns);
             i0.ɵɵadvance();
@@ -5527,9 +5518,8 @@ function TerminologyCollectionCardComponent_ng_container_0_span_6_Template(rf, c
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_3_0;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("matTooltip", (tmp_3_0 = ctx_r1.collection.name) !== null && tmp_3_0 !== undefined ? tmp_3_0 : "");
+    i0.ɵɵproperty("matTooltip", ctx_r1.collection.name ?? "");
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.collection.name, " ");
 } }
@@ -5760,7 +5750,7 @@ class TerminologyCollectionCardComponent {
             i0.ɵɵtemplate(0, TerminologyCollectionCardComponent_ng_container_0_Template, 20, 17, "ng-container", 1);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.collection);
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i2$3.DefaultFlexDirective, i2$1.MatButton, i2$1.MatIconAnchor, i1.MatIcon, i2$5.MatProgressSpinner, i5.MatRadioButton, i2$2.MatTooltip, i1$2.UpperCasePipe, i1$1.TranslatePipe, DateAgoPipe], styles: [".collection-languages[_ngcontent-%COMP%]{display:flex;gap:2px}.collection-languages[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-size:12px;border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}"] }); }
+        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i2$3.DefaultFlexDirective, i2$1.MatButton, i2$1.MatIconButton, i1.MatIcon, i2$5.MatProgressSpinner, i5.MatRadioButton, i2$2.MatTooltip, i1$2.UpperCasePipe, i1$1.TranslatePipe, DateAgoPipe], styles: [".collection-languages[_ngcontent-%COMP%]{display:flex;gap:2px}.collection-languages[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-size:12px;border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyCollectionCardComponent, [{
         type: Component,
@@ -6287,15 +6277,13 @@ function TerminologyComponent_div_0_lib_open_close_button_4_Template(rf, ctx) {
     i0.ɵɵtemplate(6, TerminologyComponent_div_0_lib_open_close_button_4_mat_spinner_6_Template, 1, 0, "mat-spinner", 13);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_7_0;
-    let tmp_10_0;
     const state_r4 = i0.ɵɵreference(1);
     const ctx_r2 = i0.ɵɵnextContext(2);
     const menu_r5 = i0.ɵɵreference(2);
-    i0.ɵɵproperty("isOpened", state_r4.menuOpen)("matMenuTriggerFor", menu_r5)("matTooltip", (tmp_7_0 = (tmp_7_0 = ctx_r2.selected == null ? null : ctx_r2.selected.mtCollection == null ? null : ctx_r2.selected.mtCollection.name) !== null && tmp_7_0 !== undefined ? tmp_7_0 : ctx_r2.selected == null ? null : ctx_r2.selected.termCollection == null ? null : ctx_r2.selected.termCollection.name) !== null && tmp_7_0 !== undefined ? tmp_7_0 : "")("disabled", ctx_r2.disabled);
+    i0.ɵɵproperty("isOpened", state_r4.menuOpen)("matMenuTriggerFor", menu_r5)("matTooltip", (ctx_r2.selected == null ? null : ctx_r2.selected.mtCollection == null ? null : ctx_r2.selected.mtCollection.name) ?? (ctx_r2.selected == null ? null : ctx_r2.selected.termCollection == null ? null : ctx_r2.selected.termCollection.name) ?? "")("disabled", ctx_r2.disabled);
     i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 7, "TERM_COLLECTIONS.ARIA_LABELS.OTHER_COLLECTIONS"));
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", (tmp_10_0 = (tmp_10_0 = ctx_r2.selected == null ? null : ctx_r2.selected.mtCollection == null ? null : ctx_r2.selected.mtCollection.name) !== null && tmp_10_0 !== undefined ? tmp_10_0 : ctx_r2.selected == null ? null : ctx_r2.selected.termCollection == null ? null : ctx_r2.selected.termCollection.name) !== null && tmp_10_0 !== undefined ? tmp_10_0 : i0.ɵɵpipeBind1(5, 9, "TERM_COLLECTIONS.SELECTED_NONE"), " ");
+    i0.ɵɵtextInterpolate1(" ", (ctx_r2.selected == null ? null : ctx_r2.selected.mtCollection == null ? null : ctx_r2.selected.mtCollection.name) ?? (ctx_r2.selected == null ? null : ctx_r2.selected.termCollection == null ? null : ctx_r2.selected.termCollection.name) ?? i0.ɵɵpipeBind1(5, 9, "TERM_COLLECTIONS.SELECTED_NONE"), " ");
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r2.selected == null ? null : ctx_r2.selected.isImporting);
 } }
@@ -6318,15 +6306,13 @@ function TerminologyComponent_div_0_ng_template_5_Template(rf, ctx) { if (rf & 1
     i0.ɵɵelement(9, "mat-icon", 17);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_8_0;
-    let tmp_11_0;
     const state_r7 = i0.ɵɵreference(1);
     const ctx_r2 = i0.ɵɵnextContext(2);
     const menu_r5 = i0.ɵɵreference(2);
-    i0.ɵɵproperty("isOpened", state_r7.menuOpen)("matMenuTriggerFor", menu_r5)("matTooltip", (tmp_8_0 = (tmp_8_0 = ctx_r2.selected == null ? null : ctx_r2.selected.mtCollection == null ? null : ctx_r2.selected.mtCollection.name) !== null && tmp_8_0 !== undefined ? tmp_8_0 : ctx_r2.selected == null ? null : ctx_r2.selected.termCollection == null ? null : ctx_r2.selected.termCollection.name) !== null && tmp_8_0 !== undefined ? tmp_8_0 : "")("disabled", ctx_r2.disabled);
+    i0.ɵɵproperty("isOpened", state_r7.menuOpen)("matMenuTriggerFor", menu_r5)("matTooltip", (ctx_r2.selected == null ? null : ctx_r2.selected.mtCollection == null ? null : ctx_r2.selected.mtCollection.name) ?? (ctx_r2.selected == null ? null : ctx_r2.selected.termCollection == null ? null : ctx_r2.selected.termCollection.name) ?? "")("disabled", ctx_r2.disabled);
     i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(2, 9, "TERM_COLLECTIONS.ARIA_LABELS.OTHER_COLLECTIONS"));
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", (tmp_11_0 = (tmp_11_0 = ctx_r2.selected == null ? null : ctx_r2.selected.mtCollection == null ? null : ctx_r2.selected.mtCollection.name) !== null && tmp_11_0 !== undefined ? tmp_11_0 : ctx_r2.selected == null ? null : ctx_r2.selected.termCollection == null ? null : ctx_r2.selected.termCollection.name) !== null && tmp_11_0 !== undefined ? tmp_11_0 : i0.ɵɵpipeBind1(5, 11, "TERM_COLLECTIONS.SELECTED_NONE"), " ");
+    i0.ɵɵtextInterpolate1(" ", (ctx_r2.selected == null ? null : ctx_r2.selected.mtCollection == null ? null : ctx_r2.selected.mtCollection.name) ?? (ctx_r2.selected == null ? null : ctx_r2.selected.termCollection == null ? null : ctx_r2.selected.termCollection.name) ?? i0.ɵɵpipeBind1(5, 11, "TERM_COLLECTIONS.SELECTED_NONE"), " ");
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r2.selected == null ? null : ctx_r2.selected.isImporting);
     i0.ɵɵadvance();
@@ -6687,7 +6673,6 @@ class TextToSpeechComponent {
             i0.ɵɵtemplate(17, TextToSpeechComponent_mat_icon_17_Template, 2, 1, "mat-icon", 10)(18, TextToSpeechComponent_mat_spinner_18_Template, 1, 1, "mat-spinner", 11);
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
-            let tmp_7_0;
             i0.ɵɵproperty("ngClass.lt-md", "mobile");
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 15, "selectVoice"));
@@ -6701,7 +6686,7 @@ class TextToSpeechComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵclassProp("text-overflow", ctx.hasOverflow);
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate2(" ", (tmp_7_0 = ctx.text == null ? null : ctx.text.length) !== null && tmp_7_0 !== undefined ? tmp_7_0 : 0, "/", ctx.maxCharLength, " ");
+            i0.ɵɵtextInterpolate2(" ", (ctx.text == null ? null : ctx.text.length) ?? 0, "/", ctx.maxCharLength, " ");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("matTooltip", !ctx.text ? i0.ɵɵpipeBind1(14, 19, "playDisabled") : "");
             i0.ɵɵadvance(2);
@@ -6719,7 +6704,6 @@ class TextToSpeechComponent {
         type: Component,
         args: [{ selector: 'lib-text-to-speech', imports: [
                     CommonModule,
-                    MatButton,
                     MatIconButton,
                     MatIcon,
                     FormsModule,
@@ -6735,7 +6719,7 @@ class TextToSpeechComponent {
         }], voices: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TextToSpeechComponent, { className: "TextToSpeechComponent", filePath: "lib/text-to-speech/text-to-speech.component.ts", lineNumber: 34 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TextToSpeechComponent, { className: "TextToSpeechComponent", filePath: "lib/text-to-speech/text-to-speech.component.ts", lineNumber: 33 }); })();
 
 var LLMActions;
 (function (LLMActions) {
@@ -7317,7 +7301,7 @@ class NewFeatureDialogComponent {
 
 class NewFeatureDialogService {
     constructor() {
-        this.current = signal(undefined);
+        this.current = signal(undefined, ...(ngDevMode ? [{ debugName: "current" }] : []));
         this.queue = [];
     }
     requestOpenFeature(component) {
@@ -7357,7 +7341,7 @@ class NewFeatureDialogWrapperComponent {
         this.#dialog = inject(MatDialog);
         this.#featureService = inject(NewFeatureDialogService);
         this.#destroy = new Subject();
-        this.featureActive = signal(false);
+        this.featureActive = signal(false, ...(ngDevMode ? [{ debugName: "featureActive" }] : []));
         this.isFeatureSeen = false;
     }
     #dialog;
@@ -7424,7 +7408,7 @@ class NewFeatureDialogWrapperComponent {
         type: Component,
         args: [{
                 selector: 'lib-new-feature-dialog-wrapper',
-                imports: [CommonModule, MatDialogModule, NewFeatureDialogComponent],
+                imports: [CommonModule, MatDialogModule],
                 template: ''
             }]
     }], null, { titleLocalizationKey: [{
@@ -7991,10 +7975,9 @@ class SelectLanguageDialogComponent {
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 16, "SELECT_LANGUAGE.CANCEL"), " ");
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(22, 18, "SELECT_LANGUAGE.SAVE"), " ");
-        } }, dependencies: [SortLanguageListPipe,
+        } }, dependencies: [MatDialogModule, i1$4.MatDialogClose, i1$4.MatDialogTitle, i1$4.MatDialogActions, i1$4.MatDialogContent, MatButtonModule, i2$1.MatButton, MatSelectModule, i9.MatFormField, i9.MatLabel, i4.MatSelect, i4.MatOption, FormsModule, i4$1.NgControlStatus, i4$1.NgModel, SortLanguageListPipe,
             AsyncPipe,
-            TranslatePipe,
-            MatDialogModule, i1$4.MatDialogClose, i1$4.MatDialogTitle, i1$4.MatDialogActions, i1$4.MatDialogContent, MatButtonModule, i2$1.MatButton, MatSelectModule, i9.MatFormField, i9.MatLabel, i4.MatSelect, i4.MatOption, FormsModule, i4$1.NgControlStatus, i4$1.NgModel], styles: [".description[_ngcontent-%COMP%]{color:var(--base-40)}.w-full[_ngcontent-%COMP%]{width:100%}.mt-4[_ngcontent-%COMP%]{margin-top:1.5rem!important}"] }); }
+            TranslatePipe], styles: [".description[_ngcontent-%COMP%]{color:var(--base-40)}.w-full[_ngcontent-%COMP%]{width:100%}.mt-4[_ngcontent-%COMP%]{margin-top:1.5rem!important}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectLanguageDialogComponent, [{
         type: Component,
@@ -8031,14 +8014,14 @@ class GlobalMessageComponent {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "p", 1);
             i0.ɵɵpipe(2, "translate");
-            i0.ɵɵtemplate(3, GlobalMessageComponent_Conditional_3_Template, 3, 0, "button", 2);
+            i0.ɵɵconditionalCreate(3, GlobalMessageComponent_Conditional_3_Template, 3, 0, "button", 2);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(2, 2, ctx.text), i0.ɵɵsanitizeHtml);
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.showCloseButton ? 3 : -1);
-        } }, dependencies: [CommonModule, TranslateModule, i1$1.TranslatePipe, MatButtonModule, i2$1.MatIconButton, MatIconModule, i1.MatIcon], styles: [".tld-global-message[_ngcontent-%COMP%]{position:relative;background-color:#ffdad6;display:flex;justify-content:center;align-items:center;width:100%;padding:22px}.tld-global-message-close[_ngcontent-%COMP%]{position:absolute;right:5px}"] }); }
+        } }, dependencies: [CommonModule, TranslateModule, MatButtonModule, i2$1.MatIconButton, MatIconModule, i1.MatIcon, i1$1.TranslatePipe], styles: [".tld-global-message[_ngcontent-%COMP%]{position:relative;background-color:#ffdad6;display:flex;justify-content:center;align-items:center;width:100%;padding:22px}.tld-global-message-close[_ngcontent-%COMP%]{position:absolute;right:5px}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GlobalMessageComponent, [{
         type: Component,
@@ -8078,35 +8061,34 @@ const _c0 = ["*"];
 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) {
-    i0.ɵɵdeclareLet(0);
-    i0.ɵɵelementStart(1, "h3", 3);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "translate");
+    i0.ɵɵelementStart(0, "h3", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 4)(5, "div", 5)(6, "span", 6);
-    i0.ɵɵtext(7);
-    i0.ɵɵpipe(8, "translate");
+    i0.ɵɵelementStart(3, "div", 4)(4, "div", 5)(5, "span", 6);
+    i0.ɵɵtext(6);
+    i0.ɵɵpipe(7, "translate");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 7)(10, "span");
-    i0.ɵɵtext(11);
+    i0.ɵɵelementStart(8, "div", 7)(9, "span");
+    i0.ɵɵtext(10);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(12, "div", 4)(13, "div", 5)(14, "span", 6);
-    i0.ɵɵtext(15);
-    i0.ɵɵpipe(16, "translate");
+    i0.ɵɵelementStart(11, "div", 4)(12, "div", 5)(13, "span", 6);
+    i0.ɵɵtext(14);
+    i0.ɵɵpipe(15, "translate");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 7)(18, "span");
-    i0.ɵɵtext(19);
+    i0.ɵɵelementStart(16, "div", 7)(17, "span");
+    i0.ɵɵtext(18);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const userToken_r1 = i0.ɵɵnextContext().token();
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 5, "SUBSCRIPTION.USER_INFO"));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 5, "SUBSCRIPTION.USER_INFO"));
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 7, "SUBSCRIPTION.LABEL_NAME"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 7, "SUBSCRIPTION.LABEL_NAME"));
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(userToken_r1.name);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(16, 9, "SUBSCRIPTION.LABEL_EMAIL"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 9, "SUBSCRIPTION.LABEL_EMAIL"));
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(userToken_r1.email);
 } }
@@ -8135,7 +8117,7 @@ function SubscriptionComponent_Conditional_1_Case_11_Conditional_0_Template(rf,
     i0.ɵɵtextInterpolate1(" (", i0.ɵɵpipeBind2(3, 4, "SUBSCRIPTION.END_DATE", i0.ɵɵpureFunction1(7, _c1, i0.ɵɵpipeBind2(2, 1, currentSubscription_r2.EndDate, "dd.MM.yyyy."))), ") ");
 } }
 function SubscriptionComponent_Conditional_1_Case_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SubscriptionComponent_Conditional_1_Case_11_Conditional_0_Template, 4, 9, "span");
+    i0.ɵɵconditionalCreate(0, SubscriptionComponent_Conditional_1_Case_11_Conditional_0_Template, 4, 9, "span");
 } if (rf & 2) {
     i0.ɵɵnextContext();
     const currentSubscription_r2 = i0.ɵɵreadContextLet(0);
@@ -8184,7 +8166,7 @@ function SubscriptionComponent_Conditional_1_Conditional_14_For_7_Template(rf, c
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(2, SubscriptionComponent_Conditional_1_Conditional_14_For_7_Conditional_2_Template, 2, 1, "span");
+    i0.ɵɵconditionalCreate(2, SubscriptionComponent_Conditional_1_Conditional_14_For_7_Conditional_2_Template, 2, 1, "span");
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
@@ -8226,11 +8208,12 @@ function SubscriptionComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(7);
     i0.ɵɵelementStart(8, "span");
     i0.ɵɵtext(9);
-    i0.ɵɵtemplate(10, SubscriptionComponent_Conditional_1_Case_10_Template, 4, 9, "span")(11, SubscriptionComponent_Conditional_1_Case_11_Template, 1, 1)(12, SubscriptionComponent_Conditional_1_Case_12_Template, 3, 9);
+    i0.ɵɵconditionalCreate(10, SubscriptionComponent_Conditional_1_Case_10_Template, 4, 9, "span")(11, SubscriptionComponent_Conditional_1_Case_11_Template, 1, 1)(12, SubscriptionComponent_Conditional_1_Case_12_Template, 3, 9);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(13, SubscriptionComponent_Conditional_1_Conditional_13_Template, 10, 7, "div", 4)(14, SubscriptionComponent_Conditional_1_Conditional_14_Template, 8, 3, "div", 8);
+    i0.ɵɵconditionalCreate(13, SubscriptionComponent_Conditional_1_Conditional_13_Template, 10, 7, "div", 4);
+    i0.ɵɵconditionalCreate(14, SubscriptionComponent_Conditional_1_Conditional_14_Template, 8, 3, "div", 8);
 } if (rf & 2) {
     let tmp_4_0;
     const ctx_r4 = i0.ɵɵnextContext();
@@ -8302,14 +8285,14 @@ class SubscriptionComponent {
     constructor() {
         this.#chargebeeMountService = inject(ChargebeeMountService);
         /** Parsed user token to get user related info */
-        this.token = input.required();
+        this.token = input.required(...(ngDevMode ? [{ debugName: "token" }] : []));
         /** Current user plan that app has selected */
-        this.subscription = input.required();
+        this.subscription = input.required(...(ngDevMode ? [{ debugName: "subscription" }] : []));
         /** Quota usage */
-        this.quota = input.required();
-        this.visibleQuotaTypes = input();
-        this.contactUsUrl = input();
-        this.chargebeeSettings = input();
+        this.quota = input.required(...(ngDevMode ? [{ debugName: "quota" }] : []));
+        this.visibleQuotaTypes = input(...(ngDevMode ? [undefined, { debugName: "visibleQuotaTypes" }] : []));
+        this.contactUsUrl = input(...(ngDevMode ? [undefined, { debugName: "contactUsUrl" }] : []));
+        this.chargebeeSettings = input(...(ngDevMode ? [undefined, { debugName: "chargebeeSettings" }] : []));
         this.manageClick = output();
         this.contactUsClick = output();
         this.visibleQuotas = computed(() => {
@@ -8328,7 +8311,7 @@ class SubscriptionComponent {
                 return this.#convertUsageToDisplayQuota(quota);
             });
             return visibleQuotas;
-        });
+        }, ...(ngDevMode ? [{ debugName: "visibleQuotas" }] : []));
         this.subscriptionStates = SUBSCRIPTION_STATE;
         this.subscriptionState = computed(() => {
             const subscription = this.subscription();
@@ -8345,7 +8328,7 @@ class SubscriptionComponent {
             else {
                 return SUBSCRIPTION_STATE.ENDED;
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "subscriptionState" }] : []));
     }
     #chargebeeMountService;
     ngOnInit() {
@@ -8423,10 +8406,13 @@ class SubscriptionComponent {
     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) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵtemplate(0, SubscriptionComponent_Conditional_0_Template, 20, 11)(1, SubscriptionComponent_Conditional_1_Template, 15, 8)(2, SubscriptionComponent_Conditional_2_Template, 5, 3);
+            i0.ɵɵconditionalCreate(0, SubscriptionComponent_Conditional_0_Template, 19, 11);
+            i0.ɵɵconditionalCreate(1, SubscriptionComponent_Conditional_1_Template, 15, 8);
+            i0.ɵɵconditionalCreate(2, SubscriptionComponent_Conditional_2_Template, 5, 3);
             i0.ɵɵprojection(3);
             i0.ɵɵelementStart(4, "div", 0);
-            i0.ɵɵtemplate(5, SubscriptionComponent_Conditional_5_Template, 3, 3, "a", 1)(6, SubscriptionComponent_Conditional_6_Template, 3, 4, "a", 2);
+            i0.ɵɵconditionalCreate(5, SubscriptionComponent_Conditional_5_Template, 3, 3, "a", 1);
+            i0.ɵɵconditionalCreate(6, SubscriptionComponent_Conditional_6_Template, 3, 4, "a", 2);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.token() ? 0 : -1);
@@ -8438,9 +8424,9 @@ class SubscriptionComponent {
             i0.ɵɵconditional(ctx.chargebeeSettings() ? 5 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.contactUsUrl() ? 6 : -1);
-        } }, dependencies: [TranslatePipe,
-            DatePipe,
-            MatProgressBarModule, i2$4.MatProgressBar, CommonModule, i1$2.UpperCasePipe, MatButtonModule, i2$1.MatAnchor], styles: ["[_nghost-%COMP%]{display:block}mat-card[_ngcontent-%COMP%]{margin:1.5rem}.subscription-container[_ngcontent-%COMP%]:not(.mobile){margin:16px 32px}.subscription-section-title[_ngcontent-%COMP%]{margin:32px 0 18px}.subscription-data-row[_ngcontent-%COMP%]{border-bottom:2px solid var(--base-70);margin-bottom:18px;flex-direction:row;display:flex}.subscription-data[_ngcontent-%COMP%]{color:var(--base-30);word-wrap:break-word;margin-left:.5rem}.subscription-limit-wrapper[_ngcontent-%COMP%], .subscription-limit[_ngcontent-%COMP%]{margin-top:16px}.subscription-actions-wrapper[_ngcontent-%COMP%]{padding:32px 0 18px;display:flex;flex-direction:row;gap:24px}.subscription-manage-link[_ngcontent-%COMP%]{text-decoration:none}.subscription-container[_ngcontent-%COMP%]:not(.mobile,.empty){width:75%}.subscription-label[_ngcontent-%COMP%]:not(.mobile,.empty){width:35%}.subscription-data[_ngcontent-%COMP%]:not(.mobile,.empty){width:65%}.untranslated-files-disclaimer[_ngcontent-%COMP%]{margin-top:16px;margin-bottom:10px;color:var(--base-40)}.no-subscription-message[_ngcontent-%COMP%]{margin-top:32px;color:var(--base-40)}.contact-sales-btn[_ngcontent-%COMP%]{text-align:center}.contact-sales-btn[_ngcontent-%COMP%]:hover{text-decoration:none}"] }); }
+        } }, dependencies: [MatProgressBarModule, i2$4.MatProgressBar, CommonModule,
+            MatButtonModule, i2$1.MatButton, TranslatePipe,
+            DatePipe, i1$2.UpperCasePipe], styles: ["[_nghost-%COMP%]{display:block}mat-card[_ngcontent-%COMP%]{margin:1.5rem}.subscription-container[_ngcontent-%COMP%]:not(.mobile){margin:16px 32px}.subscription-section-title[_ngcontent-%COMP%]{margin:32px 0 18px}.subscription-data-row[_ngcontent-%COMP%]{border-bottom:2px solid var(--base-70);margin-bottom:18px;flex-direction:row;display:flex}.subscription-data[_ngcontent-%COMP%]{color:var(--base-30);word-wrap:break-word;margin-left:.5rem}.subscription-limit-wrapper[_ngcontent-%COMP%], .subscription-limit[_ngcontent-%COMP%]{margin-top:16px}.subscription-actions-wrapper[_ngcontent-%COMP%]{padding:32px 0 18px;display:flex;flex-direction:row;gap:24px}.subscription-manage-link[_ngcontent-%COMP%]{text-decoration:none}.subscription-container[_ngcontent-%COMP%]:not(.mobile,.empty){width:75%}.subscription-label[_ngcontent-%COMP%]:not(.mobile,.empty){width:35%}.subscription-data[_ngcontent-%COMP%]:not(.mobile,.empty){width:65%}.untranslated-files-disclaimer[_ngcontent-%COMP%]{margin-top:16px;margin-bottom:10px;color:var(--base-40)}.no-subscription-message[_ngcontent-%COMP%]{margin-top:32px;color:var(--base-40)}.contact-sales-btn[_ngcontent-%COMP%]{text-align:center}.contact-sales-btn[_ngcontent-%COMP%]:hover{text-decoration:none}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscriptionComponent, [{
         type: Component,