@tilde-nlp/ngx-common 6.1.74 → 6.1.76

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

@@ -5435,11 +5435,11 @@ class TerminologyService {
                 this.engines[engineId].isAnyImporting = true;
             }
             const existing = CombinedCollection.findExistingCollectionFromList(this.engines[engineId].collections, collection);
-            // If term api doesn't have engine languages, collection should not be shown (if it is not already imported somehow);
+            // Displaying collection if one of the engine languages is included.
             if (!existing && collection.source === EngineTermCollectionSource.TILDE_TERM) {
                 let hasLanguages = true;
                 for (let i = 0; i < this.engines[engineId].engineLanguages.length; i++) {
-                    if (!collection.termCollection?.languages?.find((lang) => lang.id === this.engines[engineId].engineLanguages[i])) {
+                    if (!collection.termCollection?.languages?.find((lang) => this.engines[engineId].engineLanguages.includes(lang.id))) {
                         hasLanguages = false;
                         break;
                     }
@@ -5515,18 +5515,18 @@ class TerminologyService {
 const _c0$6 = a0 => ({ termCount: a0 });
 const _c1$3 = a0 => ({ date: a0 });
 function TerminologyCollectionCardComponent_ng_container_0_span_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 12);
+    i0.ɵɵelementStart(0, "span", 15);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    let tmp_2_0;
+    let tmp_3_0;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("matTooltip", (tmp_2_0 = ctx_r1.collection.name) !== null && tmp_2_0 !== undefined ? tmp_2_0 : "");
+    i0.ɵɵproperty("matTooltip", (tmp_3_0 = ctx_r1.collection.name) !== null && tmp_3_0 !== undefined ? tmp_3_0 : "");
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.collection.name, " ");
 } }
 function TerminologyCollectionCardComponent_ng_container_0_span_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 13);
+    i0.ɵɵelementStart(0, "span", 16);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -5535,7 +5535,7 @@ function TerminologyCollectionCardComponent_ng_container_0_span_7_Template(rf, c
     i0.ɵɵtextInterpolate1(" ", ctx_r1.collection.name, " ");
 } }
 function TerminologyCollectionCardComponent_ng_container_0_span_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 14);
+    i0.ɵɵelementStart(0, "span", 17);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -5544,8 +5544,40 @@ function TerminologyCollectionCardComponent_ng_container_0_span_8_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.localizationKey + "DEFAULT"));
 } }
-function TerminologyCollectionCardComponent_ng_container_0_span_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 15);
+function TerminologyCollectionCardComponent_ng_container_0_ng_container_10_span_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const lang_r3 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(lang_r3.id);
+} }
+function TerminologyCollectionCardComponent_ng_container_0_ng_container_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, TerminologyCollectionCardComponent_ng_container_0_ng_container_10_span_1_Template, 2, 1, "span", 18);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.collection.termCollection.languages);
+} }
+function TerminologyCollectionCardComponent_ng_container_0_ng_template_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.sourceLanguageCode);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.targetLanguageCode);
+} }
+function TerminologyCollectionCardComponent_ng_container_0_span_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
@@ -5554,8 +5586,8 @@ function TerminologyCollectionCardComponent_ng_container_0_span_9_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r1.localizationKey + "TERMS_IN_USE", i0.ɵɵpureFunction1(4, _c0$6, ctx_r1.collection.termCount)), " ");
 } }
-function TerminologyCollectionCardComponent_ng_container_0_span_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 15);
+function TerminologyCollectionCardComponent_ng_container_0_span_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "dateAgo");
     i0.ɵɵpipe(3, "translate");
@@ -5565,7 +5597,7 @@ function TerminologyCollectionCardComponent_ng_container_0_span_10_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(3, 3, ctx_r1.localizationKey + "LAST_UPDATED", i0.ɵɵpureFunction1(6, _c1$3, i0.ɵɵpipeBind1(2, 1, ctx_r1.collection.lastUpdated))), " ");
 } }
-function TerminologyCollectionCardComponent_ng_container_0_div_12_span_3_Template(rf, ctx) { if (rf & 1) {
+function TerminologyCollectionCardComponent_ng_container_0_div_16_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "uppercase");
@@ -5576,20 +5608,20 @@ function TerminologyCollectionCardComponent_ng_container_0_div_12_span_3_Templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 3, ctx_r1.localizationKey + "ERRORS." + i0.ɵɵpipeBind1(2, 1, ctx_r1.collection.mtCollection == null ? null : ctx_r1.collection.mtCollection.subStatus)), " ");
 } }
