npm - @tilde-nlp/ngx-common - Versions diffs - 7.0.1 → 8.0.1 - Mend

@tilde-nlp/ngx-common 7.0.1 → 8.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (324) hide show

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

@@ -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");
@@ -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);
@@ -7317,7 +7302,7 @@ class NewFeatureDialogComponent {
 class NewFeatureDialogService {
     constructor() {
-        this.current = signal(undefined);
+        this.current = signal(undefined, ...(ngDevMode ? [{ debugName: "current" }] : []));
         this.queue = [];
     }
     requestOpenFeature(component) {
@@ -7357,7 +7342,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;
@@ -7991,10 +7976,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 +8015,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 +8062,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 +8118,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 +8167,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 +8209,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 +8286,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 +8312,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 +8329,7 @@ class SubscriptionComponent {
             else {
                 return SUBSCRIPTION_STATE.ENDED;
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "subscriptionState" }] : []));
     }
     #chargebeeMountService;
     ngOnInit() {
@@ -8423,10 +8407,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 +8425,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,