@tilde-nlp/ngx-translate 2.0.3 → 2.1.0

package/fesm2015/tilde-nlp-ngx-translate.mjs

@@ -8,13 +8,13 @@ import * as i1$3 from '@angular/common/http';
 import { HttpErrorResponse, HttpHeaders, HttpEventType, HttpClient, HttpClientModule } from '@angular/common/http';
 import * as i12 from '@tilde-nlp/ngx-common';
 import { NotificationMessageType, CloseButtonModule, SortTranslationsModule, InlineMessageType, InlineMessageIconPosition, InlineMessageModule, FileUploadModule, FilterWithHighlightPipe, FilterWithHighlightModule, ClickOutsideModule, NotificationMessageModule, CompanyProductModule } from '@tilde-nlp/ngx-common';
-import { Subject, ReplaySubject, BehaviorSubject, of, timer, throwError, forkJoin } from 'rxjs';
+import { Subject, ReplaySubject, BehaviorSubject, of, timer, throwError, map, tap, forkJoin } from 'rxjs';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import * as i4 from '@angular/flex-layout/flex';
 import * as i3$1 from '@angular/material/menu';
 import { MatMenu, MatMenuModule } from '@angular/material/menu';
-import { takeUntil, catchError, retryWhen, mergeMap, take, map, tap, distinctUntilChanged, debounce } from 'rxjs/operators';
+import { takeUntil, catchError, retryWhen, mergeMap, take, map as map$1, distinctUntilChanged, debounce, tap as tap$1 } from 'rxjs/operators';
 import * as i5 from '@angular/material/button';
 import { MatButton, MatButtonModule } from '@angular/material/button';
 import * as i3 from '@angular/common';