-function TerminologyCollectionCardComponent_ng_container_0_div_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16)(1, "span", 17);
+function TerminologyCollectionCardComponent_ng_container_0_div_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20)(1, "span", 21);
     i0.ɵɵtext(2, " error ");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, TerminologyCollectionCardComponent_ng_container_0_div_12_span_3_Template, 4, 5, "span", 0);
+    i0.ɵɵtemplate(3, TerminologyCollectionCardComponent_ng_container_0_div_16_span_3_Template, 4, 5, "span", 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", (ctx_r1.collection.mtCollection == null ? null : ctx_r1.collection.mtCollection.subStatus) === ctx_r1.collectionImportingErrorSubStatus);
 } }
-function TerminologyCollectionCardComponent_ng_container_0_span_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 18);
-    i0.ɵɵelement(1, "mat-spinner", 19);
+function TerminologyCollectionCardComponent_ng_container_0_span_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 22);
+    i0.ɵɵelement(1, "mat-spinner", 23);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
@@ -5599,12 +5631,12 @@ function TerminologyCollectionCardComponent_ng_container_0_span_13_Template(rf,
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 1, ctx_r1.tooltipLocalizationKey + "IMPORTING"), " ");
 } }
-function TerminologyCollectionCardComponent_ng_container_0_button_14_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 20);
+function TerminologyCollectionCardComponent_ng_container_0_button_18_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 24);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵlistener("click", function TerminologyCollectionCardComponent_ng_container_0_button_14_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.attach(ctx_r1.collection); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "span", 21)(3, "mat-icon", 22);
+    i0.ɵɵlistener("click", function TerminologyCollectionCardComponent_ng_container_0_button_18_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.attach(ctx_r1.collection); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "span", 25)(3, "mat-icon", 26);
     i0.ɵɵtext(4, "sync");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(5);
@@ -5616,10 +5648,10 @@ function TerminologyCollectionCardComponent_ng_container_0_button_14_Template(rf
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 4, ctx_r1.localizationKey + "SYNC"), " ");
 } }
-function TerminologyCollectionCardComponent_ng_container_0_ng_container_15_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 24);
+function TerminologyCollectionCardComponent_ng_container_0_ng_container_19_a_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 28);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelementStart(2, "mat-icon", 25);
+    i0.ɵɵelementStart(2, "mat-icon", 29);
     i0.ɵɵtext(3, "edit");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -5627,9 +5659,9 @@ function TerminologyCollectionCardComponent_ng_container_0_ng_container_15_a_1_T
     i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(1, 2, ctx_r1.tooltipLocalizationKey + "EDIT"));
     i0.ɵɵattribute("href", ctx_r1.getEditLink(ctx_r1.collection), i0.ɵɵsanitizeUrl);
 } }
-function TerminologyCollectionCardComponent_ng_container_0_ng_container_15_Template(rf, ctx) { if (rf & 1) {
+function TerminologyCollectionCardComponent_ng_container_0_ng_container_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, TerminologyCollectionCardComponent_ng_container_0_ng_container_15_a_1_Template, 4, 4, "a", 23);
+    i0.ɵɵtemplate(1, TerminologyCollectionCardComponent_ng_container_0_ng_container_19_a_1_Template, 4, 4, "a", 27);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -5639,33 +5671,39 @@ function TerminologyCollectionCardComponent_ng_container_0_ng_container_15_Templ
 function TerminologyCollectionCardComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 1)(2, "mat-radio-button", 2);
+    i0.ɵɵelementStart(1, "div", 2)(2, "mat-radio-button", 3);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵlistener("click", function TerminologyCollectionCardComponent_ng_container_0_Template_mat_radio_button_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.selectGlossary(ctx_r1.collection)); });
-    i0.ɵɵelementStart(4, "div", 1)(5, "div", 3);
-    i0.ɵɵtemplate(6, TerminologyCollectionCardComponent_ng_container_0_span_6_Template, 2, 2, "span", 4)(7, TerminologyCollectionCardComponent_ng_container_0_span_7_Template, 2, 1, "span", 5);
+    i0.ɵɵelementStart(4, "div", 2)(5, "div", 4);
+    i0.ɵɵtemplate(6, TerminologyCollectionCardComponent_ng_container_0_span_6_Template, 2, 2, "span", 5)(7, TerminologyCollectionCardComponent_ng_container_0_span_7_Template, 2, 1, "span", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, TerminologyCollectionCardComponent_ng_container_0_span_8_Template, 3, 3, "span", 7);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(8, TerminologyCollectionCardComponent_ng_container_0_span_8_Template, 3, 3, "span", 6);
+    i0.ɵɵelementStart(9, "div", 8);
+    i0.ɵɵtemplate(10, TerminologyCollectionCardComponent_ng_container_0_ng_container_10_Template, 2, 1, "ng-container", 9)(11, TerminologyCollectionCardComponent_ng_container_0_ng_template_11_Template, 4, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(9, TerminologyCollectionCardComponent_ng_container_0_span_9_Template, 3, 6, "span", 7)(10, TerminologyCollectionCardComponent_ng_container_0_span_10_Template, 4, 8, "span", 7);
-    i0.ɵɵelementStart(11, "div", 8);
-    i0.ɵɵtemplate(12, TerminologyCollectionCardComponent_ng_container_0_div_12_Template, 4, 1, "div", 9)(13, TerminologyCollectionCardComponent_ng_container_0_span_13_Template, 5, 3, "span", 10)(14, TerminologyCollectionCardComponent_ng_container_0_button_14_Template, 7, 6, "button", 11);
+    i0.ɵɵtemplate(13, TerminologyCollectionCardComponent_ng_container_0_span_13_Template, 3, 6, "span", 10)(14, TerminologyCollectionCardComponent_ng_container_0_span_14_Template, 4, 8, "span", 10);
+    i0.ɵɵelementStart(15, "div", 11);
+    i0.ɵɵtemplate(16, TerminologyCollectionCardComponent_ng_container_0_div_16_Template, 4, 1, "div", 12)(17, TerminologyCollectionCardComponent_ng_container_0_span_17_Template, 5, 3, "span", 13)(18, TerminologyCollectionCardComponent_ng_container_0_button_18_Template, 7, 6, "button", 14);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(15, TerminologyCollectionCardComponent_ng_container_0_ng_container_15_Template, 2, 1, "ng-container", 0);
+    i0.ɵɵtemplate(19, TerminologyCollectionCardComponent_ng_container_0_ng_container_19_Template, 2, 1, "ng-container", 1);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
+    const currentDirection_r5 = i0.ɵɵreference(12);
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵclassProp("mat-mdc-radio-checked", ctx_r1.collection.default || ctx_r1.collection === ctx_r1.selected);
-    i0.ɵɵproperty("disabled", ctx_r1.isSelectionDisabled)("matTooltip", ctx_r1.collection.termTooltipKey ? i0.ɵɵpipeBind1(3, 13, ctx_r1.tooltipLocalizationKey + ctx_r1.collection.termTooltipKey) : "");
+    i0.ɵɵproperty("disabled", ctx_r1.isSelectionDisabled)("matTooltip", ctx_r1.collection.termTooltipKey ? i0.ɵɵpipeBind1(3, 15, ctx_r1.tooltipLocalizationKey + ctx_r1.collection.termTooltipKey) : "");
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("ngIf", !ctx_r1.collection.termTooltipKey);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.collection.termTooltipKey);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.collection.default);
-    i0.ɵɵadvance();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r1.collection.termCollection)("ngIfElse", currentDirection_r5);
+    i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", ctx_r1.collection.termCount);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.collection.lastUpdated);
@@ -5699,21 +5737,26 @@ class TerminologyCollectionCardComponent {
         this.terminologyService.sync(collection, this.engineId).subscribe();
     }
     getEditLink(collection) {
-        return this.terminologyCollection.getEditLink(collection.termCollection?.id, this.sourceLanguageCode, this.targetLanguageCode);
+        // Collections with terms that shouldn't be translated.
+        if (collection.termCollection?.languages && collection.termCollection?.languages.length === 1) {
+            return this.terminologyCollection.getEditLink(collection.termCollection.id);
+        }
+        // Adds both source and target languages to the collection. 
+        return this.terminologyCollection.getEditLink(collection.termCollection.id, this.sourceLanguageCode, this.targetLanguageCode);
     }
     isCollectionDisabled(collection) {
         return collection.termId !== null && collection.termEntries <= 0 || collection.default;
     }
     static { this.ɵfac = function TerminologyCollectionCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TerminologyCollectionCardComponent)(i0.ɵɵdirectiveInject(TerminologyService), i0.ɵɵdirectiveInject(TerminologyCollectionService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TerminologyCollectionCardComponent, selectors: [["lib-terminology-collection-card"]], inputs: { collection: "collection", selected: "selected", localizationKey: "localizationKey", tooltipLocalizationKey: "tooltipLocalizationKey", sourceLanguageCode: "sourceLanguageCode", engineId: "engineId", targetLanguageCode: "targetLanguageCode", hasEditPermissions: "hasEditPermissions" }, outputs: { glossarySelectEvent: "glossarySelectEvent" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["fxLayout", "row", "fxLayoutAlign", "start center"], ["fxFlex", "", "fxLayoutAlign", "center center", 3, "click", "disabled", "matTooltip"], [1, "collection-label"], ["class", "text-m-semi-bold", 3, "matTooltip", 4, "ngIf"], ["class", "text-m-semi-bold", 4, "ngIf"], ["class", "default-badge", 4, "ngIf"], ["class", "collection-label-block text-s", 4, "ngIf"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.5rem", 1, "collection-label-block", "collection-status-labels", "text-s"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.25rem", 4, "ngIf"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.5rem", 4, "ngIf"], ["mat-button", "", "color", "primary", 3, "matTooltip", "click", 4, "ngIf"], [1, "text-m-semi-bold", 3, "matTooltip"], [1, "text-m-semi-bold"], [1, "default-badge"], [1, "collection-label-block", "text-s"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.25rem"], ["color", "accent", 1, "material-icons", "collection-list-error"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.5rem"], ["color", "accent", "diameter", "20"], ["mat-button", "", "color", "primary", 3, "click", "matTooltip"], ["fxLayout", "row", "fxLayoutAlign", "start center", 1, "text-s"], [1, "pt-1"], ["class", "collection-list-edit", "mat-icon-button", "", "target", "_blank", 3, "matTooltip", 4, "ngIf"], ["mat-icon-button", "", "target", "_blank", 1, "collection-list-edit", 3, "matTooltip"], [1, "material-icons"]], template: function TerminologyCollectionCardComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, TerminologyCollectionCardComponent_ng_container_0_Template, 16, 15, "ng-container", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TerminologyCollectionCardComponent, selectors: [["lib-terminology-collection-card"]], inputs: { collection: "collection", selected: "selected", localizationKey: "localizationKey", tooltipLocalizationKey: "tooltipLocalizationKey", sourceLanguageCode: "sourceLanguageCode", engineId: "engineId", targetLanguageCode: "targetLanguageCode", hasEditPermissions: "hasEditPermissions" }, outputs: { glossarySelectEvent: "glossarySelectEvent" }, decls: 1, vars: 1, consts: [["currentDirection", ""], [4, "ngIf"], ["fxLayout", "row", "fxLayoutAlign", "start center"], ["fxFlex", "", "fxLayoutAlign", "center center", 3, "click", "disabled", "matTooltip"], [1, "collection-label"], ["class", "text-m-semi-bold", 3, "matTooltip", 4, "ngIf"], ["class", "text-m-semi-bold", 4, "ngIf"], ["class", "default-badge", 4, "ngIf"], [1, "collection-languages"], [4, "ngIf", "ngIfElse"], ["class", "collection-label-block text-s", 4, "ngIf"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.5rem", 1, "collection-label-block", "collection-status-labels", "text-s"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.25rem", 4, "ngIf"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.5rem", 4, "ngIf"], ["mat-button", "", "color", "primary", 3, "matTooltip", "click", 4, "ngIf"], [1, "text-m-semi-bold", 3, "matTooltip"], [1, "text-m-semi-bold"], [1, "default-badge"], [4, "ngFor", "ngForOf"], [1, "collection-label-block", "text-s"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.25rem"], ["color", "accent", 1, "material-icons", "collection-list-error"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.5rem"], ["color", "accent", "diameter", "20"], ["mat-button", "", "color", "primary", 3, "click", "matTooltip"], ["fxLayout", "row", "fxLayoutAlign", "start center", 1, "text-s"], [1, "pt-1"], ["class", "collection-list-edit", "mat-icon-button", "", "target", "_blank", 3, "matTooltip", 4, "ngIf"], ["mat-icon-button", "", "target", "_blank", 1, "collection-list-edit", 3, "matTooltip"], [1, "material-icons", "material-icons-outlined"]], template: function TerminologyCollectionCardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, TerminologyCollectionCardComponent_ng_container_0_Template, 20, 17, "ng-container", 1);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.collection);