@@ -352,12 +352,9 @@ const i18n_de = {
         "SELECTED_NONE": "Keines",
         "EDIT": "Bearbeiten",
         "CREATE": "Neues Glossar",
-        "ENTRY_COUNT": "Einträge: {{count}}",
-        "ENTRY_COUNT_WITH_LANGUGAES": "Einträge: {{count}} [{{languages}}]",
         "DEFAULT_COLLECTION_NAME": "Meine Begriffssammlung",
         "SYNC": "Synchronisieren",
         "SYNC_ERROR": "Erneut versuchen",
-        "MT_ENTRY_COUNT": "Importiert: {{count}}",
         "TITLE": "Glossare auswählen, bearbeiten und verwalten",
         "TITLE_EMPTY": "Ein erstes Glossar erstellen",
         "TITLE_MOBILE": "Glossare auswählen",
@@ -374,8 +371,7 @@ const i18n_de = {
         },
         "ARIA_LABELS": {
             "RADIO_GROUP": "Begriffssammlung auswählen",
-            "OTHER_COLLECTIONS": "Sammlungsmenü öffnen",
-            "MT_ENTRY_COUNT": "Anzahl der für die maschinelle Übersetzung verwendeten Einträge"
+            "OTHER_COLLECTIONS": "Sammlungsmenü öffnen"
         },
         "CREATE_DIALOG": {
             "CANCEL": "Abbrechen",
@@ -388,7 +384,6 @@ const i18n_de = {
         },
         "TOOLTIPS": {
             "EDIT": "Sie werden zum Terminologieportal weitergeleitet, das in einem neuen Tab geöffnet wird",
-            "ENTRY_COUNT": "Anzahl der hinzugefügten Einträge in der Begriffssammlung",
             "IMPORTING": "Die Begriffssammlung wird gerade importiert und kann nicht verwendet werden, solange der Import nicht abgeschlossen ist.",
             "NO_ENTRIES": "Begriffssammlung kann nicht verwendet werden, da es keine Begriffe für die Ausgangssprache gibt.",
             "SYNC": "Begriffssammlung aktualisieren",
@@ -747,9 +742,7 @@ const i18n_en = {
         "CREATE": "New glossary",
         "DESCRIPTION_EMPTY": "You can set up exactly how you want {{appName}} to translate words and phrases specific to your company or industry by adding them to your unique term collections.",
         "DESCRIPTION_EMPTY_MOBILE": "Use the desktop version to set up exactly how you want Tilde MT to translate words and phrases specific to your company or industry by adding them to your unique term collections.",
-        "ENTRY_COUNT": "Entries: {{count}}",
-        "ENTRY_COUNT_WITH_LANGUGAES": "Entries: {{count}} [{{languages}}]",
-        "MT_ENTRY_COUNT": "Imported: {{count}}",
+        "LAST_UPDATED": "Last updated: {{date}}",
         "DEFAULT_COLLECTION_NAME": "My term collection",
         "SYNC": "Sync",
         "SYNC_ERROR": "Retry",
@@ -768,8 +761,6 @@ const i18n_en = {
         },
         "TOOLTIPS": {
             "EDIT": "You will be redirected to terminology portal that will be opened in a new tab",
-            "ENTRY_COUNT": "Number of entries added to the term collection",
-            "MT_ENTRY_COUNT": "Number of entries used for machine translation",
             "IMPORTING": "Import of the term collection in progress, the collection will not be available until it is completed.",
             "NO_ENTRIES": "Term collection cannot be used: no terms in source language",
             "SYNC": "Update the term collection",
@@ -1124,7 +1115,6 @@ const i18n_et = {
         "CANCEL": "Loobu"
     },
     "TERM_COLLECTIONS": {
-        "MT_ENTRY_COUNT": "Imporditud: {{count}}",
         "TITLE": "Sõnastike valimine, redigeerimine ja haldamine",
         "TITLE_EMPTY": "Looge oma esimene sõnastik",
         "TITLE_MOBILE": "Valige sõnastikud",
@@ -1137,8 +1127,6 @@ const i18n_et = {
         "SELECTED_NONE": "Puudub",
         "EDIT": "Redigeeri",
         "CREATE": "Uus sõnastik",
-        "ENTRY_COUNT": "Kirjeid: {{count}}",
-        "ENTRY_COUNT_WITH_LANGUGAES": "Kirjeid: {{count}} [{{languages}}]",
         "DEFAULT_COLLECTION_NAME": "Minu terminikogu",
         "SYNC": "Sünkrooni",
         "SYNC_ERROR": "Proovi uuesti",
@@ -1162,9 +1150,7 @@ const i18n_et = {
             "COLLECTION_NAME_ERROR": "Pealkiri peaks olema vähemalt {{minLength}} sümbolit pikk ja mitte pikem kui {{maxLength}} sümbolit"
         },
         "TOOLTIPS": {
-            "MT_ENTRY_COUNT": "Masintõlkes kasutatavate kirjete arv",
             "EDIT": "Teid suunatakse ümber terminoloogiaportaali, mis avatakse uuel vahekaardil",
-            "ENTRY_COUNT": "Terminikogusse lisatud kirjete arv",
             "IMPORTING": "Terminikogu imporditakse ja seda ei kasutata, kui importimine veel kestab.",
             "NO_ENTRIES": "Terminikogu ei saa kasutada. Lähtekeeles pole termineid.",
             "SYNC": "Värskenda terminikogu",
@@ -1507,7 +1493,6 @@ const i18n_fi = {
         "CLOSE": "Sulje"
     },
     "TERM_COLLECTIONS": {
-        "MT_ENTRY_COUNT": "Tuotu: {{count}}",
         "TITLE": "Valitse, muokkaa ja hallinnoi sanastoja",
         "TITLE_EMPTY": "Luo ensimmäinen sanasto",
         "TITLE_MOBILE": "Valitse sanastot",
@@ -1526,8 +1511,6 @@ const i18n_fi = {
         "SELECTED_NONE": "Ei mitään",
         "EDIT": "Muokkaa",
         "CREATE": "Uusi sanasto",
-        "ENTRY_COUNT": "Merkinnät: {{count}}",
-        "ENTRY_COUNT_WITH_LANGUGAES": "Merkinnät: {{count}} [{{languages}}]",
         "DEFAULT_COLLECTION_NAME": "Termikokoelmani",
         "SYNC": "Synkronoi",
         "SYNC_ERROR": "Yritä uudelleen",
@@ -1545,9 +1528,7 @@ const i18n_fi = {
             "COLLECTION_NAME_ERROR": "Otsikon tulee olla vähintään {{minLength}} ja enintään {{maxLength}} merkkiä pitkä"
         },
         "TOOLTIPS": {
-            "MT_ENTRY_COUNT": "Konekäännökseen käytettyjen merkintöjen määrä",
             "EDIT": "Sinut ohjataan uudelleen termiportaaliin, joka avautuu uudessa välilehdessä",
-            "ENTRY_COUNT": "Termikokoelmaan lisättyjen merkintöjen määrä",
             "IMPORTING": "Termikokoelmaa tuodaan. Sitä ei voida käyttää, ennen kuin tuonti on valmis.",
             "NO_ENTRIES": "Termikokoelmaa ei voida käyttää, koska lähdekielellä ei ole termejä",
             "SYNC": "Päivitä termikokoelma",
@@ -1913,7 +1894,6 @@ const i18n_lt = {
         "CANCEL": "Atšaukti"
     },
     "TERM_COLLECTIONS": {
-        "MT_ENTRY_COUNT": "Importuota: {{count}}",
         "TITLE": "Pasirinkite, redaguokite ir tvarkykite žodynus",
         "TITLE_EMPTY": "Sukurkite pirmąjį savo žodyną",
         "TITLE_MOBILE": "Pasirinkite žodynus",
@@ -1932,8 +1912,6 @@ const i18n_lt = {
         "SELECTED_NONE": "Nėra",
         "EDIT": "Redaguoti",
         "CREATE": "Naujas žodynas",
-        "ENTRY_COUNT": "Įrašų: {{count}}",
-        "ENTRY_COUNT_WITH_LANGUGAES": "Įrašų: {{count}} [{{languages}}]",
         "DEFAULT_COLLECTION_NAME": "Mano terminų rinkinys",
         "SYNC": "Sinchronizuoti",
         "SYNC_ERROR": "Kartoti",
@@ -1951,9 +1929,7 @@ const i18n_lt = {
             "COLLECTION_NAME_ERROR": "Pavadinimas turėtų būti bent tiek simbolių ilgio: {{minLength}} ir ne ilgesnis nei tiek simbolių: {{maxLength}}"
         },
         "TOOLTIPS": {
-            "MT_ENTRY_COUNT": "Mašininio vertimo įrašų skaičius",
             "EDIT": "Būsite nukreipti į terminologijos portalą, kuris bus atidarytas naujame skirtuke",
-            "ENTRY_COUNT": "Į terminų rinkinį įtrauktų įrašų skaičius",
             "IMPORTING": "Terminų rinkinys importuojamas ir nebus naudojamas, kol nebaigta importuoti.",
             "NO_ENTRIES": "Terminų rinkinio naudoti negalima, nes nėra šaltinio kalbos terminų",
             "SYNC": "Atnaujinti terminų rinkinį",
@@ -2304,7 +2280,6 @@ const i18n_lv = {
         "CANCEL": "Atcelt"
     },
     "TERM_COLLECTIONS": {
-        "MT_ENTRY_COUNT": "Importēts: {{count}}",
         "TITLE": "Glosāriju atlase, rediģēšana un pārvaldība",
         "TITLE_EMPTY": "Sava pirmā glosārija izveide",
         "TITLE_MOBILE": "Glosāriju atlase",
@@ -2323,8 +2298,6 @@ const i18n_lv = {
         "SELECTED_NONE": "Neviens",
         "EDIT": "Rediģēt",
         "CREATE": "Jauns glosārijs",
-        "ENTRY_COUNT": "Ieraksti: {{count}}",
-        "ENTRY_COUNT_WITH_LANGUGAES": "Ieraksti: {{count}} [{{languages}}]",
         "DEFAULT_COLLECTION_NAME": "Mana terminu kolekcija",
         "SYNC": "Sinhronizēt",
         "SYNC_ERROR": "Mēģināt vēlreiz",
@@ -2342,9 +2315,7 @@ const i18n_lv = {
             "COLLECTION_NAME_ERROR": "Rakstzīmju skaits virsrakstā nedrīkst būt mazāks par {{minLength}} vai lielāks par {{maxLength}}"
         },
         "TOOLTIPS": {
-            "MT_ENTRY_COUNT": "Mašīntulkošanai izmantoto ierakstu skaits",
-            "EDIT": "Jūs tiksit novirzīts uz terminoloģijas portālu, kas tiks atvērts jaunā cilnē",
-            "ENTRY_COUNT": "Terminu kolekcijā pievienoto ierakstu skaits",
+            "EDIT": "Jūs tiksiet novirzīts uz terminoloģijas portālu, kas tiks atvērts jaunā cilnē",
             "IMPORTING": "Terminu kolekcija tiek importēta un netiks izmantota līdz importēšanas beigām.",
             "NO_ENTRIES": "Terminu kolekciju nevar izmantot, jo avotvalodā nav terminu",
             "SYNC": "Atjaunināt terminu kolekciju",
@@ -2682,7 +2653,6 @@ const i18n_pl = {
         "CANCEL": "Anuluj"
     },
     "TERM_COLLECTIONS": {
-        "MT_ENTRY_COUNT": "Zaimportowano: {{count}}",
         "TITLE": "Wybieranie, edytowanie i zarządzanie słownikami",
         "TITLE_EMPTY": "Utwórz swój pierwszy słownik",
         "TITLE_MOBILE": "Wybierz słowniki",
@@ -2701,8 +2671,6 @@ const i18n_pl = {
         "SELECTED_NONE": "Brak",
         "EDIT": "Edytuj",
         "CREATE": "Nowy glosariusz",
-        "ENTRY_COUNT": "Wpisy: {{count}}",
-        "ENTRY_COUNT_WITH_LANGUGAES": "Wpisy: {{count}} [{{languages}}]",
         "DEFAULT_COLLECTION_NAME": "Mój zbiór terminów",
         "SYNC": "Synchronizuj",
         "SYNC_ERROR": "Spróbuj ponownie",
@@ -2720,9 +2688,7 @@ const i18n_pl = {
             "COLLECTION_NAME_ERROR": "Tytuł powinien mieć minimalną liczbę symboli wynoszącą {{minLength}} oraz nie większą niż {{maxLength}}"
         },
         "TOOLTIPS": {
-            "MT_ENTRY_COUNT": "Liczba wpisów używanych do tłumaczenia maszynowego",
             "EDIT": "Nastąpi przekierowanie do portalu z terminologią, który otworzy się w nowej zakładce",
-            "ENTRY_COUNT": "Liczba wpisów dodana w zbiorze terminów",
             "IMPORTING": "Zbiór terminów jest importowany i do momentu zakończenia importu nie można z niego korzystać.",
             "NO_ENTRIES": "Nie można korzystać ze zbioru terminów, ponieważ dla języka źródłowego nie ma terminów",
             "SYNC": "Zaktualizuj zbiór terminów",
@@ -2980,8 +2946,6 @@ const i18n_sv = {
         "CREATE": "Ny ordlista",
         "DESCRIPTION_EMPTY": "Du kan skapa unika termbanker för varje domän och projekt för att definiera hur specifika ord och fraser översätts.",
         "DESCRIPTION_EMPTY_MOBILE": "Använd skrivbordsversionen för att skapa unika termbanker för varje domän och projekt för att definiera hur specifika ord och fraser översätts. När du är klar kommer du att kunna använda dem i dina översättningsprojekt.",
-        "ENTRY_COUNT": "Poster: {{count}}",
-        "ENTRY_COUNT_WITH_LANGUGAES": "Poster: {{count}} [{{languages}}]",
         "DEFAULT_COLLECTION_NAME": "Min termbank",
         "SYNC": "Synkronisera",
         "SYNC_ERROR": "Försök igen",
@@ -3000,7 +2964,6 @@ const i18n_sv = {
         },
         "TOOLTIPS": {
             "EDIT": "Du kommer att omdirigeras till terminologiportalen som kommer att öppnas i en ny flik",
-            "ENTRY_COUNT": "Antal poster som lagts till i termbanken",
             "IMPORTING": "Termbanken importeras och kommer inte att användas förrän importen är klar.",
             "NO_ENTRIES": "Termbanken kan inte användas eftersom det inte finns några termer för källspråket",
             "SYNC": "Uppdatera termbank",
@@ -3215,6 +3178,8 @@ const TLD_TRANSLATE_CONFIG_TOKEN = "TldTranslateConfig";
 
 const OPEN_CLOSE_BTN_ICONS_TOKEN = 'OPEN_CLOSE_BTN_ICONS_TOKEN';
 
+const MT_TERM_API_TOKEN = "MtTermApiToken";
+
 /**
  * Class for storing some common methods or global app constants.
  */
@@ -3563,6 +3528,7 @@ class TldTranslateConfigService {
         this._termConfig.collectionNameMaxLength = (_21 = termConfig === null || termConfig === void 0 ? void 0 : termConfig.collectionNameMaxLength) !== null && _21 !== void 0 ? _21 : 300;
         this._termConfig.refreshTimeoutMs = (_22 = termConfig === null || termConfig === void 0 ? void 0 : termConfig.refreshTimeoutMs) !== null && _22 !== void 0 ? _22 : 10000;
         this._termConfig.refreshTimeoutMsWhenImporting = (_23 = termConfig === null || termConfig === void 0 ? void 0 : termConfig.refreshTimeoutMsWhenImporting) !== null && _23 !== void 0 ? _23 : 5000;
+        this._termConfig.engineTermUrl = termConfig === null || termConfig === void 0 ? void 0 : termConfig.engineTermUrl;
         this._termConfig.freeTrialUrl = (_24 = termConfig === null || termConfig === void 0 ? void 0 : termConfig.freeTrialUrl) !== null && _24 !== void 0 ? _24 : "https://tilde.com/products-and-services/machine-translation/pricing/Tilde-MT";
         this._termConfig.learnMoreUrl = (_25 = termConfig === null || termConfig === void 0 ? void 0 : termConfig.learnMoreUrl) !== null && _25 !== void 0 ? _25 : "https://www.tilde.com/products-and-services/machine-translation/Tilde-MT-features-glossary";
         // seperated because following urls have method names added
@@ -5719,140 +5685,250 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }] });
 
-/**
- * Enumerator to determine if collection imported from term api or mt
- */
-var ConvertedCollectionType;
-(function (ConvertedCollectionType) {
-    ConvertedCollectionType[ConvertedCollectionType["Term"] = 0] = "Term";
-    ConvertedCollectionType[ConvertedCollectionType["MT"] = 1] = "MT";
-})(ConvertedCollectionType || (ConvertedCollectionType = {}));
+var EngineTermCollectionScope;
+(function (EngineTermCollectionScope) {
+    EngineTermCollectionScope["GLOBAL"] = "Global";
+    EngineTermCollectionScope["GROUP"] = "Group";
+})(EngineTermCollectionScope || (EngineTermCollectionScope = {}));
+
+var EngineTermCollectionSource;
+(function (EngineTermCollectionSource) {
+    EngineTermCollectionSource["TILDE_TERM"] = "TildeTerm";
+    EngineTermCollectionSource["FILE"] = "File";
+})(EngineTermCollectionSource || (EngineTermCollectionSource = {}));
+
+var EngineTermCollectionStatus;
+(function (EngineTermCollectionStatus) {
+    EngineTermCollectionStatus["QUEUING"] = "Queuing";
+    EngineTermCollectionStatus["FETCHING"] = "Fetching";
+    EngineTermCollectionStatus["PREPROCESSING"] = "Preprocessing";
+    EngineTermCollectionStatus["DELETING"] = "Deleting";
+    EngineTermCollectionStatus["READY"] = "Ready";
+    EngineTermCollectionStatus["ERROR"] = "Error";
+    EngineTermCollectionStatus["DELETED"] = "Deleted";
+})(EngineTermCollectionStatus || (EngineTermCollectionStatus = {}));
+
+var CombinedCollectionTooltipKey;
+(function (CombinedCollectionTooltipKey) {
+    CombinedCollectionTooltipKey["NO_ENTRIES"] = "NO_ENTRIES";
+    CombinedCollectionTooltipKey["IMPORTING"] = "IMPORTING";
+})(CombinedCollectionTooltipKey || (CombinedCollectionTooltipKey = {}));
 
 var MtCollectionStatus;
 (function (MtCollectionStatus) {
+    MtCollectionStatus["QUEUING"] = "Queuing";
+    MtCollectionStatus["FETCHING"] = "Fetching";
+    MtCollectionStatus["PREPROCESSING"] = "Preprocessing";
+    MtCollectionStatus["DELETING"] = "Deleting";
     MtCollectionStatus["READY"] = "Ready";
+    MtCollectionStatus["DELETED"] = "Deleted";
     MtCollectionStatus["PROCESSING"] = "Processing";
     MtCollectionStatus["ERROR"] = "Error";
+    // basic status created in frontend
+    MtCollectionStatus["NOT_IN_USE"] = "NotInUse";
 })(MtCollectionStatus || (MtCollectionStatus = {}));
 
-var ConvertedCollectionTooltipKey;
-(function (ConvertedCollectionTooltipKey) {
-    ConvertedCollectionTooltipKey["NO_ENTRIES"] = "NO_ENTRIES";
-    ConvertedCollectionTooltipKey["IMPORTING"] = "IMPORTING";
-    ConvertedCollectionTooltipKey["SYNCING"] = "SYNCING";
-})(ConvertedCollectionTooltipKey || (ConvertedCollectionTooltipKey = {}));
-
 /**
- * Used to combine term collection interfaces from term api and MT api.
+ * Class that joins collection from term api and its imported collection from MT api.
  */
-class TldConvertedCollection {
-    constructor(obj, sourceLanguageCode, targetLanguageCode) {
-        this.sourceLanguageCode = sourceLanguageCode;
-        this.targetLanguageCode = targetLanguageCode;
-        this.isSynchronized = true;
-        if (this.isTldCorpus(obj)) {
-            this.fromTldMTCollection(obj);
+class CombinedCollection {
+    //#endregion
+    constructor(termApiCollection, mtCollection) {
+        //#endregion
+        //#region Editable MT (api v2) fields
+        this.editables = {};
+        //#endregion
+        //#region Getters for common fields
+        // It is possible to optimize getters, by setting some of the values in update method, but it is left this way, so that data is more consistent.
+        // Otherwise it might be easy to miss some property updating and get wrong data in future.
+        this._isSynchronized = true;
+        this.mtCollection = mtCollection;
+        this.termCollection = termApiCollection;
+        this.update(null);
+    }
+    static findExistingCollectionFromList(collections, collection) {
+        var _a, _b;
+        for (const col of collections) {
+            if ((col.termId && col.termId == collection.termId) ||
+                (((_a = col.mtCollection) === null || _a === void 0 ? void 0 : _a.id) && col.mtCollection.id == ((_b = collection.mtCollection) === null || _b === void 0 ? void 0 : _b.id))) {
+                return col;
+            }
         }
-        else {
-            this.fromTermApi(obj);
+        return null;
+    }
+    static findExistingIndexFromList(collections, collection) {
+        var _a, _b;
+        let i = 0;
+        for (const col of collections) {
+            if ((col.termId && col.termId == collection.termId) ||
+                (((_a = col.mtCollection) === null || _a === void 0 ? void 0 : _a.id) && col.mtCollection.id == ((_b = collection.mtCollection) === null || _b === void 0 ? void 0 : _b.id))) {
+                return i;
+            }
+            i += 1;
         }
+        return null;
     }
+    /**
+     * Weather collection is synchronized with term portal collection. If no term collection, value is set to true.
+     */
+    get isSynchronized() {
+        return this._isSynchronized;
+    }
+    /**
+     * Determines if collections is 'syncable'. Returns true if it is not synced or if synchronization has failed and status is error.
+     */
     get syncButtonVissible() {
-        return !this.isSynchronized || (this.termModifiedDate && this.mtStatus === MtCollectionStatus.ERROR);
+        var _a;
+        return !this.isSynchronized || (((_a = this.termCollection) === null || _a === void 0 ? void 0 : _a.modifyDate) && this.mtStatus === MtCollectionStatus.ERROR);
     }
+    /**
+     * If not ready or error, then collection is importing.
+     */
     get isImporting() {
-        return this.mtStatus === MtCollectionStatus.PROCESSING;
+        var _a;
+        return this.mtCollection && CombinedCollection.importingStatuses.includes((_a = this.mtCollection) === null || _a === void 0 ? void 0 : _a.status);
     }
     ;
-    static findExistingCollectionFromList(termCollections, collection) {
-        for (const col of termCollections) {
-            if ((col.id && col.id === collection.id)
-                || (collection.termId && col.termId === collection.termId)) {
-                return col;
-            }
-        }
-        return null;
+    /**
+     * Term collection id. Returns value from term collection or from mt, if term collection not existing.
+     */
+    get termId() {
+        var _a, _b, _c;
+        return (_b = (_a = this.termCollection) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : (_c = this.mtCollection) === null || _c === void 0 ? void 0 : _c.termId;
     }
-    update(obj) {
-        if (obj.importedFrom === ConvertedCollectionType.MT) {
-            if (obj.mtStatus !== MtCollectionStatus.ERROR) {
-                this.errorKey = null;
-            }
-            this.id = obj.id;
-            this.mtStatus = obj.mtStatus;
-            this.mtAttachmentDateTime = obj.mtAttachmentDateTime;
-            this.mtEntryCount = obj.mtEntryCount;
-        }
-        else if (obj.importedFrom === ConvertedCollectionType.Term) {
-            this.termId = obj.termId;
-            this.languagesString = obj.languagesString;
-            this.termModifiedDate = obj.termModifiedDate;
-            this.entryCount = obj.entryCount;
-            this.title = obj.title;
+    get mtStatus() {
+        var _a;
+        return (_a = this.mtCollection) === null || _a === void 0 ? void 0 : _a.status;
+    }
+    /**
+     * Last updated date from mt api.
+     */
+    get lastUpdated() {
+        var _a;
+        return (_a = this.mtCollection) === null || _a === void 0 ? void 0 : _a.lastUpdated;
+    }
+    /**
+     * Collection name. If has term collection, takes from there. If not, then returns mt collection name.
+     */
+    get name() {
+        var _a, _b, _c;
+        return (_b = (_a = this.termCollection) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : (_c = this.mtCollection) === null || _c === void 0 ? void 0 : _c.name;
+    }
+    /**
+     * Entry count from term api.
+     */
+    get termEntries() {
+        var _a;
+        return (_a = this.termCollection) === null || _a === void 0 ? void 0 : _a.entryCount;
+    }
+    get default() {
+        var _a;
+        return (_a = this.mtCollection) === null || _a === void 0 ? void 0 : _a.default;
+    }
+    /**
+     * Status from mt api or custom "NOT_IN_USE" status if not imported in mt.s
+     */
+    get status() {
+        var _a;
+        return (_a = this.mtStatus) !== null && _a !== void 0 ? _a : MtCollectionStatus.NOT_IN_USE;
+    }
+    /**
+     * Scope can be edited only if has mt collcetion or term collection is being prepared for import.
+     */
+    get canEditScope() {
+        return this.mtCollection || this.editables.default;
+    }
+    /**
+     * Updates collection with values from new collection.
+     * @param collection collection from which should be updated.
+     * @param initialRefresh if set to true, editable fields will also be updated.
+     */
+    update(collection, initialRefresh = true) {
+        if (collection === null || collection === void 0 ? void 0 : collection.termCollection) {
+            this.termCollection = collection.termCollection;
         }
-        this.isSynchronized = this.isTermSynchronizedWithMT();
-        if (this.entryCount === 0 && this.termId !== null) {
-            this.tooltipKey = ConvertedCollectionTooltipKey.NO_ENTRIES;
+        if (collection === null || collection === void 0 ? void 0 : collection.mtCollection) {
+            this.mtCollection = collection.mtCollection;
         }
-        else if (this.isImporting && this.mtEntryCount === 0) {
-            this.tooltipKey = ConvertedCollectionTooltipKey.IMPORTING;
+        if (initialRefresh) {
+            this.updateEditables();
         }
-        else if (this.isImporting) {
-            this.tooltipKey = ConvertedCollectionTooltipKey.SYNCING;
+        this.updateIsSynchronized();
+        this.updateTooltipKey();
+        this.updateSource();
+    }
+    /**
+     * If some of editables are edited.
+     *
+     * if collection not imported and enabled not set, method will return true, because you cannot update collection if it is not imported or is not meant to be imported.
+     *
+     * @returns true if collection is edited, false if not.
+     */
+    isEdited() {
+        var _a;
+        // if collection not imported and enabled not set, should not update collection.
+        if (!this.mtCollection && !this.editables.default) {
+            return false;
         }
-        else {
-            this.tooltipKey = null;
+        else if ((((_a = this.mtCollection) === null || _a === void 0 ? void 0 : _a.default) !== this.editables.default)
+            || (this.mtCollection && this.editables.scope !== this.mtCollection.scope)) {
+            return true;
         }
+        return false;
     }
-    deletedFromTermApi() {
-        this.termId = null;
-        this.languagesString = null;
-        this.termModifiedDate = null;
-        this.entryCount = null;
+    /**
+     * Deletes term collection and its properties.
+     */
+    deleteTerms() {
+        this.termCollection = null;
+        this.update(null);
     }
-    static convertCollections(collections, sourceLanguage, targetLanguage) {
-        const converted = [];
-        collections.forEach((collection) => {
-            converted.push(new TldConvertedCollection(collection, sourceLanguage, targetLanguage));
-        });
-        return converted;
+    /**
+     * Deletes mt collection and its properties.
+     */
+    deleteMT() {
+        this.mtCollection = null;
+        this.update(null);
     }
-    fromTermApi(obj) {
+    //#region Private methods
+    updateIsSynchronized() {
         var _a, _b;
-        this.termId = obj.id.toString();
-        this.title = obj.name;
-        this.importedFrom = ConvertedCollectionType.Term;
-        this.termModifiedDate = new Date(obj.modifyDate);
-        const language = (_a = obj.languages) === null || _a === void 0 ? void 0 : _a.find(lang => lang.id.toLowerCase() === this.sourceLanguageCode.toLowerCase());
-        this.entryCount = (_b = language === null || language === void 0 ? void 0 : language.count) !== null && _b !== void 0 ? _b : 0;
-        this.languagesString = obj.languages.filter(lang => lang.id !== this.sourceLanguageCode && lang.count > 0)
-            .map(lang => lang.id.toUpperCase()).join(", ");
-    }
-    fromTldMTCollection(obj) {
-        this.id = obj.CorpusId;
-        this.title = obj.Title;
-        this.importedFrom = ConvertedCollectionType.MT;
-        this.mtAttachmentDateTime = new Date(obj.AttachmentDateTime);
-        this.termId = obj.TildeTermId;
-        this.mtStatus = obj.Status;
-        this.mtPreparedDateTime = obj.PreparedDateTime;
-        this.mtEntryCount = obj.Count;
-    }
-    isTldCorpus(obj) {
-        return obj.TildeTermId !== undefined;
-    }
-    /**
-     * Check if the newest version of the term collection is synchronized from Term portal.
-     * Note. Term collections that are not linked from Term portal are considered as synchronized.
-    */
-    isTermSynchronizedWithMT() {
         let isSynchronized = true;
-        if (this.termModifiedDate && this.mtAttachmentDateTime) {
-            isSynchronized = this.termModifiedDate < this.mtAttachmentDateTime;
+        const termModified = (_a = this.termCollection) === null || _a === void 0 ? void 0 : _a.modifyDate;
+        const lastMtUpdated = (_b = this.mtCollection) === null || _b === void 0 ? void 0 : _b.lastUpdated;
+        if (termModified && lastMtUpdated) {
+            isSynchronized = termModified < lastMtUpdated;
         }
-        return isSynchronized;
+        this._isSynchronized = isSynchronized;
     }
-}
+    updateSource() {
+        if (this.termCollection) {
+            this.source = EngineTermCollectionSource.TILDE_TERM;
+        }
+        else if (this.mtCollection) {
+            this.source = EngineTermCollectionSource.FILE;
+        }
+    }
+    updateTooltipKey() {
+        var _a;
+        if (((_a = this.termCollection) === null || _a === void 0 ? void 0 : _a.entryCount) === 0) {
+            this.termTooltipKey = CombinedCollectionTooltipKey.NO_ENTRIES;
+        }
+        else if (this.isImporting) {
+            this.termTooltipKey = CombinedCollectionTooltipKey.IMPORTING;
+        }
+        else {
+            this.termTooltipKey = null;
+        }
+    }
+    updateEditables() {
+        var _a, _b, _c;
+        this.editables.default = (_a = this.mtCollection) === null || _a === void 0 ? void 0 : _a.default;
+        this.editables.scope = (_c = (_b = this.mtCollection) === null || _b === void 0 ? void 0 : _b.scope) !== null && _c !== void 0 ? _c : EngineTermCollectionScope.GLOBAL;
+    }
+}
+//#region Static properties
+CombinedCollection.importingStatuses = [MtCollectionStatus.FETCHING, MtCollectionStatus.PREPROCESSING, MtCollectionStatus.PROCESSING, MtCollectionStatus.QUEUING];
 
 class TermApiService {
     constructor(config, http) {
@@ -5867,10 +5943,34 @@ class TermApiService {
             name: collectionName,
             defaultLanguages
         };
-        return this.http.post(this.url, params);
+        return this.http.post(this.url, params)
+            .pipe(map((collection) => {
+            return this.convertToCombinedCollection(collection);
+        }));
     }
-    getCollectionList(sourceLanguageCode, targetLanguageCode) {
-        return this.http.get(this.url).pipe(map((collections) => { return TldConvertedCollection.convertCollections(collections, sourceLanguageCode, targetLanguageCode); }));
+    getCollectionList(languages) {
+        return this.http.get(this.url)
+            .pipe(map((collections) => {
+            const converted = [];
+            collections.forEach((collection) => {
+                converted.push(this.convertToCombinedCollection(collection));
+            });
+            return converted;
+        }));
+    }
+    getEditLink(termId, sourceLanguage, targetLanguage) {
+        let link = `${this.config.termConfig.apiUrl}/collections/${termId}/mt`;
+        if (sourceLanguage) {
+            link = `${link}/${sourceLanguage}`;
+        }
+        if (targetLanguage) {
+            link = `${link}/${targetLanguage}`;
+        }
+        return link;
+    }
+    convertToCombinedCollection(collection) {
+        collection.modifyDate = new Date(collection.modifyDate);
+        return new CombinedCollection(collection, null);
     }
 }
 TermApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TermApiService, deps: [{ token: TldTranslateConfigService }, { token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -5882,52 +5982,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: TldTranslateConfigService }, { type: i1$3.HttpClient }]; } });
 
-class MtCollectionsApiService {
-    constructor(http, config) {
-        this.http = http;
+class TerminologyService {
+    constructor(config, termApi, mtApi) {
         this.config = config;
-    }
-    attachTermsFromTildeTerm(systemId, tildeTermCollectionId) {
-        const params = { systemID: systemId, tildeTermColectionID: tildeTermCollectionId };
-        const url = `${this.config.coreConfig.translationServiceUrl}AttachTermsFromTildeTerm`;
-        return this.http.get(url, { params });
-    }
-    loadMTCollections(systemId, sourceLanguage, targetLanguage) {
-        const headers = Common.getAuthHeaders(this.config);
-        const url = `${this.config.coreConfig.translationServiceUrl}GetDetailedSystemTermCorpora`;
-        const params = { systemID: systemId };
-        return this.http.get(url, { headers, params }).pipe(map((collections) => { return TldConvertedCollection.convertCollections(collections, sourceLanguage, targetLanguage); }));
-    }
-}
-MtCollectionsApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MtCollectionsApiService, deps: [{ token: i1$3.HttpClient }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
-MtCollectionsApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MtCollectionsApiService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MtCollectionsApiService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }, { type: TldTranslateConfigService }]; } });
-
-class TldTermCollectionsService {
-    constructor(config, tldSystem, termApi, mtApi) {
-        this.config = config;
-        this.tldSystem = tldSystem;
         this.termApi = termApi;
         this.mtApi = mtApi;
         this._selected = null;
+        this.onDataUpdate = new Subject();
         this.LOCAL_STORAGE_KEY = "systemLastCollections";
-        this.tldSystem.getActiveData()
-            .subscribe((active) => {
-            this.sourceLanguageCode = active === null || active === void 0 ? void 0 : active.sourceLang.lang;
-            this.targetLanguageCode = active === null || active === void 0 ? void 0 : active.targetLang.lang;
-            this.activeSystemId = (active === null || active === void 0 ? void 0 : active.systemId) || null;
-            this._collections = new Set();
-            // avoiding setter, so the null value is not storeed in location since it is not by user action
-            this._selected = null;
-            if (active && this.tldSystem.isTerminologySupported(active === null || active === void 0 ? void 0 : active.system)) {
-                this.refreshCollections(true);
-            }
-        });
     }
     get selected() { return this._selected; }
     set selected(val) {
@@ -5936,15 +5998,15 @@ class TldTermCollectionsService {
         if (!this._selected) {
             return;
         }
-        if (!this._selected.id) {
-            this.addCollectionToSystem(this._selected);
+        if (!this._selected.mtCollection) {
+            this.addToEngine(this._selected);
         }
     }
-    get collections() {
-        return this._collections;
+    get hasAnyCollections() {
+        return this._hasAnyCollections;
     }
-    get isRefreshingCollections() {
-        return this._isRefreshingCollections;
+    get shouldShowPromotion() {
+        return !this.hasAnyCollections && !this.hasEditPermissions;
     }
     get canCreateCollections() {
         return this.config.termConfig.canCreateCollection;
@@ -5953,101 +6015,129 @@ class TldTermCollectionsService {
         var _a;
         return ((_a = this.config) === null || _a === void 0 ? void 0 : _a.coreConfig.isAuth) && this.canCreateCollections && this.config.termConfig.isTermPortalSupported;
     }
-    get hasAnyCollections() {
-        return this._hasAnyCollections;
+    get isRefreshingCollections() {
+        return this._isRefreshingCollections;
     }
-    get shouldShowPromotion() {
-        return !this.hasAnyCollections && !this.hasEditPermissions;
+    get collections() {
+        return this._collections;
     }
-    onMenuOpen() {
-        this.menuOpened = true;
-        if (!this.shouldShowPromotion) {
-            this.startAutoRefresh();
+    setEngine(engineId, languages = null, setSelectedFromLocalStorage = false) {
+        // engine is already set with that ID and no need to refresh it.
+        if (engineId !== this.engineId || JSON.stringify(languages) !== JSON.stringify(this.engineLanguages)) {
+            this.engineLanguages = languages;
+            this.engineId = engineId;
+            this._collections = new Set();
+            this.emitDataUpdateEvent();
+            // avoiding setter, so the null value is not storeed in location since it is not by user action
+            this._selected = null;
+        }
+        if (this.engineId) {
+            this.refreshCollections(setSelectedFromLocalStorage, true);
         }
+        return this.onDataUpdate.asObservable();
     }
-    onMenuClose() {
-        var _a;
-        this.menuOpened = false;
-        // if menu is closed, but selected collection still syncing, auto refresh should be kept opened.
-        if (((_a = this.selected) === null || _a === void 0 ? void 0 : _a.mtStatus) !== MtCollectionStatus.PROCESSING) {
-            this.stopAutoRefresh();
+    refreshCollections(setSelectedFromLocalStorage = false, initialRefresh = false) {
+        if (!this.engineId || !this.config.termConfig.isCollectionsActivated || this.isRefreshingCollections) {
+            return;
         }
+        // clear timeout since this refresh replaces scheduled
+        this.clearTimeout();
+        this._isRefreshingCollections = true;
+        let termResponse;
+        let mtApiResponse;
+        const observables = [
+            this.termApi.getCollectionList(this.engineLanguages)
+                .pipe(tap((response) => termResponse = response)),
+            this.mtApi.getList(this.engineId)
+                .pipe(tap((response) => mtApiResponse = response)),
+        ];
+        forkJoin(observables).subscribe({
+            // do not need response becaue responses are saved in pipe methods
+            next: () => {
+                this.isAnyImporting = false;
+                // note that termResponse and mtapiresponse gets changed during remove method
+                this.removeDeleted(termResponse, mtApiResponse, initialRefresh);
+                this.addCollections([...mtApiResponse, ...termResponse], initialRefresh);
+                if (setSelectedFromLocalStorage) {
+                    this.setSelectedFromLocalStorage();
+                }
+                this._isRefreshingCollections = false;
+                this.scheduleRefresh();
+            },
+            error: (error) => {
+                this._isRefreshingCollections = false;
+                // it is enough to show error only in console. No special thing is necessary.
+                console.error(error);
+            },
+        });
     }
-    addCollectionToSystem(collection) {
-        if (!collection || !collection.termId) {
+    addToEngine(collection) {
+        if (!collection || !collection.termCollection) {
             console.error("Trying to attach collection that has no tilde term id.");
             return;
         }
-        collection.mtStatus = MtCollectionStatus.PROCESSING;
-        collection.isSynchronized = true;
-        this.mtApi.attachTermsFromTildeTerm(this.activeSystemId, collection.termId)
-            .subscribe(() => { }, () => {
-            collection.mtStatus = MtCollectionStatus.ERROR;
-            collection.errorKey = ErrorCode.COLLECTION_IMPORT;
+        // collection.mtStatus = MtCollectionStatus.PROCESSING;
+        // collection.isSynchronized = true;
+        this.mtApi.add(this.engineId, collection)
+            .subscribe({
+            error: () => {
+                // collection.mtStatus = MtCollectionStatus.ERROR;
+                // collection.errorKey = ErrorCode.COLLECTION_IMPORT;
+            }
         });
     }
-    create(defaultLanguages, collectionName) {
-        return this.termApi.createCollection(defaultLanguages, collectionName).pipe(map(collection => new TldConvertedCollection(collection, this.sourceLanguageCode, this.targetLanguageCode)), tap((collection) => {
+    create(sourceLanguage, targetLanguage, collectionName, redirectToEdit = true) {
+        return this.termApi.createCollection([sourceLanguage, targetLanguage], collectionName).pipe(tap((collection) => {
+            if (redirectToEdit) {
+                window.open(this.termApi.getEditLink(collection.termCollection.id, sourceLanguage, targetLanguage), "_blank");
+            }
             this._collections.add(collection);
+            this.emitDataUpdateEvent();
             this._hasAnyCollections = true;
         }));
     }
-    refreshCollections(setSelectedFromLocalStorage = false) {
-        if (!this.activeSystemId
-            || !this.config.termConfig.isCollectionsActivated) {
-            return;
+    updateIfNecessary(collection) {
+        // collection is not imported and should be attached to engine
+        if (collection.isEdited()) {
+            this.mtApi.add(this.engineId, collection).subscribe((updatedCollection) => {
+                collection.update(updatedCollection);
+            });
         }
-        this._isRefreshingCollections = true;
-        const observables = [
-            this.termApi.getCollectionList(this.sourceLanguageCode, this.targetLanguageCode),
-            this.mtApi.loadMTCollections(this.activeSystemId, this.sourceLanguageCode, this.targetLanguageCode)
-        ];
-        forkJoin(observables).subscribe((response) => {
-            this.isAnyImporting = false;
-            // TO DO. Doesn't seem to be clean approach with syncing collections. Maybe some cleaner solution possible?
-            this.removeDeletedFromTerms(response[0]);
-            this.updateCollections([...response[0], ...response[1]]);
-            if (setSelectedFromLocalStorage) {
-                this.setSelectedFromLocalStorage();
-            }
-            this._isRefreshingCollections = false;
-            this.scheduleRefresh();
-        }, (error) => {
-            this._isRefreshingCollections = false;
-            // it is enough to show error only in console. No special thing is necessary.
-            console.error(error);
-        });
     }
     /**
-     *
-     * @returns selected collection id if it is allowed to use collection for translations
-     */
+   *
+   * @returns selected collection id if it is allowed to use collection for translations
+   */
     selectedIdForTranslation() {
-        if (this.selected && (this.selected.mtPreparedDateTime || this.selected.mtStatus === MtCollectionStatus.READY)) {
-            return this.selected.id;
+        var _a, _b, _c;
+        if (((_a = this.selected) === null || _a === void 0 ? void 0 : _a.mtCollection) && (this.selected.mtCollection.lastUpdated || ((_b = this.selected.mtCollection) === null || _b === void 0 ? void 0 : _b.status) === MtCollectionStatus.READY)) {
+            return (_c = this.selected.mtCollection) === null || _c === void 0 ? void 0 : _c.id;
         }
         return null;
     }
-    startAutoRefresh() {
-        this.isAutoRefreshingOn = true;
-        this.scheduleRefresh(0);
+    startAutoRefresh(engineId, languages = null, setSelectedFromLocalStorage = false) {
+        this.hardAutoRefresh = true;
+        return this.setEngine(engineId !== null && engineId !== void 0 ? engineId : this.engineId, languages !== null && languages !== void 0 ? languages : this.engineLanguages, setSelectedFromLocalStorage);
     }
     stopAutoRefresh() {
-        if (this.refreshTimeout) {
-            clearTimeout(this.refreshTimeout);
-            this.refreshTimeout = null;
-        }
-        this.isAutoRefreshingOn = false;
+        this.clearTimeout();
+        this.isSoftAutoRefreshOn = false;
+        this.hardAutoRefresh = false;
+    }
+    removeMtCollection(collection, engineId = this.engineId) {
+        return this.mtApi.remove(engineId, collection).pipe(tap((response) => {
+            collection.update(response);
+        }));
     }
     scheduleRefresh(timeout) {
         var _a, _b;
         // if menu is closed and selected collection is not importing anymore - auto refreshing should be cancelled.
-        if (!this.menuOpened && !((_a = this.selected) === null || _a === void 0 ? void 0 : _a.isImporting) && this.isAutoRefreshingOn) {
+        if (!this.hardAutoRefresh && !((_a = this.selected) === null || _a === void 0 ? void 0 : _a.isImporting) && this.isSoftAutoRefreshOn) {
             this.stopAutoRefresh();
             return;
         }
-        // if menu is opened, auto refresh should be on. If menu is closed, refresh needs to be done only if selected is importing.
-        if (!this.refreshTimeout && (this.isAutoRefreshingOn || ((_b = this.selected) === null || _b === void 0 ? void 0 : _b.isImporting))) {
+        // if hard auto refresho on, auto refresh should be on. If hard autoreferesh is off , refresh needs to be done only if selected is importing.
+        if (this.hardAutoRefresh || (!this.refreshTimeout && (this.isSoftAutoRefreshOn || ((_b = this.selected) === null || _b === void 0 ? void 0 : _b.isImporting)))) {
             const timeoutMs = timeout !== null && timeout !== void 0 ? timeout : (this.isAnyImporting ? this.config.termConfig.refreshTimeoutMsWhenImporting : this.config.termConfig.refreshTimeoutMs);
             this.refreshTimeout = setTimeout(() => {
                 this.refreshTimeout = null;
@@ -6056,61 +6146,82 @@ class TldTermCollectionsService {
         }
     }
     /**
-     * Should be called after refresh to check if there is any collections from term api that are deleted.
+     *
+     * @param newCollections
+     * @param initialRefresh Whether also editable collection fields should be updated. If not initial refresh, editable fields will not be updated.
      */
-    removeDeletedFromTerms(refreshedList) {
-        for (const collection of this.collections) {
-            if (!collection.termId) {
-                continue;
-            }
-            const exists = refreshedList.find(refreshedCollection => refreshedCollection.importedFrom === ConvertedCollectionType.Term && refreshedCollection.termId === collection.termId);
-            if (!exists) {
-                // Removes collection if it hasn't been imported.
-                if (!collection.id) {
-                    this.collections.delete(collection);
-                }
-                else {
-                    collection.deletedFromTermApi();
-                }
-            }
-        }
-    }
-    updateCollections(refreshedCollections) {
+    addCollections(newCollections, initialRefresh) {
+        var _a, _b;
         // sets collection list to this value at the end, so deleted collections are not in the list.
-        const updatedCollections = new Set();
-        for (let collection of refreshedCollections) {
+        for (let collection of newCollections) {
             // User shouldn't see failed collections if he can't retry to import them.
             if (!this.hasEditPermissions
-                && collection.importedFrom === ConvertedCollectionType.MT
                 && collection.mtStatus === MtCollectionStatus.ERROR) {
                 continue;
             }
             if (collection.isImporting) {
                 this.isAnyImporting = true;
             }
-            let existing = TldConvertedCollection.findExistingCollectionFromList(this.collections, collection);
-            // Term Id should be set only for entities coming from term API, because collection can be deleted, but key would still be in MT api.
-            // But term id is necessary to do the previous check to sync collections - it can be set to null only after update.
-            if (collection.importedFrom === ConvertedCollectionType.MT) {
-                // Collections from MT should be only visible when Ready or collection is being processed, but it has already been created before and it can be used.
-                if (!(collection.mtStatus === MtCollectionStatus.READY
-                    || (collection.mtStatus === MtCollectionStatus.PROCESSING && collection.mtPreparedDateTime)
-                    || existing)) {
+            let existing = CombinedCollection.findExistingCollectionFromList(this.collections, collection);
+            // If term api doesn't have engine languages, collection should not be shown (if it is not already imported somehow);
+            if (!existing && collection.source === EngineTermCollectionSource.TILDE_TERM) {
+                let hasLanguages = true;
+                for (let i = 0; i < ((_a = this.engineLanguages) === null || _a === void 0 ? void 0 : _a.length); i++) {
+                    if (!((_b = collection.termCollection.languages) === null || _b === void 0 ? void 0 : _b.find(lang => lang.id === this.engineLanguages[i]))) {
+                        hasLanguages = false;
+                        break;
+                    }
+                }
+                if (!hasLanguages) {
                     continue;
                 }
-                collection.termId = null;
             }
-            if (existing) {
-                existing.update(collection);
+            if (!existing) {
+                this._collections.add(collection);
             }
             else {
-                this.collections.add(collection);
+                existing.update(collection, initialRefresh);
             }
-            const editedCollection = existing !== null && existing !== void 0 ? existing : collection;
-            updatedCollections.add(editedCollection);
         }
-        this._collections = updatedCollections;
-        this._hasAnyCollections = updatedCollections.size > 0;
+        // this._collections = updatedCollections;
+        this.emitDataUpdateEvent();
+        this._hasAnyCollections = this._collections.size > 0;
+    }
+    /**
+     * Should be called after refresh to check if there is any collections from api that are deleted.
+     */
+    removeDeleted(termResponse, mtResponse, initialRefresh) {
+        for (const collection of this.collections) {
+            const termExistingIx = CombinedCollection.findExistingIndexFromList(termResponse, collection);
+            const mtExistingIx = CombinedCollection.findExistingIndexFromList(mtResponse, collection);
+            if (termExistingIx === null && mtExistingIx === null) {
+                this.collections.delete(collection);
+            }
+            else {
+                if (termExistingIx !== null) {
+                    const existing = termResponse[termExistingIx];
+                    collection.update(existing, initialRefresh);
+                    termResponse.splice(termExistingIx, 1);
+                }
+                else {
+                    collection.deleteTerms();
+                }
+                if (mtExistingIx !== null) {
+                    const existing = mtResponse[mtExistingIx];
+                    collection.update(existing, initialRefresh);
+                    mtResponse.splice(mtExistingIx, 1);
+                }
+                else {
+                    collection.deleteMT();
+                }
+            }
+        }
+    }
+    clearTimeout() {
+        if (this.refreshTimeout) {
+            clearTimeout(this.refreshTimeout);
+            this.refreshTimeout = null;
+        }
     }
     setSelectedFromLocalStorage() {
         var _a, _b;
@@ -6118,20 +6229,20 @@ class TldTermCollectionsService {
         if (((_a = this.collections) === null || _a === void 0 ? void 0 : _a.size) === 0 || this.selected) {
             return;
         }
-        const storedId = (_b = this.readLocalStorage()) === null || _b === void 0 ? void 0 : _b[this.activeSystemId];
+        const storedId = (_b = this.readLocalStorage()) === null || _b === void 0 ? void 0 : _b[this.engineId];
         if (!storedId) {
             return;
         }
-        const existing = Array.from(this.collections).find(item => item.id === storedId || item.termId === storedId);
+        const existing = Array.from(this.collections).find(item => { var _a, _b; return ((_a = item.termCollection) === null || _a === void 0 ? void 0 : _a.id) === storedId || ((_b = item.mtCollection) === null || _b === void 0 ? void 0 : _b.id) === storedId; });
         this.selected = existing;
     }
     storeSelectedInLocalStorage() {
-        var _a;
+        var _a, _b, _c;
         let localStorageObject = this.readLocalStorage();
         if (!localStorageObject) {
             localStorageObject = {};
         }
-        localStorageObject[this.activeSystemId] = this.selected ? ((_a = this.selected.termId) !== null && _a !== void 0 ? _a : this.selected.id) : null;
+        localStorageObject[this.engineId] = this.selected ? ((_b = (_a = this.selected.termCollection) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : (_c = this.selected.mtCollection) === null || _c === void 0 ? void 0 : _c.id) : null;
         // store term id if it exists
         localStorage.setItem(this.LOCAL_STORAGE_KEY, JSON.stringify(localStorageObject));
     }
@@ -6144,21 +6255,29 @@ class TldTermCollectionsService {
             return null;
         }
     }
+    emitDataUpdateEvent() {
+        this.onDataUpdate.next(this.collections);
+    }
 }
-TldTermCollectionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermCollectionsService, deps: [{ token: TldTranslateConfigService }, { token: TldSystemService }, { token: TermApiService }, { token: MtCollectionsApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-TldTermCollectionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermCollectionsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermCollectionsService, decorators: [{
+TerminologyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TerminologyService, deps: [{ token: TldTranslateConfigService }, { token: TermApiService }, { token: MT_TERM_API_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
+TerminologyService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TerminologyService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TerminologyService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: TldTranslateConfigService }, { type: TldSystemService }, { type: TermApiService }, { type: MtCollectionsApiService }]; } });
+        }], ctorParameters: function () {
+        return [{ type: TldTranslateConfigService }, { type: TermApiService }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MT_TERM_API_TOKEN]
+                    }] }];
+    } });
 
 class TldTranslateFileApiService {
-    constructor(http, config, collectionService, alerts) {
+    constructor(http, config, terminologyService, alerts) {
         this.http = http;
         this.config = config;
-        this.collectionService = collectionService;
+        this.terminologyService = terminologyService;
         this.alerts = alerts;
         this._segmentLimit = -1;
         this._sourceDownloadStatusses = [TranslationStatuss.WAITING, TranslationStatuss.SAVING, TranslationStatuss.COMPLETED, TranslationStatuss.TRANSLATING];
@@ -6192,11 +6311,11 @@ class TldTranslateFileApiService {
             segmentLimit: this._segmentLimit,
             ocrPageLimit: this.config.fileConfig.ocrPageLimit
         };
-        const selectedCollectionId = this.collectionService.selectedIdForTranslation();
+        const selectedCollectionId = this.terminologyService.selectedIdForTranslation();
         if (selectedCollectionId) {
             params.termCorpusId = selectedCollectionId;
         }
-        return this.http.post(url, params, { headers }).pipe(map((response) => {
+        return this.http.post(url, params, { headers }).pipe(map$1((response) => {
             if (response.success) {
                 const error = { ErrorCode: ErrorCode.CANT_START_FILE_TRANSLATION };
                 this.alerts.unhandeledError(error);
@@ -6223,7 +6342,7 @@ class TldTranslateFileApiService {
         const formData = new FormData();
         formData.append("file", file.file);
         return this.http.post(url, formData, { headers: new HttpHeaders(headers), reportProgress: true, observe: "events" })
-            .pipe(map((response) => {
+            .pipe(map$1((response) => {
             const returnvalue = {};
             if (response.type === HttpEventType.Response) {
                 const body = response.body;
@@ -6246,7 +6365,7 @@ class TldTranslateFileApiService {
     getStatus(properties) {
         const methodName = "GetStatus";
         const url = this.config.fileConfig.fileApiUrl + methodName;
-        return this.http.post(url, { docId: properties.file.id }, { headers: this.getAuthHeaders() }).pipe(map((response) => {
+        return this.http.post(url, { docId: properties.file.id }, { headers: this.getAuthHeaders() }).pipe(map$1((response) => {
             var _a;
             if (typeof (response) == 'string') {
                 const error = { ErrorCode: response };
@@ -6302,82 +6421,45 @@ class TldTranslateFileApiService {
         return Common.getAuthHeaders(this.config);
     }
 }
-TldTranslateFileApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTranslateFileApiService, deps: [{ token: i1$3.HttpClient }, { token: TldTranslateConfigService }, { token: TldTermCollectionsService }, { token: TldAlertService }], target: i0.ɵɵFactoryTarget.Injectable });
+TldTranslateFileApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTranslateFileApiService, deps: [{ token: i1$3.HttpClient }, { token: TldTranslateConfigService }, { token: TerminologyService }, { token: TldAlertService }], target: i0.ɵɵFactoryTarget.Injectable });
 TldTranslateFileApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTranslateFileApiService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTranslateFileApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }, { type: TldTranslateConfigService }, { type: TldTermCollectionsService }, { type: TldAlertService }]; } });
-
-class TldTermCreateCollectionDialogComponent {
-    constructor(dialogRef, data, config) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-        this.config = config;
-    }
-    ngOnInit() {
-        this.minLength = this.config.termConfig.collectionNameMinLength;
-        this.maxLength = this.config.termConfig.collectionNameMaxLength;
-        this.collectionName = new UntypedFormControl(this.data.collectionName, [
-            Validators.minLength(this.minLength),
-            Validators.maxLength(this.maxLength),
-            Validators.required
-        ]);
-        this.collectionName.markAsTouched();
-        this.formGroup = new UntypedFormGroup({ collectionName: this.collectionName });
-    }
-    submit() {
-        if (this.formGroup.valid) {
-            this.dialogRef.close(this.collectionName.value);
-        }
-    }
-}
-TldTermCreateCollectionDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermCreateCollectionDialogComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Component });
-TldTermCreateCollectionDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TldTermCreateCollectionDialogComponent, selector: "tld-term-create-collection-dialog", ngImport: i0, template: "<tld-close-button class=\"close-button\" mat-dialog-close>\r\n</tld-close-button>\r\n<h1 mat-dialog-title>{{'TERM_COLLECTIONS.CREATE_DIALOG.TITLE' | translate}}</h1>\r\n<div mat-dialog-content>\r\n    <p [innerHtml]=\"'TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_1' | translate\"></p>\r\n    <p [innerHtml]=\"'TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_2' | translate\"></p>\r\n    <div [formGroup]=\"formGroup\">\r\n        <mat-form-field appearance=\"outline\" class=\"collection-name-form-field\">\r\n            <mat-label>{{'TERM_COLLECTIONS.CREATE_DIALOG.COLLECTION_NAME_LABEL' | translate}}</mat-label>\r\n            <input matInput formControlName=\"collectionName\" (keyup.enter)=\"submit()\">\r\n            <mat-error *ngIf=\"collectionName.errors\">{{'TERM_COLLECTIONS.CREATE_DIALOG.COLLECTION_NAME_ERROR' |\r\n                translate: {minLength: minLength, maxLength: maxLength} }}</mat-error>\r\n        </mat-form-field>\r\n    </div>\r\n</div>\r\n<div mat-dialog-actions fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n    <button mat-flat-button (click)=\"submit()\" cdkFocusInitial color=\"accent\"\r\n        [disabled]=\"formGroup.invalid\">{{'TERM_COLLECTIONS.CREATE_DIALOG.CREATE' | translate}}</button>\r\n    <button mat-button mat-dialog-close color=\"accent\">{{\"TERM_COLLECTIONS.CREATE_DIALOG.CANCEL\" | translate}}</button>\r\n</div>\r\n", styles: ["input{outline:none!important}:host ::ng-deep .mat-form-field-appearance-outline:hover .mat-form-field-outline,:host ::ng-deep .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,:host ::ng-deep .mat-form-field.mat-focused .mat-form-field-label{color:#ad234a}.create-dialog-wrapper{position:relative}.close-button{position:absolute;right:1em;top:1em}\n"], dependencies: [{ kind: "directive", type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i12.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermCreateCollectionDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tld-term-create-collection-dialog', template: "<tld-close-button class=\"close-button\" mat-dialog-close>\r\n</tld-close-button>\r\n<h1 mat-dialog-title>{{'TERM_COLLECTIONS.CREATE_DIALOG.TITLE' | translate}}</h1>\r\n<div mat-dialog-content>\r\n    <p [innerHtml]=\"'TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_1' | translate\"></p>\r\n    <p [innerHtml]=\"'TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_2' | translate\"></p>\r\n    <div [formGroup]=\"formGroup\">\r\n        <mat-form-field appearance=\"outline\" class=\"collection-name-form-field\">\r\n            <mat-label>{{'TERM_COLLECTIONS.CREATE_DIALOG.COLLECTION_NAME_LABEL' | translate}}</mat-label>\r\n            <input matInput formControlName=\"collectionName\" (keyup.enter)=\"submit()\">\r\n            <mat-error *ngIf=\"collectionName.errors\">{{'TERM_COLLECTIONS.CREATE_DIALOG.COLLECTION_NAME_ERROR' |\r\n                translate: {minLength: minLength, maxLength: maxLength} }}</mat-error>\r\n        </mat-form-field>\r\n    </div>\r\n</div>\r\n<div mat-dialog-actions fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n    <button mat-flat-button (click)=\"submit()\" cdkFocusInitial color=\"accent\"\r\n        [disabled]=\"formGroup.invalid\">{{'TERM_COLLECTIONS.CREATE_DIALOG.CREATE' | translate}}</button>\r\n    <button mat-button mat-dialog-close color=\"accent\">{{\"TERM_COLLECTIONS.CREATE_DIALOG.CANCEL\" | translate}}</button>\r\n</div>\r\n", styles: ["input{outline:none!important}:host ::ng-deep .mat-form-field-appearance-outline:hover .mat-form-field-outline,:host ::ng-deep .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,:host ::ng-deep .mat-form-field.mat-focused .mat-form-field-label{color:#ad234a}.create-dialog-wrapper{position:relative}.close-button{position:absolute;right:1em;top:1em}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MAT_DIALOG_DATA]
-                    }] }, { type: TldTranslateConfigService }];
-    } });
+        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }, { type: TldTranslateConfigService }, { type: TerminologyService }, { type: TldAlertService }]; } });
 
 class TldTermCollectionListComponent {
-    constructor(collectionService, config, tldSystem, dialog, translate, alerts) {
-        this.collectionService = collectionService;
+    constructor(terminologyService, config, tldSystem, termApiService) {
+        this.terminologyService = terminologyService;
         this.config = config;
         this.tldSystem = tldSystem;
-        this.dialog = dialog;
-        this.translate = translate;
-        this.alerts = alerts;
+        this.termApiService = termApiService;
         this.localizationKey = "TERM_COLLECTIONS.";
         this.tooltipLocalizationKey = "TERM_COLLECTIONS.TOOLTIPS.";
         this.readyStatus = "Ready";
         this.collectionErrorStatus = MtCollectionStatus.ERROR;
     }
     get selected() {
-        return this.collectionService.selected;
+        return this.terminologyService.selected;
     }
     set selected(val) {
-        this.collectionService.selected = val;
+        this.terminologyService.selected = val;
     }
     get collections() {
         var _a;
-        return (_a = this.collectionService) === null || _a === void 0 ? void 0 : _a.collections;
+        return (_a = this.terminologyService) === null || _a === void 0 ? void 0 : _a.collections;
     }
     get hasAnyCollections() {
-        return this.collectionService.hasAnyCollections;
+        return this.terminologyService.hasAnyCollections;
     }
     get isRefreshingCollections() {
         var _a;
-        return (_a = this.collectionService) === null || _a === void 0 ? void 0 : _a.isRefreshingCollections;
+        return (_a = this.terminologyService) === null || _a === void 0 ? void 0 : _a.isRefreshingCollections;
     }
     get hasEditPermissions() {
-        return this.collectionService.hasEditPermissions;
+        return this.terminologyService.hasEditPermissions;
     }
     get appName() {
         return this.config.coreConfig.appName;
@@ -6392,42 +6474,19 @@ class TldTermCollectionListComponent {
         this.subscription.unsubscribe();
     }
     getEditLink(collection) {
-        return `${this.config.termConfig.apiUrl}/collections/${collection.termId}/mt/${this.sourceLanguageCode}/${this.targetLanguageCode}`;
-    }
-    createNew() {
-        const localizationKey = "TERM_COLLECTIONS.DEFAULT_COLLECTION_NAME";
-        this.translate.get(localizationKey).subscribe((collectionName) => {
-            const dialogRef = this.dialog.open(TldTermCreateCollectionDialogComponent, {
-                minWidth: '300px',
-                maxWidth: '700px',
-                data: { collectionName: collectionName }
-            });
-            dialogRef.afterClosed().subscribe(collectionName => {
-                if (!collectionName) {
-                    return;
-                }
-                const languages = [this.sourceLanguageCode, this.targetLanguageCode];
-                this.collectionService.create(languages, collectionName).subscribe((collection) => {
-                    window.open(this.getEditLink(collection), "_blank");
-                }, (err) => {
-                    console.error(err);
-                    const error = { ErrorCode: ErrorCode.COLLECTION_CREATE };
-                    this.alerts.unhandeledError(error);
-                    throw error;
-                });
-            });
-        });
+        var _a;
+        return this.termApiService.getEditLink((_a = collection.termCollection) === null || _a === void 0 ? void 0 : _a.id, this.sourceLanguageCode, this.targetLanguageCode);
     }
     attach(collection) {
-        this.collectionService.addCollectionToSystem(collection);
+        this.terminologyService.addToEngine(collection);
     }
 }
-TldTermCollectionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermCollectionListComponent, deps: [{ token: TldTermCollectionsService }, { token: TldTranslateConfigService }, { token: TldSystemService }, { token: i1$2.MatDialog }, { token: i1$1.TranslateService }, { token: TldAlertService }], target: i0.ɵɵFactoryTarget.Component });
-TldTermCollectionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TldTermCollectionListComponent, selector: "tld-term-collection-list", ngImport: i0, template: "<header class=\"tld-collection-list-header\">\r\n  <ng-container *ngIf=\"hasAnyCollections\">\r\n    <h1 class=\"term-window-title\">\r\n      <span fxHide.lt-sm>{{localizationKey + 'TITLE' | translate}}</span>\r\n      <span fxHide.gt-xs>{{localizationKey + 'TITLE_MOBILE' | translate}}</span>\r\n    </h1>\r\n    <p class=\"term-window-description\">\r\n      <span>{{localizationKey + 'DESCRIPTION_1' | translate}}</span>\r\n      <span fxHide.lt-sm *ngIf=\"hasEditPermissions\">{{localizationKey + 'DESCRIPTION_2' | translate}}</span>\r\n      <span fxHide.gt-xs *ngIf=\"hasEditPermissions\">{{localizationKey + 'DESCRIPTION_2_MOBILE' | translate}}</span>\r\n    </p>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!hasAnyCollections\">\r\n    <h1 class=\"term-window-title\">{{localizationKey + 'TITLE_EMPTY' | translate}}</h1>\r\n    <p class=\"term-window-description\" fxHide.lt-sm>{{localizationKey + 'DESCRIPTION_EMPTY' | translate: {appName: appName} }}</p>\r\n    <p class=\"term-window-description\" fxHide.gt-xs>{{localizationKey + 'DESCRIPTION_EMPTY_MOBILE' | translate: {appName: appName} }}</p>\r\n  </ng-container>\r\n</header>\r\n<div *ngIf=\"hasAnyCollections\" class=\"tld-collection-list-body\">\r\n  <mat-radio-group [attr.aria-label]=\"localizationKey + 'ARIA_LABELS.RADIO_GROUP' | translate\"\r\n    [(ngModel)]=\"selected\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <mat-radio-button [value]=\"null\">\r\n        {{localizationKey + 'SELECTED_NONE' | translate}}\r\n      </mat-radio-button>\r\n    </div>\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" *ngFor=\"let collection of collections\"\r\n      [matTooltip]=\"collection.tooltipKey? (tooltipLocalizationKey + collection.tooltipKey | translate) : ''\">\r\n      <mat-radio-button [value]=\"collection\" fxFlex\r\n        [disabled]=\"collection.termId !== null && collection.entryCount<=0\" fxLayoutAlign=\"center center\">\r\n        <span class=\"collection-label\" [matTooltip]=\"collection.tooltipKey? '' : collection.title\">\r\n          {{collection.title}}</span>\r\n        <span class=\"collection-label entries-count-label\"\r\n          *ngIf=\"collection.entryCount!==undefined && !collection.mtAttachmentDateTime\"\r\n          [matTooltip]=\"collection.tooltipKey? '' : (tooltipLocalizationKey+'ENTRY_COUNT' | translate)\">\r\n          {{localizationKey + (collection.languagesString?'ENTRY_COUNT_WITH_LANGUGAES':'ENTRY_COUNT') |\r\n          translate: {count: collection.entryCount, languages: collection.languagesString} }}\r\n        </span>\r\n\r\n        <span class=\"collection-label entries-count-label\"\r\n          *ngIf=\"collection.mtEntryCount!==undefined && collection.mtAttachmentDateTime\"\r\n          [matTooltip]=\"collection.tooltipKey? '' : (tooltipLocalizationKey+'MT_ENTRY_COUNT' | translate)\">\r\n          {{localizationKey + ('MT_ENTRY_COUNT') |\r\n          translate: {count: collection.mtEntryCount} }}\r\n        </span>\r\n      </mat-radio-button>\r\n\r\n      <span *ngIf=\" collection.mtStatus === collectionErrorStatus\" color=\"accent\" class=\"material-icons\"\r\n        [matTooltip]=\"(collection.errorKey? 'ERRORS.'+collection.errorKey : tooltipLocalizationKey + 'ATTACH_TO_SYSTEM_ERROR') | translate: { termId: collection.termId} \">\r\n        error\r\n      </span>\r\n\r\n      <mat-spinner color=\"accent\" diameter=\"20\" *ngIf=\"collection.isImporting\"></mat-spinner>\r\n      <ng-container *ngIf=\"hasEditPermissions\">\r\n        <button mat-button *ngIf=\"collection.syncButtonVissible\" (click)=\"attach(collection)\" color=\"primary\"\r\n          [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\" [disabled]=\"collection.isImporting\">\r\n          {{localizationKey + (collectionErrorStatus === collection.mtStatus? 'SYNC_ERROR': 'SYNC') | translate}}\r\n        </button>\r\n        <a mat-button color=\"accent\" target=\"_blank\"\r\n          [matTooltip]=\"collection.tooltipKey? '' : (tooltipLocalizationKey + 'EDIT' | translate)\"\r\n          [attr.href]=\"getEditLink(collection)\" *ngIf=\"collection.termId\" fxHide.lt-sm>\r\n          <span>\r\n            {{localizationKey + 'EDIT' | translate}}\r\n          </span>\r\n        </a>\r\n      </ng-container>\r\n    </div>\r\n  </mat-radio-group>\r\n</div>\r\n<footer class=\"tld-collection-list-footer\" fxLayout=\"row\" *ngIf=\"hasEditPermissions\">\r\n  <button mat-flat-button color=\"primary\" (click)=\"createNew()\" fxHide.lt-sm>\r\n    {{localizationKey + 'CREATE' | translate}}\r\n  </button>\r\n</footer>\r\n", styles: [".tld-collection-list-body,.tld-collection-list-header,.tld-collection-list-footer{padding:1em .75em}.collection-label{display:block;max-width:215px;overflow:hidden;text-overflow:ellipsis}.collection-label.entries-count-label{font-size:small;color:#9aa5b1}:host ::ng-deep .mat-radio-button{overflow:hidden;padding:5px 0}:host ::ng-deep .mat-radio-button .mat-radio-ripple{display:none}:host ::ng-deep .mat-radio-button .mat-radio-label-content{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i10.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i10.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5$1.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "component", type: i13.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+TldTermCollectionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermCollectionListComponent, deps: [{ token: TerminologyService }, { token: TldTranslateConfigService }, { token: TldSystemService }, { token: TermApiService }], target: i0.ɵɵFactoryTarget.Component });
+TldTermCollectionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TldTermCollectionListComponent, selector: "tld-term-collection-list", ngImport: i0, template: "<header class=\"tld-collection-list-header\">\r\n  <ng-container *ngIf=\"hasAnyCollections\">\r\n    <h1 class=\"term-window-title\">\r\n      <span fxHide.lt-sm>{{localizationKey + 'TITLE' | translate}}</span>\r\n      <span fxHide.gt-xs>{{localizationKey + 'TITLE_MOBILE' | translate}}</span>\r\n    </h1>\r\n    <p class=\"term-window-description\">\r\n      <span>{{localizationKey + 'DESCRIPTION_1' | translate}}</span>\r\n      <span fxHide.lt-sm *ngIf=\"hasEditPermissions\">{{localizationKey + 'DESCRIPTION_2' | translate}}</span>\r\n      <span fxHide.gt-xs *ngIf=\"hasEditPermissions\">{{localizationKey + 'DESCRIPTION_2_MOBILE' | translate}}</span>\r\n    </p>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!hasAnyCollections\">\r\n    <h1 class=\"term-window-title\">{{localizationKey + 'TITLE_EMPTY' | translate}}</h1>\r\n    <p class=\"term-window-description\" fxHide.lt-sm>{{localizationKey + 'DESCRIPTION_EMPTY' | translate: {appName:\r\n      appName} }}</p>\r\n    <p class=\"term-window-description\" fxHide.gt-xs>{{localizationKey + 'DESCRIPTION_EMPTY_MOBILE' | translate:\r\n      {appName: appName} }}</p>\r\n  </ng-container>\r\n</header>\r\n<div *ngIf=\"hasAnyCollections\" class=\"tld-collection-list-body\">\r\n  <mat-radio-group [attr.aria-label]=\"localizationKey + 'ARIA_LABELS.RADIO_GROUP' | translate\" [(ngModel)]=\"selected\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <mat-radio-button [value]=\"null\">\r\n        <span class=\"text-m-semi-bold\">\r\n          {{localizationKey + 'SELECTED_NONE' | translate}}\r\n        </span>\r\n      </mat-radio-button>\r\n    </div>\r\n    <div class=\"collection\" fxLayout=\"row\" fxLayoutAlign=\"start center\" *ngFor=\"let collection of collections\"\r\n      [matTooltip]=\"collection.termTooltipKey? (tooltipLocalizationKey + collection.termTooltipKey | translate) : ''\">\r\n      <mat-radio-button [value]=\"collection\" fxFlex [disabled]=\"collection.termId !== null && collection.termEntries<=0\"\r\n        fxLayoutAlign=\"center center\">\r\n        <span class=\"collection-label text-m-semi-bold\" [matTooltip]=\"collection.termTooltipKey? '' : collection.name\">\r\n          {{collection.name}}\r\n        </span>\r\n\r\n        <span *ngIf=\"collection.lastUpdated\" class=\"collection-label last-updated-label\">\r\n          {{ localizationKey + ('LAST_UPDATED') | translate: { date: collection.lastUpdated | date: 'dd.MM.yy\r\n          HH:mm' } }}\r\n        </span>\r\n      </mat-radio-button>\r\n\r\n      <span *ngIf=\" collection.mtStatus === collectionErrorStatus\" color=\"accent\" class=\"material-icons\">\r\n        error\r\n      </span>\r\n\r\n      <mat-spinner color=\"accent\" diameter=\"20\" *ngIf=\"collection.isImporting\"></mat-spinner>\r\n      <ng-container *ngIf=\"hasEditPermissions\">\r\n        <button mat-button *ngIf=\"collection.syncButtonVissible\" (click)=\"attach(collection)\" color=\"primary\"\r\n          [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\" [disabled]=\"collection.isImporting\">\r\n          {{localizationKey + (collectionErrorStatus === collection.mtStatus? 'SYNC_ERROR': 'SYNC') | translate}}\r\n        </button>\r\n        <a mat-icon-button target=\"_blank\"\r\n          [matTooltip]=\"collection.termTooltipKey? '' : (tooltipLocalizationKey + 'EDIT' | translate)\"\r\n          [attr.href]=\"getEditLink(collection)\" *ngIf=\"collection.termCollection\" fxHide.lt-sm>\r\n          <mat-icon class=\"material-icons\">edit</mat-icon>\r\n        </a>\r\n      </ng-container>\r\n    </div>\r\n  </mat-radio-group>\r\n</div>\r\n", styles: [".tld-collection-list-body,.tld-collection-list-header{padding:1em .75em}.collection-label{display:block;max-width:215px;overflow:hidden;text-overflow:ellipsis}.collection-label.last-updated-label{font-size:small;color:#5a6672}:host ::ng-deep .mat-radio-button{overflow:hidden;padding:5px 0}:host ::ng-deep .mat-radio-button .mat-radio-ripple{display:none}:host ::ng-deep .mat-radio-button .mat-radio-label-content{overflow:hidden}.collection{min-height:70px;border-top:1px solid #cbd2d9}\n"], dependencies: [{ kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i10.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i10.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5$1.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "component", type: i13.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermCollectionListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tld-term-collection-list', template: "<header class=\"tld-collection-list-header\">\r\n  <ng-container *ngIf=\"hasAnyCollections\">\r\n    <h1 class=\"term-window-title\">\r\n      <span fxHide.lt-sm>{{localizationKey + 'TITLE' | translate}}</span>\r\n      <span fxHide.gt-xs>{{localizationKey + 'TITLE_MOBILE' | translate}}</span>\r\n    </h1>\r\n    <p class=\"term-window-description\">\r\n      <span>{{localizationKey + 'DESCRIPTION_1' | translate}}</span>\r\n      <span fxHide.lt-sm *ngIf=\"hasEditPermissions\">{{localizationKey + 'DESCRIPTION_2' | translate}}</span>\r\n      <span fxHide.gt-xs *ngIf=\"hasEditPermissions\">{{localizationKey + 'DESCRIPTION_2_MOBILE' | translate}}</span>\r\n    </p>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!hasAnyCollections\">\r\n    <h1 class=\"term-window-title\">{{localizationKey + 'TITLE_EMPTY' | translate}}</h1>\r\n    <p class=\"term-window-description\" fxHide.lt-sm>{{localizationKey + 'DESCRIPTION_EMPTY' | translate: {appName: appName} }}</p>\r\n    <p class=\"term-window-description\" fxHide.gt-xs>{{localizationKey + 'DESCRIPTION_EMPTY_MOBILE' | translate: {appName: appName} }}</p>\r\n  </ng-container>\r\n</header>\r\n<div *ngIf=\"hasAnyCollections\" class=\"tld-collection-list-body\">\r\n  <mat-radio-group [attr.aria-label]=\"localizationKey + 'ARIA_LABELS.RADIO_GROUP' | translate\"\r\n    [(ngModel)]=\"selected\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <mat-radio-button [value]=\"null\">\r\n        {{localizationKey + 'SELECTED_NONE' | translate}}\r\n      </mat-radio-button>\r\n    </div>\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" *ngFor=\"let collection of collections\"\r\n      [matTooltip]=\"collection.tooltipKey? (tooltipLocalizationKey + collection.tooltipKey | translate) : ''\">\r\n      <mat-radio-button [value]=\"collection\" fxFlex\r\n        [disabled]=\"collection.termId !== null && collection.entryCount<=0\" fxLayoutAlign=\"center center\">\r\n        <span class=\"collection-label\" [matTooltip]=\"collection.tooltipKey? '' : collection.title\">\r\n          {{collection.title}}</span>\r\n        <span class=\"collection-label entries-count-label\"\r\n          *ngIf=\"collection.entryCount!==undefined && !collection.mtAttachmentDateTime\"\r\n          [matTooltip]=\"collection.tooltipKey? '' : (tooltipLocalizationKey+'ENTRY_COUNT' | translate)\">\r\n          {{localizationKey + (collection.languagesString?'ENTRY_COUNT_WITH_LANGUGAES':'ENTRY_COUNT') |\r\n          translate: {count: collection.entryCount, languages: collection.languagesString} }}\r\n        </span>\r\n\r\n        <span class=\"collection-label entries-count-label\"\r\n          *ngIf=\"collection.mtEntryCount!==undefined && collection.mtAttachmentDateTime\"\r\n          [matTooltip]=\"collection.tooltipKey? '' : (tooltipLocalizationKey+'MT_ENTRY_COUNT' | translate)\">\r\n          {{localizationKey + ('MT_ENTRY_COUNT') |\r\n          translate: {count: collection.mtEntryCount} }}\r\n        </span>\r\n      </mat-radio-button>\r\n\r\n      <span *ngIf=\" collection.mtStatus === collectionErrorStatus\" color=\"accent\" class=\"material-icons\"\r\n        [matTooltip]=\"(collection.errorKey? 'ERRORS.'+collection.errorKey : tooltipLocalizationKey + 'ATTACH_TO_SYSTEM_ERROR') | translate: { termId: collection.termId} \">\r\n        error\r\n      </span>\r\n\r\n      <mat-spinner color=\"accent\" diameter=\"20\" *ngIf=\"collection.isImporting\"></mat-spinner>\r\n      <ng-container *ngIf=\"hasEditPermissions\">\r\n        <button mat-button *ngIf=\"collection.syncButtonVissible\" (click)=\"attach(collection)\" color=\"primary\"\r\n          [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\" [disabled]=\"collection.isImporting\">\r\n          {{localizationKey + (collectionErrorStatus === collection.mtStatus? 'SYNC_ERROR': 'SYNC') | translate}}\r\n        </button>\r\n        <a mat-button color=\"accent\" target=\"_blank\"\r\n          [matTooltip]=\"collection.tooltipKey? '' : (tooltipLocalizationKey + 'EDIT' | translate)\"\r\n          [attr.href]=\"getEditLink(collection)\" *ngIf=\"collection.termId\" fxHide.lt-sm>\r\n          <span>\r\n            {{localizationKey + 'EDIT' | translate}}\r\n          </span>\r\n        </a>\r\n      </ng-container>\r\n    </div>\r\n  </mat-radio-group>\r\n</div>\r\n<footer class=\"tld-collection-list-footer\" fxLayout=\"row\" *ngIf=\"hasEditPermissions\">\r\n  <button mat-flat-button color=\"primary\" (click)=\"createNew()\" fxHide.lt-sm>\r\n    {{localizationKey + 'CREATE' | translate}}\r\n  </button>\r\n</footer>\r\n", styles: [".tld-collection-list-body,.tld-collection-list-header,.tld-collection-list-footer{padding:1em .75em}.collection-label{display:block;max-width:215px;overflow:hidden;text-overflow:ellipsis}.collection-label.entries-count-label{font-size:small;color:#9aa5b1}:host ::ng-deep .mat-radio-button{overflow:hidden;padding:5px 0}:host ::ng-deep .mat-radio-button .mat-radio-ripple{display:none}:host ::ng-deep .mat-radio-button .mat-radio-label-content{overflow:hidden}\n"] }]
-        }], ctorParameters: function () { return [{ type: TldTermCollectionsService }, { type: TldTranslateConfigService }, { type: TldSystemService }, { type: i1$2.MatDialog }, { type: i1$1.TranslateService }, { type: TldAlertService }]; } });
+            args: [{ selector: 'tld-term-collection-list', template: "<header class=\"tld-collection-list-header\">\r\n  <ng-container *ngIf=\"hasAnyCollections\">\r\n    <h1 class=\"term-window-title\">\r\n      <span fxHide.lt-sm>{{localizationKey + 'TITLE' | translate}}</span>\r\n      <span fxHide.gt-xs>{{localizationKey + 'TITLE_MOBILE' | translate}}</span>\r\n    </h1>\r\n    <p class=\"term-window-description\">\r\n      <span>{{localizationKey + 'DESCRIPTION_1' | translate}}</span>\r\n      <span fxHide.lt-sm *ngIf=\"hasEditPermissions\">{{localizationKey + 'DESCRIPTION_2' | translate}}</span>\r\n      <span fxHide.gt-xs *ngIf=\"hasEditPermissions\">{{localizationKey + 'DESCRIPTION_2_MOBILE' | translate}}</span>\r\n    </p>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!hasAnyCollections\">\r\n    <h1 class=\"term-window-title\">{{localizationKey + 'TITLE_EMPTY' | translate}}</h1>\r\n    <p class=\"term-window-description\" fxHide.lt-sm>{{localizationKey + 'DESCRIPTION_EMPTY' | translate: {appName:\r\n      appName} }}</p>\r\n    <p class=\"term-window-description\" fxHide.gt-xs>{{localizationKey + 'DESCRIPTION_EMPTY_MOBILE' | translate:\r\n      {appName: appName} }}</p>\r\n  </ng-container>\r\n</header>\r\n<div *ngIf=\"hasAnyCollections\" class=\"tld-collection-list-body\">\r\n  <mat-radio-group [attr.aria-label]=\"localizationKey + 'ARIA_LABELS.RADIO_GROUP' | translate\" [(ngModel)]=\"selected\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <mat-radio-button [value]=\"null\">\r\n        <span class=\"text-m-semi-bold\">\r\n          {{localizationKey + 'SELECTED_NONE' | translate}}\r\n        </span>\r\n      </mat-radio-button>\r\n    </div>\r\n    <div class=\"collection\" fxLayout=\"row\" fxLayoutAlign=\"start center\" *ngFor=\"let collection of collections\"\r\n      [matTooltip]=\"collection.termTooltipKey? (tooltipLocalizationKey + collection.termTooltipKey | translate) : ''\">\r\n      <mat-radio-button [value]=\"collection\" fxFlex [disabled]=\"collection.termId !== null && collection.termEntries<=0\"\r\n        fxLayoutAlign=\"center center\">\r\n        <span class=\"collection-label text-m-semi-bold\" [matTooltip]=\"collection.termTooltipKey? '' : collection.name\">\r\n          {{collection.name}}\r\n        </span>\r\n\r\n        <span *ngIf=\"collection.lastUpdated\" class=\"collection-label last-updated-label\">\r\n          {{ localizationKey + ('LAST_UPDATED') | translate: { date: collection.lastUpdated | date: 'dd.MM.yy\r\n          HH:mm' } }}\r\n        </span>\r\n      </mat-radio-button>\r\n\r\n      <span *ngIf=\" collection.mtStatus === collectionErrorStatus\" color=\"accent\" class=\"material-icons\">\r\n        error\r\n      </span>\r\n\r\n      <mat-spinner color=\"accent\" diameter=\"20\" *ngIf=\"collection.isImporting\"></mat-spinner>\r\n      <ng-container *ngIf=\"hasEditPermissions\">\r\n        <button mat-button *ngIf=\"collection.syncButtonVissible\" (click)=\"attach(collection)\" color=\"primary\"\r\n          [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\" [disabled]=\"collection.isImporting\">\r\n          {{localizationKey + (collectionErrorStatus === collection.mtStatus? 'SYNC_ERROR': 'SYNC') | translate}}\r\n        </button>\r\n        <a mat-icon-button target=\"_blank\"\r\n          [matTooltip]=\"collection.termTooltipKey? '' : (tooltipLocalizationKey + 'EDIT' | translate)\"\r\n          [attr.href]=\"getEditLink(collection)\" *ngIf=\"collection.termCollection\" fxHide.lt-sm>\r\n          <mat-icon class=\"material-icons\">edit</mat-icon>\r\n        </a>\r\n      </ng-container>\r\n    </div>\r\n  </mat-radio-group>\r\n</div>\r\n", styles: [".tld-collection-list-body,.tld-collection-list-header{padding:1em .75em}.collection-label{display:block;max-width:215px;overflow:hidden;text-overflow:ellipsis}.collection-label.last-updated-label{font-size:small;color:#5a6672}:host ::ng-deep .mat-radio-button{overflow:hidden;padding:5px 0}:host ::ng-deep .mat-radio-button .mat-radio-ripple{display:none}:host ::ng-deep .mat-radio-button .mat-radio-label-content{overflow:hidden}.collection{min-height:70px;border-top:1px solid #cbd2d9}\n"] }]
+        }], ctorParameters: function () { return [{ type: TerminologyService }, { type: TldTranslateConfigService }, { type: TldSystemService }, { type: TermApiService }]; } });
 
 class WtwLinkParamsService {
     constructor(translate) {
@@ -6484,44 +6543,142 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             args: [{ selector: 'tld-term-promotion', template: "<section class=\"term-promotion-wrapper\" fxLayout=\"column\" fxLayoutGap=\"16px\">\r\n    <div>\r\n        <h1 class=\"term-window-title\">{{ localizationKey + \"TITLE\" | translate}}</h1>\r\n        <p>{{ localizationKey + \"DESCRIPTION\" | translate}}</p>\r\n    </div>\r\n    <div fxLayoutGap=\"0.75em\" fxLayout.lt-sm=\"column\">\r\n        <a [attr.href]=\"trialUrl\" target=\"_blank\" mat-flat-button color=\"primary\">\r\n            {{ localizationKey + \"START_TRIAL\" | translate}}\r\n        </a>\r\n        <a [attr.href]=\"learnMoreUrl\" target=\"_blank\">{{ localizationKey + \"LEARN_MORE\" | translate}}</a>\r\n    </div>\r\n</section>", styles: [".term-promotion-wrapper{margin:1em}.term-promotion-wrapper button{width:100%}.term-promotion-wrapper p{margin:0}.term-promotion-wrapper a.mat-flat-button:hover{color:#fff!important}\n"] }]
         }], ctorParameters: function () { return [{ type: TldTranslateConfigService }, { type: WtwLinkParamsService }]; } });
 
+class TldTermCreateCollectionDialogComponent {
+    constructor(dialogRef, data, config) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.config = config;
+    }
+    ngOnInit() {
+        this.minLength = this.config.termConfig.collectionNameMinLength;
+        this.maxLength = this.config.termConfig.collectionNameMaxLength;
+        this.collectionName = new UntypedFormControl(this.data.collectionName, [
+            Validators.minLength(this.minLength),
+            Validators.maxLength(this.maxLength),
+            Validators.required
+        ]);
+        this.collectionName.markAsTouched();
+        this.formGroup = new UntypedFormGroup({ collectionName: this.collectionName });
+    }
+    submit() {
+        if (this.formGroup.valid) {
+            this.dialogRef.close(this.collectionName.value);
+        }
+    }
+}
+TldTermCreateCollectionDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermCreateCollectionDialogComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Component });
+TldTermCreateCollectionDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TldTermCreateCollectionDialogComponent, selector: "tld-term-create-collection-dialog", ngImport: i0, template: "<tld-close-button class=\"close-button\" mat-dialog-close>\r\n</tld-close-button>\r\n<h1 mat-dialog-title>{{'TERM_COLLECTIONS.CREATE_DIALOG.TITLE' | translate}}</h1>\r\n<div mat-dialog-content>\r\n    <p [innerHtml]=\"'TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_1' | translate\"></p>\r\n    <p [innerHtml]=\"'TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_2' | translate\"></p>\r\n    <div [formGroup]=\"formGroup\">\r\n        <mat-form-field appearance=\"outline\" class=\"collection-name-form-field\">\r\n            <mat-label>{{'TERM_COLLECTIONS.CREATE_DIALOG.COLLECTION_NAME_LABEL' | translate}}</mat-label>\r\n            <input matInput formControlName=\"collectionName\" (keyup.enter)=\"submit()\">\r\n            <mat-error *ngIf=\"collectionName.errors\">{{'TERM_COLLECTIONS.CREATE_DIALOG.COLLECTION_NAME_ERROR' |\r\n                translate: {minLength: minLength, maxLength: maxLength} }}</mat-error>\r\n        </mat-form-field>\r\n    </div>\r\n</div>\r\n<div mat-dialog-actions fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n    <button mat-flat-button (click)=\"submit()\" cdkFocusInitial color=\"accent\"\r\n        [disabled]=\"formGroup.invalid\">{{'TERM_COLLECTIONS.CREATE_DIALOG.CREATE' | translate}}</button>\r\n    <button mat-button mat-dialog-close color=\"accent\">{{\"TERM_COLLECTIONS.CREATE_DIALOG.CANCEL\" | translate}}</button>\r\n</div>\r\n", styles: ["input{outline:none!important}:host ::ng-deep .mat-form-field-appearance-outline:hover .mat-form-field-outline,:host ::ng-deep .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,:host ::ng-deep .mat-form-field.mat-focused .mat-form-field-label{color:#ad234a}.create-dialog-wrapper{position:relative}.close-button{position:absolute;right:1em;top:1em}\n"], dependencies: [{ kind: "directive", type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i12.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermCreateCollectionDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tld-term-create-collection-dialog', template: "<tld-close-button class=\"close-button\" mat-dialog-close>\r\n</tld-close-button>\r\n<h1 mat-dialog-title>{{'TERM_COLLECTIONS.CREATE_DIALOG.TITLE' | translate}}</h1>\r\n<div mat-dialog-content>\r\n    <p [innerHtml]=\"'TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_1' | translate\"></p>\r\n    <p [innerHtml]=\"'TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_2' | translate\"></p>\r\n    <div [formGroup]=\"formGroup\">\r\n        <mat-form-field appearance=\"outline\" class=\"collection-name-form-field\">\r\n            <mat-label>{{'TERM_COLLECTIONS.CREATE_DIALOG.COLLECTION_NAME_LABEL' | translate}}</mat-label>\r\n            <input matInput formControlName=\"collectionName\" (keyup.enter)=\"submit()\">\r\n            <mat-error *ngIf=\"collectionName.errors\">{{'TERM_COLLECTIONS.CREATE_DIALOG.COLLECTION_NAME_ERROR' |\r\n                translate: {minLength: minLength, maxLength: maxLength} }}</mat-error>\r\n        </mat-form-field>\r\n    </div>\r\n</div>\r\n<div mat-dialog-actions fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n    <button mat-flat-button (click)=\"submit()\" cdkFocusInitial color=\"accent\"\r\n        [disabled]=\"formGroup.invalid\">{{'TERM_COLLECTIONS.CREATE_DIALOG.CREATE' | translate}}</button>\r\n    <button mat-button mat-dialog-close color=\"accent\">{{\"TERM_COLLECTIONS.CREATE_DIALOG.CANCEL\" | translate}}</button>\r\n</div>\r\n", styles: ["input{outline:none!important}:host ::ng-deep .mat-form-field-appearance-outline:hover .mat-form-field-outline,:host ::ng-deep .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,:host ::ng-deep .mat-form-field.mat-focused .mat-form-field-label{color:#ad234a}.create-dialog-wrapper{position:relative}.close-button{position:absolute;right:1em;top:1em}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }, { type: TldTranslateConfigService }];
+    } });
+
+class CreateCollectionComponent {
+    constructor(translate, dialog, terminologyService) {
+        this.translate = translate;
+        this.dialog = dialog;
+        this.terminologyService = terminologyService;
+    }
+    ngOnInit() {
+    }
+    create() {
+        const localizationKey = "TERM_COLLECTIONS.DEFAULT_COLLECTION_NAME";
+        this.translate.get(localizationKey).subscribe((collectionName) => {
+            const dialogRef = this.dialog.open(TldTermCreateCollectionDialogComponent, {
+                minWidth: '300px',
+                maxWidth: '700px',
+                data: { collectionName: collectionName }
+            });
+            dialogRef.afterClosed().subscribe(collectionName => {
+                if (!collectionName) {
+                    return;
+                }
+                this.terminologyService.create(this.sourceLanguageCode, this.targetLanguageCode, collectionName).subscribe({
+                    error: (err) => {
+                        console.error(err);
+                        const error = { ErrorCode: ErrorCode.COLLECTION_CREATE };
+                        throw error;
+                    }
+                });
+            });
+        });
+    }
+}
+CreateCollectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateCollectionComponent, deps: [{ token: i1$1.TranslateService }, { token: i1$2.MatDialog }, { token: TerminologyService }], target: i0.ɵɵFactoryTarget.Component });
+CreateCollectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CreateCollectionComponent, selector: "tld-create-collection", inputs: { sourceLanguageCode: "sourceLanguageCode", targetLanguageCode: "targetLanguageCode" }, ngImport: i0, template: "<button mat-flat-button color=\"accent\" (click)=\"create()\" fxHide.lt-sm>\r\n  {{'TERM_COLLECTIONS.CREATE' | translate}}\r\n</button>\r\n", styles: [""], dependencies: [{ kind: "component", type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5$1.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateCollectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tld-create-collection', template: "<button mat-flat-button color=\"accent\" (click)=\"create()\" fxHide.lt-sm>\r\n  {{'TERM_COLLECTIONS.CREATE' | translate}}\r\n</button>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i1$2.MatDialog }, { type: TerminologyService }]; }, propDecorators: { sourceLanguageCode: [{
+                type: Input
+            }], targetLanguageCode: [{
+                type: Input
+            }] } });
+
 class TldTermCollectionComponent {
-    constructor(terms) {
-        this.terms = terms;
+    constructor(terminologyService, systemService) {
+        this.terminologyService = terminologyService;
+        this.systemService = systemService;
+    }
+    get promotion() { return this.terminologyService.shouldShowPromotion; }
+    get hasEditPermissions() { return this.terminologyService.hasEditPermissions; }
+    ngOnInit() {
+        this.subscription = this.systemService.getActiveData().subscribe((data) => {
+            this.sourceLanguageCode = data.sourceLang.lang;
+            this.targetLanguageCode = data.targetLang.lang;
+            this.terminologyService.setEngine(data.systemId, [this.sourceLanguageCode, this.targetLanguageCode]);
+        });
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
     }
-    get promotion() { return this.terms.shouldShowPromotion; }
 }
-TldTermCollectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermCollectionComponent, deps: [{ token: TldTermCollectionsService }], target: i0.ɵɵFactoryTarget.Component });
-TldTermCollectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TldTermCollectionComponent, selector: "tld-term-collection", ngImport: i0, template: "<section class=\"tld-collection-list-wrapper\">\r\n  <ng-container *ngIf=\"!promotion\">\r\n    <tld-term-collection-list></tld-term-collection-list>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"promotion\">\r\n    <tld-term-promotion></tld-term-promotion>\r\n  </ng-container>\r\n</section>", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TldTermCollectionListComponent, selector: "tld-term-collection-list" }, { kind: "component", type: TldTermPromotionComponent, selector: "tld-term-promotion" }] });
+TldTermCollectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermCollectionComponent, deps: [{ token: TerminologyService }, { token: TldSystemService }], target: i0.ɵɵFactoryTarget.Component });
+TldTermCollectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TldTermCollectionComponent, selector: "tld-term-collection", ngImport: i0, template: "<section class=\"tld-collection-list-wrapper\">\r\n  <ng-container *ngIf=\"!promotion\">\r\n    <tld-term-collection-list></tld-term-collection-list>\r\n    <footer class=\"tld-collection-list-footer\" fxLayout=\"row\" *ngIf=\"hasEditPermissions\">\r\n      <tld-create-collection [sourceLanguageCode]=\"sourceLanguageCode\" [targetLanguageCode]=\"targetLanguageCode\">\r\n      </tld-create-collection>\r\n    </footer>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"promotion\">\r\n    <tld-term-promotion></tld-term-promotion>\r\n  </ng-container>\r\n</section>\r\n", styles: [".tld-collection-list-footer{padding:1em .75em}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "component", type: TldTermCollectionListComponent, selector: "tld-term-collection-list" }, { kind: "component", type: TldTermPromotionComponent, selector: "tld-term-promotion" }, { kind: "component", type: CreateCollectionComponent, selector: "tld-create-collection", inputs: ["sourceLanguageCode", "targetLanguageCode"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermCollectionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tld-term-collection', template: "<section class=\"tld-collection-list-wrapper\">\r\n  <ng-container *ngIf=\"!promotion\">\r\n    <tld-term-collection-list></tld-term-collection-list>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"promotion\">\r\n    <tld-term-promotion></tld-term-promotion>\r\n  </ng-container>\r\n</section>" }]
-        }], ctorParameters: function () { return [{ type: TldTermCollectionsService }]; } });
+            args: [{ selector: 'tld-term-collection', template: "<section class=\"tld-collection-list-wrapper\">\r\n  <ng-container *ngIf=\"!promotion\">\r\n    <tld-term-collection-list></tld-term-collection-list>\r\n    <footer class=\"tld-collection-list-footer\" fxLayout=\"row\" *ngIf=\"hasEditPermissions\">\r\n      <tld-create-collection [sourceLanguageCode]=\"sourceLanguageCode\" [targetLanguageCode]=\"targetLanguageCode\">\r\n      </tld-create-collection>\r\n    </footer>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"promotion\">\r\n    <tld-term-promotion></tld-term-promotion>\r\n  </ng-container>\r\n</section>\r\n", styles: [".tld-collection-list-footer{padding:1em .75em}\n"] }]
+        }], ctorParameters: function () { return [{ type: TerminologyService }, { type: TldSystemService }]; } });
 
 class TldTermMenuComponent {
-    constructor(collectionService) {
-        this.collectionService = collectionService;
+    constructor(terminologyService) {
+        this.terminologyService = terminologyService;
     }
-    get selected() { return this.collectionService.selected; }
+    get selected() { return this.terminologyService.selected; }
     ;
-    set selected(val) { this.collectionService.selected = val; }
+    set selected(val) { this.terminologyService.selected = val; }
+    get title() {
+        var _a, _b, _c, _d;
+        return (_c = (_b = (_a = this.selected) === null || _a === void 0 ? void 0 : _a.termCollection) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : (_d = this.selected.mtCollection) === null || _d === void 0 ? void 0 : _d.name;
+    }
+    ngOnDestroy() {
+        this.menuClosed();
+    }
     menuOpened() {
-        this.collectionService.onMenuOpen();
+        this.subscription = this.terminologyService.startAutoRefresh().subscribe();
     }
     menuClosed() {
-        this.collectionService.onMenuClose();
+        var _a;
+        this.terminologyService.stopAutoRefresh();
+        (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
     }
 }
-TldTermMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermMenuComponent, deps: [{ token: TldTermCollectionsService }], target: i0.ɵɵFactoryTarget.Component });
-TldTermMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TldTermMenuComponent, selector: "tld-term-menu", ngImport: i0, template: "<div fxLayoutAlign=\"center center\" [ngClass.lt-sm]=\"'tld-term-collection-wrapper-mobile'\" fxLayoutGap=\"8px\">\r\n  <span fxHide.lt-md>\r\n    {{'TERM_COLLECTIONS.GLOSSARY' | translate}}\r\n  </span>\r\n  <tld-open-close-button fxHide.lt-sm #state=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\"\r\n    (menuOpened)=\"menuOpened()\" (menuClosed)=\"menuClosed()\"\r\n    [matTooltip]=\"selected? selected.title:''\" [isOpened]=\"state.menuOpen\" class=\"tld-collection-menu-button\"\r\n    [attr.aria-label]=\"'TERM_COLLECTIONS.ARIA_LABELS.OTHER_COLLECTIONS' | translate\">\r\n    <span class=\"selected-collection\">\r\n      {{selected? selected.title : ('TERM_COLLECTIONS.SELECTED_NONE' | translate)}}\r\n    </span>\r\n    <mat-spinner class=\"selected-col-spinner\" color=\"accent\" diameter=\"16\" *ngIf=\"selected?.isImporting\"></mat-spinner>\r\n  </tld-open-close-button>\r\n  <button mat-icon-button fxHide.gt-xs [matMenuTriggerFor]=\"menu\">\r\n    <mat-icon svgIcon=\"collections_menu\" [attr.color]=\"selected?'accent':''\"></mat-icon>\r\n  </button>\r\n\r\n</div>\r\n\r\n<mat-menu #menu=\"matMenu\" class=\"tld-collection-menu\">\r\n  <tld-close-button fxHide.gt-xs></tld-close-button>\r\n  <div class=\"tld-term-collection\" (click)=\"$event.stopPropagation()\" (keydown)=\"$event.stopPropagation()\">\r\n    <tld-term-collection></tld-term-collection>\r\n  </div>\r\n</mat-menu>\r\n", styles: [".tld-collection-menu-button .selected-collection{overflow:hidden;text-overflow:ellipsis;max-width:140px;display:inline-block}.selected-col-spinner{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i5$1.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i5$1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i13.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: TldOpenCloseButtonComponent, selector: "tld-open-close-button", inputs: ["disableFocusOnAction", "isOpened", "disabled", "isIcon", "ariaLabelCode"] }, { kind: "component", type: i12.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "component", type: TldTermCollectionComponent, selector: "tld-term-collection" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+TldTermMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermMenuComponent, deps: [{ token: TerminologyService }], target: i0.ɵɵFactoryTarget.Component });
+TldTermMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TldTermMenuComponent, selector: "tld-term-menu", ngImport: i0, template: "<div fxLayoutAlign=\"center center\" [ngClass.lt-sm]=\"'tld-term-collection-wrapper-mobile'\" fxLayoutGap=\"8px\">\r\n  <span fxHide.lt-md>\r\n    {{'TERM_COLLECTIONS.GLOSSARY' | translate}}\r\n  </span>\r\n  <tld-open-close-button fxHide.lt-sm #state=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\" (menuOpened)=\"menuOpened()\"\r\n    (menuClosed)=\"menuClosed()\" [matTooltip]=\"selected? title:''\" [isOpened]=\"state.menuOpen\"\r\n    class=\"tld-collection-menu-button\" [attr.aria-label]=\"'TERM_COLLECTIONS.ARIA_LABELS.OTHER_COLLECTIONS' | translate\">\r\n    <span class=\"selected-collection\">\r\n      {{selected? title : ('TERM_COLLECTIONS.SELECTED_NONE' | translate)}}\r\n    </span>\r\n    <mat-spinner class=\"selected-col-spinner\" color=\"accent\" diameter=\"16\" *ngIf=\"selected?.isImporting\"></mat-spinner>\r\n  </tld-open-close-button>\r\n  <button mat-icon-button fxHide.gt-xs [matMenuTriggerFor]=\"menu\">\r\n    <mat-icon svgIcon=\"collections_menu\" [attr.color]=\"selected?'accent':''\"></mat-icon>\r\n  </button>\r\n\r\n</div>\r\n\r\n<mat-menu #menu=\"matMenu\" class=\"tld-collection-menu\">\r\n  <tld-close-button fxHide.gt-xs></tld-close-button>\r\n  <div class=\"tld-term-collection\" (click)=\"$event.stopPropagation()\" (keydown)=\"$event.stopPropagation()\">\r\n    <tld-term-collection></tld-term-collection>\r\n  </div>\r\n</mat-menu>\r\n", styles: [".tld-collection-menu-button .selected-collection{overflow:hidden;text-overflow:ellipsis;max-width:140px;display:inline-block}.selected-col-spinner{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i5$1.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i5$1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i13.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: TldOpenCloseButtonComponent, selector: "tld-open-close-button", inputs: ["disableFocusOnAction", "isOpened", "disabled", "isIcon", "ariaLabelCode"] }, { kind: "component", type: i12.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "component", type: TldTermCollectionComponent, selector: "tld-term-collection" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tld-term-menu', template: "<div fxLayoutAlign=\"center center\" [ngClass.lt-sm]=\"'tld-term-collection-wrapper-mobile'\" fxLayoutGap=\"8px\">\r\n  <span fxHide.lt-md>\r\n    {{'TERM_COLLECTIONS.GLOSSARY' | translate}}\r\n  </span>\r\n  <tld-open-close-button fxHide.lt-sm #state=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\"\r\n    (menuOpened)=\"menuOpened()\" (menuClosed)=\"menuClosed()\"\r\n    [matTooltip]=\"selected? selected.title:''\" [isOpened]=\"state.menuOpen\" class=\"tld-collection-menu-button\"\r\n    [attr.aria-label]=\"'TERM_COLLECTIONS.ARIA_LABELS.OTHER_COLLECTIONS' | translate\">\r\n    <span class=\"selected-collection\">\r\n      {{selected? selected.title : ('TERM_COLLECTIONS.SELECTED_NONE' | translate)}}\r\n    </span>\r\n    <mat-spinner class=\"selected-col-spinner\" color=\"accent\" diameter=\"16\" *ngIf=\"selected?.isImporting\"></mat-spinner>\r\n  </tld-open-close-button>\r\n  <button mat-icon-button fxHide.gt-xs [matMenuTriggerFor]=\"menu\">\r\n    <mat-icon svgIcon=\"collections_menu\" [attr.color]=\"selected?'accent':''\"></mat-icon>\r\n  </button>\r\n\r\n</div>\r\n\r\n<mat-menu #menu=\"matMenu\" class=\"tld-collection-menu\">\r\n  <tld-close-button fxHide.gt-xs></tld-close-button>\r\n  <div class=\"tld-term-collection\" (click)=\"$event.stopPropagation()\" (keydown)=\"$event.stopPropagation()\">\r\n    <tld-term-collection></tld-term-collection>\r\n  </div>\r\n</mat-menu>\r\n", styles: [".tld-collection-menu-button .selected-collection{overflow:hidden;text-overflow:ellipsis;max-width:140px;display:inline-block}.selected-col-spinner{margin-left:5px}\n"] }]
-        }], ctorParameters: function () { return [{ type: TldTermCollectionsService }]; } });
+            args: [{ selector: 'tld-term-menu', template: "<div fxLayoutAlign=\"center center\" [ngClass.lt-sm]=\"'tld-term-collection-wrapper-mobile'\" fxLayoutGap=\"8px\">\r\n  <span fxHide.lt-md>\r\n    {{'TERM_COLLECTIONS.GLOSSARY' | translate}}\r\n  </span>\r\n  <tld-open-close-button fxHide.lt-sm #state=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\" (menuOpened)=\"menuOpened()\"\r\n    (menuClosed)=\"menuClosed()\" [matTooltip]=\"selected? title:''\" [isOpened]=\"state.menuOpen\"\r\n    class=\"tld-collection-menu-button\" [attr.aria-label]=\"'TERM_COLLECTIONS.ARIA_LABELS.OTHER_COLLECTIONS' | translate\">\r\n    <span class=\"selected-collection\">\r\n      {{selected? title : ('TERM_COLLECTIONS.SELECTED_NONE' | translate)}}\r\n    </span>\r\n    <mat-spinner class=\"selected-col-spinner\" color=\"accent\" diameter=\"16\" *ngIf=\"selected?.isImporting\"></mat-spinner>\r\n  </tld-open-close-button>\r\n  <button mat-icon-button fxHide.gt-xs [matMenuTriggerFor]=\"menu\">\r\n    <mat-icon svgIcon=\"collections_menu\" [attr.color]=\"selected?'accent':''\"></mat-icon>\r\n  </button>\r\n\r\n</div>\r\n\r\n<mat-menu #menu=\"matMenu\" class=\"tld-collection-menu\">\r\n  <tld-close-button fxHide.gt-xs></tld-close-button>\r\n  <div class=\"tld-term-collection\" (click)=\"$event.stopPropagation()\" (keydown)=\"$event.stopPropagation()\">\r\n    <tld-term-collection></tld-term-collection>\r\n  </div>\r\n</mat-menu>\r\n", styles: [".tld-collection-menu-button .selected-collection{overflow:hidden;text-overflow:ellipsis;max-width:140px;display:inline-block}.selected-col-spinner{margin-left:5px}\n"] }]
+        }], ctorParameters: function () { return [{ type: TerminologyService }]; } });
 
 class TldTermModule {
 }
 TldTermModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TldTermModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: TldTermModule, declarations: [TldTermCollectionComponent, TldTermCollectionListComponent, TldTermCreateCollectionDialogComponent, TldTermMenuComponent, TldTermPromotionComponent], imports: [FormsModule,
+TldTermModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: TldTermModule, declarations: [TldTermCollectionComponent, TldTermCollectionListComponent, TldTermCreateCollectionDialogComponent, TldTermMenuComponent, TldTermPromotionComponent, CreateCollectionComponent], imports: [FormsModule,
         CommonModule,
         MaterialModule,
         TranslateModule,
@@ -6532,7 +6689,7 @@ TldTermModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         MatTooltipModule,
         TldCommonModule,
         ReactiveFormsModule,
-        CloseButtonModule], exports: [TldTermMenuComponent] });
+        CloseButtonModule], exports: [TldTermMenuComponent, CreateCollectionComponent] });
 TldTermModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermModule, imports: [FormsModule,
         CommonModule,
         MaterialModule,
@@ -6548,7 +6705,7 @@ TldTermModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTermModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [TldTermCollectionComponent, TldTermCollectionListComponent, TldTermCreateCollectionDialogComponent, TldTermMenuComponent, TldTermPromotionComponent],
+                    declarations: [TldTermCollectionComponent, TldTermCollectionListComponent, TldTermCreateCollectionDialogComponent, TldTermMenuComponent, TldTermPromotionComponent, CreateCollectionComponent],
                     imports: [
                         FormsModule,
                         CommonModule,
@@ -6563,10 +6720,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                         ReactiveFormsModule,
                         CloseButtonModule
                     ],
-                    exports: [TldTermMenuComponent]
+                    exports: [TldTermMenuComponent, CreateCollectionComponent]
                 }]
         }] });
 
+class EningeTermApiService {
+    constructor(http, config) {
+        this.http = http;
+        this.config = config;
+        this.baseUrl = this.config.termConfig.engineTermUrl;
+    }
+    add(engineId, params) {
+        return this.http.post(`${this.baseUrl}/${engineId}/terms`, params);
+    }
+    update(engineId, collectionId, params) {
+        return this.http.put(`${this.baseUrl}/${engineId}/terms/${collectionId}`, params);
+    }
+    getList(engineId) {
+        return this.http.get(`${this.baseUrl}/${engineId}/terms`, { params: { engineId } });
+    }
+    remove(engineId, collectionId) {
+        return this.http.delete(`${this.baseUrl}/${engineId}/terms/${collectionId}`);
+    }
+}
+EningeTermApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EningeTermApiService, deps: [{ token: i1$3.HttpClient }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+EningeTermApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EningeTermApiService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EningeTermApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }, { type: TldTranslateConfigService }]; } });
+
 class ExtensionDialogComponent {
     constructor(data) {
         this.data = data;
@@ -7056,10 +7241,10 @@ class TldVoiceInputApiService {
         const formData = new FormData();
         formData.append("file", params.file);
         formData.append("langauge", params.language);
-        return this.http.post(this.audioConfig.audioApiUrl, formData).pipe(map(response => this.mapJob(response)));
+        return this.http.post(this.audioConfig.audioApiUrl, formData).pipe(map$1(response => this.mapJob(response)));
     }
     getJobInfo(jobId) {
-        return this.http.get(`${this.audioConfig.audioApiUrl}/${jobId}`).pipe(map(response => this.mapJob(response)));
+        return this.http.get(`${this.audioConfig.audioApiUrl}/${jobId}`).pipe(map$1(response => this.mapJob(response)));
     }
     mapJob(response) {
         // converts to VoiceToTextState, so it suits enum conventions.
@@ -7679,7 +7864,7 @@ class TldTranslateTextService {
         this.untranslatedParagraphCount = 0;
         this.paragraphTranslationSubscription = this.paragraphTranslationsSubject.asObservable().pipe(mergeMap((untranslatedParagraph) => {
             this.untranslatedParagraphCount += 1;
-            return this.translateParagraph(untranslatedParagraph).pipe(tap((response) => {
+            return this.translateParagraph(untranslatedParagraph).pipe(tap$1((response) => {
                 // No need to handle response if source text has changed.
                 if (source != this.sourceText) {
                     return;
@@ -9497,7 +9682,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 
 window.$ = window.jQuery = $;
 class TldTranslateWebsiteComponent {
-    constructor(translate, configService, translateButtonService, alerts, router, activatedRoute, tldSystem, collectionService, tldTranslateWebService, iconService, apiVersion) {
+    constructor(translate, configService, translateButtonService, alerts, router, activatedRoute, tldSystem, terminologyService, tldTranslateWebService, iconService, apiVersion) {
         this.translate = translate;
         this.configService = configService;
         this.translateButtonService = translateButtonService;
@@ -9505,7 +9690,7 @@ class TldTranslateWebsiteComponent {
         this.router = router;
         this.activatedRoute = activatedRoute;
         this.tldSystem = tldSystem;
-        this.collectionService = collectionService;
+        this.terminologyService = terminologyService;
         this.tldTranslateWebService = tldTranslateWebService;
         this.apiVersion = apiVersion;
         this.product = '';
@@ -9776,7 +9961,7 @@ class TldTranslateWebsiteComponent {
         this.sendMessage({ message: 'changeSystem', systemId: sys.id });
     }
     translateButtonClick() {
-        const selectedCollectionId = this.collectionService.selectedIdForTranslation();
+        const selectedCollectionId = this.terminologyService.selectedIdForTranslation();
         if (this.urlToTranslate != '') {
             this.sendMessage({
                 message: 'loadUrl',
@@ -9935,7 +10120,7 @@ class TldTranslateWebsiteComponent {
         body.appendChild(script);
     }
 }
-TldTranslateWebsiteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTranslateWebsiteComponent, deps: [{ token: i1$1.TranslateService }, { token: TldTranslateConfigService }, { token: TldTranslateButtonService }, { token: TldAlertService }, { token: i4$1.Router }, { token: i4$1.ActivatedRoute }, { token: TldSystemService }, { token: TldTermCollectionsService }, { token: TldTranslateWebService }, { token: IconService }, { token: TRANSLATION_API_VERSION_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
+TldTranslateWebsiteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTranslateWebsiteComponent, deps: [{ token: i1$1.TranslateService }, { token: TldTranslateConfigService }, { token: TldTranslateButtonService }, { token: TldAlertService }, { token: i4$1.Router }, { token: i4$1.ActivatedRoute }, { token: TldSystemService }, { token: TerminologyService }, { token: TldTranslateWebService }, { token: IconService }, { token: TRANSLATION_API_VERSION_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
 TldTranslateWebsiteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TldTranslateWebsiteComponent, selector: "tld-translate-website", inputs: { product: "product", company: "company" }, outputs: { onError: "onError" }, viewQueries: [{ propertyName: "urlInputField", first: true, predicate: ["url"], descendants: true }], ngImport: i0, template: "<div id=\"widget\" class=\"tld-translate-web\">\r\n  <div class=\"translate-container-header\">\r\n    <a href=\"/\" id=\"home-link\" [attr.title]=\"'WEBTRANSLATE.BACK' | translate\">\r\n      <img [src]=\"logoLocation\" alt=\"logo\">\r\n      <lib-company-product *ngIf=\"company && product\" [company]=\"company\" [product]=\"product\"></lib-company-product>\r\n    </a>\r\n    <div [ngClass.lt-sm]=\"'tld-translate-mobile'\">\r\n\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"address-wrapper\">\r\n        <div fxFlex class=\"back-btn\">\r\n\r\n          <button (click)=\"goToHome()\" color=\"accent\" mat-flat-button [attr.title]=\"'WEBTRANSLATE.BACK' | translate\">\r\n            <mat-icon inline=true>chevron_left</mat-icon>\r\n          </button>\r\n\r\n        </div>\r\n        <div fxFlex class=\"\">\r\n          <div data-text=\"address\" class=\"\">{{'WEBTRANSLATE.ADDRESS' | translate}}</div>\r\n        </div>\r\n        <div fxFlex=\"100%\" class=\"address-input\">\r\n          <input type=\"url\" #url class=\"url w-100\" autofocus=\"autofocus\" [(ngModel)]=\"urlToTranslate\"\r\n            (keyup.enter)=\"loadButtonClicked()\" />\r\n        </div>\r\n        <div fxFlex class=\"load-btn\">\r\n          <button (click)=\"loadButtonClicked()\" color=\"accent\" mat-flat-button\r\n            [attr.title]=\"'WEBTRANSLATE.LOAD_PAGE' | translate\" [disabled]=\"!urlToTranslate\">\r\n            <mat-icon inline=true>search</mat-icon>\r\n          </button>\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"center\" class=\"tld-translate-switcher-wrapper\">\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxFlex>\r\n          <tld-translate-switcher\r\n            *ngIf=\"switcherOptions\"\r\n            [isCollectionsActivated]=\"isCollectionsActivated\"\r\n            [useParentWidth]=\"useParentWidth\"\r\n            [disabled]=\"actionButtonDisabled\"\r\n            [settings]=\"switcherOptions\"\r\n            [showTranslateButton]=\"false\"\r\n            [hideOnSmallScreens]=\"false\"\r\n            [hideLangMenuLabels]=\"hideLangMenuLabels\"\r\n            [maxDisplayedLanguages]=\"maxDisplayedLanguages\"\r\n            [showDomainsWithLanguageName]=\"showDomainsWithLanguageName\"\r\n            (onDomainChange)=\"systemChange($event)\"\r\n            (onActionClick)=\"translateButtonClick()\"\r\n            (onLanguageSwap)=\"swapLanguages()\"\r\n            (onSourceLanguageChange)=\"sourceLanguageChange($event)\"\r\n            (onTargetLanguageChange)=\"targetLanguageChange($event)\">\r\n          </tld-translate-switcher>\r\n          <div fxFlexAlign=\"center\" class=\"action-btn-wrapper\">\r\n            <tld-translate-button\r\n              *ngIf=\"showTranslateBtn\"\r\n              class=\"switcher-translate-button\"\r\n              [disabled]=\"actionButtonDisabled || !urlToTranslate\">\r\n            </tld-translate-button>\r\n            <button *ngIf=\"showCancel\" mat-flat-button color=\"accent\" (click)=\"cancel()\"\r\n              class=\"cancel-button\">{{'WEBTRANSLATE.CANCEL' | translate}}</button>\r\n            <button *ngIf=\"showRestore\" mat-flat-button color=\"accent\" (click)=\"restore()\"\r\n              class=\"restore-button\">{{'WEBTRANSLATE.RESTORE' | translate}}</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <div id=\"website-frame-container\">\r\n      <mat-progress-bar *ngIf=\"showProgress\" color=\"accent\" [mode]=\"mode\" [value]=\"progressValue\">\r\n      </mat-progress-bar>\r\n      <lib-tld-notification-message [@openCloseAnimation] *ngFor=\"let message of messages; let ix = index\" [message]=\"message\"\r\n        (closeClicked)=\"removeMessage(ix)\"></lib-tld-notification-message>\r\n        <iframe id=\"letsmt-translate-page-iframe\" name=\"letsmtTranslatePageIframe\" src=\"about:blank\"\r\n          [attr.sandbox]=\"sandbox\"></iframe>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".tld-translate-switcher-wrapper{padding:0 .5em;margin-left:auto;margin-right:auto}.translate-container-header{padding:.6em 1em 0;box-sizing:border-box}#widget .translate-container-header{width:100%;height:100%;margin-left:auto;margin-right:auto}#letsmt-translate-page-iframe{width:100%;height:100%;border:0}#website-frame-container{inset:5.92em 0 0;border-top:solid 1px #d4d4d4;position:fixed}#home-link{position:absolute;left:.75em;top:.2em;display:flex;flex-direction:row;text-decoration:none}#home-link img{margin-right:.75em;max-height:5.5em}@media screen and (max-width: 73em){#home-link{display:none}}.back-btn .mat-flat-button,.load-btn .mat-flat-button{width:27px;height:27px;line-height:27px;min-width:27px;padding:0}.back-btn .mat-flat-button .mat-icon,.load-btn .mat-flat-button .mat-icon{vertical-align:top;font-size:1.25em}.address-wrapper{max-width:60em;margin-bottom:.38em;margin-left:auto;margin-right:auto}.load-btn{padding-left:.8em}.back-btn{padding-right:.8em}.cancel-button,.restore-button{min-width:100px;height:36px;align-self:center}.w-100{width:100%}.address-input{padding-left:.9em;padding-right:.65em}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TldTranslateSwitcherComponent, selector: "tld-translate-switcher", inputs: ["buttonDisabled", "showTranslateButton", "hideOnSmallScreens", "disabled", "hideLangMenuLabels", "maxDisplayedLanguages", "collections", "showDomainsWithLanguageName", "isCollectionsActivated", "useParentWidth", "loader", "settings"], outputs: ["onDomainChange", "onActionClick", "onSourceLanguageChange", "onTargetLanguageChange", "onLanguageSwap", "onVendorChange"] }, { kind: "component", type: TldTranslateButtonComponent, selector: "tld-translate-button", inputs: ["disabled", "enablePulseAnimation"], outputs: ["clicked"] }, { kind: "component", type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5$1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i12.NotificationMessageComponent, selector: "lib-tld-notification-message", inputs: ["message", "inline"], outputs: ["buttonClicked", "closeClicked", "linkClicked"] }, { kind: "component", type: i12.CompanyProductComponent, selector: "lib-company-product", inputs: ["company", "product"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], animations: [
         trigger('openCloseAnimation', [
             transition(':enter', [
@@ -9957,7 +10142,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                         ])
                     ], template: "<div id=\"widget\" class=\"tld-translate-web\">\r\n  <div class=\"translate-container-header\">\r\n    <a href=\"/\" id=\"home-link\" [attr.title]=\"'WEBTRANSLATE.BACK' | translate\">\r\n      <img [src]=\"logoLocation\" alt=\"logo\">\r\n      <lib-company-product *ngIf=\"company && product\" [company]=\"company\" [product]=\"product\"></lib-company-product>\r\n    </a>\r\n    <div [ngClass.lt-sm]=\"'tld-translate-mobile'\">\r\n\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"address-wrapper\">\r\n        <div fxFlex class=\"back-btn\">\r\n\r\n          <button (click)=\"goToHome()\" color=\"accent\" mat-flat-button [attr.title]=\"'WEBTRANSLATE.BACK' | translate\">\r\n            <mat-icon inline=true>chevron_left</mat-icon>\r\n          </button>\r\n\r\n        </div>\r\n        <div fxFlex class=\"\">\r\n          <div data-text=\"address\" class=\"\">{{'WEBTRANSLATE.ADDRESS' | translate}}</div>\r\n        </div>\r\n        <div fxFlex=\"100%\" class=\"address-input\">\r\n          <input type=\"url\" #url class=\"url w-100\" autofocus=\"autofocus\" [(ngModel)]=\"urlToTranslate\"\r\n            (keyup.enter)=\"loadButtonClicked()\" />\r\n        </div>\r\n        <div fxFlex class=\"load-btn\">\r\n          <button (click)=\"loadButtonClicked()\" color=\"accent\" mat-flat-button\r\n            [attr.title]=\"'WEBTRANSLATE.LOAD_PAGE' | translate\" [disabled]=\"!urlToTranslate\">\r\n            <mat-icon inline=true>search</mat-icon>\r\n          </button>\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"center\" class=\"tld-translate-switcher-wrapper\">\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxFlex>\r\n          <tld-translate-switcher\r\n            *ngIf=\"switcherOptions\"\r\n            [isCollectionsActivated]=\"isCollectionsActivated\"\r\n            [useParentWidth]=\"useParentWidth\"\r\n            [disabled]=\"actionButtonDisabled\"\r\n            [settings]=\"switcherOptions\"\r\n            [showTranslateButton]=\"false\"\r\n            [hideOnSmallScreens]=\"false\"\r\n            [hideLangMenuLabels]=\"hideLangMenuLabels\"\r\n            [maxDisplayedLanguages]=\"maxDisplayedLanguages\"\r\n            [showDomainsWithLanguageName]=\"showDomainsWithLanguageName\"\r\n            (onDomainChange)=\"systemChange($event)\"\r\n            (onActionClick)=\"translateButtonClick()\"\r\n            (onLanguageSwap)=\"swapLanguages()\"\r\n            (onSourceLanguageChange)=\"sourceLanguageChange($event)\"\r\n            (onTargetLanguageChange)=\"targetLanguageChange($event)\">\r\n          </tld-translate-switcher>\r\n          <div fxFlexAlign=\"center\" class=\"action-btn-wrapper\">\r\n            <tld-translate-button\r\n              *ngIf=\"showTranslateBtn\"\r\n              class=\"switcher-translate-button\"\r\n              [disabled]=\"actionButtonDisabled || !urlToTranslate\">\r\n            </tld-translate-button>\r\n            <button *ngIf=\"showCancel\" mat-flat-button color=\"accent\" (click)=\"cancel()\"\r\n              class=\"cancel-button\">{{'WEBTRANSLATE.CANCEL' | translate}}</button>\r\n            <button *ngIf=\"showRestore\" mat-flat-button color=\"accent\" (click)=\"restore()\"\r\n              class=\"restore-button\">{{'WEBTRANSLATE.RESTORE' | translate}}</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n\r\n    <div id=\"website-frame-container\">\r\n      <mat-progress-bar *ngIf=\"showProgress\" color=\"accent\" [mode]=\"mode\" [value]=\"progressValue\">\r\n      </mat-progress-bar>\r\n      <lib-tld-notification-message [@openCloseAnimation] *ngFor=\"let message of messages; let ix = index\" [message]=\"message\"\r\n        (closeClicked)=\"removeMessage(ix)\"></lib-tld-notification-message>\r\n        <iframe id=\"letsmt-translate-page-iframe\" name=\"letsmtTranslatePageIframe\" src=\"about:blank\"\r\n          [attr.sandbox]=\"sandbox\"></iframe>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".tld-translate-switcher-wrapper{padding:0 .5em;margin-left:auto;margin-right:auto}.translate-container-header{padding:.6em 1em 0;box-sizing:border-box}#widget .translate-container-header{width:100%;height:100%;margin-left:auto;margin-right:auto}#letsmt-translate-page-iframe{width:100%;height:100%;border:0}#website-frame-container{inset:5.92em 0 0;border-top:solid 1px #d4d4d4;position:fixed}#home-link{position:absolute;left:.75em;top:.2em;display:flex;flex-direction:row;text-decoration:none}#home-link img{margin-right:.75em;max-height:5.5em}@media screen and (max-width: 73em){#home-link{display:none}}.back-btn .mat-flat-button,.load-btn .mat-flat-button{width:27px;height:27px;line-height:27px;min-width:27px;padding:0}.back-btn .mat-flat-button .mat-icon,.load-btn .mat-flat-button .mat-icon{vertical-align:top;font-size:1.25em}.address-wrapper{max-width:60em;margin-bottom:.38em;margin-left:auto;margin-right:auto}.load-btn{padding-left:.8em}.back-btn{padding-right:.8em}.cancel-button,.restore-button{min-width:100px;height:36px;align-self:center}.w-100{width:100%}.address-input{padding-left:.9em;padding-right:.65em}\n"] }]
         }], ctorParameters: function () {
-        return [{ type: i1$1.TranslateService }, { type: TldTranslateConfigService }, { type: TldTranslateButtonService }, { type: TldAlertService }, { type: i4$1.Router }, { type: i4$1.ActivatedRoute }, { type: TldSystemService }, { type: TldTermCollectionsService }, { type: TldTranslateWebService }, { type: IconService }, { type: TranslationApiVersion, decorators: [{
+        return [{ type: i1$1.TranslateService }, { type: TldTranslateConfigService }, { type: TldTranslateButtonService }, { type: TldAlertService }, { type: i4$1.Router }, { type: i4$1.ActivatedRoute }, { type: TldSystemService }, { type: TerminologyService }, { type: TldTranslateWebService }, { type: IconService }, { type: TranslationApiVersion, decorators: [{
                         type: Inject,
                         args: [TRANSLATION_API_VERSION_TOKEN]
                     }] }];
@@ -10278,6 +10463,123 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 args: [TldTranslateBodyComponent]
             }] } });
 
+class MtTermV1Service {
+    constructor(http, config) {
+        this.http = http;
+        this.config = config;
+    }
+    add(engineId, collection) {
+        const url = `${this.config.coreConfig.translationServiceUrl}AttachTermsFromTildeTerm`;
+        return this.http.get(url, { params: { systemID: engineId, tildeTermColectionID: collection.termId } })
+            .pipe(map(data => this.convertToCombinedCollection(data)));
+    }
+    getList(engineId) {
+        const headers = Common.getAuthHeaders(this.config);
+        const url = `${this.config.coreConfig.translationServiceUrl}GetDetailedSystemTermCorpora`;
+        const params = { systemID: engineId };
+        return this.http.get(url, { headers, params }).pipe(map((data) => {
+            const mtCollections = [];
+            data.forEach((collection) => {
+                mtCollections.push(this.convertToCombinedCollection(collection));
+            });
+            return mtCollections;
+        }));
+    }
+    remove(engineId, collection) {
+        throw new Error("not Implemented");
+    }
+    convertToCombinedCollection(collection) {
+        const convertedMtCollection = {
+            id: collection.CorpusId,
+            termId: collection.TildeTermId,
+            lastUpdated: new Date(collection.AttachmentDateTime),
+            name: collection.Title,
+            // any because enums should overlap
+            status: collection.Status
+        };
+        return new CombinedCollection(null, convertedMtCollection);
+    }
+}
+MtTermV1Service.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MtTermV1Service, deps: [{ token: i1$3.HttpClient }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+MtTermV1Service.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MtTermV1Service, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MtTermV1Service, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }, { type: TldTranslateConfigService }]; } });
+
+class MtTermV2Service {
+    constructor(config, engineTermApi) {
+        this.config = config;
+        this.engineTermApi = engineTermApi;
+        this.baseUrl = this.config.termConfig.engineTermUrl;
+    }
+    add(engineId, collection) {
+        if (!collection.mtCollection) {
+            const params = {
+                collectionId: collection.termId,
+                default: collection.editables.default,
+                collectionSource: collection.source,
+                scope: collection.editables.scope
+            };
+            return this.engineTermApi.add(engineId, params)
+                .pipe(map(collection => this.convertToCombinedCollection(collection)));
+        }
+        else {
+            const params = {
+                default: collection.editables.default,
+                scope: collection.editables.scope
+            };
+            return this.engineTermApi.update(engineId, collection.termId, params)
+                .pipe(map(collection => this.convertToCombinedCollection(collection)));
+        }
+    }
+    getList(engineId) {
+        return this.engineTermApi.getList(engineId)
+            .pipe(map((collections) => {
+            var _a;
+            const converted = [];
+            (_a = collections === null || collections === void 0 ? void 0 : collections.termCollections) === null || _a === void 0 ? void 0 : _a.forEach((collection) => {
+                converted.push(this.convertToCombinedCollection(collection));
+            });
+            return converted;
+        }));
+    }
+    remove(engineId, collection) {
+        return this.engineTermApi.remove(engineId, collection.mtCollection.id).pipe(map(collection => this.convertToCombinedCollection(collection)));
+    }
+    convertToCombinedCollection(collection) {
+        const convertedMtCollection = {
+            id: collection.id,
+            lastUpdated: new Date(collection.collectionUpdatedAt),
+            name: collection.name,
+            status: collection.status,
+            termId: collection.collectionId,
+            default: collection.default,
+            scope: collection.scope
+        };
+        return new CombinedCollection(null, convertedMtCollection);
+    }
+}
+MtTermV2Service.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MtTermV2Service, deps: [{ token: TldTranslateConfigService }, { token: EningeTermApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+MtTermV2Service.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MtTermV2Service, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MtTermV2Service, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: TldTranslateConfigService }, { type: EningeTermApiService }]; } });
+
+function mtTermApiFactory(version, config, http, engineTermService) {
+    if (version === TranslationApiVersion.V1) {
+        return new MtTermV1Service(http, config);
+    }
+    else {
+        return new MtTermV2Service(config, engineTermService);
+    }
+}
+
 var FileV2Category;
 (function (FileV2Category) {
     FileV2Category["SOURCE"] = "SOURCE";
@@ -10310,7 +10612,7 @@ class FileApiV2Service {
             formData.append("domain", properties.system.domain);
         }
         const headers = Common.GetApiV2AuthHeaders(this.config);
-        return this.http.post(this.url, formData, { headers }).pipe(map(response => response.id));
+        return this.http.post(this.url, formData, { headers }).pipe(map$1(response => response.id));
     }
     remove(properties) {
         if (properties.file.translationStartedOnServer) {
@@ -10332,7 +10634,7 @@ class FileApiV2Service {
     }
     getStatus(properties) {
         const headers = Common.GetApiV2AuthHeaders(this.config);
-        return this.http.get(`${this.url}/${properties.file.id}`, { headers }).pipe(map((response) => {
+        return this.http.get(`${this.url}/${properties.file.id}`, { headers }).pipe(map$1((response) => {
             const extensions = [];
             response.files.forEach((file) => {
                 if (file.category.toUpperCase() === FileV2Category.TRANSLATED) {
@@ -10380,7 +10682,7 @@ class TldSystemApiV2Service {
     getSystemList() {
         var _a, _b;
         const headers = Common.GetApiV2AuthHeaders(this.config);
-        return this.http.get((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.apiV2Config) === null || _b === void 0 ? void 0 : _b.systemListUrl, { headers }).pipe(map((response) => {
+        return this.http.get((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.apiV2Config) === null || _b === void 0 ? void 0 : _b.systemListUrl, { headers }).pipe(map$1((response) => {
             const systems = [];
             const uniqueDirections = [];
             const autoDomainSystems = [];
@@ -10393,7 +10695,9 @@ class TldSystemApiV2Service {
                     sourceLanguage: system.srcLang,
                     targetLanguage: system.trgLang,
                     translationApiVersion: TranslationApiVersion.V2,
-                    vendor: system.vendor
+                    vendor: system.vendor,
+                    // hardcoded since there is no param yet for determinig which systems support terms.
+                    includesTerminology: true
                 };
                 systems.push(newSystem);
                 if (((_a = this.config.apiV2Config) === null || _a === void 0 ? void 0 : _a.autoDomainDetection) && !uniqueDirections.includes(languageDirections)) {
@@ -10446,7 +10750,7 @@ class TldSystemApiService {
         const params = {
             appID: this.config.coreConfig.appId,
         };
-        return this.http.get((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.coreConfig) === null || _b === void 0 ? void 0 : _b.systemListUrl, { headers, params }).pipe(map((response) => {
+        return this.http.get((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.coreConfig) === null || _b === void 0 ? void 0 : _b.systemListUrl, { headers, params }).pipe(map$1((response) => {
             const systems = [];
             response.System.forEach(element => {
                 var _a;
@@ -10519,7 +10823,7 @@ class TldTranslateTextApiV2Service {
         if (this.config.textConfig.checkSourceGrammar && this.config.textConfig.grammarCheckLanguages.includes(params.system.sourceLanguage)) {
             this.checkAndAttachGrammarToTree(params.text, params.system.sourceLanguage, sourceTree);
         }
-        return this.http.post(this.config.apiV2Config.translationUrl, requestParams, { headers }).pipe(map((translationResponse) => {
+        return this.http.post(this.config.apiV2Config.translationUrl, requestParams, { headers }).pipe(map$1((translationResponse) => {
             const systemId = `${requestParams.srcLang}-${requestParams.trgLang}-${translationResponse.domain}`;
             const originalTranslation = translationResponse.translations[0].translation;
             const targetTree = {
@@ -10598,8 +10902,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
         }], ctorParameters: function () { return [{ type: i1$3.HttpClient }, { type: TldTranslateConfigService }]; } });
 
 class TldTranslateTextApiService {
-    constructor(collectionService, http, config, alerts) {
-        this.collectionService = collectionService;
+    constructor(terminologyService, http, config, alerts) {
+        this.terminologyService = terminologyService;
         this.http = http;
         this.config = config;
         this.alerts = alerts;
@@ -10636,11 +10940,11 @@ class TldTranslateTextApiService {
             systemID: requestParams.system.id,
             text: requestParams.text,
         };
-        const selectedCollectionId = this.collectionService.selectedIdForTranslation();
+        const selectedCollectionId = this.terminologyService.selectedIdForTranslation();
         if (selectedCollectionId) {
             params.options += `,termCorpusId=${selectedCollectionId}`;
         }
-        return this.http.get((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.textConfig) === null || _b === void 0 ? void 0 : _b.translationUrl, { headers: headers, params: params }).pipe(map((response) => {
+        return this.http.get((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.textConfig) === null || _b === void 0 ? void 0 : _b.translationUrl, { headers: headers, params: params }).pipe(map$1((response) => {
             if (response.ErrorMessage) {
                 this.alerts.unhandeledError(response.ErrorMessage);
                 throw response.ErrorMessage;
@@ -10768,21 +11072,21 @@ class TldTranslateTextApiService {
         });
     }
 }
-TldTranslateTextApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTranslateTextApiService, deps: [{ token: TldTermCollectionsService }, { token: i1$3.HttpClient }, { token: TldTranslateConfigService }, { token: TldAlertService }], target: i0.ɵɵFactoryTarget.Injectable });
+TldTranslateTextApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTranslateTextApiService, deps: [{ token: TerminologyService }, { token: i1$3.HttpClient }, { token: TldTranslateConfigService }, { token: TldAlertService }], target: i0.ɵɵFactoryTarget.Injectable });
 TldTranslateTextApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTranslateTextApiService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldTranslateTextApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: TldTermCollectionsService }, { type: i1$3.HttpClient }, { type: TldTranslateConfigService }, { type: TldAlertService }]; } });
+        }], ctorParameters: function () { return [{ type: TerminologyService }, { type: i1$3.HttpClient }, { type: TldTranslateConfigService }, { type: TldAlertService }]; } });
 
-function textApiServiceFactory(version, config, http, collectionsService, alerts) {
+function textApiServiceFactory(version, config, http, terminologyService, alerts) {
     if (version === TranslationApiVersion.V2) {
         return new TldTranslateTextApiV2Service(http, config);
     }
     else {
-        return new TldTranslateTextApiService(collectionsService, http, config, alerts);
+        return new TldTranslateTextApiService(terminologyService, http, config, alerts);
     }
 }
 
@@ -10797,7 +11101,7 @@ class TldTranslateModule {
                     TRANSLATION_API_VERSION_TOKEN,
                     TldTranslateConfigService,
                     HttpClient,
-                    TldTermCollectionsService,
+                    TerminologyService,
                     TldAlertService
                 ]
             },
@@ -10808,10 +11112,20 @@ class TldTranslateModule {
                     TRANSLATION_API_VERSION_TOKEN,
                     TldTranslateConfigService,
                     HttpClient,
-                    TldTermCollectionsService,
+                    TerminologyService,
                     TldAlertService
                 ]
             },
+            {
+                provide: MT_TERM_API_TOKEN,
+                useFactory: mtTermApiFactory,
+                deps: [
+                    TRANSLATION_API_VERSION_TOKEN,
+                    TldTranslateConfigService,
+                    HttpClient,
+                    EningeTermApiService
+                ]
+            },
         ];
         if (translationApiVersion !== null) {
             providers.push({
@@ -10890,5 +11204,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AudioRecordService, Common, ConvertedCollectionTooltipKey, ConvertedCollectionType, ErrorCode, ExtensionDialogComponent, ExtensionDialogModule, ExtensionDialogService, FILE_API_SERVICE_TOKEN, FileCategories, FileExtensions, FileTranslationSubstatus, FileTypeIcons, FileTypes, HighlightParams, HighlightTreeComponent, IconService, MtCollectionsApiService, OPEN_CLOSE_BTN_ICONS_TOKEN, OpenExtensionDialogComponent, OpenedMenu, SYSTEM_SERVICE_TOKEN, SourceAndTargetWrapperComponent, TEXT_API_SERVICE_TOKEN, TLD_TRANSLATE_CONFIG_TOKEN, TRANSLATION_API_VERSION_TOKEN, TermApiService, TextToSpeechComponent, TextToSpeechModule, TextareaWithBackgroundComponent, TldAlertService, TldAudioModule, TldCommonModule, TldConvertedCollection, TldDictateComponent, TldDictionaryComponent, TldDocumentModule, TldDomainListComponent, TldFileTranslateBaseComponent, TldHighlightService, TldLangListComponent, TldListMenuComponent, TldLoaderComponent, TldMessageComponent, TldMessageType, TldOpenCloseButtonComponent, TldRecordComponent, TldSystemService, TldTermCollectionComponent, TldTermCollectionListComponent, TldTermCollectionsService, TldTermCreateCollectionDialogComponent, TldTermMenuComponent, TldTermModule, TldTermPromotionComponent, TldTextModule, TldTooltipModule, TldTranslateAchievementComponent, TldTranslateButtonComponent, TldTranslateComponent, TldTranslateConfigService, TldTranslateFileApiService, TldTranslateFileComponent, TldTranslateFileDownloadButtonComponent, TldTranslateFileMultipleComponent, TldTranslateFileService, TldTranslateImageConversionHelpComponent, TldTranslateModule, TldTranslatePdfConversionHelpComponent, TldTranslateSourceComponent, TldTranslateSuggestComponent, TldTranslateSuggestDialogComponent, TldTranslateSwitcherComponent, TldTranslateTextComponent, TldTranslateTextService, TldTranslateWebsiteComponent, TldVoiceInputApiService, TldVoiceInputService, TldWebModule, TranslateDomainPipe, TranslationApiVersion, TranslationStatuss, TranslationSystemPickerButtonComponent, TranslationSystemPickerComponent, TranslationSystemPickerDropdownComponent, TranslationSystemPickerFilterComponent, TranslationSystemPickerLanguageListComponent, TranslationSystemPickerService, VoiceToTextState, availableLanguages, languageMenuVersion };
+export { AudioRecordService, CombinedCollection, CombinedCollectionTooltipKey, Common, CreateCollectionComponent, EngineTermCollectionScope, EngineTermCollectionSource, EngineTermCollectionStatus, EningeTermApiService, ErrorCode, ExtensionDialogComponent, ExtensionDialogModule, ExtensionDialogService, FILE_API_SERVICE_TOKEN, FileCategories, FileExtensions, FileTranslationSubstatus, FileTypeIcons, FileTypes, HighlightParams, HighlightTreeComponent, IconService, MT_TERM_API_TOKEN, MtCollectionStatus, OPEN_CLOSE_BTN_ICONS_TOKEN, OpenExtensionDialogComponent, OpenedMenu, SYSTEM_SERVICE_TOKEN, SourceAndTargetWrapperComponent, TEXT_API_SERVICE_TOKEN, TLD_TRANSLATE_CONFIG_TOKEN, TRANSLATION_API_VERSION_TOKEN, TermApiService, TerminologyService, TextToSpeechComponent, TextToSpeechModule, TextareaWithBackgroundComponent, TldAlertService, TldAudioModule, TldCommonModule, TldDictateComponent, TldDictionaryComponent, TldDocumentModule, TldDomainListComponent, TldFileTranslateBaseComponent, TldHighlightService, TldLangListComponent, TldListMenuComponent, TldLoaderComponent, TldMessageComponent, TldMessageType, TldOpenCloseButtonComponent, TldRecordComponent, TldSystemService, TldTermCollectionComponent, TldTermCollectionListComponent, TldTermCreateCollectionDialogComponent, TldTermMenuComponent, TldTermModule, TldTermPromotionComponent, TldTextModule, TldTooltipModule, TldTranslateAchievementComponent, TldTranslateButtonComponent, TldTranslateComponent, TldTranslateConfigService, TldTranslateFileApiService, TldTranslateFileComponent, TldTranslateFileDownloadButtonComponent, TldTranslateFileMultipleComponent, TldTranslateFileService, TldTranslateImageConversionHelpComponent, TldTranslateModule, TldTranslatePdfConversionHelpComponent, TldTranslateSourceComponent, TldTranslateSuggestComponent, TldTranslateSuggestDialogComponent, TldTranslateSwitcherComponent, TldTranslateTextComponent, TldTranslateTextService, TldTranslateWebsiteComponent, TldVoiceInputApiService, TldVoiceInputService, TldWebModule, TranslateDomainPipe, TranslationApiVersion, TranslationStatuss, TranslationSystemPickerButtonComponent, TranslationSystemPickerComponent, TranslationSystemPickerDropdownComponent, TranslationSystemPickerFilterComponent, TranslationSystemPickerLanguageListComponent, TranslationSystemPickerService, VoiceToTextState, availableLanguages, languageMenuVersion };
 //# sourceMappingURL=tilde-nlp-ngx-translate.mjs.map