-        } }, dependencies: [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$2.MatRadioButton, i2$2.MatTooltip, i1$2.UpperCasePipe, i1$1.TranslatePipe, DateAgoPipe] }); }
+        } }, 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$2.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,
-        args: [{ selector: 'lib-terminology-collection-card', template: "<ng-container *ngIf=\"collection\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n    <mat-radio-button\r\n      fxFlex\r\n      fxLayoutAlign=\"center center\"\r\n      [class.mat-mdc-radio-checked]=\"collection.default || collection === selected\"\r\n      [disabled]=\"isSelectionDisabled\"\r\n      [matTooltip]=\"collection.termTooltipKey ? (tooltipLocalizationKey + collection.termTooltipKey | translate) : ''\"\r\n      (click)=\"selectGlossary(collection)\"\r\n    >\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n        <div class=\"collection-label\">\r\n          <span *ngIf=\"!collection.termTooltipKey\" class=\"text-m-semi-bold\" [matTooltip]=\"collection.name ?? ''\">\r\n            {{ collection.name }}\r\n          </span>\r\n\r\n          <span *ngIf=\"collection.termTooltipKey\" class=\"text-m-semi-bold\">\r\n            {{ collection.name }}\r\n          </span>\r\n        </div>\r\n  \r\n        <span *ngIf=\"collection.default\" class=\"default-badge\" >{{ localizationKey + \"DEFAULT\" | translate }}</span>\r\n      </div>\r\n  \r\n      <span *ngIf=\"collection.termCount\" class=\"collection-label-block text-s\">\r\n        {{ localizationKey + \"TERMS_IN_USE\" | translate : { termCount: collection.termCount } }}\r\n      </span>\r\n      <span *ngIf=\"collection.lastUpdated\" class=\"collection-label-block text-s\">\r\n        {{ localizationKey + \"LAST_UPDATED\" | translate : { date: collection.lastUpdated | dateAgo } }}\r\n      </span>\r\n  \r\n      <div class=\"collection-label-block collection-status-labels text-s\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n        <div *ngIf=\"collection.mtStatus && collection.mtStatus === collectionErrorStatus\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.25rem\">\r\n          <span color=\"accent\" class=\"material-icons collection-list-error\"> error </span>\r\n  \r\n          <span *ngIf=\"collection.mtCollection?.subStatus === collectionImportingErrorSubStatus\">\r\n            {{ localizationKey + \"ERRORS.\" + (collection.mtCollection?.subStatus | uppercase) | translate }}\r\n          </span>\r\n        </div>\r\n  \r\n        <span *ngIf=\"collection.isImporting\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n          <mat-spinner color=\"accent\" diameter=\"20\"> </mat-spinner>\r\n          <span>\r\n            {{ tooltipLocalizationKey + \"IMPORTING\" | translate }}\r\n          </span>\r\n        </span>\r\n  \r\n        <button *ngIf=\"collection.syncButtonVisible\" mat-button color=\"primary\" (click)=\"attach(collection); $event.stopPropagation()\" [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\">\r\n          <span fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-s\">\r\n            <mat-icon class=\"pt-1\">sync</mat-icon>\r\n            {{ localizationKey + \"SYNC\" | translate }}\r\n          </span>\r\n        </button>\r\n      </div>\r\n    </mat-radio-button>\r\n\r\n    <ng-container *ngIf=\"hasEditPermissions\">\r\n      <a\r\n        class=\"collection-list-edit\"\r\n        mat-icon-button\r\n        target=\"_blank\"\r\n        [matTooltip]=\"tooltipLocalizationKey + 'EDIT' | translate\"\r\n        [attr.href]=\"getEditLink(collection)\"\r\n        *ngIf=\"collection.termCollection\"\r\n      >\r\n        <mat-icon class=\"material-icons\">edit</mat-icon>\r\n      </a>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n" }]
+        args: [{ selector: 'lib-terminology-collection-card', template: "<ng-container *ngIf=\"collection\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n    <mat-radio-button\r\n      fxFlex\r\n      fxLayoutAlign=\"center center\"\r\n      [class.mat-mdc-radio-checked]=\"collection.default || collection === selected\"\r\n      [disabled]=\"isSelectionDisabled\"\r\n      [matTooltip]=\"collection.termTooltipKey ? (tooltipLocalizationKey + collection.termTooltipKey | translate) : ''\"\r\n      (click)=\"selectGlossary(collection)\"\r\n    >\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n        <div class=\"collection-label\">\r\n          <span *ngIf=\"!collection.termTooltipKey\" class=\"text-m-semi-bold\" [matTooltip]=\"collection.name ?? ''\">\r\n            {{ collection.name }}\r\n          </span>\r\n\r\n          <span *ngIf=\"collection.termTooltipKey\" class=\"text-m-semi-bold\">\r\n            {{ collection.name }}\r\n          </span>\r\n        </div>\r\n  \r\n        <span *ngIf=\"collection.default\" class=\"default-badge\" >{{ localizationKey + \"DEFAULT\" | translate }}</span>\r\n      </div>\r\n\r\n      <div class=\"collection-languages\">\r\n        <ng-container *ngIf=\"collection.termCollection; else currentDirection\">\r\n          <span *ngFor=\"let lang of collection.termCollection.languages\">{{lang.id}}</span>\r\n        </ng-container>\r\n\r\n        <ng-template #currentDirection>\r\n          <span>{{sourceLanguageCode}}</span>\r\n          <span>{{targetLanguageCode}}</span>\r\n        </ng-template>\r\n      </div>\r\n  \r\n      <span *ngIf=\"collection.termCount\" class=\"collection-label-block text-s\">\r\n        {{ localizationKey + \"TERMS_IN_USE\" | translate : { termCount: collection.termCount } }}\r\n      </span>\r\n      <span *ngIf=\"collection.lastUpdated\" class=\"collection-label-block text-s\">\r\n        {{ localizationKey + \"LAST_UPDATED\" | translate : { date: collection.lastUpdated | dateAgo } }}\r\n      </span>\r\n  \r\n      <div class=\"collection-label-block collection-status-labels text-s\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n        <div *ngIf=\"collection.mtStatus && collection.mtStatus === collectionErrorStatus\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.25rem\">\r\n          <span color=\"accent\" class=\"material-icons collection-list-error\"> error </span>\r\n  \r\n          <span *ngIf=\"collection.mtCollection?.subStatus === collectionImportingErrorSubStatus\">\r\n            {{ localizationKey + \"ERRORS.\" + (collection.mtCollection?.subStatus | uppercase) | translate }}\r\n          </span>\r\n        </div>\r\n  \r\n        <span *ngIf=\"collection.isImporting\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n          <mat-spinner color=\"accent\" diameter=\"20\"> </mat-spinner>\r\n          <span>\r\n            {{ tooltipLocalizationKey + \"IMPORTING\" | translate }}\r\n          </span>\r\n        </span>\r\n  \r\n        <button *ngIf=\"collection.syncButtonVisible\" mat-button color=\"primary\" (click)=\"attach(collection); $event.stopPropagation()\" [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\">\r\n          <span fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-s\">\r\n            <mat-icon class=\"pt-1\">sync</mat-icon>\r\n            {{ localizationKey + \"SYNC\" | translate }}\r\n          </span>\r\n        </button>\r\n      </div>\r\n    </mat-radio-button>\r\n\r\n    <ng-container *ngIf=\"hasEditPermissions\">\r\n      <a\r\n        class=\"collection-list-edit\"\r\n        mat-icon-button\r\n        target=\"_blank\"\r\n        [matTooltip]=\"tooltipLocalizationKey + 'EDIT' | translate\"\r\n        [attr.href]=\"getEditLink(collection)\"\r\n        *ngIf=\"collection.termCollection\"\r\n      >\r\n        <mat-icon class=\"material-icons material-icons-outlined\">edit</mat-icon>\r\n      </a>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n", styles: [".collection-languages{display:flex;gap:2px}.collection-languages span{font-size:12px;border-radius:100px;padding-right:8px;padding-left:8px;color:var(--base-40);background-color:var(--base-70)}\n"] }]
     }], () => [{ type: TerminologyService }, { type: TerminologyCollectionService }], { collection: [{
             type: Input
         }], selected: [{