@tilde-nlp/ngx-translate 9.1.42 → 9.1.43

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

@@ -17,7 +17,7 @@ import * as i6 from '@ngbracket/ngx-layout/extended';
 import * as i2 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { trigger, state, transition, style, animate, keyframes } from '@angular/animations';
-import * as i1$2 from '@angular/material/button';
+import * as i8 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i3$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
@@ -30,7 +30,7 @@ import { FlexLayoutModule } from '@ngbracket/ngx-layout';
 import * as i2$1 from '@angular/material/dialog';
 import { MatDialogConfig, MatDialogModule } from '@angular/material/dialog';
 import { saveAs } from 'file-saver';
-import * as i1$3 from '@angular/common/http';
+import * as i1$2 from '@angular/common/http';
 import * as i3$2 from '@angular/platform-browser';
 import * as i11 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
@@ -39,7 +39,7 @@ import { Clipboard, ClipboardModule } from '@angular/cdk/clipboard';
 import * as i2$3 from '@angular/cdk/layout';
 import { LayoutModule, Breakpoints } from '@angular/cdk/layout';
 import { RecognitionStatus, SAMPLE_RATE_PLACEHOLDER, AsrClient } from '@tilde-nlp/asr-api-client';
-import * as i1$4 from '@angular/cdk/overlay';
+import * as i1$3 from '@angular/cdk/overlay';
 import * as i4$3 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import { marked } from 'marked';
@@ -526,6 +526,7 @@ const i18n_de = {
         "PROFESSIONAL_AI": "Professionelle KI",
         "TILDEOPEN": "TildeOpen",
         "BETA": "Next-Gen EU LLM",
+        "AUTO_SELECT": "Automatische Auswahl"
     },
     "DOMAIN_GROUPS": {
         "ADVANCED_MODELS_TITLE": "Optimierte Modelle (LLM)",
@@ -548,7 +549,7 @@ const i18n_de = {
         "PUNCTUATION_MESSAGE": "Bitte fügen Sie dem erkannten Text Satzzeichen hinzu. Lange Texte ohne Zeichensetzung können eine geringere Übersetzungsqualität aufweisen oder nicht übersetzt werden."
     },
     "EXTENSION_POPUP": {
-        "OPEN": "Alle unterstützten Formate anzeigen",
+        "OPEN": "Unterstützte Formate",
         "TITLE": "Unterstützte Dateiformate",
         "DESCRIPTION": "UTF-8- oder UTF-16-Kodierung erforderlich, um eine korrekte Dateiübersetzung zu gewährleisten",
         "OFFICE": "Office",
@@ -561,7 +562,6 @@ const i18n_de = {
         "MULTIPLE_FILE_UPLOAD": "Weitere",
         "MULTIPLE_FILE_UPLOAD_MORE": "Dateien hinzufügen ",
         "TRANSLATE_TEXT_UPLOAD": "Auswählen",
-        "TRANSLATE_TEXT_DRAG_AND_DROP": "oder per Drag & Drop ",
         "FILE": "eine Datei",
         "FILES": "Dateien",
         "LIMITS_MB": "Max. {{maxSizeMB}} MB",
@@ -677,9 +677,8 @@ const i18n_en = {
         "STATUSS_QUEUING": "Queuing",
         "STATUSS_UPLOADING": "Uploading...",
         "STATUSS_UPLOADED": "Uploaded",
-        "PDF_DISCLAIMER": "PDF documents may have formatting or translation errors.",
         "PDF_DISCLAIMER_LINK": "Read about pdf conversion.",
-        "IMAGE_DISCLAIMER": "Image conversion may cause formatting errors or text distortion.",
+        "CONVERSION_DISCLAIMER": "Text is extracted automatically and may contain errors.",
         "IMAGE_DISCLAIMER_LINK": "Read about image conversion.",
         "SCREEN_READER_ANNOUNCEMENT": "{{translated}} out of {{total}} files are translated."
     },
@@ -923,61 +922,19 @@ const i18n_en = {
         "CREATE_SUMMARY": "Create summary",
         "UPLOAD": "Upload file"
     },
-    "PDF_CONVERSION": {
-        "TITLE_1": "PDF translation",
-        "PARAGRAPH_1_1": "When a .pdf file is uploaded for translation it is converted into a translatable format. Both scanned and native .pdfs are supported. Translations can be downloaded in .docx format and will retain the basic formatting. ",
-        "PARAGRAPH_1_2": "As conversion takes time, to speed things up split your .pdfs and delete the pages with no translatable information. Factors like the number of pages, quality and text density affect the processing time.",
-        "PARAGRAPH_1_3": "To improve translation performance, we recommend to download the converted document in the original language and fix it manually before re-uploading for translation.",
-        "IMAGE_ALT_1": "Source PDF download example",
-        "TITLE_2": "PDF conversion",
-        "PARAGRAPH_2_1": "The document is analysed and its content is split in text, table and image/background image areas. They are analysed further to determine which content should be recognized as text.",
-        "PARAGRAPH_2_2": "Textual data are acquired by means of OCR or optical character recognition. Every character is recognized depending on its visual characteristics, then assembled into words and sentences.",
-        "PARAGRAPH_2_3": "Recognition is affected by many factors, including:",
-        "LI_1_1": "Quality of the scanned document (blurred or deformed text, image noise, image resolution, contrast etc.). For the best result, .pdfs should be at least 300 dpi, unskewed and noise free.",
-        "LI_1_2": "Font size. Sizes smaller than 9 points might be poorly recognized. ",
-        "LI_1_3": "Rare and original fonts. Less common fonts may be unrecognizable or perform worse.",
-        "LI_1_4": "Complexity of the document structure and formatting.",
-        "TITLE_3": "Improving translation performance",
-        "PARAGRAPH_3_1": "The conversion process is very complex and may be affected by various errors resulting from the input document. ",
-        "PARAGRAPH_3_2": "Issues to look for:",
-        "LI_2_1": "Incorrectly recognized words.",
-        "LI_2_2": "Incorrect word boundaries.",
-        "LI_2_3": "Sentences spanning multiple columns, lines or pages split into different textual objects.",
-        "LI_2_4": "Misplaced page footers and headers.",
-        "LI_2_5": "Incorrect numbering.",
-        "LI_2_6": "Tables recognized as background images with textual content placed into different textual objects.",
-        "LI_2_7": "Some diagrams recognized as images without any textual content.",
-        "LI_2_8": "Separators, borders or other horizontal lines recognized as strikethrough or underlined text.",
-        "LI_2_9": "Formatting of the table of contents or similar lists collapsed or recognized as strikethrough or underlined text.",
-        "PARAGRAPH_4_1": "<b>Note that the resulting document will not retain all details of the original formatting.</b> Some images, tables or diagrams may become distorted or simplified. Fonts in the translated document will not be the same as in the original, but may be similar. Incorrect font size may be recognized. Specific Word formatting like headings, tables of content, headers and footers, labels, forms etc. will be styled to look like the original, but will not match the original completely (e.g. titles will be bold and in larger font, but will not be set to the heading style).",
-        "CLOSE": "Close dialog"
-    },
-    "IMAGE_CONVERSION": {
-        "TITLE_1": "Image translation",
-        "PARAGRAPH_1_1": "When an image file is uploaded for translation it is converted into a translatable format. Translations can be downloaded in .docx format and will retain the basic formatting.",
-        "PARAGRAPH_1_2": "<b>Supported image formats:</b> .jpg, .jpeg, .png and .bmp.",
-        "PARAGRAPH_1_3": "To improve translation performance, we recommend to download the converted document in the original language and fix it manually before re-uploading for translation.",
-        "IMAGE_ALT_1": "Source image download example",
-        "TITLE_2": "Image conversion",
-        "PARAGRAPH_2_1": "The image is analysed and its content is split in text, table and image/background image areas. They are analysed further to determine which content should be recognized as text.",
-        "PARAGRAPH_2_2": "Textual data are acquired by means of OCR or optical character recognition. Every character is recognized depending on its visual characteristics, then assembled into words and sentences.",
-        "PARAGRAPH_2_3": "Recognition is affected by many factors, including:",
-        "LI_1_1": "Quality of the scanned image (blurred or deformed text, image noise, image resolution, contrast etc.). For the best result, images should be at least 300 dpi, unskewed and noise free.",
-        "LI_1_2": "Font size. Sizes smaller than 9 points might be poorly recognized. ",
-        "LI_1_3": "Rare and original fonts. Less common fonts may be unrecognizable or perform worse.",
-        "LI_1_4": "Complexity of the document structure and formatting.",
-        "TITLE_3": "Improving translation performance",
-        "PARAGRAPH_3_1": "The conversion process is very complex and may be affected by various errors resulting from the input document. ",
-        "PARAGRAPH_3_2": "Issues to look for:",
-        "LI_2_1": "Incorrectly recognized words.",
-        "LI_2_2": "Incorrect word boundaries.",
-        "LI_2_3": "Sentences spanning multiple columns, lines or pages split into different textual objects.",
-        "LI_2_4": "Misplaced page footers and headers.",
-        "LI_2_5": "Incorrect numbering.",
-        "LI_2_6": "Tables recognized as background images with textual content placed into different textual objects.",
-        "LI_2_7": "Some diagrams recognized as images without any textual content.",
-        "LI_2_8": "Separators, borders or other horizontal lines recognized as strikethrough or underlined text.",
-        "PARAGRAPH_4_1": "<b>Note that the resulting document will not retain all details of the original formatting.</b> Some images, tables or diagrams may become distorted or simplified. Fonts in the translated document will not be the same as in the original, but may be similar. Incorrect font size may be recognized.",
+    "CONVERSION_HELP": {
+        "TITLE": "Image & PDF Translation",
+        "DESCRIPTION": "When you upload an image (.jpg, .png, .bmp) or PDF (scanned or native), it is converted into a translatable format. Your translation will be available as a <b>.docx</b> file with its basic layout preserved.",
+        "BEST_RESULTS": "Best Results",
+        "FILE_QUALITY": "<b>File Quality:</b> Use clear, unskewed files at 300 dpi or higher for better text recognition.",
+        "READABLE_TEXT": "<b>Readable Text:</b> Avoid fonts smaller than 9pt or rare, decorative styles.",
+        "OPTIMIZE_PDFS": "<b>Optimize PDFs:</b> Split large files and remove non-essential pages to speed up processing.",
+        "PRO_TIP": "<b>Pro Tip:</b> For the highest accuracy, download the converted document in the <b>original language</b> first. Fix any typos or layout issues manually, then re-upload that file for translation.",
+        "FORMATTING_LAYOUT": "Formatting & Layout",
+        "FORMATTING_DESCRIPTION": "Because conversion is complex, the resulting document may not be an exact match:",
+        "TABLES_DIAGRAMS": "Tables, diagrams, or headers may be simplified or shifted.",
+        "FONTS": "Fonts will be replaced with similar styles, but may not match the original exactly.",
+        "COMPLEX_STRUCTURES": "Complex structures (like Tables of Contents or footers) may require manual adjustment.",
         "CLOSE": "Close dialog"
     },
     "WEBTRANSLATE": {
@@ -1081,6 +1038,7 @@ const i18n_en = {
         "PROFESSIONAL_AI": "Professional AI",
         "TILDEOPEN": "TildeOpen",
         "BETA": "Next-Gen EU LLM",
+        "AUTO_SELECT": "Auto-select"
     },
     "DOMAIN_GROUPS": {
         "ADVANCED_MODELS_TITLE": "Advanced models (LLM)",
@@ -1103,7 +1061,7 @@ const i18n_en = {
         "PUNCTUATION_MESSAGE": "Please add punctuation to the recognized text. Long text without punctuation may have lower translation quality or not be translated."
     },
     "EXTENSION_POPUP": {
-        "OPEN": "see all supported formats",
+        "OPEN": "Supported formats",
         "TITLE": "Supported file formats",
         "DESCRIPTION": "UTF-8 or UTF-16 coding required to ensure correct file translation",
         "OFFICE": "Office",
@@ -1116,7 +1074,6 @@ const i18n_en = {
         "MULTIPLE_FILE_UPLOAD": "Add",
         "MULTIPLE_FILE_UPLOAD_MORE": "more files ",
         "TRANSLATE_TEXT_UPLOAD": "Upload",
-        "TRANSLATE_TEXT_DRAG_AND_DROP": "or drag and drop ",
         "FILE": "a file",
         "FILES": "files",
         "LIMITS_MB": "Max {{maxSizeMB}}MB",
@@ -1609,6 +1566,7 @@ const i18n_et = {
         "PROFESSIONAL_AI": "Erialane tehisintellekt",
         "TILDEOPEN": "TildeOpen",
         "BETA": "Next-Gen EU LLM",
+        "AUTO_SELECT": "Automaatne valik"
     },
     "DOMAIN_GROUPS": {
         "ADVANCED_MODELS_TITLE": "Täiustatud mudelid (LLM)",
@@ -1659,7 +1617,7 @@ const i18n_et = {
         "PUNCTUATION_MESSAGE": "Lisage tuvastatud tekstile kirjavahemärgid. Kirjavahemärkideta pikal tekstil võib olla kehvem tõlkekvaliteet või seda ei pruugita tõlkida"
     },
     "EXTENSION_POPUP": {
-        "OPEN": "kuva kõik toetatud vormingud",
+        "OPEN": "Toetatud vormingud",
         "TITLE": "Toetatud failivormingud",
         "DESCRIPTION": "Faili õige tõlke tagamiseks on vaja kodeeringut UTF-8 või UTF-16",
         "OFFICE": "Office",
@@ -1672,7 +1630,6 @@ const i18n_et = {
         "MULTIPLE_FILE_UPLOAD": "Lisa",
         "MULTIPLE_FILE_UPLOAD_MORE": "veel faile ",
         "TRANSLATE_TEXT_UPLOAD": "Valige",
-        "TRANSLATE_TEXT_DRAG_AND_DROP": "või pukseerige ",
         "FILE": "fail",
         "FILES": "failid",
         "LIMITS_MB": "Max {{maxSizeMB}}MB",
@@ -2164,6 +2121,7 @@ const i18n_fi = {
         "PROFESSIONAL_AI": "Ammattimainen tekoäly",
         "TILDEOPEN": "TildeOpen",
         "BETA": "Next-Gen EU LLM",
+        "AUTO_SELECT": "Automaattinen valinta"
     },
     "DOMAIN_GROUPS": {
         "ADVANCED_MODELS_TITLE": "Huippumallit (LLM)",
@@ -2214,7 +2172,7 @@ const i18n_fi = {
         "PUNCTUATION_MESSAGE": "Lisää tunnistettuun tekstiin välimerkit. Pitkä teksti ilman välimerkkejä voi heikentää käännöslaatua tai estää kääntämisen"
     },
     "EXTENSION_POPUP": {
-        "OPEN": "katso kaikki tuetut muodot",
+        "OPEN": "Tuetut muodot",
         "TITLE": "Tuetut tiedostomuodot",
         "DESCRIPTION": "Tiedoston kääntäminen oikein edellyttää UTF-8- tai UTF-16-koodausta",
         "OFFICE": "Office",
@@ -2227,7 +2185,6 @@ const i18n_fi = {
         "MULTIPLE_FILE_UPLOAD": "Lisää",
         "MULTIPLE_FILE_UPLOAD_MORE": "tiedostoja ",
         "TRANSLATE_TEXT_UPLOAD": "Valitse",
-        "TRANSLATE_TEXT_DRAG_AND_DROP": "tai vedä ja pudota ",
         "FILE": "tiedosto",
         "FILES": "tiedostot",
         "LIMITS_MB": "Enintään {{maxSizeMB}}Mt",
@@ -2747,6 +2704,7 @@ const i18n_lt = {
         "PROFESSIONAL_AI": "Profesionalus DI",
         "TILDEOPEN": "TildeOpen",
         "BETA": "Next-Gen EU LLM",
+        "AUTO_SELECT": "Automatinis pasirinkimas"
     },
     "DOMAIN_GROUPS": {
         "ADVANCED_MODELS_TITLE": "Patobulinti modeliai (LLM)",
@@ -2769,7 +2727,7 @@ const i18n_lt = {
         "PUNCTUATION_MESSAGE": "Atpažintame tekste sudėkite skyrybos ženklus. Ilgo teksto be skyrybos ženklų vertimo kokybė gali būti prastesnė arba jo gali nepavykti išversti"
     },
     "EXTENSION_POPUP": {
-        "OPEN": "peržiūrėti visus palaikomus formatus",
+        "OPEN": "Palaikomi formatai",
         "TITLE": "Palaikomi failų formatai",
         "DESCRIPTION": "Norint užtikrinti teisingą failo vertimą, koduotė turi būti UTF-8 arba UTF-16",
         "OFFICE": "„Office“",
@@ -2782,7 +2740,6 @@ const i18n_lt = {
         "MULTIPLE_FILE_UPLOAD": "Pridėti",
         "MULTIPLE_FILE_UPLOAD_MORE": "daugiau failų ",
         "TRANSLATE_TEXT_UPLOAD": "Pasirinkite",
-        "TRANSLATE_TEXT_DRAG_AND_DROP": "arba nuvilkite ",
         "FILE": "failus",
         "FILES": "failai",
         "LIMITS_MB": "Maks. {{maxSizeMB}} MB",
@@ -3316,6 +3273,7 @@ const i18n_lv = {
         "MEDICAL": "Medicīnas",
         "TILDEOPEN": "TildeOpen",
         "BETA": "Next-Gen EU LLM",
+        "AUTO_SELECT": "Automātiskā izvēle"
     },
     "AUDIO": {
         "START": "Tulkot runu",
@@ -3328,7 +3286,7 @@ const i18n_lv = {
         "PUNCTUATION_MESSAGE": "Lūdzu, pievienojiet atpazītajam tekstam pieturzīmes. Garam tekstam bez pieturzīmēm var būt zemāka tulkojuma kvalitāte, vai arī tas var nebūt tulkots"
     },
     "EXTENSION_POPUP": {
-        "OPEN": "skatīt visus atbalstītos formātus",
+        "OPEN": "Atbalstītie formāti",
         "TITLE": "Atbalstītie failu formāti",
         "DESCRIPTION": "Nepieciešama UTF-8 vai UTF-16 kodēšana, lai nodrošinātu pareizu failu tulkošanu",
         "OFFICE": "Office",
@@ -3341,7 +3299,6 @@ const i18n_lv = {
         "MULTIPLE_FILE_UPLOAD": "Pievienot",
         "MULTIPLE_FILE_UPLOAD_MORE": "vēl failus ",
         "TRANSLATE_TEXT_UPLOAD": "Atlasiet",
-        "TRANSLATE_TEXT_DRAG_AND_DROP": "vai velciet un nometiet ",
         "FILE": "failu",
         "FILES": "failus",
         "LIMITS_MB": "Maks. {{maxSizeMB}}MB",
@@ -3860,7 +3817,8 @@ const i18n_pl = {
         "ACADEMIC_AI": "Naukowe SI",
         "PROFESSIONAL_AI": "Profesjonalne SI",
         "TILDEOPEN": "TildeOpen",
-        "BETA": "Next-Gen EU LLM"
+        "BETA": "Next-Gen EU LLM",
+        "AUTO_SELECT": "Wybór automatyczny"
     },
     "DOMAIN_GROUPS": {
         "ADVANCED_MODELS_TITLE": "Udoskonalone modele (LLM)",
@@ -3883,7 +3841,7 @@ const i18n_pl = {
         "PUNCTUATION_MESSAGE": "Dodaj interpunkcję do rozpoznanego tekstu. Długi tekst bez interpunkcji może mieć niższą jakość tłumaczenia lub nie zostać przetłumaczony"
     },
     "EXTENSION_POPUP": {
-        "OPEN": "zobacz wszystkie obsługiwane formaty",
+        "OPEN": "Obsługiwane formaty",
         "TITLE": "Obsługiwane formaty plików",
         "DESCRIPTION": "Konieczne jest kodowanie UTF-8 lub UTF-16 w celu zapewnienia prawidłowego tłumaczenia pliku",
         "OFFICE": "Office",
@@ -3896,7 +3854,6 @@ const i18n_pl = {
         "MULTIPLE_FILE_UPLOAD": "Dodaj",
         "MULTIPLE_FILE_UPLOAD_MORE": "więcej plików ",
         "TRANSLATE_TEXT_UPLOAD": "Wybierz",
-        "TRANSLATE_TEXT_DRAG_AND_DROP": "lub przeciągnij i upuść ",
         "FILE": "plik",
         "FILES": "pliki",
         "LIMITS_MB": "Maks. {{maxSizeMB}} MB",
@@ -6406,7 +6363,7 @@ class TldTranslateButtonComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateButtonComponent, deps: [{ token: TldTranslateButtonService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldTranslateButtonComponent, isStandalone: false, selector: "tld-translate-button", inputs: { disabled: "disabled", enablePulseAnimation: "enablePulseAnimation" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button id=\"tld-translate-button\" [@pulse]=\"animationState\" (@pulse.done)=\"onAnimationEnd()\" class=\"translate-button text-l\" mat-flat-button\r\n    color=\"accent\" [disabled]=\"disabled\" (click)=\"actionClick()\">{{'TLD_TRANSLATE.TOOLTIP_ACTION' | translate}}</button>", styles: [".semi-bold,.text-s-semi-bold,.text-m-semi-bold,.text-l-semi-bold,.text-xl-semi-bold,.text-2-xl,.text-3-xl,.text-4-xl{font-weight:600}@media (min-width: 600px){.text-4-xl{font-size:2rem;line-height:3.375rem}}@media (min-width: 0) and (max-width: 599.9px){.text-4-xl{font-size:2rem;line-height:2.625rem}}.text-3-xl{font-size:1.75rem;line-height:2.625rem}.text-2-xl{font-size:1.5rem;line-height:2.125rem}.text-xl,.text-xl-semi-bold{font-size:1.25rem;line-height:2rem}.text-l,.translate-button,.text-l-semi-bold{font-size:1rem;line-height:1.625rem}.text-m,.text-m-semi-bold{font-size:.875rem;line-height:1.4375rem}.text-s,.text-s-semi-bold{font-size:.75rem;line-height:1.25rem}.translate-button{width:100%;min-height:100%;padding:0 1.5rem}\n"], dependencies: [{ kind: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldTranslateButtonComponent, isStandalone: false, selector: "tld-translate-button", inputs: { disabled: "disabled", enablePulseAnimation: "enablePulseAnimation" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button id=\"tld-translate-button\" [@pulse]=\"animationState\" (@pulse.done)=\"onAnimationEnd()\" class=\"translate-button text-l\" mat-flat-button\r\n    color=\"accent\" [disabled]=\"disabled\" (click)=\"actionClick()\">{{'TLD_TRANSLATE.TOOLTIP_ACTION' | translate}}</button>", styles: [".semi-bold,.text-s-semi-bold,.text-m-semi-bold,.text-l-semi-bold,.text-xl-semi-bold,.text-2-xl,.text-3-xl,.text-4-xl{font-weight:600}@media (min-width: 600px){.text-4-xl{font-size:2rem;line-height:3.375rem}}@media (min-width: 0) and (max-width: 599.9px){.text-4-xl{font-size:2rem;line-height:2.625rem}}.text-3-xl{font-size:1.75rem;line-height:2.625rem}.text-2-xl{font-size:1.5rem;line-height:2.125rem}.text-xl,.text-xl-semi-bold{font-size:1.25rem;line-height:2rem}.text-l,.translate-button,.text-l-semi-bold{font-size:1rem;line-height:1.625rem}.text-m,.text-m-semi-bold{font-size:.875rem;line-height:1.4375rem}.text-s,.text-s-semi-bold{font-size:.75rem;line-height:1.25rem}.translate-button{width:100%;min-height:100%;padding:0 1.5rem}\n"], dependencies: [{ kind: "component", type: i8.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: [
             pulseAnimation
         ] });
 }
@@ -6547,7 +6504,7 @@ class TextToSpeechComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TextToSpeechComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TextToSpeechComponent, isStandalone: false, selector: "tld-text-to-speech", inputs: { settings: "settings" }, ngImport: i0, template: "@if (isLoading) {\r\n  <mat-spinner [diameter]=\"20\"></mat-spinner>\r\n} @else {\r\n  <button \r\n    mat-icon-button \r\n    [matTooltip]=\"(isPaused? 'TEXT_TO_SPEECH.PLAY':'TEXT_TO_SPEECH.PAUSE') | translate\"\r\n    (click)=\"clicked()\"\r\n  >\r\n    @if (isPaused) {\r\n      <mat-icon [svgIcon]=\"'sound'\"></mat-icon>\r\n    } @else {\r\n      <span class=\"material-icons\">pause</span>\r\n    }\r\n  </button>\r\n}\r\n", styles: [":host ::ng-deep .mdc-circular-progress__circle-clipper{width:100%!important}mat-spinner{margin-left:10px;margin-top:8px}\n"], dependencies: [{ kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TextToSpeechComponent, isStandalone: false, selector: "tld-text-to-speech", inputs: { settings: "settings" }, ngImport: i0, template: "@if (isLoading) {\r\n  <mat-spinner [diameter]=\"20\"></mat-spinner>\r\n} @else {\r\n  <button \r\n    mat-icon-button \r\n    [matTooltip]=\"(isPaused? 'TEXT_TO_SPEECH.PLAY':'TEXT_TO_SPEECH.PAUSE') | translate\"\r\n    (click)=\"clicked()\"\r\n  >\r\n    @if (isPaused) {\r\n      <mat-icon [svgIcon]=\"'sound'\"></mat-icon>\r\n    } @else {\r\n      <span class=\"material-icons\">pause</span>\r\n    }\r\n  </button>\r\n}\r\n", styles: [":host ::ng-deep .mdc-circular-progress__circle-clipper{width:100%!important}mat-spinner{margin-left:10px;margin-top:8px}\n"], dependencies: [{ kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TextToSpeechComponent, decorators: [{
             type: Component,
@@ -6791,22 +6748,13 @@ var TranslationStatuss;
     TranslationStatuss["UPLOADED"] = "UPLOADED";
 })(TranslationStatuss || (TranslationStatuss = {}));
 
-class TldTranslateImageConversionHelpComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateImageConversionHelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldTranslateImageConversionHelpComponent, isStandalone: false, selector: "lib-image-conversion-help", ngImport: i0, template: "<mat-dialog-content>\r\n  <section>\r\n\r\n    <h1 id=\"image-disclaimer-title\">{{'IMAGE_CONVERSION.TITLE_1' | translate}}</h1>\r\n\r\n    <p>{{'IMAGE_CONVERSION.PARAGRAPH_1_1' | translate}}</p>\r\n    <p [innerHtml]=\"'IMAGE_CONVERSION.PARAGRAPH_1_2' | translate\"></p>\r\n    <p>{{'IMAGE_CONVERSION.PARAGRAPH_1_3' | translate}}</p>\r\n\r\n    <h2>{{'IMAGE_CONVERSION.TITLE_2' | translate}}</h2>\r\n\r\n    <p>{{'IMAGE_CONVERSION.PARAGRAPH_2_1' | translate}}</p>\r\n    <p>{{'IMAGE_CONVERSION.PARAGRAPH_2_2' | translate}}</p>\r\n    <p>{{'IMAGE_CONVERSION.PARAGRAPH_2_3' | translate}}</p>\r\n    <ul>\r\n      <li>{{'IMAGE_CONVERSION.LI_1_1' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_1_2' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_1_3' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_1_4' | translate}}</li>\r\n    </ul>\r\n\r\n    <h2>{{'IMAGE_CONVERSION.TITLE_3' | translate}}</h2>\r\n    <p>{{'IMAGE_CONVERSION.PARAGRAPH_3_1' | translate}}</p>\r\n    <p>{{'IMAGE_CONVERSION.PARAGRAPH_3_2' | translate}}</p>\r\n\r\n    <ul>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_1' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_2' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_3' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_4' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_5' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_6' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_7' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_8' | translate}}</li>\r\n    </ul>\r\n\r\n    <p [innerHtml]=\"'IMAGE_CONVERSION.PARAGRAPH_4_1' | translate\"></p>\r\n  </section>\r\n</mat-dialog-content>\r\n<mat-dialog-actions align=\"center\">\r\n  <button mat-button mat-dialog-close color=\"accent\">{{'IMAGE_CONVERSION.CLOSE' | translate }}</button>\r\n</mat-dialog-actions>\r\n", styles: ["mat-dialog-content{position:relative}img{margin-bottom:1em;max-width:550px;border-top:2px solid var(--base-70);border-bottom:2px solid var(--base-70);border-right:2px solid var(--base-70);border-left:2px solid var(--base-70)}\n"], dependencies: [{ kind: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i2$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateImageConversionHelpComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-image-conversion-help', standalone: false, template: "<mat-dialog-content>\r\n  <section>\r\n\r\n    <h1 id=\"image-disclaimer-title\">{{'IMAGE_CONVERSION.TITLE_1' | translate}}</h1>\r\n\r\n    <p>{{'IMAGE_CONVERSION.PARAGRAPH_1_1' | translate}}</p>\r\n    <p [innerHtml]=\"'IMAGE_CONVERSION.PARAGRAPH_1_2' | translate\"></p>\r\n    <p>{{'IMAGE_CONVERSION.PARAGRAPH_1_3' | translate}}</p>\r\n\r\n    <h2>{{'IMAGE_CONVERSION.TITLE_2' | translate}}</h2>\r\n\r\n    <p>{{'IMAGE_CONVERSION.PARAGRAPH_2_1' | translate}}</p>\r\n    <p>{{'IMAGE_CONVERSION.PARAGRAPH_2_2' | translate}}</p>\r\n    <p>{{'IMAGE_CONVERSION.PARAGRAPH_2_3' | translate}}</p>\r\n    <ul>\r\n      <li>{{'IMAGE_CONVERSION.LI_1_1' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_1_2' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_1_3' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_1_4' | translate}}</li>\r\n    </ul>\r\n\r\n    <h2>{{'IMAGE_CONVERSION.TITLE_3' | translate}}</h2>\r\n    <p>{{'IMAGE_CONVERSION.PARAGRAPH_3_1' | translate}}</p>\r\n    <p>{{'IMAGE_CONVERSION.PARAGRAPH_3_2' | translate}}</p>\r\n\r\n    <ul>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_1' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_2' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_3' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_4' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_5' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_6' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_7' | translate}}</li>\r\n      <li>{{'IMAGE_CONVERSION.LI_2_8' | translate}}</li>\r\n    </ul>\r\n\r\n    <p [innerHtml]=\"'IMAGE_CONVERSION.PARAGRAPH_4_1' | translate\"></p>\r\n  </section>\r\n</mat-dialog-content>\r\n<mat-dialog-actions align=\"center\">\r\n  <button mat-button mat-dialog-close color=\"accent\">{{'IMAGE_CONVERSION.CLOSE' | translate }}</button>\r\n</mat-dialog-actions>\r\n", styles: ["mat-dialog-content{position:relative}img{margin-bottom:1em;max-width:550px;border-top:2px solid var(--base-70);border-bottom:2px solid var(--base-70);border-right:2px solid var(--base-70);border-left:2px solid var(--base-70)}\n"] }]
-        }] });
-
-class TldTranslatePdfConversionHelpComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslatePdfConversionHelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldTranslatePdfConversionHelpComponent, isStandalone: false, selector: "tld-translate-pdf-conversion-help", ngImport: i0, template: "<mat-dialog-content>\r\n  <section>\r\n\r\n    <h1 id=\"pdf-disclaimer-title\">{{'PDF_CONVERSION.TITLE_1' | translate}}</h1>\r\n\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_1_1' | translate}}</p>\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_1_2' | translate}}</p>\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_1_3' | translate}}</p>\r\n\r\n    <h2>{{'PDF_CONVERSION.TITLE_2' | translate}}</h2>\r\n\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_2_1' | translate}}</p>\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_2_2' | translate}}</p>\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_2_3' | translate}}</p>\r\n    <ul>\r\n      <li>{{'PDF_CONVERSION.LI_1_1' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_1_2' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_1_3' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_1_4' | translate}}</li>\r\n    </ul>\r\n\r\n    <h2>{{'PDF_CONVERSION.TITLE_3' | translate}}</h2>\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_3_1' | translate}}</p>\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_3_2' | translate}}</p>\r\n\r\n    <ul>\r\n      <li>{{'PDF_CONVERSION.LI_2_1' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_2' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_3' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_4' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_5' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_6' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_7' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_8' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_9' | translate}}</li>\r\n    </ul>\r\n\r\n    <p [innerHtml]=\"'PDF_CONVERSION.PARAGRAPH_4_1' | translate\"></p>\r\n  </section>\r\n</mat-dialog-content>\r\n<mat-dialog-actions align=\"center\">\r\n  <button mat-button mat-dialog-close color=\"accent\">{{'PDF_CONVERSION.CLOSE' | translate }}</button>\r\n</mat-dialog-actions>\r\n", styles: ["mat-dialog-content{position:relative}img{margin-bottom:1em;max-width:550px;border-top:2px solid var(--base-70);border-bottom:2px solid var(--base-70);border-right:2px solid var(--base-70);border-left:2px solid var(--base-70)}\n"], dependencies: [{ kind: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i2$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+class TldTranslateConversionHelpComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateConversionHelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldTranslateConversionHelpComponent, isStandalone: false, selector: "lib-conversion-help", ngImport: i0, template: "<mat-dialog-content>\r\n\t<section>\r\n\t\t<h1 [innerHTML]=\"'CONVERSION_HELP.TITLE' | translate\"></h1>\r\n\r\n\t\t<p [innerHTML]=\"'CONVERSION_HELP.DESCRIPTION' | translate\"></p>\r\n\r\n\t\t<h2 [innerHTML]=\"'CONVERSION_HELP.BEST_RESULTS' | translate\"></h2>\r\n\t\t<ul>\r\n\t\t\t<li [innerHTML]=\"'CONVERSION_HELP.FILE_QUALITY' | translate\"></li>\r\n\t\t\t<li [innerHTML]=\"'CONVERSION_HELP.READABLE_TEXT' | translate\"></li>\r\n\t\t\t<li [innerHTML]=\"'CONVERSION_HELP.OPTIMIZE_PDFS' | translate\"></li>\r\n\t\t</ul>\r\n\r\n\t\t<p [innerHTML]=\"'CONVERSION_HELP.PRO_TIP' | translate\"></p>\r\n\r\n\t\t<h2 [innerHTML]=\"'CONVERSION_HELP.FORMATTING_LAYOUT' | translate\"></h2>\r\n\t\t<p [innerHTML]=\"'CONVERSION_HELP.FORMATTING_DESCRIPTION' | translate\"></p>\r\n\t\t<ul>\r\n\t\t\t<li [innerHTML]=\"'CONVERSION_HELP.TABLES_DIAGRAMS' | translate\"></li>\r\n\t\t\t<li [innerHTML]=\"'CONVERSION_HELP.FONTS' | translate\"></li>\r\n\t\t\t<li [innerHTML]=\"'CONVERSION_HELP.COMPLEX_STRUCTURES' | translate\"></li>\r\n\t\t</ul>\r\n\t</section>\r\n</mat-dialog-content>\r\n<mat-dialog-actions align=\"center\">\r\n\t<button mat-button mat-dialog-close color=\"accent\">{{ \"CONVERSION_HELP.CLOSE\" | translate }}</button>\r\n</mat-dialog-actions>\r\n", styles: ["mat-dialog-content{position:relative}img{margin-bottom:1em;max-width:550px;border-top:2px solid var(--base-70);border-bottom:2px solid var(--base-70);border-right:2px solid var(--base-70);border-left:2px solid var(--base-70)}\n"], dependencies: [{ kind: "component", type: i8.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i2$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslatePdfConversionHelpComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateConversionHelpComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tld-translate-pdf-conversion-help', standalone: false, template: "<mat-dialog-content>\r\n  <section>\r\n\r\n    <h1 id=\"pdf-disclaimer-title\">{{'PDF_CONVERSION.TITLE_1' | translate}}</h1>\r\n\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_1_1' | translate}}</p>\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_1_2' | translate}}</p>\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_1_3' | translate}}</p>\r\n\r\n    <h2>{{'PDF_CONVERSION.TITLE_2' | translate}}</h2>\r\n\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_2_1' | translate}}</p>\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_2_2' | translate}}</p>\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_2_3' | translate}}</p>\r\n    <ul>\r\n      <li>{{'PDF_CONVERSION.LI_1_1' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_1_2' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_1_3' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_1_4' | translate}}</li>\r\n    </ul>\r\n\r\n    <h2>{{'PDF_CONVERSION.TITLE_3' | translate}}</h2>\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_3_1' | translate}}</p>\r\n    <p>{{'PDF_CONVERSION.PARAGRAPH_3_2' | translate}}</p>\r\n\r\n    <ul>\r\n      <li>{{'PDF_CONVERSION.LI_2_1' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_2' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_3' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_4' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_5' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_6' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_7' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_8' | translate}}</li>\r\n      <li>{{'PDF_CONVERSION.LI_2_9' | translate}}</li>\r\n    </ul>\r\n\r\n    <p [innerHtml]=\"'PDF_CONVERSION.PARAGRAPH_4_1' | translate\"></p>\r\n  </section>\r\n</mat-dialog-content>\r\n<mat-dialog-actions align=\"center\">\r\n  <button mat-button mat-dialog-close color=\"accent\">{{'PDF_CONVERSION.CLOSE' | translate }}</button>\r\n</mat-dialog-actions>\r\n", styles: ["mat-dialog-content{position:relative}img{margin-bottom:1em;max-width:550px;border-top:2px solid var(--base-70);border-bottom:2px solid var(--base-70);border-right:2px solid var(--base-70);border-left:2px solid var(--base-70)}\n"] }]
+            args: [{ selector: 'lib-conversion-help', standalone: false, template: "<mat-dialog-content>\r\n\t<section>\r\n\t\t<h1 [innerHTML]=\"'CONVERSION_HELP.TITLE' | translate\"></h1>\r\n\r\n\t\t<p [innerHTML]=\"'CONVERSION_HELP.DESCRIPTION' | translate\"></p>\r\n\r\n\t\t<h2 [innerHTML]=\"'CONVERSION_HELP.BEST_RESULTS' | translate\"></h2>\r\n\t\t<ul>\r\n\t\t\t<li [innerHTML]=\"'CONVERSION_HELP.FILE_QUALITY' | translate\"></li>\r\n\t\t\t<li [innerHTML]=\"'CONVERSION_HELP.READABLE_TEXT' | translate\"></li>\r\n\t\t\t<li [innerHTML]=\"'CONVERSION_HELP.OPTIMIZE_PDFS' | translate\"></li>\r\n\t\t</ul>\r\n\r\n\t\t<p [innerHTML]=\"'CONVERSION_HELP.PRO_TIP' | translate\"></p>\r\n\r\n\t\t<h2 [innerHTML]=\"'CONVERSION_HELP.FORMATTING_LAYOUT' | translate\"></h2>\r\n\t\t<p [innerHTML]=\"'CONVERSION_HELP.FORMATTING_DESCRIPTION' | translate\"></p>\r\n\t\t<ul>\r\n\t\t\t<li [innerHTML]=\"'CONVERSION_HELP.TABLES_DIAGRAMS' | translate\"></li>\r\n\t\t\t<li [innerHTML]=\"'CONVERSION_HELP.FONTS' | translate\"></li>\r\n\t\t\t<li [innerHTML]=\"'CONVERSION_HELP.COMPLEX_STRUCTURES' | translate\"></li>\r\n\t\t</ul>\r\n\t</section>\r\n</mat-dialog-content>\r\n<mat-dialog-actions align=\"center\">\r\n\t<button mat-button mat-dialog-close color=\"accent\">{{ \"CONVERSION_HELP.CLOSE\" | translate }}</button>\r\n</mat-dialog-actions>\r\n", styles: ["mat-dialog-content{position:relative}img{margin-bottom:1em;max-width:550px;border-top:2px solid var(--base-70);border-bottom:2px solid var(--base-70);border-right:2px solid var(--base-70);border-left:2px solid var(--base-70)}\n"] }]
         }] });
 
 var FileConversionTypes;
@@ -6942,7 +6890,7 @@ class FileApiService {
         const convertedFileName = fileName + postFix;
         return convertedFileName;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FileApiService, deps: [{ token: i1$3.HttpClient }, { token: TldTranslateConfigService }, { token: i4.TerminologyService }, { token: TldTranslateSystemManagementService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FileApiService, deps: [{ token: i1$2.HttpClient }, { token: TldTranslateConfigService }, { token: i4.TerminologyService }, { token: TldTranslateSystemManagementService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FileApiService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FileApiService, decorators: [{
@@ -6950,7 +6898,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: TldTranslateConfigService }, { type: i4.TerminologyService }, { type: TldTranslateSystemManagementService }] });
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: TldTranslateConfigService }, { type: i4.TerminologyService }, { type: TldTranslateSystemManagementService }] });
 
 class TldTranslateFileService {
     fileApi;
@@ -7390,13 +7338,13 @@ class TldFileTranslateBaseComponent {
         if (type == FileConversionTypes.PDF) {
             // h1 tag from dialog.
             dialogConfig.ariaLabelledBy = 'pdf-disclaimer-title';
-            dialogComponent = TldTranslatePdfConversionHelpComponent;
+            dialogComponent = TldTranslateConversionHelpComponent;
             conversionButton = this.pdfConversionButton;
         }
         else if (type == FileConversionTypes.IMAGE) {
             // h1 tag from dialog.
             dialogConfig.ariaLabelledBy = 'image-disclaimer-title';
-            dialogComponent = TldTranslateImageConversionHelpComponent;
+            dialogComponent = TldTranslateConversionHelpComponent;
             conversionButton = this.imageConversionButton;
         }
         const dialogRef = this.dialog.open(dialogComponent, dialogConfig);
@@ -7473,7 +7421,7 @@ class TldTranslateFileDownloadButtonComponent {
         panel.setAttribute("data-test-id", 'tld-download-file-list');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateFileDownloadButtonComponent, deps: [{ token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldTranslateFileDownloadButtonComponent, isStandalone: false, selector: "tld-translate-file-download-button", inputs: { file: "file", disabled: "disabled", sourceDownload: "sourceDownload" }, outputs: { tldClick: "tldClick" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MatMenu, descendants: true }], ngImport: i0, template: "<div fxLayout=\"row\">\r\n\t<button\r\n\t\t*ngIf=\"!showSourceDownloadPdf && !showSourceDownloadImage\"\r\n\t\tmat-icon-button\r\n\t\tclass=\"action-button border-accent download-button\"\r\n\t\t[matTooltip]=\"'TLD_TRANSLATE.DOWNLOAD_TRANSLATED' | translate\"\r\n\t\t[disabled]=\"disabled\"\r\n\t\t(click)=\"onClick()\"\r\n\t>\r\n\t\t<mat-icon [svgIcon]=\"'download'\"></mat-icon>\r\n\t</button>\r\n\r\n\t<button\r\n\t\t#menuTrigger=\"matMenuTrigger\"\r\n\t\t*ngIf=\"extensions?.length && (showSourceDownloadPdf || showSourceDownloadImage)\"\r\n\t\tmat-icon-button\r\n\t\tcolor=\"accent\"\r\n\t\tfxLayoutAlign=\"center center\"\r\n\t\tdata-test-id=\"download-other-formats-button\"\r\n\t\t[matMenuTriggerFor]=\"extensionMenu\"\r\n\t\t[disabled]=\"disabled\"\r\n\t\t[attr.aria-label]=\"'ARIA_LABELS.SHOW_EXTENSIONS' | translate\"\r\n\t\t[matTooltip]=\"'TLD_TRANSLATE.DOWNLOAD_TRANSLATED' | translate\"\r\n\t\t(menuOpened)=\"onMenuOpen()\"\r\n\t>\r\n\t\t<mat-icon [svgIcon]=\"'download'\"></mat-icon>\r\n\t</button>\r\n</div>\r\n<mat-menu #extensionMenu=\"matMenu\">\r\n\t<div fxLayout=\"column\">\r\n\t\t<ng-container *ngFor=\"let extension of extensions\">\r\n\t\t\t<button mat-menu-item fxLayoutAlign=\"start center\" class=\"language-title\" *ngIf=\"extension.category === translatedCategory\" (click)=\"onClick(extension)\">\r\n\t\t\t\t{{ 'TLD_TRANSLATE.SUGGEST_TRANSLATION_LABEL' | translate }} ({{ extension.extension }})\r\n\t\t\t</button>\r\n\t\t</ng-container>\r\n\t\t<button mat-menu-item fxLayoutAlign=\"start center\" *ngIf=\"showSourceDownloadPdf\" class=\"language-title\" (click)=\"onSourceClick()\">\r\n\t\t\t{{ \"TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE\" | translate }}\r\n\t\t</button>\r\n\t\t<button mat-menu-item fxLayoutAlign=\"start center\" *ngIf=\"showSourceDownloadImage\" class=\"language-title\" (click)=\"onSourceClick()\">\r\n\t\t\t{{ \"TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE_IMAGE\" | translate }}\r\n\t\t</button>\r\n\t</div>\r\n</mat-menu>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.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: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldTranslateFileDownloadButtonComponent, isStandalone: false, selector: "tld-translate-file-download-button", inputs: { file: "file", disabled: "disabled", sourceDownload: "sourceDownload" }, outputs: { tldClick: "tldClick" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MatMenu, descendants: true }], ngImport: i0, template: "<div fxLayout=\"row\">\r\n\t<button\r\n\t\t*ngIf=\"!showSourceDownloadPdf && !showSourceDownloadImage\"\r\n\t\tmat-icon-button\r\n\t\tclass=\"action-button border-accent download-button\"\r\n\t\t[matTooltip]=\"'TLD_TRANSLATE.DOWNLOAD_TRANSLATED' | translate\"\r\n\t\t[disabled]=\"disabled\"\r\n\t\t(click)=\"onClick()\"\r\n\t>\r\n\t\t<mat-icon [svgIcon]=\"'download'\"></mat-icon>\r\n\t</button>\r\n\r\n\t<button\r\n\t\t#menuTrigger=\"matMenuTrigger\"\r\n\t\t*ngIf=\"extensions?.length && (showSourceDownloadPdf || showSourceDownloadImage)\"\r\n\t\tmat-icon-button\r\n\t\tcolor=\"accent\"\r\n\t\tfxLayoutAlign=\"center center\"\r\n\t\tdata-test-id=\"download-other-formats-button\"\r\n\t\t[matMenuTriggerFor]=\"extensionMenu\"\r\n\t\t[disabled]=\"disabled\"\r\n\t\t[attr.aria-label]=\"'ARIA_LABELS.SHOW_EXTENSIONS' | translate\"\r\n\t\t[matTooltip]=\"'TLD_TRANSLATE.DOWNLOAD_TRANSLATED' | translate\"\r\n\t\t(menuOpened)=\"onMenuOpen()\"\r\n\t>\r\n\t\t<mat-icon [svgIcon]=\"'download'\"></mat-icon>\r\n\t</button>\r\n</div>\r\n<mat-menu #extensionMenu=\"matMenu\">\r\n\t<div fxLayout=\"column\">\r\n\t\t<ng-container *ngFor=\"let extension of extensions\">\r\n\t\t\t<button mat-menu-item fxLayoutAlign=\"start center\" class=\"language-title\" *ngIf=\"extension.category === translatedCategory\" (click)=\"onClick(extension)\">\r\n\t\t\t\t{{ 'TLD_TRANSLATE.SUGGEST_TRANSLATION_LABEL' | translate }} ({{ extension.extension }})\r\n\t\t\t</button>\r\n\t\t</ng-container>\r\n\t\t<button mat-menu-item fxLayoutAlign=\"start center\" *ngIf=\"showSourceDownloadPdf\" class=\"language-title\" (click)=\"onSourceClick()\">\r\n\t\t\t{{ \"TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE\" | translate }}\r\n\t\t</button>\r\n\t\t<button mat-menu-item fxLayoutAlign=\"start center\" *ngIf=\"showSourceDownloadImage\" class=\"language-title\" (click)=\"onSourceClick()\">\r\n\t\t\t{{ \"TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE_IMAGE\" | translate }}\r\n\t\t</button>\r\n\t</div>\r\n</mat-menu>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.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: "component", type: i8.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateFileDownloadButtonComponent, decorators: [{
             type: Component,
@@ -7534,7 +7482,7 @@ class TldTranslateFileComponent extends TldFileTranslateBaseComponent {
         this.fileService.download(this.translationFile, fileMeta);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateFileComponent, deps: [{ token: TldTranslateFileService }, { token: i2$1.MatDialog }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldTranslateFileComponent, isStandalone: false, selector: "tld-translate-file", inputs: { translationFile: "translationFile" }, viewQueries: [{ propertyName: "translatorWrapper", first: true, predicate: SourceAndTargetWrapperComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<!-- NOTE. tld-source-and-target-wrapper uses multiple content projections, so might seem confusing first, but elements are displayed at their places based on tld-source-and-target-wrapper component \r\nhttps://angular.io/guide/content-projection#multi-slot-content-projection\r\n-->\r\n<tld-source-and-target-wrapper class=\"wrapper-paddings\" [clearSourceVisible]=\"true\" (onSourceClear)=\"clearPreview()\">\r\n  <ng-container sourceMain>\r\n    <div fxLayout=\"column\" fxLayoutAlign=\"start start\" *ngIf=\"sourcePreviewHasHtml; else noPreviewBlock\">\r\n      <div [innerHtml]=\"filePreview\" class=\"file-preview\"></div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container targetMain>\r\n    <div class=\"target-main\" fxLayout=\"column\">\r\n      <div *ngIf=\"showPreview\" [innerHtml]=\"translatedPreview\">\r\n      </div>\r\n      <div fxLayout=\"column\" fxFlex *ngIf=\"translating\">\r\n        <div fxLayoutAlign=\"end center\">\r\n          <button mat-flat-button color=\"accent\" (click)=\"cancel()\"\r\n            class=\"action-button cancel-button\">{{'TLD_TRANSLATE.CANCEL_TRANSLATION' | translate}}</button>\r\n        </div>\r\n        <div fxFlex fxLayoutAlign=\"center center\" fxLayout=\"column\" role=\"progressbar\">\r\n          <tld-loader *ngIf=\"translationStatuss !== errorStatus\"></tld-loader>\r\n          <div *ngIf=\"translationStatuss===translatingStatuss\" aria-live=\"polite\">{{progress}}%</div>\r\n          <div *ngIf=\"!translationStatuss\">{{'TLD_TRANSLATE.FILE_TANSLATION_STATUSS_QUEUING' | translate}}</div>\r\n          <div *ngIf=\"translationStatuss\" aria-live=\"polite\">{{'TLD_TRANSLATE.FILE_TANSLATION_STATUSS_' + translationStatuss | translate}}</div>\r\n        </div>\r\n      </div>\r\n      <tld-translate-file-download-button class=\"download-button\" (tldClick)=\"download($event)\" [file]=\"translationFile\"\r\n        *ngIf=\"showPreview\" [disabled]=\"downloading\"></tld-translate-file-download-button>\r\n      <tld-translate-button class=\"action-button translate-file-button\" *ngIf=\"!translating && !showPreview\"\r\n        fxHide.gt-xs></tld-translate-button>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container targetActions>\r\n    <div class=\"tld-translate-target-footer\" *ngIf=\"translatedPreview\" fxLayoutAlign=\"start center\">\r\n      <p class=\"tld-target-preview-message\">{{'TLD_TRANSLATE.FILE_TARGET_PREVIEW_MESSAGE' | translate}}</p>\r\n    </div>\r\n  </ng-container>\r\n</tld-source-and-target-wrapper>\r\n\r\n<ng-template #noPreviewBlock>\r\n  <div class=\"no-preview-wrapper\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n    <div [innerHtml]=\"filePreview\"></div>\r\n    <div>{{loadedFileName}}</div>\r\n    <ng-container *ngIf=\"showSourceDownload\">\r\n      <ng-container *ngIf=\"sourceDownloadPDF\">\r\n        <button mat-flat-button class=\"download-source-button\" (click)=\"downloadSource()\">\r\n          {{'TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE'|translate}}\r\n        </button>\r\n        <br />\r\n        <div class=\"source-download-help\" fxLayout=\"row\" fxLaouytAlign=\"start start\">\r\n          {{'TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE_HELP'|translate}}\r\n        </div>\r\n        <button mat-button color=\"accent\" #pdfConversionButton data-test-id=\"pdf-help-button\"\r\n          (click)=\"conversionDialog(pdfConversion)\">{{'TLD_TRANSLATE.PDF_DISCLAIMER_LINK' | translate}}</button>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"sourceDownloadImage\">\r\n        <button mat-flat-button class=\"download-source-button\" (click)=\"downloadSource()\">\r\n          {{'TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE_IMAGE'|translate}}\r\n        </button>\r\n        <br />\r\n        <div class=\"source-download-help\" fxLayout=\"row\" fxLaouytAlign=\"start start\">\r\n          {{'TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE_IMAGE_HELP'|translate}}\r\n        </div>\r\n        <button mat-button color=\"accent\" #imageConversionButton data-test-id=\"image-help-button\"\r\n          (click)=\"conversionDialog(imageConversion)\">{{'TLD_TRANSLATE.IMAGE_DISCLAIMER_LINK' | translate}}</button>\r\n      </ng-container>\r\n\r\n    </ng-container>\r\n  </div>\r\n</ng-template>", styles: [".target-container,.source-container{position:relative}.tld-translate-target-footer{padding:0 1em}.tld-target-preview-message{color:#5577a9;font-size:.75rem}.action-button{min-width:100px;max-width:200px}.download-button,.translate-file-button{min-width:100px;max-width:200px;top:5px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto}.cancel-button{margin:1em 0}.tld-translate-mobile :host ::ng-deep .source-download-help{font-size:small}.tld-translate-mobile :host ::ng-deep .no-preview .type{height:100px;width:100px;font-size:1em}.no-preview-wrapper{height:100%}:host ::ng-deep .no-preview{display:table;margin:auto}:host ::ng-deep .no-preview .type{color:#434242;font-weight:700;text-align:center;margin:auto;position:relative;height:200px;width:200px;background-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200\\)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%0A%09%20id%3D%22svg2%22%20inkscape%3Aversion%3D%220.48.5%20r10040%22%20sodipodi%3Adocname%3D%22filetype.svg%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22102.482px%22%0A%09%20height%3D%22136.021px%22%20viewBox%3D%220%200%20102.482%20136.021%22%20enable-background%3D%22new%200%200%20102.482%20136.021%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Csodipodi%3Anamedview%20%20id%3D%22base%22%20fit-margin-bottom%3D%225%22%20fit-margin-right%3D%225%22%20inkscape%3Acurrent-layer%3D%22layer1%22%20inkscape%3Awindow-width%3D%221840%22%20inkscape%3Awindow-x%3D%221271%22%20inkscape%3Apageshadow%3D%222%22%20inkscape%3Apageopacity%3D%220.0%22%20inkscape%3Awindow-height%3D%221051%22%20inkscape%3Awindow-maximized%3D%221%22%20inkscape%3Awindow-y%3D%22-9%22%20inkscape%3Adocument-units%3D%22px%22%20showgrid%3D%22false%22%20inkscape%3Azoom%3D%221.979899%22%20bordercolor%3D%22%23666666%22%20pagecolor%3D%22%23ffffff%22%20inkscape%3Acx%3D%22-15.860958%22%20inkscape%3Acy%3D%22106.2157%22%20borderopacity%3D%221.0%22%20fit-margin-left%3D%225%22%20fit-margin-top%3D%225%22%3E%0A%09%3C%2Fsodipodi%3Anamedview%3E%0A%3Cg%3E%0A%09%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%235D5D5D%22%20stroke-miterlimit%3D%2210%22%20points%3D%2295.116%2C45.071%2065.216%2C45.071%2065.216%2C15.75%20%09%22%2F%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20fill%3D%22%235D5D5D%22%20d%3D%22M65.151%2C15.834l29.314%2C29.314v75.256H9.085V15.834H65.151%20M65.565%2C14.834H8.085v106.57h87.38v-76.67%0A%09%09%09L65.565%2C14.834L65.565%2C14.834z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);background-position:50%;background-repeat:no-repeat;background-size:contain;font-size:2em;display:table-cell;vertical-align:middle}.achievement-badge{margin:1em}.download-source-button{background-color:#5a6672;color:#fff;margin-top:1em}.source-download-help{word-break:break-word}.target-main{height:100%}.file-preview{word-break:break-word}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TldLoaderComponent, selector: "tld-loader" }, { kind: "component", type: TldTranslateButtonComponent, selector: "tld-translate-button", inputs: ["disabled", "enablePulseAnimation"], outputs: ["clicked"] }, { kind: "component", type: SourceAndTargetWrapperComponent, selector: "tld-source-and-target-wrapper", inputs: ["clearSourceVisible", "clearSourceTooltip", "clearDisabled", "textToSpeechSourceSettings"], outputs: ["onSourceClear"] }, { kind: "directive", type: i3.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: i3.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.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: i6.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: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: TldTranslateFileDownloadButtonComponent, selector: "tld-translate-file-download-button", inputs: ["file", "disabled", "sourceDownload"], outputs: ["tldClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldTranslateFileComponent, isStandalone: false, selector: "tld-translate-file", inputs: { translationFile: "translationFile" }, viewQueries: [{ propertyName: "translatorWrapper", first: true, predicate: SourceAndTargetWrapperComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<!-- NOTE. tld-source-and-target-wrapper uses multiple content projections, so might seem confusing first, but elements are displayed at their places based on tld-source-and-target-wrapper component \r\nhttps://angular.io/guide/content-projection#multi-slot-content-projection\r\n-->\r\n<tld-source-and-target-wrapper class=\"wrapper-paddings\" [clearSourceVisible]=\"true\" (onSourceClear)=\"clearPreview()\">\r\n  <ng-container sourceMain>\r\n    <div fxLayout=\"column\" fxLayoutAlign=\"start start\" *ngIf=\"sourcePreviewHasHtml; else noPreviewBlock\">\r\n      <div [innerHtml]=\"filePreview\" class=\"file-preview\"></div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container targetMain>\r\n    <div class=\"target-main\" fxLayout=\"column\">\r\n      <div *ngIf=\"showPreview\" [innerHtml]=\"translatedPreview\">\r\n      </div>\r\n      <div fxLayout=\"column\" fxFlex *ngIf=\"translating\">\r\n        <div fxLayoutAlign=\"end center\">\r\n          <button mat-flat-button color=\"accent\" (click)=\"cancel()\"\r\n            class=\"action-button cancel-button\">{{'TLD_TRANSLATE.CANCEL_TRANSLATION' | translate}}</button>\r\n        </div>\r\n        <div fxFlex fxLayoutAlign=\"center center\" fxLayout=\"column\" role=\"progressbar\">\r\n          <tld-loader *ngIf=\"translationStatuss !== errorStatus\"></tld-loader>\r\n          <div *ngIf=\"translationStatuss===translatingStatuss\" aria-live=\"polite\">{{progress}}%</div>\r\n          <div *ngIf=\"!translationStatuss\">{{'TLD_TRANSLATE.FILE_TANSLATION_STATUSS_QUEUING' | translate}}</div>\r\n          <div *ngIf=\"translationStatuss\" aria-live=\"polite\">{{'TLD_TRANSLATE.FILE_TANSLATION_STATUSS_' + translationStatuss | translate}}</div>\r\n        </div>\r\n      </div>\r\n      <tld-translate-file-download-button class=\"download-button\" (tldClick)=\"download($event)\" [file]=\"translationFile\"\r\n        *ngIf=\"showPreview\" [disabled]=\"downloading\"></tld-translate-file-download-button>\r\n      <tld-translate-button class=\"action-button translate-file-button\" *ngIf=\"!translating && !showPreview\"\r\n        fxHide.gt-xs></tld-translate-button>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container targetActions>\r\n    <div class=\"tld-translate-target-footer\" *ngIf=\"translatedPreview\" fxLayoutAlign=\"start center\">\r\n      <p class=\"tld-target-preview-message\">{{'TLD_TRANSLATE.FILE_TARGET_PREVIEW_MESSAGE' | translate}}</p>\r\n    </div>\r\n  </ng-container>\r\n</tld-source-and-target-wrapper>\r\n\r\n<ng-template #noPreviewBlock>\r\n  <div class=\"no-preview-wrapper\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\r\n    <div [innerHtml]=\"filePreview\"></div>\r\n    <div>{{loadedFileName}}</div>\r\n    <ng-container *ngIf=\"showSourceDownload\">\r\n      <ng-container *ngIf=\"sourceDownloadPDF\">\r\n        <button mat-flat-button class=\"download-source-button\" (click)=\"downloadSource()\">\r\n          {{'TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE'|translate}}\r\n        </button>\r\n        <br />\r\n        <div class=\"source-download-help\" fxLayout=\"row\" fxLaouytAlign=\"start start\">\r\n          {{'TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE_HELP'|translate}}\r\n        </div>\r\n        <button mat-button color=\"accent\" #pdfConversionButton data-test-id=\"pdf-help-button\"\r\n          (click)=\"conversionDialog(pdfConversion)\">{{'TLD_TRANSLATE.PDF_DISCLAIMER_LINK' | translate}}</button>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"sourceDownloadImage\">\r\n        <button mat-flat-button class=\"download-source-button\" (click)=\"downloadSource()\">\r\n          {{'TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE_IMAGE'|translate}}\r\n        </button>\r\n        <br />\r\n        <div class=\"source-download-help\" fxLayout=\"row\" fxLaouytAlign=\"start start\">\r\n          {{'TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE_IMAGE_HELP'|translate}}\r\n        </div>\r\n        <button mat-button color=\"accent\" #imageConversionButton data-test-id=\"image-help-button\"\r\n          (click)=\"conversionDialog(imageConversion)\">{{'TLD_TRANSLATE.IMAGE_DISCLAIMER_LINK' | translate}}</button>\r\n      </ng-container>\r\n\r\n    </ng-container>\r\n  </div>\r\n</ng-template>", styles: [".target-container,.source-container{position:relative}.tld-translate-target-footer{padding:0 1em}.tld-target-preview-message{color:#5577a9;font-size:.75rem}.action-button{min-width:100px;max-width:200px}.download-button,.translate-file-button{min-width:100px;max-width:200px;top:5px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto}.cancel-button{margin:1em 0}.tld-translate-mobile :host ::ng-deep .source-download-help{font-size:small}.tld-translate-mobile :host ::ng-deep .no-preview .type{height:100px;width:100px;font-size:1em}.no-preview-wrapper{height:100%}:host ::ng-deep .no-preview{display:table;margin:auto}:host ::ng-deep .no-preview .type{color:#434242;font-weight:700;text-align:center;margin:auto;position:relative;height:200px;width:200px;background-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200\\)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%0A%09%20id%3D%22svg2%22%20inkscape%3Aversion%3D%220.48.5%20r10040%22%20sodipodi%3Adocname%3D%22filetype.svg%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22102.482px%22%0A%09%20height%3D%22136.021px%22%20viewBox%3D%220%200%20102.482%20136.021%22%20enable-background%3D%22new%200%200%20102.482%20136.021%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Csodipodi%3Anamedview%20%20id%3D%22base%22%20fit-margin-bottom%3D%225%22%20fit-margin-right%3D%225%22%20inkscape%3Acurrent-layer%3D%22layer1%22%20inkscape%3Awindow-width%3D%221840%22%20inkscape%3Awindow-x%3D%221271%22%20inkscape%3Apageshadow%3D%222%22%20inkscape%3Apageopacity%3D%220.0%22%20inkscape%3Awindow-height%3D%221051%22%20inkscape%3Awindow-maximized%3D%221%22%20inkscape%3Awindow-y%3D%22-9%22%20inkscape%3Adocument-units%3D%22px%22%20showgrid%3D%22false%22%20inkscape%3Azoom%3D%221.979899%22%20bordercolor%3D%22%23666666%22%20pagecolor%3D%22%23ffffff%22%20inkscape%3Acx%3D%22-15.860958%22%20inkscape%3Acy%3D%22106.2157%22%20borderopacity%3D%221.0%22%20fit-margin-left%3D%225%22%20fit-margin-top%3D%225%22%3E%0A%09%3C%2Fsodipodi%3Anamedview%3E%0A%3Cg%3E%0A%09%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%235D5D5D%22%20stroke-miterlimit%3D%2210%22%20points%3D%2295.116%2C45.071%2065.216%2C45.071%2065.216%2C15.75%20%09%22%2F%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20fill%3D%22%235D5D5D%22%20d%3D%22M65.151%2C15.834l29.314%2C29.314v75.256H9.085V15.834H65.151%20M65.565%2C14.834H8.085v106.57h87.38v-76.67%0A%09%09%09L65.565%2C14.834L65.565%2C14.834z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);background-position:50%;background-repeat:no-repeat;background-size:contain;font-size:2em;display:table-cell;vertical-align:middle}.achievement-badge{margin:1em}.download-source-button{background-color:#5a6672;color:#fff;margin-top:1em}.source-download-help{word-break:break-word}.target-main{height:100%}.file-preview{word-break:break-word}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TldLoaderComponent, selector: "tld-loader" }, { kind: "component", type: TldTranslateButtonComponent, selector: "tld-translate-button", inputs: ["disabled", "enablePulseAnimation"], outputs: ["clicked"] }, { kind: "component", type: SourceAndTargetWrapperComponent, selector: "tld-source-and-target-wrapper", inputs: ["clearSourceVisible", "clearSourceTooltip", "clearDisabled", "textToSpeechSourceSettings"], outputs: ["onSourceClear"] }, { kind: "directive", type: i3.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: i3.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.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: i6.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: i8.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: TldTranslateFileDownloadButtonComponent, selector: "tld-translate-file-download-button", inputs: ["file", "disabled", "sourceDownload"], outputs: ["tldClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateFileComponent, decorators: [{
             type: Component,
@@ -7641,11 +7589,11 @@ class TldTranslateFileMultipleComponent extends TldFileTranslateBaseComponent {
         this.showVendorNotification = this.config.fileConfig.progressIndicatorTitleVisibleForVendors.includes(vendor);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateFileMultipleComponent, deps: [{ token: TldTranslateFileService }, { token: TldTranslateConfigService }, { token: i2$1.MatDialog }, { token: TldTranslateButtonService }, { token: TldTranslateSystemManagementService }, { token: i4.AlertService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldTranslateFileMultipleComponent, isStandalone: false, selector: "tld-translate-file-multiple", inputs: { translationFiles: "translationFiles" }, usesInheritance: true, ngImport: i0, template: "<div class=\"tld-translate-file-container\" [ngClass.xs]=\"'tld-multiple-mobile'\" fxLayout=\"column\" fxFlex fxLayoutAlign=\"start center\">\r\n\t<div class=\"cdk-visually-hidden\" aria-live=\"polite\">\r\n\t\t{{ \"MULTIPLE_FILES.SCREEN_READER_ANNOUNCEMENT\" | translate : { translated: translatedFilesCount, total: fileCount } }}\r\n\t</div>\r\n\t<div fxLayout=\"column\" fxLayoutGap=\"0.5rem\" fxFlex class=\"multiple-files-body\">\r\n\t\t<div *ngFor=\"let file of translationFiles\" class=\"file-row\" [ngClass.gt-sm]=\"'extra-width'\" fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutAlign.xs=\"flex-start center\">\r\n\t\t\t<div fxLayout=\"column\" fxFlex>\r\n\t\t\t\t<div fxLayout=\"row\" fxLayoutAlign.xs=\"space-between center\" fxLayoutAlign=\"space-between center\">\r\n\t\t\t\t\t<div class=\"file-name\">\r\n\t\t\t\t\t\t{{ file.originalFileName }}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div fxLayout=\"row\" class=\"file-actions\">\r\n\t\t\t\t\t\t<tld-translate-file-download-button\r\n\t\t\t\t\t\t\t(tldClick)=\"download(file, $event)\"\r\n\t\t\t\t\t\t\t*ngIf=\"file.downloadAvailable\"\r\n\t\t\t\t\t\t\t[sourceDownload]=\"true\"\r\n\t\t\t\t\t\t\t[disabled]=\"file.isDownloading\"\r\n\t\t\t\t\t\t\t[file]=\"file\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t</tld-translate-file-download-button>\r\n\t\t\t\t\t\t<tld-close-button *ngIf=\"!file.downloadAvailable\" [tooltip]=\"'FILE_UPLOAD.CLEAR'\" (tldClick)=\"remove(file)\"></tld-close-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<mat-progress-bar *ngIf=\"file.translationStatuss === translatingStatuss\" color=\"accent\" mode=\"determinate\" [value]=\"file.progress\"></mat-progress-bar>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"progress-message text-s\"\r\n\t\t\t\t\t*ngIf=\"\r\n\t\t\t\t\t\tfile.translationStatuss !== errorTranslatingStatuss && file.translationStatuss !== completedTranslatingStatuss && file.translationStatuss !== uploadedTranslatingStatuss\r\n\t\t\t\t\t\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ \"MULTIPLE_FILES.STATUSS_\" + file.translationStatuss | translate : { percent: file.progress } }}\r\n\t\t\t\t</div>\r\n\t\t\t\t<ng-container *ngIf=\"file.messages.length > 0\">\r\n\t\t\t\t\t<lib-inline-message *ngFor=\"let message of file.messages\" [message]=\"message\"></lib-inline-message>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<lib-file-upload\r\n\t\t\t*ngIf=\"!translationStarted && maxFileCount !== 1\"\r\n\t\t\tclass=\"tld-append-files\"\r\n\t\t\t(fileChange)=\"fileChange($event)\"\r\n\t\t\t[accept]=\"allowedFileTypes\"\r\n\t\t\t[maxSize]=\"maxFileUploadSize\"\r\n\t\t\t[multiple]=\"multipleFiles\"\r\n\t\t\t[disabled]=\"disableAppendFiles\"\r\n\t\t\t(errorEvent)=\"fileUploadError($event)\"\r\n\t\t\t[extendedAcceptList]=\"extendedFileTypes\"\r\n\t\t>\r\n\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.MULTIPLE_FILE_UPLOAD' | translate\" class=\"accent-color\"></span>\r\n\t\t\t<span>&nbsp;</span>\r\n\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.MULTIPLE_FILE_UPLOAD_MORE' | translate\" fxHide.lt-sm></span> ({{ fileCount }}/{{ maxFileCount }})\r\n\t\t</lib-file-upload>\r\n\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayout.xs=\"column\" fxLayuotGap.xs=\"1rem\" class=\"button-container\">\r\n      <tld-translate-button [disabled]=\"disableTranslateButton\" (clicked)=\"translateButtonClick()\" *ngIf=\"!translationStarted\"></tld-translate-button>\r\n      <button (click)=\"clearAll()\" mat-stroked-button color=\"accent\" class=\"cancel-button border-accent\">{{ (fileCount !== translatedFilesCount ? \"MULTIPLE_FILES.CLEAR_ALL\" : \"MULTIPLE_FILES.TRANSLATE_MORE\") | translate }}</button>\r\n    </div>\r\n\t</div>\r\n\t<ng-container *ngIf=\"sourceDownloadPDF\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"conversionMessage; context: { messageKey: 'MULTIPLE_FILES.PDF_DISCLAIMER', dialogParams: pdfConversion, buttonText: 'MULTIPLE_FILES.PDF_DISCLAIMER_LINK' }\"\r\n\t\t>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\r\n\t<ng-container *ngIf=\"sourceDownloadImage\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"\r\n\t\t\t\tconversionMessage;\r\n\t\t\t\tcontext: { messageKey: 'MULTIPLE_FILES.IMAGE_DISCLAIMER', dialogParams: imageConversion, buttonText: 'MULTIPLE_FILES.IMAGE_DISCLAIMER_LINK' }\r\n\t\t\t\"\r\n\t\t>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\r\n\t<ng-container *ngIf=\"showVendorNotification\">\r\n\t\t<vendor-disclaimer></vendor-disclaimer>\r\n\t</ng-container>\r\n</div>\r\n\r\n<ng-template #conversionMessage let-messageKey=\"messageKey\" let-dialogParams=\"dialogParams\" let-buttonText=\"buttonText\">\r\n\t<p class=\"conversion-disclaimer text-m\" [ngClass.gt-sm]=\"'conversion-info-margins-gt-sm'\">\r\n\t\t<span class=\"material-icons\"> info </span>\r\n\t\t<span>\r\n\t\t\t{{ messageKey | translate }}\r\n\t\t</span>\r\n\t\t<button class=\"conversion-message-action text-m-semi-bold\" (click)=\"conversionDialog(dialogParams)\">{{ buttonText | translate }}</button>\r\n\t</p></ng-template\r\n>\r\n", styles: [".semi-bold,.text-s-semi-bold,.text-m-semi-bold,.text-l-semi-bold,.text-xl-semi-bold,.text-2-xl,.text-3-xl,.text-4-xl{font-weight:600}@media (min-width: 600px){.text-4-xl{font-size:2rem;line-height:3.375rem}}@media (min-width: 0) and (max-width: 599.9px){.text-4-xl{font-size:2rem;line-height:2.625rem}}.text-3-xl{font-size:1.75rem;line-height:2.625rem}.text-2-xl{font-size:1.5rem;line-height:2.125rem}.text-xl,.text-xl-semi-bold{font-size:1.25rem;line-height:2rem}.text-l,.cancel-button,.text-l-semi-bold{font-size:1rem;line-height:1.625rem}.text-m,.text-m-semi-bold{font-size:.875rem;line-height:1.4375rem}.text-s,.text-s-semi-bold{font-size:.75rem;line-height:1.25rem}.tld-translate-file-container{padding:3em;width:100%}.tld-translate-file-container .file-row{min-height:4rem;width:100%;padding:.5em 0;border-bottom:1px solid var(--base-70)}.tld-translate-file-container .file-row .file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tld-translate-file-container .file-row lib-inline-message{margin-top:.5rem}.tld-translate-file-container .file-row .file-actions{margin-left:.5rem}.tld-append-files{font-size:1em;margin-top:1rem}:host ::ng-deep .tld-append-files .upload-button{justify-content:center!important;min-height:3.5rem!important;color:var(--base-40)}.conversion-disclaimer.conversion-info-margins-gt-sm{margin:.5em 20%}.conversion-disclaimer:not(.conversion-info-margins-gt-sm){text-align:center}tld-translate-button{margin-right:4px}.tld-multiple-mobile{padding:1rem}.tld-multiple-mobile tld-translate-button{margin:1rem 0 .25rem;width:100%}.tld-multiple-mobile .file-row,.tld-multiple-mobile .multiple-files-body,.tld-multiple-mobile .cancel-button,.tld-multiple-mobile .button-container{width:100%}.button-container{margin-top:24px}.multiple-files-body ::ng-deep lib-file-upload .file-upload .upload-button{text-align:center}.download-file{cursor:pointer}.material-icons{vertical-align:middle;color:var(--base-40)}.conversion-message-action{background:transparent;color:var(--accent);border:none;cursor:pointer}.extra-width{min-width:30rem}.progress-message{color:var(--base-40)}mat-progress-bar{margin:.375rem 0}.cancel-button{padding:.375rem 1.5rem}vendor-disclaimer{margin-bottom:1rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TldTranslateButtonComponent, selector: "tld-translate-button", inputs: ["disabled", "enablePulseAnimation"], outputs: ["clicked"] }, { kind: "directive", type: i3.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: i3.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: i3.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.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: i6.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: i6.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: i4.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "component", type: i4.InlineMessageComponent, selector: "lib-inline-message", inputs: ["iconName", "message"] }, { kind: "component", type: VendorDisclaimerComponent, selector: "vendor-disclaimer" }, { kind: "component", type: i4.FileUploadComponent, selector: "lib-file-upload", inputs: ["accept", "useCompactUpload", "maxSize", "multiple", "filePreviewProgress", "allowEmpty", "disabled", "dragZoneLabel", "uploadIconName", "uploadButtonLabel", "openExtensionPopupLabel", "minSupportedFormatCount", "hideDefaultLimitsLabel", "extendedAcceptList"], outputs: ["fileChange", "errorEvent"] }, { kind: "component", type: i11.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: TldTranslateFileDownloadButtonComponent, selector: "tld-translate-file-download-button", inputs: ["file", "disabled", "sourceDownload"], outputs: ["tldClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldTranslateFileMultipleComponent, isStandalone: false, selector: "tld-translate-file-multiple", inputs: { translationFiles: "translationFiles" }, usesInheritance: true, ngImport: i0, template: "<div class=\"tld-translate-file-container\" [ngClass.xs]=\"'tld-multiple-mobile'\" fxLayout=\"column\" fxFlex fxLayoutAlign=\"start center\">\r\n\t<div class=\"cdk-visually-hidden\" aria-live=\"polite\">\r\n\t\t{{ \"MULTIPLE_FILES.SCREEN_READER_ANNOUNCEMENT\" | translate : { translated: translatedFilesCount, total: fileCount } }}\r\n\t</div>\r\n\t<div fxLayout=\"column\" fxLayoutGap=\"0.5rem\" fxFlex class=\"multiple-files-body\">\r\n\t\t<div *ngFor=\"let file of translationFiles\" class=\"file-row\" [ngClass.gt-sm]=\"'extra-width'\" fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutAlign.xs=\"flex-start center\">\r\n\t\t\t<div fxLayout=\"column\" fxFlex>\r\n\t\t\t\t<div fxLayout=\"row\" fxLayoutAlign.xs=\"space-between center\" fxLayoutAlign=\"space-between center\">\r\n\t\t\t\t\t<div class=\"file-name\">\r\n\t\t\t\t\t\t{{ file.originalFileName }}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div fxLayout=\"row\" class=\"file-actions\">\r\n\t\t\t\t\t\t<tld-translate-file-download-button\r\n\t\t\t\t\t\t\t(tldClick)=\"download(file, $event)\"\r\n\t\t\t\t\t\t\t*ngIf=\"file.downloadAvailable\"\r\n\t\t\t\t\t\t\t[sourceDownload]=\"true\"\r\n\t\t\t\t\t\t\t[disabled]=\"file.isDownloading\"\r\n\t\t\t\t\t\t\t[file]=\"file\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t</tld-translate-file-download-button>\r\n\t\t\t\t\t\t<tld-close-button *ngIf=\"!file.downloadAvailable\" [tooltip]=\"'FILE_UPLOAD.CLEAR'\" (tldClick)=\"remove(file)\"></tld-close-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<mat-progress-bar *ngIf=\"file.translationStatuss === translatingStatuss\" color=\"accent\" mode=\"determinate\" [value]=\"file.progress\"></mat-progress-bar>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"progress-message text-s\"\r\n\t\t\t\t\t*ngIf=\"\r\n\t\t\t\t\t\tfile.translationStatuss !== errorTranslatingStatuss && file.translationStatuss !== completedTranslatingStatuss && file.translationStatuss !== uploadedTranslatingStatuss\r\n\t\t\t\t\t\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ \"MULTIPLE_FILES.STATUSS_\" + file.translationStatuss | translate : { percent: file.progress } }}\r\n\t\t\t\t</div>\r\n\t\t\t\t<ng-container *ngIf=\"file.messages.length > 0\">\r\n\t\t\t\t\t<lib-inline-message *ngFor=\"let message of file.messages\" [message]=\"message\"></lib-inline-message>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<lib-file-upload\r\n\t\t\t*ngIf=\"!translationStarted && maxFileCount !== 1\"\r\n\t\t\tclass=\"tld-append-files\"\r\n\t\t\t(fileChange)=\"fileChange($event)\"\r\n\t\t\t[accept]=\"allowedFileTypes\"\r\n\t\t\t[maxSize]=\"maxFileUploadSize\"\r\n\t\t\t[multiple]=\"multipleFiles\"\r\n\t\t\t[disabled]=\"disableAppendFiles\"\r\n\t\t\t(errorEvent)=\"fileUploadError($event)\"\r\n\t\t\t[extendedAcceptList]=\"extendedFileTypes\"\r\n\t\t>\r\n\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.MULTIPLE_FILE_UPLOAD' | translate\" class=\"accent-color\"></span>\r\n\t\t\t<span>&nbsp;</span>\r\n\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.MULTIPLE_FILE_UPLOAD_MORE' | translate\" fxHide.lt-sm></span> ({{ fileCount }}/{{ maxFileCount }})\r\n\t\t</lib-file-upload>\r\n\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayout.xs=\"column\" fxLayuotGap.xs=\"1rem\" class=\"button-container\">\r\n      <tld-translate-button [disabled]=\"disableTranslateButton\" (clicked)=\"translateButtonClick()\" *ngIf=\"!translationStarted\"></tld-translate-button>\r\n      <button (click)=\"clearAll()\" mat-stroked-button color=\"accent\" class=\"cancel-button border-accent\">{{ (fileCount !== translatedFilesCount ? \"MULTIPLE_FILES.CLEAR_ALL\" : \"MULTIPLE_FILES.TRANSLATE_MORE\") | translate }}</button>\r\n    </div>\r\n\t</div>\r\n\t<ng-container *ngIf=\"sourceDownloadPDF\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"conversionMessage; context: { messageKey: 'MULTIPLE_FILES.CONVERSION_DISCLAIMER', dialogParams: pdfConversion, buttonText: 'MULTIPLE_FILES.PDF_DISCLAIMER_LINK' }\"\r\n\t\t>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\r\n\t<ng-container *ngIf=\"sourceDownloadImage\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"\r\n\t\t\t\tconversionMessage;\r\n\t\t\t\tcontext: { messageKey: 'MULTIPLE_FILES.CONVERSION_DISCLAIMER', dialogParams: imageConversion, buttonText: 'MULTIPLE_FILES.IMAGE_DISCLAIMER_LINK' }\r\n\t\t\t\"\r\n\t\t>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\r\n\t<ng-container *ngIf=\"showVendorNotification\">\r\n\t\t<vendor-disclaimer></vendor-disclaimer>\r\n\t</ng-container>\r\n</div>\r\n\r\n<ng-template #conversionMessage let-messageKey=\"messageKey\" let-dialogParams=\"dialogParams\" let-buttonText=\"buttonText\">\r\n\t<p class=\"conversion-disclaimer text-m\" [ngClass.gt-sm]=\"'conversion-info-margins-gt-sm'\">\r\n\t\t<span class=\"material-icons material-icons-outlined\"> info </span>\r\n\t\t<span>\r\n\t\t\t{{ messageKey | translate }}\r\n\t\t</span>\r\n\t\t<button class=\"conversion-message-action text-m-semi-bold\" (click)=\"conversionDialog(dialogParams)\">{{ buttonText | translate }}</button>\r\n\t</p></ng-template\r\n>\r\n", styles: [".semi-bold,.text-s-semi-bold,.text-m-semi-bold,.text-l-semi-bold,.text-xl-semi-bold,.text-2-xl,.text-3-xl,.text-4-xl{font-weight:600}@media (min-width: 600px){.text-4-xl{font-size:2rem;line-height:3.375rem}}@media (min-width: 0) and (max-width: 599.9px){.text-4-xl{font-size:2rem;line-height:2.625rem}}.text-3-xl{font-size:1.75rem;line-height:2.625rem}.text-2-xl{font-size:1.5rem;line-height:2.125rem}.text-xl,.text-xl-semi-bold{font-size:1.25rem;line-height:2rem}.text-l,.cancel-button,.text-l-semi-bold{font-size:1rem;line-height:1.625rem}.text-m,.text-m-semi-bold{font-size:.875rem;line-height:1.4375rem}.text-s,.text-s-semi-bold{font-size:.75rem;line-height:1.25rem}.tld-translate-file-container{padding:3em;width:100%}.tld-translate-file-container .file-row{min-height:4rem;width:100%;padding:.5em 0;border-bottom:1px solid var(--base-70)}.tld-translate-file-container .file-row .file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tld-translate-file-container .file-row lib-inline-message{margin-top:.5rem}.tld-translate-file-container .file-row .file-actions{margin-left:.5rem}.tld-append-files{font-size:1em;margin-top:1rem}:host ::ng-deep .tld-append-files .upload-button{justify-content:center!important;min-height:3.5rem!important;color:var(--base-40)}.conversion-disclaimer.conversion-info-margins-gt-sm{margin:.5em 20%}.conversion-disclaimer:not(.conversion-info-margins-gt-sm){text-align:center}tld-translate-button{margin-right:4px}.tld-multiple-mobile{padding:1rem}.tld-multiple-mobile tld-translate-button{margin:1rem 0 .25rem;width:100%}.tld-multiple-mobile .file-row,.tld-multiple-mobile .multiple-files-body,.tld-multiple-mobile .cancel-button,.tld-multiple-mobile .button-container{width:100%}.button-container{margin-top:24px}.multiple-files-body ::ng-deep lib-file-upload .file-upload .upload-button{text-align:center}.download-file{cursor:pointer}.material-icons{vertical-align:middle;color:var(--base-40)}.conversion-message-action{background:transparent;color:var(--accent);border:none;cursor:pointer}.extra-width{min-width:30rem}.progress-message{color:var(--base-40)}mat-progress-bar{margin:.375rem 0}.cancel-button{padding:.375rem 1.5rem}vendor-disclaimer{margin-bottom:1rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TldTranslateButtonComponent, selector: "tld-translate-button", inputs: ["disabled", "enablePulseAnimation"], outputs: ["clicked"] }, { kind: "directive", type: i3.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: i3.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: i3.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.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: i6.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: i6.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: i4.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "component", type: i4.InlineMessageComponent, selector: "lib-inline-message", inputs: ["iconName", "message"] }, { kind: "component", type: VendorDisclaimerComponent, selector: "vendor-disclaimer" }, { kind: "component", type: i4.FileUploadComponent, selector: "lib-file-upload", inputs: ["accept", "useCompactUpload", "maxSize", "multiple", "filePreviewProgress", "allowEmpty", "disabled", "dragZoneLabel", "uploadIconName", "uploadButtonLabel", "openExtensionPopupLabel", "minSupportedFormatCount", "hideDefaultLimitsLabel", "extendedAcceptList"], outputs: ["fileChange", "errorEvent"] }, { kind: "component", type: i11.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i8.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: TldTranslateFileDownloadButtonComponent, selector: "tld-translate-file-download-button", inputs: ["file", "disabled", "sourceDownload"], outputs: ["tldClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateFileMultipleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tld-translate-file-multiple', standalone: false, template: "<div class=\"tld-translate-file-container\" [ngClass.xs]=\"'tld-multiple-mobile'\" fxLayout=\"column\" fxFlex fxLayoutAlign=\"start center\">\r\n\t<div class=\"cdk-visually-hidden\" aria-live=\"polite\">\r\n\t\t{{ \"MULTIPLE_FILES.SCREEN_READER_ANNOUNCEMENT\" | translate : { translated: translatedFilesCount, total: fileCount } }}\r\n\t</div>\r\n\t<div fxLayout=\"column\" fxLayoutGap=\"0.5rem\" fxFlex class=\"multiple-files-body\">\r\n\t\t<div *ngFor=\"let file of translationFiles\" class=\"file-row\" [ngClass.gt-sm]=\"'extra-width'\" fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutAlign.xs=\"flex-start center\">\r\n\t\t\t<div fxLayout=\"column\" fxFlex>\r\n\t\t\t\t<div fxLayout=\"row\" fxLayoutAlign.xs=\"space-between center\" fxLayoutAlign=\"space-between center\">\r\n\t\t\t\t\t<div class=\"file-name\">\r\n\t\t\t\t\t\t{{ file.originalFileName }}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div fxLayout=\"row\" class=\"file-actions\">\r\n\t\t\t\t\t\t<tld-translate-file-download-button\r\n\t\t\t\t\t\t\t(tldClick)=\"download(file, $event)\"\r\n\t\t\t\t\t\t\t*ngIf=\"file.downloadAvailable\"\r\n\t\t\t\t\t\t\t[sourceDownload]=\"true\"\r\n\t\t\t\t\t\t\t[disabled]=\"file.isDownloading\"\r\n\t\t\t\t\t\t\t[file]=\"file\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t</tld-translate-file-download-button>\r\n\t\t\t\t\t\t<tld-close-button *ngIf=\"!file.downloadAvailable\" [tooltip]=\"'FILE_UPLOAD.CLEAR'\" (tldClick)=\"remove(file)\"></tld-close-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<mat-progress-bar *ngIf=\"file.translationStatuss === translatingStatuss\" color=\"accent\" mode=\"determinate\" [value]=\"file.progress\"></mat-progress-bar>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"progress-message text-s\"\r\n\t\t\t\t\t*ngIf=\"\r\n\t\t\t\t\t\tfile.translationStatuss !== errorTranslatingStatuss && file.translationStatuss !== completedTranslatingStatuss && file.translationStatuss !== uploadedTranslatingStatuss\r\n\t\t\t\t\t\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ \"MULTIPLE_FILES.STATUSS_\" + file.translationStatuss | translate : { percent: file.progress } }}\r\n\t\t\t\t</div>\r\n\t\t\t\t<ng-container *ngIf=\"file.messages.length > 0\">\r\n\t\t\t\t\t<lib-inline-message *ngFor=\"let message of file.messages\" [message]=\"message\"></lib-inline-message>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<lib-file-upload\r\n\t\t\t*ngIf=\"!translationStarted && maxFileCount !== 1\"\r\n\t\t\tclass=\"tld-append-files\"\r\n\t\t\t(fileChange)=\"fileChange($event)\"\r\n\t\t\t[accept]=\"allowedFileTypes\"\r\n\t\t\t[maxSize]=\"maxFileUploadSize\"\r\n\t\t\t[multiple]=\"multipleFiles\"\r\n\t\t\t[disabled]=\"disableAppendFiles\"\r\n\t\t\t(errorEvent)=\"fileUploadError($event)\"\r\n\t\t\t[extendedAcceptList]=\"extendedFileTypes\"\r\n\t\t>\r\n\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.MULTIPLE_FILE_UPLOAD' | translate\" class=\"accent-color\"></span>\r\n\t\t\t<span>&nbsp;</span>\r\n\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.MULTIPLE_FILE_UPLOAD_MORE' | translate\" fxHide.lt-sm></span> ({{ fileCount }}/{{ maxFileCount }})\r\n\t\t</lib-file-upload>\r\n\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayout.xs=\"column\" fxLayuotGap.xs=\"1rem\" class=\"button-container\">\r\n      <tld-translate-button [disabled]=\"disableTranslateButton\" (clicked)=\"translateButtonClick()\" *ngIf=\"!translationStarted\"></tld-translate-button>\r\n      <button (click)=\"clearAll()\" mat-stroked-button color=\"accent\" class=\"cancel-button border-accent\">{{ (fileCount !== translatedFilesCount ? \"MULTIPLE_FILES.CLEAR_ALL\" : \"MULTIPLE_FILES.TRANSLATE_MORE\") | translate }}</button>\r\n    </div>\r\n\t</div>\r\n\t<ng-container *ngIf=\"sourceDownloadPDF\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"conversionMessage; context: { messageKey: 'MULTIPLE_FILES.PDF_DISCLAIMER', dialogParams: pdfConversion, buttonText: 'MULTIPLE_FILES.PDF_DISCLAIMER_LINK' }\"\r\n\t\t>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\r\n\t<ng-container *ngIf=\"sourceDownloadImage\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"\r\n\t\t\t\tconversionMessage;\r\n\t\t\t\tcontext: { messageKey: 'MULTIPLE_FILES.IMAGE_DISCLAIMER', dialogParams: imageConversion, buttonText: 'MULTIPLE_FILES.IMAGE_DISCLAIMER_LINK' }\r\n\t\t\t\"\r\n\t\t>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\r\n\t<ng-container *ngIf=\"showVendorNotification\">\r\n\t\t<vendor-disclaimer></vendor-disclaimer>\r\n\t</ng-container>\r\n</div>\r\n\r\n<ng-template #conversionMessage let-messageKey=\"messageKey\" let-dialogParams=\"dialogParams\" let-buttonText=\"buttonText\">\r\n\t<p class=\"conversion-disclaimer text-m\" [ngClass.gt-sm]=\"'conversion-info-margins-gt-sm'\">\r\n\t\t<span class=\"material-icons\"> info </span>\r\n\t\t<span>\r\n\t\t\t{{ messageKey | translate }}\r\n\t\t</span>\r\n\t\t<button class=\"conversion-message-action text-m-semi-bold\" (click)=\"conversionDialog(dialogParams)\">{{ buttonText | translate }}</button>\r\n\t</p></ng-template\r\n>\r\n", styles: [".semi-bold,.text-s-semi-bold,.text-m-semi-bold,.text-l-semi-bold,.text-xl-semi-bold,.text-2-xl,.text-3-xl,.text-4-xl{font-weight:600}@media (min-width: 600px){.text-4-xl{font-size:2rem;line-height:3.375rem}}@media (min-width: 0) and (max-width: 599.9px){.text-4-xl{font-size:2rem;line-height:2.625rem}}.text-3-xl{font-size:1.75rem;line-height:2.625rem}.text-2-xl{font-size:1.5rem;line-height:2.125rem}.text-xl,.text-xl-semi-bold{font-size:1.25rem;line-height:2rem}.text-l,.cancel-button,.text-l-semi-bold{font-size:1rem;line-height:1.625rem}.text-m,.text-m-semi-bold{font-size:.875rem;line-height:1.4375rem}.text-s,.text-s-semi-bold{font-size:.75rem;line-height:1.25rem}.tld-translate-file-container{padding:3em;width:100%}.tld-translate-file-container .file-row{min-height:4rem;width:100%;padding:.5em 0;border-bottom:1px solid var(--base-70)}.tld-translate-file-container .file-row .file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tld-translate-file-container .file-row lib-inline-message{margin-top:.5rem}.tld-translate-file-container .file-row .file-actions{margin-left:.5rem}.tld-append-files{font-size:1em;margin-top:1rem}:host ::ng-deep .tld-append-files .upload-button{justify-content:center!important;min-height:3.5rem!important;color:var(--base-40)}.conversion-disclaimer.conversion-info-margins-gt-sm{margin:.5em 20%}.conversion-disclaimer:not(.conversion-info-margins-gt-sm){text-align:center}tld-translate-button{margin-right:4px}.tld-multiple-mobile{padding:1rem}.tld-multiple-mobile tld-translate-button{margin:1rem 0 .25rem;width:100%}.tld-multiple-mobile .file-row,.tld-multiple-mobile .multiple-files-body,.tld-multiple-mobile .cancel-button,.tld-multiple-mobile .button-container{width:100%}.button-container{margin-top:24px}.multiple-files-body ::ng-deep lib-file-upload .file-upload .upload-button{text-align:center}.download-file{cursor:pointer}.material-icons{vertical-align:middle;color:var(--base-40)}.conversion-message-action{background:transparent;color:var(--accent);border:none;cursor:pointer}.extra-width{min-width:30rem}.progress-message{color:var(--base-40)}mat-progress-bar{margin:.375rem 0}.cancel-button{padding:.375rem 1.5rem}vendor-disclaimer{margin-bottom:1rem}\n"] }]
+            args: [{ selector: 'tld-translate-file-multiple', standalone: false, template: "<div class=\"tld-translate-file-container\" [ngClass.xs]=\"'tld-multiple-mobile'\" fxLayout=\"column\" fxFlex fxLayoutAlign=\"start center\">\r\n\t<div class=\"cdk-visually-hidden\" aria-live=\"polite\">\r\n\t\t{{ \"MULTIPLE_FILES.SCREEN_READER_ANNOUNCEMENT\" | translate : { translated: translatedFilesCount, total: fileCount } }}\r\n\t</div>\r\n\t<div fxLayout=\"column\" fxLayoutGap=\"0.5rem\" fxFlex class=\"multiple-files-body\">\r\n\t\t<div *ngFor=\"let file of translationFiles\" class=\"file-row\" [ngClass.gt-sm]=\"'extra-width'\" fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutAlign.xs=\"flex-start center\">\r\n\t\t\t<div fxLayout=\"column\" fxFlex>\r\n\t\t\t\t<div fxLayout=\"row\" fxLayoutAlign.xs=\"space-between center\" fxLayoutAlign=\"space-between center\">\r\n\t\t\t\t\t<div class=\"file-name\">\r\n\t\t\t\t\t\t{{ file.originalFileName }}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div fxLayout=\"row\" class=\"file-actions\">\r\n\t\t\t\t\t\t<tld-translate-file-download-button\r\n\t\t\t\t\t\t\t(tldClick)=\"download(file, $event)\"\r\n\t\t\t\t\t\t\t*ngIf=\"file.downloadAvailable\"\r\n\t\t\t\t\t\t\t[sourceDownload]=\"true\"\r\n\t\t\t\t\t\t\t[disabled]=\"file.isDownloading\"\r\n\t\t\t\t\t\t\t[file]=\"file\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t</tld-translate-file-download-button>\r\n\t\t\t\t\t\t<tld-close-button *ngIf=\"!file.downloadAvailable\" [tooltip]=\"'FILE_UPLOAD.CLEAR'\" (tldClick)=\"remove(file)\"></tld-close-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<mat-progress-bar *ngIf=\"file.translationStatuss === translatingStatuss\" color=\"accent\" mode=\"determinate\" [value]=\"file.progress\"></mat-progress-bar>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=\"progress-message text-s\"\r\n\t\t\t\t\t*ngIf=\"\r\n\t\t\t\t\t\tfile.translationStatuss !== errorTranslatingStatuss && file.translationStatuss !== completedTranslatingStatuss && file.translationStatuss !== uploadedTranslatingStatuss\r\n\t\t\t\t\t\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ \"MULTIPLE_FILES.STATUSS_\" + file.translationStatuss | translate : { percent: file.progress } }}\r\n\t\t\t\t</div>\r\n\t\t\t\t<ng-container *ngIf=\"file.messages.length > 0\">\r\n\t\t\t\t\t<lib-inline-message *ngFor=\"let message of file.messages\" [message]=\"message\"></lib-inline-message>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<lib-file-upload\r\n\t\t\t*ngIf=\"!translationStarted && maxFileCount !== 1\"\r\n\t\t\tclass=\"tld-append-files\"\r\n\t\t\t(fileChange)=\"fileChange($event)\"\r\n\t\t\t[accept]=\"allowedFileTypes\"\r\n\t\t\t[maxSize]=\"maxFileUploadSize\"\r\n\t\t\t[multiple]=\"multipleFiles\"\r\n\t\t\t[disabled]=\"disableAppendFiles\"\r\n\t\t\t(errorEvent)=\"fileUploadError($event)\"\r\n\t\t\t[extendedAcceptList]=\"extendedFileTypes\"\r\n\t\t>\r\n\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.MULTIPLE_FILE_UPLOAD' | translate\" class=\"accent-color\"></span>\r\n\t\t\t<span>&nbsp;</span>\r\n\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.MULTIPLE_FILE_UPLOAD_MORE' | translate\" fxHide.lt-sm></span> ({{ fileCount }}/{{ maxFileCount }})\r\n\t\t</lib-file-upload>\r\n\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayout.xs=\"column\" fxLayuotGap.xs=\"1rem\" class=\"button-container\">\r\n      <tld-translate-button [disabled]=\"disableTranslateButton\" (clicked)=\"translateButtonClick()\" *ngIf=\"!translationStarted\"></tld-translate-button>\r\n      <button (click)=\"clearAll()\" mat-stroked-button color=\"accent\" class=\"cancel-button border-accent\">{{ (fileCount !== translatedFilesCount ? \"MULTIPLE_FILES.CLEAR_ALL\" : \"MULTIPLE_FILES.TRANSLATE_MORE\") | translate }}</button>\r\n    </div>\r\n\t</div>\r\n\t<ng-container *ngIf=\"sourceDownloadPDF\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"conversionMessage; context: { messageKey: 'MULTIPLE_FILES.CONVERSION_DISCLAIMER', dialogParams: pdfConversion, buttonText: 'MULTIPLE_FILES.PDF_DISCLAIMER_LINK' }\"\r\n\t\t>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\r\n\t<ng-container *ngIf=\"sourceDownloadImage\">\r\n\t\t<ng-container\r\n\t\t\t*ngTemplateOutlet=\"\r\n\t\t\t\tconversionMessage;\r\n\t\t\t\tcontext: { messageKey: 'MULTIPLE_FILES.CONVERSION_DISCLAIMER', dialogParams: imageConversion, buttonText: 'MULTIPLE_FILES.IMAGE_DISCLAIMER_LINK' }\r\n\t\t\t\"\r\n\t\t>\r\n\t\t</ng-container>\r\n\t</ng-container>\r\n\r\n\t<ng-container *ngIf=\"showVendorNotification\">\r\n\t\t<vendor-disclaimer></vendor-disclaimer>\r\n\t</ng-container>\r\n</div>\r\n\r\n<ng-template #conversionMessage let-messageKey=\"messageKey\" let-dialogParams=\"dialogParams\" let-buttonText=\"buttonText\">\r\n\t<p class=\"conversion-disclaimer text-m\" [ngClass.gt-sm]=\"'conversion-info-margins-gt-sm'\">\r\n\t\t<span class=\"material-icons material-icons-outlined\"> info </span>\r\n\t\t<span>\r\n\t\t\t{{ messageKey | translate }}\r\n\t\t</span>\r\n\t\t<button class=\"conversion-message-action text-m-semi-bold\" (click)=\"conversionDialog(dialogParams)\">{{ buttonText | translate }}</button>\r\n\t</p></ng-template\r\n>\r\n", styles: [".semi-bold,.text-s-semi-bold,.text-m-semi-bold,.text-l-semi-bold,.text-xl-semi-bold,.text-2-xl,.text-3-xl,.text-4-xl{font-weight:600}@media (min-width: 600px){.text-4-xl{font-size:2rem;line-height:3.375rem}}@media (min-width: 0) and (max-width: 599.9px){.text-4-xl{font-size:2rem;line-height:2.625rem}}.text-3-xl{font-size:1.75rem;line-height:2.625rem}.text-2-xl{font-size:1.5rem;line-height:2.125rem}.text-xl,.text-xl-semi-bold{font-size:1.25rem;line-height:2rem}.text-l,.cancel-button,.text-l-semi-bold{font-size:1rem;line-height:1.625rem}.text-m,.text-m-semi-bold{font-size:.875rem;line-height:1.4375rem}.text-s,.text-s-semi-bold{font-size:.75rem;line-height:1.25rem}.tld-translate-file-container{padding:3em;width:100%}.tld-translate-file-container .file-row{min-height:4rem;width:100%;padding:.5em 0;border-bottom:1px solid var(--base-70)}.tld-translate-file-container .file-row .file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tld-translate-file-container .file-row lib-inline-message{margin-top:.5rem}.tld-translate-file-container .file-row .file-actions{margin-left:.5rem}.tld-append-files{font-size:1em;margin-top:1rem}:host ::ng-deep .tld-append-files .upload-button{justify-content:center!important;min-height:3.5rem!important;color:var(--base-40)}.conversion-disclaimer.conversion-info-margins-gt-sm{margin:.5em 20%}.conversion-disclaimer:not(.conversion-info-margins-gt-sm){text-align:center}tld-translate-button{margin-right:4px}.tld-multiple-mobile{padding:1rem}.tld-multiple-mobile tld-translate-button{margin:1rem 0 .25rem;width:100%}.tld-multiple-mobile .file-row,.tld-multiple-mobile .multiple-files-body,.tld-multiple-mobile .cancel-button,.tld-multiple-mobile .button-container{width:100%}.button-container{margin-top:24px}.multiple-files-body ::ng-deep lib-file-upload .file-upload .upload-button{text-align:center}.download-file{cursor:pointer}.material-icons{vertical-align:middle;color:var(--base-40)}.conversion-message-action{background:transparent;color:var(--accent);border:none;cursor:pointer}.extra-width{min-width:30rem}.progress-message{color:var(--base-40)}mat-progress-bar{margin:.375rem 0}.cancel-button{padding:.375rem 1.5rem}vendor-disclaimer{margin-bottom:1rem}\n"] }]
         }], ctorParameters: () => [{ type: TldTranslateFileService }, { type: TldTranslateConfigService }, { type: i2$1.MatDialog }, { type: TldTranslateButtonService }, { type: TldTranslateSystemManagementService }, { type: i4.AlertService }], propDecorators: { translationFiles: [{
                 type: Input
             }] } });
@@ -7655,8 +7603,7 @@ class TldDocumentModule {
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: TldDocumentModule, declarations: [TldTranslateFileComponent,
             TldTranslateFileMultipleComponent,
             TldTranslateFileDownloadButtonComponent,
-            TldTranslatePdfConversionHelpComponent,
-            TldTranslateImageConversionHelpComponent,
+            TldTranslateConversionHelpComponent,
             TldFileTranslateBaseComponent], imports: [CommonModule,
             TldCommonModule,
             TranslateModule,
@@ -7695,8 +7642,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         TldTranslateFileComponent,
                         TldTranslateFileMultipleComponent,
                         TldTranslateFileDownloadButtonComponent,
-                        TldTranslatePdfConversionHelpComponent,
-                        TldTranslateImageConversionHelpComponent,
+                        TldTranslateConversionHelpComponent,
                         TldFileTranslateBaseComponent
                     ],
                     imports: [
@@ -7839,7 +7785,7 @@ class TldDictateComponent {
         this.asrClient = new AsrClient(config);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldDictateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldDictateComponent, isStandalone: false, selector: "tld-dictate", inputs: { configuration: "configuration", systemId: "systemId" }, outputs: { result: "result", partialResult: "partialResult", isDictating: "isDictating", onError: "onError" }, ngImport: i0, template: "<ng-container *ngIf=\"!isRecording\">\r\n\t<button\r\n\t\t[matTooltip]=\"'AUDIO.START' | translate\"\r\n\t\t[disabled]=\"!hasAnyMicrophone\"\r\n\t\tmat-icon-button\r\n\t\tfxLayoutAlign=\"center center\"\r\n\t\t(click)=\"startRecording()\"\r\n\t\t[attr.aria-label]=\"(hasAnyMicrophone ? 'AUDIO.START' : 'AUDIO.MIC_NOT_FOUND') | translate\"\r\n\t>\r\n\t\t<span class=\"material-icons\" *ngIf=\"hasAnyMicrophone\" [matTooltip]=\"'AUDIO.START' | translate\"> mic </span>\r\n\t\t<span class=\"material-icons\" [matTooltip]=\"'AUDIO.MIC_NOT_FOUND' | translate\" *ngIf=\"!hasAnyMicrophone\"> mic_off </span>\r\n\t</button>\r\n</ng-container>\r\n<ng-container *ngIf=\"isRecording\">\r\n\t<div fxLayout=\"row\" fxLayoutAlign=\"start end\">\r\n\t\t<div fxLayout=\"column\">\r\n\t\t\t<button\r\n\t\t\t\tmat-icon-button\r\n\t\t\t\tfxLayoutAlign=\"center center\"\r\n\t\t\t\t[disabled]=\"!isRecording\"\r\n\t\t\t\t(click)=\"stopRecording()\"\r\n\t\t\t\t[matTooltip]=\"'AUDIO.STOP' | translate\"\r\n\t\t\t\t[attr.aria-label]=\"'AUDIO.STOP' | translate\"\r\n\t\t\t>\r\n\t\t\t\t<span class=\"material-icons\"> stop </span>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t</div>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i3.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: i3.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: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldDictateComponent, isStandalone: false, selector: "tld-dictate", inputs: { configuration: "configuration", systemId: "systemId" }, outputs: { result: "result", partialResult: "partialResult", isDictating: "isDictating", onError: "onError" }, ngImport: i0, template: "<ng-container *ngIf=\"!isRecording\">\r\n\t<button\r\n\t\t[matTooltip]=\"'AUDIO.START' | translate\"\r\n\t\t[disabled]=\"!hasAnyMicrophone\"\r\n\t\tmat-icon-button\r\n\t\tfxLayoutAlign=\"center center\"\r\n\t\t(click)=\"startRecording()\"\r\n\t\t[attr.aria-label]=\"(hasAnyMicrophone ? 'AUDIO.START' : 'AUDIO.MIC_NOT_FOUND') | translate\"\r\n\t>\r\n\t\t<span class=\"material-icons\" *ngIf=\"hasAnyMicrophone\" [matTooltip]=\"'AUDIO.START' | translate\"> mic </span>\r\n\t\t<span class=\"material-icons\" [matTooltip]=\"'AUDIO.MIC_NOT_FOUND' | translate\" *ngIf=\"!hasAnyMicrophone\"> mic_off </span>\r\n\t</button>\r\n</ng-container>\r\n<ng-container *ngIf=\"isRecording\">\r\n\t<div fxLayout=\"row\" fxLayoutAlign=\"start end\">\r\n\t\t<div fxLayout=\"column\">\r\n\t\t\t<button\r\n\t\t\t\tmat-icon-button\r\n\t\t\t\tfxLayoutAlign=\"center center\"\r\n\t\t\t\t[disabled]=\"!isRecording\"\r\n\t\t\t\t(click)=\"stopRecording()\"\r\n\t\t\t\t[matTooltip]=\"'AUDIO.STOP' | translate\"\r\n\t\t\t\t[attr.aria-label]=\"'AUDIO.STOP' | translate\"\r\n\t\t\t>\r\n\t\t\t\t<span class=\"material-icons\"> stop </span>\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t</div>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i3.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: i3.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: "component", type: i8.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldDictateComponent, decorators: [{
             type: Component,
@@ -8012,7 +7958,7 @@ class TldVoiceInputApiService {
             transcription: response.transcription
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldVoiceInputApiService, deps: [{ token: i1$3.HttpClient }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldVoiceInputApiService, deps: [{ token: i1$2.HttpClient }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldVoiceInputApiService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldVoiceInputApiService, decorators: [{
@@ -8020,7 +7966,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: TldTranslateConfigService }] });
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: TldTranslateConfigService }] });
 
 class TldVoiceInputService {
     api;
@@ -8156,7 +8102,7 @@ class TldRecordComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldRecordComponent, deps: [{ token: AudioRecordService }, { token: TldTranslateSystemManagementService }, { token: TldTranslateConfigService }, { token: TldVoiceInputService }, { token: i4.AlertService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldRecordComponent, isStandalone: false, selector: "tld-record", outputs: { record: "record" }, ngImport: i0, template: "<div fxLayout=\"row\" fxFlex>\r\n    <ng-container *ngIf=\"!(isRecording || isProcessing)\">\r\n        <button [disabled]=\"!hasAnyMicrophone\" mat-button mat-icon-button fxLayoutAlign=\"center center\"\r\n            (click)=\"startRecording()\" color=\"accent\"  [attr.aria-label]=\"(hasAnyMicrophone?'AUDIO.START':'AUDIO.MIC_NOT_FOUND') | translate\">\r\n            <span class=\"material-icons\" *ngIf=\"hasAnyMicrophone\" color=\"accent\" \r\n            [matTooltip]=\"'AUDIO.START' | translate\">\r\n                mic\r\n            </span>\r\n            <span class=\"material-icons\" [matTooltip]=\"'AUDIO.MIC_NOT_FOUND' | translate\"\r\n                *ngIf=\"!hasAnyMicrophone\">\r\n                mic_off\r\n            </span>\r\n        </button>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"isRecording || isProcessing\">\r\n        <div fxLayout=\"column\">\r\n            <button mat-button mat-icon-button fxLayoutAlign=\"center center\" [disabled]=\"!isRecording\"\r\n                (click)=\"stopRecording()\" color=\"accent\" [matTooltip]=\"'AUDIO.STOP' | translate\" [attr.aria-label]=\"'AUDIO.STOP' | translate\">\r\n                <span class=\"material-icons\">\r\n                    stop\r\n                </span>\r\n            </button>\r\n            <div class=\"tld-audio-timer\" fxLayoutAlign=\"center center\">\r\n                {{recordTimeDate | date:'mm:ss'}}\r\n            </div>\r\n        </div>\r\n        <div fxLayout=\"row\" fxFlex fxLayoutAlign=\"center center\">\r\n            <div fxFlex fxLayoutAlign=\"center center\" data-test-id=\"voice-input-info\">\r\n                <span *ngIf=\"isRecording\">{{'AUDIO.DESCRIBE_STATE_RECORDING' | translate}}</span>\r\n                <span *ngIf=\"isProcessing\">{{'AUDIO.DESCRIBE_STATE_PROCESSING' | translate}}</span>\r\n            </div>\r\n            <button mat-flat-button color=\"accent\" (click)=\"cancel()\">{{'AUDIO.CANCEL' | translate}}</button>\r\n        </div>\r\n    </ng-container>\r\n</div>", styles: ["button{border:1px solid rgba(0,0,0,.12)}.tld-audio-timer{font-size:.625rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i3.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: i3.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.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: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldRecordComponent, isStandalone: false, selector: "tld-record", outputs: { record: "record" }, ngImport: i0, template: "<div fxLayout=\"row\" fxFlex>\r\n    <ng-container *ngIf=\"!(isRecording || isProcessing)\">\r\n        <button [disabled]=\"!hasAnyMicrophone\" mat-button mat-icon-button fxLayoutAlign=\"center center\"\r\n            (click)=\"startRecording()\" color=\"accent\"  [attr.aria-label]=\"(hasAnyMicrophone?'AUDIO.START':'AUDIO.MIC_NOT_FOUND') | translate\">\r\n            <span class=\"material-icons\" *ngIf=\"hasAnyMicrophone\" color=\"accent\" \r\n            [matTooltip]=\"'AUDIO.START' | translate\">\r\n                mic\r\n            </span>\r\n            <span class=\"material-icons\" [matTooltip]=\"'AUDIO.MIC_NOT_FOUND' | translate\"\r\n                *ngIf=\"!hasAnyMicrophone\">\r\n                mic_off\r\n            </span>\r\n        </button>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"isRecording || isProcessing\">\r\n        <div fxLayout=\"column\">\r\n            <button mat-button mat-icon-button fxLayoutAlign=\"center center\" [disabled]=\"!isRecording\"\r\n                (click)=\"stopRecording()\" color=\"accent\" [matTooltip]=\"'AUDIO.STOP' | translate\" [attr.aria-label]=\"'AUDIO.STOP' | translate\">\r\n                <span class=\"material-icons\">\r\n                    stop\r\n                </span>\r\n            </button>\r\n            <div class=\"tld-audio-timer\" fxLayoutAlign=\"center center\">\r\n                {{recordTimeDate | date:'mm:ss'}}\r\n            </div>\r\n        </div>\r\n        <div fxLayout=\"row\" fxFlex fxLayoutAlign=\"center center\">\r\n            <div fxFlex fxLayoutAlign=\"center center\" data-test-id=\"voice-input-info\">\r\n                <span *ngIf=\"isRecording\">{{'AUDIO.DESCRIBE_STATE_RECORDING' | translate}}</span>\r\n                <span *ngIf=\"isProcessing\">{{'AUDIO.DESCRIBE_STATE_PROCESSING' | translate}}</span>\r\n            </div>\r\n            <button mat-flat-button color=\"accent\" (click)=\"cancel()\">{{'AUDIO.CANCEL' | translate}}</button>\r\n        </div>\r\n    </ng-container>\r\n</div>", styles: ["button{border:1px solid rgba(0,0,0,.12)}.tld-audio-timer{font-size:.625rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i3.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: i3.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.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: "component", type: i8.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldRecordComponent, decorators: [{
             type: Component,
@@ -8407,7 +8353,7 @@ class TldTranslateTextApiService {
         });
         return { urls: domainUrls, request: forkJoin(requests) };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateTextApiService, deps: [{ token: i1$3.HttpClient }, { token: TldTranslateConfigService }, { token: i4.TerminologyService }, { token: TldTranslateSystemManagementService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateTextApiService, deps: [{ token: i1$2.HttpClient }, { token: TldTranslateConfigService }, { token: i4.TerminologyService }, { token: TldTranslateSystemManagementService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateTextApiService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateTextApiService, decorators: [{
@@ -8415,7 +8361,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$3.HttpClient }, { type: TldTranslateConfigService }, { type: i4.TerminologyService }, { type: TldTranslateSystemManagementService }] });
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: TldTranslateConfigService }, { type: i4.TerminologyService }, { type: TldTranslateSystemManagementService }] });
 
 /** Service is used to synchronize registered scrollbars. For example, source and target window scrollbars should be synced in text translation. This service handles it. */
 class TldScrollService {
@@ -8449,7 +8395,7 @@ class TldScrollService {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldScrollService, deps: [{ token: i1$4.ScrollDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldScrollService, deps: [{ token: i1$3.ScrollDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldScrollService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldScrollService, decorators: [{
@@ -8457,7 +8403,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$4.ScrollDispatcher }] });
+        }], ctorParameters: () => [{ type: i1$3.ScrollDispatcher }] });
 
 class LanguageDetectionService {
     config;
@@ -8470,7 +8416,7 @@ class LanguageDetectionService {
         const headers = AuthHeadersHelper.getAppIdAuthHeaders(this.config.coreConfig.appId);
         return this.http.post(`${this.config.coreConfig.apiBaseUrl}/language`, { text: text }, { headers });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LanguageDetectionService, deps: [{ token: TldTranslateConfigService }, { token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LanguageDetectionService, deps: [{ token: TldTranslateConfigService }, { token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LanguageDetectionService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LanguageDetectionService, decorators: [{
@@ -8478,7 +8424,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: TldTranslateConfigService }, { type: i1$3.HttpClient }] });
+        }], ctorParameters: () => [{ type: TldTranslateConfigService }, { type: i1$2.HttpClient }] });
 
 class TldTranslateTextService {
     api;
@@ -9281,7 +9227,7 @@ class RephraseComponent {
         PlausibleHelper.customEvent(LLMActions.REPHRASE.toLowerCase(), { action: 'copy' });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RephraseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: RephraseComponent, isStandalone: true, selector: "tld-rephrase", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<lib-open-close-button\r\n\t[ngClass.lt-sm]=\"'mobile'\"\r\n\tclass=\"rephrase-menu-btn\"\r\n\t#state=\"matMenuTrigger\"\r\n\t[matMenuTriggerFor]=\"rephraseStylesMenu\"\r\n\t[isOpened]=\"state.menuOpen\"\r\n\t[disabled]=\"disabled()\"\r\n>\r\n\t<span class=\"rephrase-title\">{{ \"TLD_TRANSLATE.REPHRASE.TITLE\" | translate }} ({{ selectedRephrasingStyle() ?? \"TLD_TRANSLATE.REPHRASE.CHOOSE_LABEL\" | translate }})</span>\r\n</lib-open-close-button>\r\n\r\n<mat-menu #rephraseStylesMenu=\"matMenu\" class=\"rephrase-menu\">\r\n\t@for (style of rephraseStyles; track style) {\r\n\t<button mat-menu-item (click)=\"rephrase(style)\">\r\n\t\t{{ \"TLD_TRANSLATE.REPHRASE.STYLES.\" + (style | uppercase) | translate }}\r\n\t</button>\r\n\t}\r\n</mat-menu>\r\n\r\n@if (isLoading()) {\r\n<p class=\"rephrasing\">{{ \"TLD_TRANSLATE.REPHRASE.LOADING\" | translate }}<span class=\"dot-loading\">...</span></p>\r\n} @if(!selectedRephrasingStyle()) {\r\n<p class=\"rephrase-hint\">{{ \"TLD_TRANSLATE.REPHRASE.HINT\" | translate }}</p>\r\n}\r\n\r\n<p [innerHTML]=\"markedRephrasedText()\"></p>\r\n\r\n@if (rephrasedText()) {\r\n<button mat-icon-button [ngClass.lt-sm]=\"'rephrase-mobile'\" class=\"rephrase-copy-btn\" (click)=\"copyRephraseText()\" [matTooltip]=\"'TOOLTIPS.COPY' | translate\">\r\n\t<span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\"> content_copy </span>\r\n</button>\r\n}\r\n", styles: ["p{margin-top:16px}.rephrase-menu-btn:not(.mobile){margin-left:-8px}.rephrase-title{font-size:1rem;color:var(--base-30)}.rephrase-hint,.rephrasing{font-style:italic;color:var(--base-40)}.rephrase-copy-btn{position:absolute;right:-45px;top:20px}.rephrase-mobile{right:-46px}.mobile.rephrase-menu-btn{display:block;width:fit-content}::ng-deep .cdk-overlay-container .rephrase-menu{margin:8px!important;min-width:175px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: OpenCloseButtonModule }, { kind: "component", type: i4.OpenCloseButtonComponent, selector: "lib-open-close-button", inputs: ["disableFocusOnAction", "disabled", "isIcon", "ariaLabelCode", "isOpened"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i6.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: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: RephraseComponent, isStandalone: true, selector: "tld-rephrase", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<lib-open-close-button\r\n\t[ngClass.lt-sm]=\"'mobile'\"\r\n\tclass=\"rephrase-menu-btn\"\r\n\t#state=\"matMenuTrigger\"\r\n\t[matMenuTriggerFor]=\"rephraseStylesMenu\"\r\n\t[isOpened]=\"state.menuOpen\"\r\n\t[disabled]=\"disabled()\"\r\n>\r\n\t<span class=\"rephrase-title\">{{ \"TLD_TRANSLATE.REPHRASE.TITLE\" | translate }} ({{ selectedRephrasingStyle() ?? \"TLD_TRANSLATE.REPHRASE.CHOOSE_LABEL\" | translate }})</span>\r\n</lib-open-close-button>\r\n\r\n<mat-menu #rephraseStylesMenu=\"matMenu\" class=\"rephrase-menu\">\r\n\t@for (style of rephraseStyles; track style) {\r\n\t<button mat-menu-item (click)=\"rephrase(style)\">\r\n\t\t{{ \"TLD_TRANSLATE.REPHRASE.STYLES.\" + (style | uppercase) | translate }}\r\n\t</button>\r\n\t}\r\n</mat-menu>\r\n\r\n@if (isLoading()) {\r\n<p class=\"rephrasing\">{{ \"TLD_TRANSLATE.REPHRASE.LOADING\" | translate }}<span class=\"dot-loading\">...</span></p>\r\n} @if(!selectedRephrasingStyle()) {\r\n<p class=\"rephrase-hint\">{{ \"TLD_TRANSLATE.REPHRASE.HINT\" | translate }}</p>\r\n}\r\n\r\n<p [innerHTML]=\"markedRephrasedText()\"></p>\r\n\r\n@if (rephrasedText()) {\r\n<button mat-icon-button [ngClass.lt-sm]=\"'rephrase-mobile'\" class=\"rephrase-copy-btn\" (click)=\"copyRephraseText()\" [matTooltip]=\"'TOOLTIPS.COPY' | translate\">\r\n\t<span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\"> content_copy </span>\r\n</button>\r\n}\r\n", styles: ["p{margin-top:16px}.rephrase-menu-btn:not(.mobile){margin-left:-8px}.rephrase-title{font-size:1rem;color:var(--base-30)}.rephrase-hint,.rephrasing{font-style:italic;color:var(--base-40)}.rephrase-copy-btn{position:absolute;right:-45px;top:20px}.rephrase-mobile{right:-46px}.mobile.rephrase-menu-btn{display:block;width:fit-content}::ng-deep .cdk-overlay-container .rephrase-menu{margin:8px!important;min-width:175px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: OpenCloseButtonModule }, { kind: "component", type: i4.OpenCloseButtonComponent, selector: "lib-open-close-button", inputs: ["disableFocusOnAction", "disabled", "isIcon", "ariaLabelCode", "isOpened"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i6.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: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RephraseComponent, decorators: [{
             type: Component,
@@ -9613,11 +9559,11 @@ class TldTranslateTextComponent {
         this.markedSummarizedText = null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateTextComponent, deps: [{ token: TldTranslateTextService }, { token: i2$2.Clipboard }, { token: i4.AlertService }, { token: TldTranslateConfigService }, { token: TldScrollService }, { token: TldTranslateSystemManagementService }, { token: AudioRecordService }, { token: TldVoiceInputService }, { token: TldTranslateFileService }, { token: i5$1.LLMService }, { token: i9.KeycloakService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TldTranslateTextComponent, isStandalone: false, selector: "tld-translate-text", inputs: { filePreviewProgress: "filePreviewProgress" }, outputs: { onFileChange: "onFileChange" }, viewQueries: [{ propertyName: "sourceComponent", first: true, predicate: ["sourceComponent"], descendants: true }, { propertyName: "dictateComponent", first: true, predicate: ["dictate"], descendants: true }], ngImport: i0, template: "<!-- NOTE. tld-source-and-target-wrapper uses multiple content projections, so might seem confusing first, but elements are displayed at their places based on tld-source-and-target-wrapper component\r\nhttps://angular.io/guide/content-projection#multi-slot-content-projection\r\n-->\r\n<tld-source-and-target-wrapper\r\n\t[textToSpeechSourceSettings]=\"textToSpeechSourceSettings\"\r\n\t[clearSourceVisible]=\"source?.length > 0\"\r\n\t(onSourceClear)=\"clearSource()\"\r\n\t[clearDisabled]=\"textareaDisabled\"\r\n\t[clearSourceTooltip]=\"'TLD_TRANSLATE.CLEAR_SOURCE_TOOLTIP'\"\r\n\t[ngClass]=\"{ 'highlight-active': highlight, 'empty-target': isEmptyTarget }\"\r\n>\r\n\t<div sourceMain class=\"source-main\" fxLayout=\"column\">\r\n\t\t<tld-translate-source [textareaDisabled]=\"textareaDisabled\" #sourceComponent fxFlex [sourceParagraphs]=\"sourceParagraphs\"></tld-translate-source>\r\n\t</div>\r\n\t<ng-container dictation *ngIf=\"audioInputVisible()\">\r\n\t\t<tld-dictate\r\n\t\t\t#dictate\r\n\t\t\t[configuration]=\"dictateConfig\"\r\n\t\t\t[ngClass]=\"{ 'full-width': !fileUpload }\"\r\n\t\t\t(isDictating)=\"dictateStartStop($event)\"\r\n\t\t\t(result)=\"dictateResult($event)\"\r\n\t\t\t(partialResult)=\"dictatePartialResult($event)\"\r\n\t\t\t(onError)=\"dictateError($event)\"\r\n\t\t\t[systemId]=\"onlineAsrSystemId()\"\r\n\t\t>\r\n\t\t</tld-dictate>\r\n\t</ng-container>\r\n\r\n\t<button compactUpload mat-icon-button [matTooltip]=\"'TOOLTIPS.UPLOAD' | translate\" [attr.aria-label]=\"'TOOLTIPS.UPLOAD' | translate\" [disabled]=\"fileUploadDisabled\" (click)=\"openFileUpload()\">\r\n\t\t<mat-icon [svgIcon]=\"'upload'\"></mat-icon>\r\n\t</button>\r\n\r\n\t<ng-container sourceActions>\r\n\t\t<div fxLayoutAlign=\"start center\" [class.basic-padding]=\"fileUpload\" fxLayoutGap=\"1em\">\r\n\t\t\t<div [class.hidden]=\"!fileUpload\" class=\"file-upload-wrapper\">\r\n\t\t\t\t<lib-file-upload\r\n\t\t\t\t\t(fileChange)=\"fileChange($event)\"\r\n\t\t\t\t\t[accept]=\"allowedFileTypes\"\r\n\t\t\t\t\t[maxSize]=\"maxFileUploadSize\"\r\n\t\t\t\t\t[uploadIconName]=\"uploadIconName\"\r\n\t\t\t\t\t[extendedAcceptList]=\"extendedFileTypes\"\r\n\t\t\t\t\t[multiple]=\"multipleFiles\"\r\n\t\t\t\t\t(errorEvent)=\"fileUploadError($event)\"\r\n\t\t\t\t\t[filePreviewProgress]=\"filePreviewProgress\"\r\n\t\t\t\t\t[disabled]=\"fileUploadDisabled\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"upload-file-text\">\r\n\t\t\t\t\t\t<span class=\"info\">\r\n\t\t\t\t\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.TRANSLATE_TEXT_UPLOAD' | translate\" class=\"accent-color\"></span>\r\n\t\t\t\t\t\t\t<span>&nbsp;</span>\r\n\t\t\t\t\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.TRANSLATE_TEXT_DRAG_AND_DROP' | translate\" fxHide.lt-sm></span>\r\n\t\t\t\t\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.' + (multipleFiles ? 'FILES' : 'FILE') | translate\" [ngClass.lt-sm]=\"'accent-color'\"></span>\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<span class=\"file-upload-extensions text-m\">\r\n\t\t\t\t\t\t\t(<span>{{ visibleExtensions }}.</span>;\r\n\t\t\t\t\t\t\t<span *ngIf=\"maxSizeMB\" class=\"file-upload-max-size\" [innerHTML]=\"'FILE_UPLOAD.LIMITS_MB' | translate : { maxSizeMB: maxSizeMB }\"></span>)\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</lib-file-upload>\r\n\t\t\t\t<lib-open-extension-dialog *ngIf=\"showExtensionPopup\" [extensions]=\"allowedTypesWithoutDots\"> </lib-open-extension-dialog>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</ng-container>\r\n\r\n\t<div targetMain class=\"target-main\">\r\n\t\t<ng-container *ngIf=\"isEmptyTarget; else translatedTextBlock\">\r\n\t\t\t<p *ngIf=\"showTargetPlaceholder\" class=\"description-text target-empty\" [innerHtml]=\"'TLD_TRANSLATE.TARGET_DESCRIPTION' | translate\"></p>\r\n\t\t</ng-container>\r\n\t</div>\r\n\r\n\t<ng-container targetActions>\r\n\t\t<div class=\"tld-translate-target-footer basic-padding\" *ngIf=\"showProgressIndicator\">\r\n\t\t\t<progress-indicator (onClose)=\"closeProgressIndicator()\" *ngIf=\"showProgressIndicator\"></progress-indicator>\r\n\t\t</div>\r\n\t</ng-container>\r\n</tld-source-and-target-wrapper>\r\n\r\n<!-- templates used for else blocks in target container -->\r\n<ng-template #translatedTextBlock>\r\n\t<div [class.translated-source-overflow]=\"targetWrapperOverflow\" class=\"translated-source\">\r\n\t\t<ng-container *ngIf=\"!urlToTranslate\">\r\n\t\t\t<div class=\"target-wrapper-action-buttons\">\r\n\t\t\t\t<button\r\n\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t*ngIf=\"firstParagraphTranslated\"\r\n\t\t\t\t\tclass=\"tld-copy-translation\"\r\n\t\t\t\t\t(click)=\"copy()\"\r\n\t\t\t\t\t[matTooltip]=\"'TOOLTIPS.COPY' | translate\"\r\n\t\t\t\t\t[attr.aria-describedby]=\"copyMessageId\"\r\n\t\t\t\t\t[attr.Id]=\"copyButtonId\"\r\n\t\t\t\t\t(keydown.Tab)=\"switchFocusFromCopy($event)\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\"> content_copy </span>\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t<button\r\n\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t*ngIf=\"firstParagraphTranslated || translationError\"\r\n\t\t\t\t\tclass=\"tld-refresh-translation\"\r\n\t\t\t\t\t[matTooltip]=\"'TOOLTIPS.REFRESH' | translate\"\r\n\t\t\t\t\t(click)=\"refresh()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.REFRESH' | translate\"> refresh </span>\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t<div [matTooltip]=\"'TLD_TRANSLATE.REPHRASE.TOOLTIP' | translate\">\r\n\t\t\t\t\t@if (isLlmEnabled && firstParagraphTranslated) {\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t\t\tclass=\"tld-rephrase\"\r\n\t\t\t\t\t\t\t[disabled]=\"isTranslating || isSummarazing\"\r\n\t\t\t\t\t\t\t(click)=\"showRephraseOptions()\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<mat-icon [svgIcon]=\"'rephrase'\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.REPHRASE' | translate\"></mat-icon>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div [matTooltip]=\"(isTextSummarizable ? 'TOOLTIPS.CREATE_SUMMARY' : 'TLD_TRANSLATE.SUMMARY.DISABLED') | translate\">\r\n\t\t\t\t\t@if (isLlmEnabled && firstParagraphTranslated) {\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t\tclass=\"tld-create-summary\"\r\n\t\t\t\t\t\t[disabled]=\"isTranslating || isSummarazing || !isTextSummarizable\"\r\n\t\t\t\t\t\t(click)=\"createSummary()\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<mat-icon [svgIcon]=\"'summarize'\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.CREATE_SUMMARY' | translate\"></mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t\t<tld-text-to-speech *ngIf=\"textToSpeechTargetSettings && firstParagraphTranslated\" [settings]=\"textToSpeechTargetSettings\"> </tld-text-to-speech>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"highlight-tree-wrapper\">\r\n\t\t\t\t<tld-highlight-tree *ngFor=\"let paragraph of targetParagraphs\" [highlight]=\"highlight\" [tree]=\"paragraph\"> </tld-highlight-tree>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div *ngIf=\"isSummarazing || summarizedText\" class=\"summary-wrapper\">\r\n\t\t\t\t<p class=\"summary-title\">{{ \"TLD_TRANSLATE.SUMMARY.TITLE\" | translate }}</p>\r\n\r\n\t\t\t\t<p *ngIf=\"isSummarazing\" class=\"creating-progress\">{{ \"TLD_TRANSLATE.SUMMARY.CREATING\" | translate }}<span class=\"dot-loading\">...</span></p>\r\n\r\n\t\t\t\t<p [innerHTML]=\"markedSummarizedText\"></p>\r\n\r\n\t\t\t\t<button\r\n\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t*ngIf=\"summarizedText\"\r\n\t\t\t\t\t[ngClass.lt-sm]=\"'summary-mobile'\"\r\n\t\t\t\t\tclass=\"summary-copy-btn\"\r\n\t\t\t\t\t(click)=\"copySummarizedText()\"\r\n\t\t\t\t\t[matTooltip]=\"'TOOLTIPS.COPY' | translate\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\"> content_copy </span>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div *ngIf=\"isRephraseActive\" class=\"rephrase-wrapper\">\r\n\t\t\t\t<tld-rephrase [text]=\"translatedText\" [disabled]=\"isTranslating\" [language]=\"targetLanguage\"></tld-rephrase>\r\n\t\t\t</div>\t\r\n\r\n\t\t\t<div *ngIf=\"firstParagraphTranslated && dictionaryEntry\" class=\"dictionary-wrapper\">\r\n\t\t\t\t<tld-dictionary [dictionary]=\"dictionaryEntry\"></tld-dictionary>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\r\n\t\t<div *ngIf=\"urlToTranslate\" class=\"target-url-container\">\r\n\t\t\t<a [attr.href]=\"translateUrlRedirect\" target=\"_blank\" fxLayoutAlign=\"start center\" class=\"go-to-webtranslate\">\r\n\t\t\t\t{{ urlToTranslate }}\r\n\t\t\t\t<span class=\"material-icons\" color=\"accent\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.OPEN_IN_NEW'\"> open_in_new </span>\r\n\t\t\t</a>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>\r\n", styles: [".hidden{display:none}.go-to-webtranslate{word-break:break-all;display:inline}.basic-padding,.target-empty,.target-translated-text{padding:18px}.source-container{border-right:1px solid #cbd2d9;padding:0;overflow:auto}.target-description{margin-top:0}.translated-source,.highlight-tree-wrapper{min-height:210px}.translated-source{position:relative;overflow-y:auto;overflow-x:hidden;flex:1 1 0!important;padding:18px 48px 18px 18px!important}.translated-source.selectable-sentence{cursor:pointer}::ng-deep .target-highlight .tld-highlight-container{padding:18px}.target-wrapper-action-buttons{position:absolute;top:3px;right:3px}.target-wrapper-action-buttons .tld-copy-translation,.target-wrapper-action-buttons .tld-refresh-translation,.target-wrapper-action-buttons tld-text-to-speech{display:block}.target-empty,.target-translated-text{margin:0}tld-dictionary{overflow-y:auto;flex:1 1 0!important}.source-main,.target-main{height:100%}.upload-file-text{color:var(--base-40);font-size:.875rem;display:inline-block;text-align:left}.file-upload-wrapper{width:100%}.file-upload-wrapper .file-upload-extensions{font-weight:400}.file-upload-max-size{white-space:nowrap}.dictionary-wrapper{margin-top:2rem;border-top:1px solid var(--base-70)}.rephrase-wrapper,.summary-wrapper{position:relative;margin-top:8px;padding-top:12px;border-top:1px solid var(--base-70)}.summary-title{font-size:1rem;margin-bottom:.5rem;font-weight:600}.creating-progress{color:var(--base-40)}:host ::ng-deep .dot-loading{clip-path:inset(0 100% 0 0);animation:loading 1.5s steps(4) infinite}.summary-copy-btn{position:absolute;right:-45px;top:20px}.summary-mobile{right:-46px}@keyframes loading{to{clip-path:inset(0 -34% 0 0)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SourceAndTargetWrapperComponent, selector: "tld-source-and-target-wrapper", inputs: ["clearSourceVisible", "clearSourceTooltip", "clearDisabled", "textToSpeechSourceSettings"], outputs: ["onSourceClear"] }, { kind: "component", type: TldDictateComponent, selector: "tld-dictate", inputs: ["configuration", "systemId"], outputs: ["result", "partialResult", "isDictating", "onError"] }, { kind: "component", type: i4.OpenExtensionDialogComponent, selector: "lib-open-extension-dialog", inputs: ["extensions"] }, { kind: "component", type: TextToSpeechComponent, selector: "tld-text-to-speech", inputs: ["settings"] }, { kind: "component", type: i4.FileUploadComponent, selector: "lib-file-upload", inputs: ["accept", "useCompactUpload", "maxSize", "multiple", "filePreviewProgress", "allowEmpty", "disabled", "dragZoneLabel", "uploadIconName", "uploadButtonLabel", "openExtensionPopupLabel", "minSupportedFormatCount", "hideDefaultLimitsLabel", "extendedAcceptList"], outputs: ["fileChange", "errorEvent"] }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i3.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: i3.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: i3.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.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: i6.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: i6.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: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: RephraseComponent, selector: "tld-rephrase", inputs: ["text", "language", "disabled"] }, { kind: "component", type: TldTranslateSourceComponent, selector: "tld-translate-source", inputs: ["textareaDisabled", "sourceParagraphs"] }, { kind: "component", type: TldDictionaryComponent, selector: "tld-dictionary", inputs: ["dictionary"] }, { kind: "component", type: HighlightTreeComponent, selector: "tld-highlight-tree", inputs: ["tree", "isSource", "highlight"] }, { kind: "component", type: ProgressIndicatorComponent, selector: "progress-indicator", outputs: ["onClose"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TldTranslateTextComponent, isStandalone: false, selector: "tld-translate-text", inputs: { filePreviewProgress: "filePreviewProgress" }, outputs: { onFileChange: "onFileChange" }, viewQueries: [{ propertyName: "sourceComponent", first: true, predicate: ["sourceComponent"], descendants: true }, { propertyName: "dictateComponent", first: true, predicate: ["dictate"], descendants: true }], ngImport: i0, template: "<!-- NOTE. tld-source-and-target-wrapper uses multiple content projections, so might seem confusing first, but elements are displayed at their places based on tld-source-and-target-wrapper component\r\nhttps://angular.io/guide/content-projection#multi-slot-content-projection\r\n-->\r\n<tld-source-and-target-wrapper\r\n\t[textToSpeechSourceSettings]=\"textToSpeechSourceSettings\"\r\n\t[clearSourceVisible]=\"source?.length > 0\"\r\n\t(onSourceClear)=\"clearSource()\"\r\n\t[clearDisabled]=\"textareaDisabled\"\r\n\t[clearSourceTooltip]=\"'TLD_TRANSLATE.CLEAR_SOURCE_TOOLTIP'\"\r\n\t[ngClass]=\"{ 'highlight-active': highlight, 'empty-target': isEmptyTarget }\"\r\n>\r\n\t<div sourceMain class=\"source-main\" fxLayout=\"column\">\r\n\t\t<tld-translate-source [textareaDisabled]=\"textareaDisabled\" #sourceComponent fxFlex [sourceParagraphs]=\"sourceParagraphs\"></tld-translate-source>\r\n\t</div>\r\n\t<ng-container dictation *ngIf=\"audioInputVisible()\">\r\n\t\t<tld-dictate\r\n\t\t\t#dictate\r\n\t\t\t[configuration]=\"dictateConfig\"\r\n\t\t\t[ngClass]=\"{ 'full-width': !fileUpload }\"\r\n\t\t\t(isDictating)=\"dictateStartStop($event)\"\r\n\t\t\t(result)=\"dictateResult($event)\"\r\n\t\t\t(partialResult)=\"dictatePartialResult($event)\"\r\n\t\t\t(onError)=\"dictateError($event)\"\r\n\t\t\t[systemId]=\"onlineAsrSystemId()\"\r\n\t\t>\r\n\t\t</tld-dictate>\r\n\t</ng-container>\r\n\r\n\t<button compactUpload mat-icon-button [matTooltip]=\"'TOOLTIPS.UPLOAD' | translate\" [attr.aria-label]=\"'TOOLTIPS.UPLOAD' | translate\" [disabled]=\"fileUploadDisabled\" (click)=\"openFileUpload()\">\r\n\t\t<mat-icon [svgIcon]=\"'upload'\"></mat-icon>\r\n\t</button>\r\n\r\n\t<ng-container sourceActions>\r\n\t\t<div fxLayoutAlign=\"start center\" [class.basic-padding]=\"fileUpload\" fxLayoutGap=\"1em\">\r\n\t\t\t<div [class.hidden]=\"!fileUpload\" class=\"file-upload-wrapper\">\r\n\t\t\t\t<lib-file-upload\r\n\t\t\t\t\t(fileChange)=\"fileChange($event)\"\r\n\t\t\t\t\t[accept]=\"allowedFileTypes\"\r\n\t\t\t\t\t[maxSize]=\"maxFileUploadSize\"\r\n\t\t\t\t\t[uploadIconName]=\"uploadIconName\"\r\n\t\t\t\t\t[extendedAcceptList]=\"extendedFileTypes\"\r\n\t\t\t\t\t[multiple]=\"multipleFiles\"\r\n\t\t\t\t\t(errorEvent)=\"fileUploadError($event)\"\r\n\t\t\t\t\t[filePreviewProgress]=\"filePreviewProgress\"\r\n\t\t\t\t\t[disabled]=\"fileUploadDisabled\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"upload-file-text\">\r\n\t\t\t\t\t\t<span class=\"info\">\r\n\t\t\t\t\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.TRANSLATE_TEXT_UPLOAD' | translate\" class=\"accent-color\"></span>\r\n\t\t\t\t\t\t\t<span>&nbsp;</span>\r\n\t\t\t\t\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.' + (multipleFiles ? 'FILES' : 'FILE') | translate\" class=\"accent-color\"></span>\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<span class=\"file-upload-extensions text-m\">\r\n\t\t\t\t\t\t\t(<span>{{ visibleExtensions }}.</span>;\r\n\t\t\t\t\t\t\t<span *ngIf=\"maxSizeMB\" class=\"file-upload-max-size\" [innerHTML]=\"'FILE_UPLOAD.LIMITS_MB' | translate : { maxSizeMB: maxSizeMB }\"></span>)\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</lib-file-upload>\r\n\t\t\t\t<lib-open-extension-dialog *ngIf=\"showExtensionPopup\" [extensions]=\"allowedTypesWithoutDots\"> </lib-open-extension-dialog>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</ng-container>\r\n\r\n\t<div targetMain class=\"target-main\">\r\n\t\t<ng-container *ngIf=\"isEmptyTarget; else translatedTextBlock\">\r\n\t\t\t<p *ngIf=\"showTargetPlaceholder\" class=\"description-text target-empty\" [innerHtml]=\"'TLD_TRANSLATE.TARGET_DESCRIPTION' | translate\"></p>\r\n\t\t</ng-container>\r\n\t</div>\r\n\r\n\t<ng-container targetActions>\r\n\t\t<div class=\"tld-translate-target-footer basic-padding\" *ngIf=\"showProgressIndicator\">\r\n\t\t\t<progress-indicator (onClose)=\"closeProgressIndicator()\" *ngIf=\"showProgressIndicator\"></progress-indicator>\r\n\t\t</div>\r\n\t</ng-container>\r\n</tld-source-and-target-wrapper>\r\n\r\n<!-- templates used for else blocks in target container -->\r\n<ng-template #translatedTextBlock>\r\n\t<div [class.translated-source-overflow]=\"targetWrapperOverflow\" class=\"translated-source\">\r\n\t\t<ng-container *ngIf=\"!urlToTranslate\">\r\n\t\t\t<div class=\"target-wrapper-action-buttons\">\r\n\t\t\t\t<button\r\n\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t*ngIf=\"firstParagraphTranslated\"\r\n\t\t\t\t\tclass=\"tld-copy-translation\"\r\n\t\t\t\t\t(click)=\"copy()\"\r\n\t\t\t\t\t[matTooltip]=\"'TOOLTIPS.COPY' | translate\"\r\n\t\t\t\t\t[attr.aria-describedby]=\"copyMessageId\"\r\n\t\t\t\t\t[attr.Id]=\"copyButtonId\"\r\n\t\t\t\t\t(keydown.Tab)=\"switchFocusFromCopy($event)\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\"> content_copy </span>\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t<button\r\n\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t*ngIf=\"firstParagraphTranslated || translationError\"\r\n\t\t\t\t\tclass=\"tld-refresh-translation\"\r\n\t\t\t\t\t[matTooltip]=\"'TOOLTIPS.REFRESH' | translate\"\r\n\t\t\t\t\t(click)=\"refresh()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.REFRESH' | translate\"> refresh </span>\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t<div [matTooltip]=\"'TLD_TRANSLATE.REPHRASE.TOOLTIP' | translate\">\r\n\t\t\t\t\t@if (isLlmEnabled && firstParagraphTranslated) {\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t\t\tclass=\"tld-rephrase\"\r\n\t\t\t\t\t\t\t[disabled]=\"isTranslating || isSummarazing\"\r\n\t\t\t\t\t\t\t(click)=\"showRephraseOptions()\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<mat-icon [svgIcon]=\"'rephrase'\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.REPHRASE' | translate\"></mat-icon>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div [matTooltip]=\"(isTextSummarizable ? 'TOOLTIPS.CREATE_SUMMARY' : 'TLD_TRANSLATE.SUMMARY.DISABLED') | translate\">\r\n\t\t\t\t\t@if (isLlmEnabled && firstParagraphTranslated) {\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t\tclass=\"tld-create-summary\"\r\n\t\t\t\t\t\t[disabled]=\"isTranslating || isSummarazing || !isTextSummarizable\"\r\n\t\t\t\t\t\t(click)=\"createSummary()\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<mat-icon [svgIcon]=\"'summarize'\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.CREATE_SUMMARY' | translate\"></mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t\t<tld-text-to-speech *ngIf=\"textToSpeechTargetSettings && firstParagraphTranslated\" [settings]=\"textToSpeechTargetSettings\"> </tld-text-to-speech>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"highlight-tree-wrapper\">\r\n\t\t\t\t<tld-highlight-tree *ngFor=\"let paragraph of targetParagraphs\" [highlight]=\"highlight\" [tree]=\"paragraph\"> </tld-highlight-tree>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div *ngIf=\"isSummarazing || summarizedText\" class=\"summary-wrapper\">\r\n\t\t\t\t<p class=\"summary-title\">{{ \"TLD_TRANSLATE.SUMMARY.TITLE\" | translate }}</p>\r\n\r\n\t\t\t\t<p *ngIf=\"isSummarazing\" class=\"creating-progress\">{{ \"TLD_TRANSLATE.SUMMARY.CREATING\" | translate }}<span class=\"dot-loading\">...</span></p>\r\n\r\n\t\t\t\t<p [innerHTML]=\"markedSummarizedText\"></p>\r\n\r\n\t\t\t\t<button\r\n\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t*ngIf=\"summarizedText\"\r\n\t\t\t\t\t[ngClass.lt-sm]=\"'summary-mobile'\"\r\n\t\t\t\t\tclass=\"summary-copy-btn\"\r\n\t\t\t\t\t(click)=\"copySummarizedText()\"\r\n\t\t\t\t\t[matTooltip]=\"'TOOLTIPS.COPY' | translate\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\"> content_copy </span>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div *ngIf=\"isRephraseActive\" class=\"rephrase-wrapper\">\r\n\t\t\t\t<tld-rephrase [text]=\"translatedText\" [disabled]=\"isTranslating\" [language]=\"targetLanguage\"></tld-rephrase>\r\n\t\t\t</div>\t\r\n\r\n\t\t\t<div *ngIf=\"firstParagraphTranslated && dictionaryEntry\" class=\"dictionary-wrapper\">\r\n\t\t\t\t<tld-dictionary [dictionary]=\"dictionaryEntry\"></tld-dictionary>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\r\n\t\t<div *ngIf=\"urlToTranslate\" class=\"target-url-container\">\r\n\t\t\t<a [attr.href]=\"translateUrlRedirect\" target=\"_blank\" fxLayoutAlign=\"start center\" class=\"go-to-webtranslate\">\r\n\t\t\t\t{{ urlToTranslate }}\r\n\t\t\t\t<span class=\"material-icons\" color=\"accent\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.OPEN_IN_NEW'\"> open_in_new </span>\r\n\t\t\t</a>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>\r\n", styles: [".hidden{display:none}.go-to-webtranslate{word-break:break-all;display:inline}.basic-padding,.target-empty,.target-translated-text{padding:18px}.source-container{border-right:1px solid #cbd2d9;padding:0;overflow:auto}.target-description{margin-top:0}.translated-source,.highlight-tree-wrapper{min-height:210px}.translated-source{position:relative;overflow-y:auto;overflow-x:hidden;flex:1 1 0!important;padding:18px 48px 18px 18px!important}.translated-source.selectable-sentence{cursor:pointer}::ng-deep .target-highlight .tld-highlight-container{padding:18px}.target-wrapper-action-buttons{position:absolute;top:3px;right:3px}.target-wrapper-action-buttons .tld-copy-translation,.target-wrapper-action-buttons .tld-refresh-translation,.target-wrapper-action-buttons tld-text-to-speech{display:block}.target-empty,.target-translated-text{margin:0}tld-dictionary{overflow-y:auto;flex:1 1 0!important}.source-main,.target-main{height:100%}.upload-file-text{color:var(--base-40);font-size:.875rem;display:inline-block;text-align:left}.file-upload-wrapper{width:100%}.file-upload-wrapper .file-upload-extensions{font-weight:400}.file-upload-max-size{white-space:nowrap}.dictionary-wrapper{margin-top:2rem;border-top:1px solid var(--base-70)}.rephrase-wrapper,.summary-wrapper{position:relative;margin-top:8px;padding-top:12px;border-top:1px solid var(--base-70)}.summary-title{font-size:1rem;margin-bottom:.5rem;font-weight:600}.creating-progress{color:var(--base-40)}:host ::ng-deep .dot-loading{clip-path:inset(0 100% 0 0);animation:loading 1.5s steps(4) infinite}.summary-copy-btn{position:absolute;right:-45px;top:20px}.summary-mobile{right:-46px}@keyframes loading{to{clip-path:inset(0 -34% 0 0)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SourceAndTargetWrapperComponent, selector: "tld-source-and-target-wrapper", inputs: ["clearSourceVisible", "clearSourceTooltip", "clearDisabled", "textToSpeechSourceSettings"], outputs: ["onSourceClear"] }, { kind: "component", type: TldDictateComponent, selector: "tld-dictate", inputs: ["configuration", "systemId"], outputs: ["result", "partialResult", "isDictating", "onError"] }, { kind: "component", type: i4.OpenExtensionDialogComponent, selector: "lib-open-extension-dialog", inputs: ["extensions"] }, { kind: "component", type: TextToSpeechComponent, selector: "tld-text-to-speech", inputs: ["settings"] }, { kind: "component", type: i4.FileUploadComponent, selector: "lib-file-upload", inputs: ["accept", "useCompactUpload", "maxSize", "multiple", "filePreviewProgress", "allowEmpty", "disabled", "dragZoneLabel", "uploadIconName", "uploadButtonLabel", "openExtensionPopupLabel", "minSupportedFormatCount", "hideDefaultLimitsLabel", "extendedAcceptList"], outputs: ["fileChange", "errorEvent"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i3.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: i3.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: i3.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.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: i6.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: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: RephraseComponent, selector: "tld-rephrase", inputs: ["text", "language", "disabled"] }, { kind: "component", type: TldTranslateSourceComponent, selector: "tld-translate-source", inputs: ["textareaDisabled", "sourceParagraphs"] }, { kind: "component", type: TldDictionaryComponent, selector: "tld-dictionary", inputs: ["dictionary"] }, { kind: "component", type: HighlightTreeComponent, selector: "tld-highlight-tree", inputs: ["tree", "isSource", "highlight"] }, { kind: "component", type: ProgressIndicatorComponent, selector: "progress-indicator", outputs: ["onClose"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateTextComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tld-translate-text', standalone: false, template: "<!-- NOTE. tld-source-and-target-wrapper uses multiple content projections, so might seem confusing first, but elements are displayed at their places based on tld-source-and-target-wrapper component\r\nhttps://angular.io/guide/content-projection#multi-slot-content-projection\r\n-->\r\n<tld-source-and-target-wrapper\r\n\t[textToSpeechSourceSettings]=\"textToSpeechSourceSettings\"\r\n\t[clearSourceVisible]=\"source?.length > 0\"\r\n\t(onSourceClear)=\"clearSource()\"\r\n\t[clearDisabled]=\"textareaDisabled\"\r\n\t[clearSourceTooltip]=\"'TLD_TRANSLATE.CLEAR_SOURCE_TOOLTIP'\"\r\n\t[ngClass]=\"{ 'highlight-active': highlight, 'empty-target': isEmptyTarget }\"\r\n>\r\n\t<div sourceMain class=\"source-main\" fxLayout=\"column\">\r\n\t\t<tld-translate-source [textareaDisabled]=\"textareaDisabled\" #sourceComponent fxFlex [sourceParagraphs]=\"sourceParagraphs\"></tld-translate-source>\r\n\t</div>\r\n\t<ng-container dictation *ngIf=\"audioInputVisible()\">\r\n\t\t<tld-dictate\r\n\t\t\t#dictate\r\n\t\t\t[configuration]=\"dictateConfig\"\r\n\t\t\t[ngClass]=\"{ 'full-width': !fileUpload }\"\r\n\t\t\t(isDictating)=\"dictateStartStop($event)\"\r\n\t\t\t(result)=\"dictateResult($event)\"\r\n\t\t\t(partialResult)=\"dictatePartialResult($event)\"\r\n\t\t\t(onError)=\"dictateError($event)\"\r\n\t\t\t[systemId]=\"onlineAsrSystemId()\"\r\n\t\t>\r\n\t\t</tld-dictate>\r\n\t</ng-container>\r\n\r\n\t<button compactUpload mat-icon-button [matTooltip]=\"'TOOLTIPS.UPLOAD' | translate\" [attr.aria-label]=\"'TOOLTIPS.UPLOAD' | translate\" [disabled]=\"fileUploadDisabled\" (click)=\"openFileUpload()\">\r\n\t\t<mat-icon [svgIcon]=\"'upload'\"></mat-icon>\r\n\t</button>\r\n\r\n\t<ng-container sourceActions>\r\n\t\t<div fxLayoutAlign=\"start center\" [class.basic-padding]=\"fileUpload\" fxLayoutGap=\"1em\">\r\n\t\t\t<div [class.hidden]=\"!fileUpload\" class=\"file-upload-wrapper\">\r\n\t\t\t\t<lib-file-upload\r\n\t\t\t\t\t(fileChange)=\"fileChange($event)\"\r\n\t\t\t\t\t[accept]=\"allowedFileTypes\"\r\n\t\t\t\t\t[maxSize]=\"maxFileUploadSize\"\r\n\t\t\t\t\t[uploadIconName]=\"uploadIconName\"\r\n\t\t\t\t\t[extendedAcceptList]=\"extendedFileTypes\"\r\n\t\t\t\t\t[multiple]=\"multipleFiles\"\r\n\t\t\t\t\t(errorEvent)=\"fileUploadError($event)\"\r\n\t\t\t\t\t[filePreviewProgress]=\"filePreviewProgress\"\r\n\t\t\t\t\t[disabled]=\"fileUploadDisabled\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"upload-file-text\">\r\n\t\t\t\t\t\t<span class=\"info\">\r\n\t\t\t\t\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.TRANSLATE_TEXT_UPLOAD' | translate\" class=\"accent-color\"></span>\r\n\t\t\t\t\t\t\t<span>&nbsp;</span>\r\n\t\t\t\t\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.TRANSLATE_TEXT_DRAG_AND_DROP' | translate\" fxHide.lt-sm></span>\r\n\t\t\t\t\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.' + (multipleFiles ? 'FILES' : 'FILE') | translate\" [ngClass.lt-sm]=\"'accent-color'\"></span>\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<span class=\"file-upload-extensions text-m\">\r\n\t\t\t\t\t\t\t(<span>{{ visibleExtensions }}.</span>;\r\n\t\t\t\t\t\t\t<span *ngIf=\"maxSizeMB\" class=\"file-upload-max-size\" [innerHTML]=\"'FILE_UPLOAD.LIMITS_MB' | translate : { maxSizeMB: maxSizeMB }\"></span>)\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</lib-file-upload>\r\n\t\t\t\t<lib-open-extension-dialog *ngIf=\"showExtensionPopup\" [extensions]=\"allowedTypesWithoutDots\"> </lib-open-extension-dialog>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</ng-container>\r\n\r\n\t<div targetMain class=\"target-main\">\r\n\t\t<ng-container *ngIf=\"isEmptyTarget; else translatedTextBlock\">\r\n\t\t\t<p *ngIf=\"showTargetPlaceholder\" class=\"description-text target-empty\" [innerHtml]=\"'TLD_TRANSLATE.TARGET_DESCRIPTION' | translate\"></p>\r\n\t\t</ng-container>\r\n\t</div>\r\n\r\n\t<ng-container targetActions>\r\n\t\t<div class=\"tld-translate-target-footer basic-padding\" *ngIf=\"showProgressIndicator\">\r\n\t\t\t<progress-indicator (onClose)=\"closeProgressIndicator()\" *ngIf=\"showProgressIndicator\"></progress-indicator>\r\n\t\t</div>\r\n\t</ng-container>\r\n</tld-source-and-target-wrapper>\r\n\r\n<!-- templates used for else blocks in target container -->\r\n<ng-template #translatedTextBlock>\r\n\t<div [class.translated-source-overflow]=\"targetWrapperOverflow\" class=\"translated-source\">\r\n\t\t<ng-container *ngIf=\"!urlToTranslate\">\r\n\t\t\t<div class=\"target-wrapper-action-buttons\">\r\n\t\t\t\t<button\r\n\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t*ngIf=\"firstParagraphTranslated\"\r\n\t\t\t\t\tclass=\"tld-copy-translation\"\r\n\t\t\t\t\t(click)=\"copy()\"\r\n\t\t\t\t\t[matTooltip]=\"'TOOLTIPS.COPY' | translate\"\r\n\t\t\t\t\t[attr.aria-describedby]=\"copyMessageId\"\r\n\t\t\t\t\t[attr.Id]=\"copyButtonId\"\r\n\t\t\t\t\t(keydown.Tab)=\"switchFocusFromCopy($event)\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\"> content_copy </span>\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t<button\r\n\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t*ngIf=\"firstParagraphTranslated || translationError\"\r\n\t\t\t\t\tclass=\"tld-refresh-translation\"\r\n\t\t\t\t\t[matTooltip]=\"'TOOLTIPS.REFRESH' | translate\"\r\n\t\t\t\t\t(click)=\"refresh()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.REFRESH' | translate\"> refresh </span>\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t<div [matTooltip]=\"'TLD_TRANSLATE.REPHRASE.TOOLTIP' | translate\">\r\n\t\t\t\t\t@if (isLlmEnabled && firstParagraphTranslated) {\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t\t\tclass=\"tld-rephrase\"\r\n\t\t\t\t\t\t\t[disabled]=\"isTranslating || isSummarazing\"\r\n\t\t\t\t\t\t\t(click)=\"showRephraseOptions()\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<mat-icon [svgIcon]=\"'rephrase'\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.REPHRASE' | translate\"></mat-icon>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div [matTooltip]=\"(isTextSummarizable ? 'TOOLTIPS.CREATE_SUMMARY' : 'TLD_TRANSLATE.SUMMARY.DISABLED') | translate\">\r\n\t\t\t\t\t@if (isLlmEnabled && firstParagraphTranslated) {\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t\tclass=\"tld-create-summary\"\r\n\t\t\t\t\t\t[disabled]=\"isTranslating || isSummarazing || !isTextSummarizable\"\r\n\t\t\t\t\t\t(click)=\"createSummary()\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<mat-icon [svgIcon]=\"'summarize'\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.CREATE_SUMMARY' | translate\"></mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t\t<tld-text-to-speech *ngIf=\"textToSpeechTargetSettings && firstParagraphTranslated\" [settings]=\"textToSpeechTargetSettings\"> </tld-text-to-speech>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"highlight-tree-wrapper\">\r\n\t\t\t\t<tld-highlight-tree *ngFor=\"let paragraph of targetParagraphs\" [highlight]=\"highlight\" [tree]=\"paragraph\"> </tld-highlight-tree>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div *ngIf=\"isSummarazing || summarizedText\" class=\"summary-wrapper\">\r\n\t\t\t\t<p class=\"summary-title\">{{ \"TLD_TRANSLATE.SUMMARY.TITLE\" | translate }}</p>\r\n\r\n\t\t\t\t<p *ngIf=\"isSummarazing\" class=\"creating-progress\">{{ \"TLD_TRANSLATE.SUMMARY.CREATING\" | translate }}<span class=\"dot-loading\">...</span></p>\r\n\r\n\t\t\t\t<p [innerHTML]=\"markedSummarizedText\"></p>\r\n\r\n\t\t\t\t<button\r\n\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t*ngIf=\"summarizedText\"\r\n\t\t\t\t\t[ngClass.lt-sm]=\"'summary-mobile'\"\r\n\t\t\t\t\tclass=\"summary-copy-btn\"\r\n\t\t\t\t\t(click)=\"copySummarizedText()\"\r\n\t\t\t\t\t[matTooltip]=\"'TOOLTIPS.COPY' | translate\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\"> content_copy </span>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div *ngIf=\"isRephraseActive\" class=\"rephrase-wrapper\">\r\n\t\t\t\t<tld-rephrase [text]=\"translatedText\" [disabled]=\"isTranslating\" [language]=\"targetLanguage\"></tld-rephrase>\r\n\t\t\t</div>\t\r\n\r\n\t\t\t<div *ngIf=\"firstParagraphTranslated && dictionaryEntry\" class=\"dictionary-wrapper\">\r\n\t\t\t\t<tld-dictionary [dictionary]=\"dictionaryEntry\"></tld-dictionary>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\r\n\t\t<div *ngIf=\"urlToTranslate\" class=\"target-url-container\">\r\n\t\t\t<a [attr.href]=\"translateUrlRedirect\" target=\"_blank\" fxLayoutAlign=\"start center\" class=\"go-to-webtranslate\">\r\n\t\t\t\t{{ urlToTranslate }}\r\n\t\t\t\t<span class=\"material-icons\" color=\"accent\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.OPEN_IN_NEW'\"> open_in_new </span>\r\n\t\t\t</a>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>\r\n", styles: [".hidden{display:none}.go-to-webtranslate{word-break:break-all;display:inline}.basic-padding,.target-empty,.target-translated-text{padding:18px}.source-container{border-right:1px solid #cbd2d9;padding:0;overflow:auto}.target-description{margin-top:0}.translated-source,.highlight-tree-wrapper{min-height:210px}.translated-source{position:relative;overflow-y:auto;overflow-x:hidden;flex:1 1 0!important;padding:18px 48px 18px 18px!important}.translated-source.selectable-sentence{cursor:pointer}::ng-deep .target-highlight .tld-highlight-container{padding:18px}.target-wrapper-action-buttons{position:absolute;top:3px;right:3px}.target-wrapper-action-buttons .tld-copy-translation,.target-wrapper-action-buttons .tld-refresh-translation,.target-wrapper-action-buttons tld-text-to-speech{display:block}.target-empty,.target-translated-text{margin:0}tld-dictionary{overflow-y:auto;flex:1 1 0!important}.source-main,.target-main{height:100%}.upload-file-text{color:var(--base-40);font-size:.875rem;display:inline-block;text-align:left}.file-upload-wrapper{width:100%}.file-upload-wrapper .file-upload-extensions{font-weight:400}.file-upload-max-size{white-space:nowrap}.dictionary-wrapper{margin-top:2rem;border-top:1px solid var(--base-70)}.rephrase-wrapper,.summary-wrapper{position:relative;margin-top:8px;padding-top:12px;border-top:1px solid var(--base-70)}.summary-title{font-size:1rem;margin-bottom:.5rem;font-weight:600}.creating-progress{color:var(--base-40)}:host ::ng-deep .dot-loading{clip-path:inset(0 100% 0 0);animation:loading 1.5s steps(4) infinite}.summary-copy-btn{position:absolute;right:-45px;top:20px}.summary-mobile{right:-46px}@keyframes loading{to{clip-path:inset(0 -34% 0 0)}}\n"] }]
+            args: [{ selector: 'tld-translate-text', standalone: false, template: "<!-- NOTE. tld-source-and-target-wrapper uses multiple content projections, so might seem confusing first, but elements are displayed at their places based on tld-source-and-target-wrapper component\r\nhttps://angular.io/guide/content-projection#multi-slot-content-projection\r\n-->\r\n<tld-source-and-target-wrapper\r\n\t[textToSpeechSourceSettings]=\"textToSpeechSourceSettings\"\r\n\t[clearSourceVisible]=\"source?.length > 0\"\r\n\t(onSourceClear)=\"clearSource()\"\r\n\t[clearDisabled]=\"textareaDisabled\"\r\n\t[clearSourceTooltip]=\"'TLD_TRANSLATE.CLEAR_SOURCE_TOOLTIP'\"\r\n\t[ngClass]=\"{ 'highlight-active': highlight, 'empty-target': isEmptyTarget }\"\r\n>\r\n\t<div sourceMain class=\"source-main\" fxLayout=\"column\">\r\n\t\t<tld-translate-source [textareaDisabled]=\"textareaDisabled\" #sourceComponent fxFlex [sourceParagraphs]=\"sourceParagraphs\"></tld-translate-source>\r\n\t</div>\r\n\t<ng-container dictation *ngIf=\"audioInputVisible()\">\r\n\t\t<tld-dictate\r\n\t\t\t#dictate\r\n\t\t\t[configuration]=\"dictateConfig\"\r\n\t\t\t[ngClass]=\"{ 'full-width': !fileUpload }\"\r\n\t\t\t(isDictating)=\"dictateStartStop($event)\"\r\n\t\t\t(result)=\"dictateResult($event)\"\r\n\t\t\t(partialResult)=\"dictatePartialResult($event)\"\r\n\t\t\t(onError)=\"dictateError($event)\"\r\n\t\t\t[systemId]=\"onlineAsrSystemId()\"\r\n\t\t>\r\n\t\t</tld-dictate>\r\n\t</ng-container>\r\n\r\n\t<button compactUpload mat-icon-button [matTooltip]=\"'TOOLTIPS.UPLOAD' | translate\" [attr.aria-label]=\"'TOOLTIPS.UPLOAD' | translate\" [disabled]=\"fileUploadDisabled\" (click)=\"openFileUpload()\">\r\n\t\t<mat-icon [svgIcon]=\"'upload'\"></mat-icon>\r\n\t</button>\r\n\r\n\t<ng-container sourceActions>\r\n\t\t<div fxLayoutAlign=\"start center\" [class.basic-padding]=\"fileUpload\" fxLayoutGap=\"1em\">\r\n\t\t\t<div [class.hidden]=\"!fileUpload\" class=\"file-upload-wrapper\">\r\n\t\t\t\t<lib-file-upload\r\n\t\t\t\t\t(fileChange)=\"fileChange($event)\"\r\n\t\t\t\t\t[accept]=\"allowedFileTypes\"\r\n\t\t\t\t\t[maxSize]=\"maxFileUploadSize\"\r\n\t\t\t\t\t[uploadIconName]=\"uploadIconName\"\r\n\t\t\t\t\t[extendedAcceptList]=\"extendedFileTypes\"\r\n\t\t\t\t\t[multiple]=\"multipleFiles\"\r\n\t\t\t\t\t(errorEvent)=\"fileUploadError($event)\"\r\n\t\t\t\t\t[filePreviewProgress]=\"filePreviewProgress\"\r\n\t\t\t\t\t[disabled]=\"fileUploadDisabled\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"upload-file-text\">\r\n\t\t\t\t\t\t<span class=\"info\">\r\n\t\t\t\t\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.TRANSLATE_TEXT_UPLOAD' | translate\" class=\"accent-color\"></span>\r\n\t\t\t\t\t\t\t<span>&nbsp;</span>\r\n\t\t\t\t\t\t\t<span [innerHTML]=\"'FILE_UPLOAD.' + (multipleFiles ? 'FILES' : 'FILE') | translate\" class=\"accent-color\"></span>\r\n\t\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t\t<span class=\"file-upload-extensions text-m\">\r\n\t\t\t\t\t\t\t(<span>{{ visibleExtensions }}.</span>;\r\n\t\t\t\t\t\t\t<span *ngIf=\"maxSizeMB\" class=\"file-upload-max-size\" [innerHTML]=\"'FILE_UPLOAD.LIMITS_MB' | translate : { maxSizeMB: maxSizeMB }\"></span>)\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</lib-file-upload>\r\n\t\t\t\t<lib-open-extension-dialog *ngIf=\"showExtensionPopup\" [extensions]=\"allowedTypesWithoutDots\"> </lib-open-extension-dialog>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</ng-container>\r\n\r\n\t<div targetMain class=\"target-main\">\r\n\t\t<ng-container *ngIf=\"isEmptyTarget; else translatedTextBlock\">\r\n\t\t\t<p *ngIf=\"showTargetPlaceholder\" class=\"description-text target-empty\" [innerHtml]=\"'TLD_TRANSLATE.TARGET_DESCRIPTION' | translate\"></p>\r\n\t\t</ng-container>\r\n\t</div>\r\n\r\n\t<ng-container targetActions>\r\n\t\t<div class=\"tld-translate-target-footer basic-padding\" *ngIf=\"showProgressIndicator\">\r\n\t\t\t<progress-indicator (onClose)=\"closeProgressIndicator()\" *ngIf=\"showProgressIndicator\"></progress-indicator>\r\n\t\t</div>\r\n\t</ng-container>\r\n</tld-source-and-target-wrapper>\r\n\r\n<!-- templates used for else blocks in target container -->\r\n<ng-template #translatedTextBlock>\r\n\t<div [class.translated-source-overflow]=\"targetWrapperOverflow\" class=\"translated-source\">\r\n\t\t<ng-container *ngIf=\"!urlToTranslate\">\r\n\t\t\t<div class=\"target-wrapper-action-buttons\">\r\n\t\t\t\t<button\r\n\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t*ngIf=\"firstParagraphTranslated\"\r\n\t\t\t\t\tclass=\"tld-copy-translation\"\r\n\t\t\t\t\t(click)=\"copy()\"\r\n\t\t\t\t\t[matTooltip]=\"'TOOLTIPS.COPY' | translate\"\r\n\t\t\t\t\t[attr.aria-describedby]=\"copyMessageId\"\r\n\t\t\t\t\t[attr.Id]=\"copyButtonId\"\r\n\t\t\t\t\t(keydown.Tab)=\"switchFocusFromCopy($event)\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\"> content_copy </span>\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t<button\r\n\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t*ngIf=\"firstParagraphTranslated || translationError\"\r\n\t\t\t\t\tclass=\"tld-refresh-translation\"\r\n\t\t\t\t\t[matTooltip]=\"'TOOLTIPS.REFRESH' | translate\"\r\n\t\t\t\t\t(click)=\"refresh()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.REFRESH' | translate\"> refresh </span>\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t<div [matTooltip]=\"'TLD_TRANSLATE.REPHRASE.TOOLTIP' | translate\">\r\n\t\t\t\t\t@if (isLlmEnabled && firstParagraphTranslated) {\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t\t\tclass=\"tld-rephrase\"\r\n\t\t\t\t\t\t\t[disabled]=\"isTranslating || isSummarazing\"\r\n\t\t\t\t\t\t\t(click)=\"showRephraseOptions()\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<mat-icon [svgIcon]=\"'rephrase'\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.REPHRASE' | translate\"></mat-icon>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div [matTooltip]=\"(isTextSummarizable ? 'TOOLTIPS.CREATE_SUMMARY' : 'TLD_TRANSLATE.SUMMARY.DISABLED') | translate\">\r\n\t\t\t\t\t@if (isLlmEnabled && firstParagraphTranslated) {\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t\tclass=\"tld-create-summary\"\r\n\t\t\t\t\t\t[disabled]=\"isTranslating || isSummarazing || !isTextSummarizable\"\r\n\t\t\t\t\t\t(click)=\"createSummary()\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<mat-icon [svgIcon]=\"'summarize'\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.CREATE_SUMMARY' | translate\"></mat-icon>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\t\t\t\t<tld-text-to-speech *ngIf=\"textToSpeechTargetSettings && firstParagraphTranslated\" [settings]=\"textToSpeechTargetSettings\"> </tld-text-to-speech>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"highlight-tree-wrapper\">\r\n\t\t\t\t<tld-highlight-tree *ngFor=\"let paragraph of targetParagraphs\" [highlight]=\"highlight\" [tree]=\"paragraph\"> </tld-highlight-tree>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div *ngIf=\"isSummarazing || summarizedText\" class=\"summary-wrapper\">\r\n\t\t\t\t<p class=\"summary-title\">{{ \"TLD_TRANSLATE.SUMMARY.TITLE\" | translate }}</p>\r\n\r\n\t\t\t\t<p *ngIf=\"isSummarazing\" class=\"creating-progress\">{{ \"TLD_TRANSLATE.SUMMARY.CREATING\" | translate }}<span class=\"dot-loading\">...</span></p>\r\n\r\n\t\t\t\t<p [innerHTML]=\"markedSummarizedText\"></p>\r\n\r\n\t\t\t\t<button\r\n\t\t\t\t\tmat-icon-button\r\n\t\t\t\t\t*ngIf=\"summarizedText\"\r\n\t\t\t\t\t[ngClass.lt-sm]=\"'summary-mobile'\"\r\n\t\t\t\t\tclass=\"summary-copy-btn\"\r\n\t\t\t\t\t(click)=\"copySummarizedText()\"\r\n\t\t\t\t\t[matTooltip]=\"'TOOLTIPS.COPY' | translate\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\"> content_copy </span>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div *ngIf=\"isRephraseActive\" class=\"rephrase-wrapper\">\r\n\t\t\t\t<tld-rephrase [text]=\"translatedText\" [disabled]=\"isTranslating\" [language]=\"targetLanguage\"></tld-rephrase>\r\n\t\t\t</div>\t\r\n\r\n\t\t\t<div *ngIf=\"firstParagraphTranslated && dictionaryEntry\" class=\"dictionary-wrapper\">\r\n\t\t\t\t<tld-dictionary [dictionary]=\"dictionaryEntry\"></tld-dictionary>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\r\n\t\t<div *ngIf=\"urlToTranslate\" class=\"target-url-container\">\r\n\t\t\t<a [attr.href]=\"translateUrlRedirect\" target=\"_blank\" fxLayoutAlign=\"start center\" class=\"go-to-webtranslate\">\r\n\t\t\t\t{{ urlToTranslate }}\r\n\t\t\t\t<span class=\"material-icons\" color=\"accent\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.OPEN_IN_NEW'\"> open_in_new </span>\r\n\t\t\t</a>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>\r\n", styles: [".hidden{display:none}.go-to-webtranslate{word-break:break-all;display:inline}.basic-padding,.target-empty,.target-translated-text{padding:18px}.source-container{border-right:1px solid #cbd2d9;padding:0;overflow:auto}.target-description{margin-top:0}.translated-source,.highlight-tree-wrapper{min-height:210px}.translated-source{position:relative;overflow-y:auto;overflow-x:hidden;flex:1 1 0!important;padding:18px 48px 18px 18px!important}.translated-source.selectable-sentence{cursor:pointer}::ng-deep .target-highlight .tld-highlight-container{padding:18px}.target-wrapper-action-buttons{position:absolute;top:3px;right:3px}.target-wrapper-action-buttons .tld-copy-translation,.target-wrapper-action-buttons .tld-refresh-translation,.target-wrapper-action-buttons tld-text-to-speech{display:block}.target-empty,.target-translated-text{margin:0}tld-dictionary{overflow-y:auto;flex:1 1 0!important}.source-main,.target-main{height:100%}.upload-file-text{color:var(--base-40);font-size:.875rem;display:inline-block;text-align:left}.file-upload-wrapper{width:100%}.file-upload-wrapper .file-upload-extensions{font-weight:400}.file-upload-max-size{white-space:nowrap}.dictionary-wrapper{margin-top:2rem;border-top:1px solid var(--base-70)}.rephrase-wrapper,.summary-wrapper{position:relative;margin-top:8px;padding-top:12px;border-top:1px solid var(--base-70)}.summary-title{font-size:1rem;margin-bottom:.5rem;font-weight:600}.creating-progress{color:var(--base-40)}:host ::ng-deep .dot-loading{clip-path:inset(0 100% 0 0);animation:loading 1.5s steps(4) infinite}.summary-copy-btn{position:absolute;right:-45px;top:20px}.summary-mobile{right:-46px}@keyframes loading{to{clip-path:inset(0 -34% 0 0)}}\n"] }]
         }], ctorParameters: () => [{ type: TldTranslateTextService }, { type: i2$2.Clipboard }, { type: i4.AlertService }, { type: TldTranslateConfigService }, { type: TldScrollService }, { type: TldTranslateSystemManagementService }, { type: AudioRecordService }, { type: TldVoiceInputService }, { type: TldTranslateFileService }, { type: i5$1.LLMService }, { type: i9.KeycloakService }], propDecorators: { sourceComponent: [{
                 type: ViewChild,
                 args: ["sourceComponent"]
@@ -9937,7 +9883,7 @@ class TldTranslateSwitcherComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateSwitcherComponent, deps: [{ token: TldTranslateConfigService }, { token: TldTranslateSystemManagementService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldTranslateSwitcherComponent, isStandalone: false, selector: "tld-translate-switcher", inputs: { buttonDisabled: "buttonDisabled", showTranslateButton: "showTranslateButton", hideOnSmallScreens: "hideOnSmallScreens", disabled: "disabled", hideLangMenuLabels: "hideLangMenuLabels", maxDisplayedLanguages: "maxDisplayedLanguages", collections: "collections", showDomainsWithLanguageName: "showDomainsWithLanguageName", isCollectionsActivated: "isCollectionsActivated", useParentWidth: "useParentWidth", loader: "loader", settings: "settings" }, outputs: { onDomainChange: "onDomainChange", onActionClick: "onActionClick", onSourceLanguageChange: "onSourceLanguageChange", onTargetLanguageChange: "onTargetLanguageChange", onLanguageSwap: "onLanguageSwap", onVendorChange: "onVendorChange" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }, { propertyName: "fromLabel", first: true, predicate: ["fromLabel"], descendants: true }, { propertyName: "sourceAside", first: true, predicate: ["sourceAside"], descendants: true }, { propertyName: "toLabel", first: true, predicate: ["toLabel"], descendants: true }, { propertyName: "domainWrapper", first: true, predicate: ["domainWrapper"], descendants: true }, { propertyName: "vendorWrapper", first: true, predicate: ["vendorWrapper"], descendants: true }, { propertyName: "collectionWrapper", first: true, predicate: ["collectionWrapper"], descendants: true }], ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"tld-translate-switcher-container\" #wrapper\r\n  [ngClass.lt-md]=\"'tld-translate-switcher-container-tablet'\"\r\n  [ngClass.lt-sm]=\"'tld-translate-switcher-container-mobile'\"\r\n  [class.tld-switcher-with-collections]=\"collectionsVisible\">\r\n\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n    <div fxHide.lt-md *ngIf=\"!hideLangMenuLabels\" #fromLabel>{{'TLD_TRANSLATE.FROM' | translate}}</div>\r\n    <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <tld-lang-list id=\"tld-source-language-list\" [disabled]=\"disabled\" [testId]=\"srcLangTestId\"\r\n        [languages]=\"settings.sourceLanguageList\" (onLanguageChange)=\"sourceLangChange($event)\"\r\n        [selected]=\"settings.source\" [maxDisplayedLanguages]=\"visibleLanguageCount\"></tld-lang-list>\r\n      <ng-container *ngIf=\"domainSide==='src'\">\r\n        <ng-container *ngTemplateOutlet=\"domainTemplate;\">\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <div #sourceAside *ngIf=\"swapIconPosition==='src'\">\r\n      <ng-container *ngTemplateOutlet=\"swapButtonTemplate;\"></ng-container>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"swapIconPosition==='center'\">\r\n    <ng-container *ngTemplateOutlet=\"swapButtonTemplate;\"></ng-container>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutAlign.lt-sm=\"end center\">\r\n    <div fxHide.lt-md *ngIf=\"!hideLangMenuLabels\" #toLabel>{{'TLD_TRANSLATE.TO' | translate}}</div>\r\n    <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <tld-lang-list [disabled]=\"disabled\" id=\"tld-target-language-list\" [languages]=\"settings.targetLanguageList\"\r\n        (onLanguageChange)=\"targetLangChange($event)\" [selected]=\"settings.target\"\r\n        [maxDisplayedLanguages]=\"visibleLanguageCount\" [testId]=\"trgLangTestId\" (onDomainChange)=\"domainChange($event)\"\r\n        [showDomainsWithLanguageName]=\"showDomainsWithLanguageName\">\r\n        <ng-container *ngIf=\"domainSide==='trg'\">\r\n          <ng-container *ngTemplateOutlet=\"domainTemplate;\">\r\n          </ng-container>\r\n        </ng-container>\r\n        <div class=\"tld-translate-vendor-selection\" fxLayoutAlign=\"center center\" *ngIf=\"showVendors\" #vendorWrapper>\r\n          <tld-list-menu (selectionChange)=\"domainChange($event)\" [list]=\"settings.vendors\" [titleKey]=\"'title'\"\r\n            [valueKey]=\"'systemId'\" testId=\"tld-vendor-list\" [disabled]=\"disabled\" [showContent]=\"false\"\r\n            [ariaLabel]=\"'TLD_TRANSLATE.VENDORS_ARIA_LABEL' | translate\" [selectedValue]=\"settings.systemId\">\r\n          </tld-list-menu>\r\n        </div>\r\n      </tld-lang-list>\r\n    </div>\r\n    <div fxLayout=\"row\" fxLayoutGap.gt-xs=\"16px\">\r\n      <div *ngIf=\"collectionsVisible\" #collectionWrapper>\r\n        <lib-terminology [system]=\"system\" [disabled]=\"buttonDisabled\"></lib-terminology>\r\n      </div>\r\n      <ng-container *ngIf=\"showTranslateButton\">\r\n        <tld-loader *ngIf=\"loader\" fxHide.lt-sm></tld-loader>\r\n        <tld-translate-button [enablePulseAnimation]=\"true\" *ngIf=\"!loader\" class=\"switcher-translate-button\"\r\n          [fxHide.lt-sm]=\"hideOnSmallScreens\" [disabled]=\"buttonDisabled\"></tld-translate-button>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #swapButtonTemplate>\r\n  <button [disabled]=\"isSwapLanguagesDisabled\" class=\"swap-languages-button\" mat-icon-button\r\n    (click)=\"swapSourceAndTarget()\" aria-label=\"swap languages\" color=\"primary\"\r\n    matTooltip=\"{{'TOOLTIPS.SWAP_LANGUAGES' | translate}}\">\r\n    <span class=\"material-icons\" aria-hidden=\"false\"\r\n      [attr.aria-label]=\"'ARIA_LABELS.SWAP_LANGUAGES' | translate\">swap_horiz</span>\r\n  </button>\r\n</ng-template>\r\n\r\n<ng-template #domainTemplate>\r\n  <div class=\"tld-translate-domain-selection\" fxLayoutAlign=\"center center\" *ngIf=\"showDomains\" #domainWrapper>\r\n    <tld-domain-list fxLayoutAlign=\"center center\" (selectionChange)=\"domainChange($event)\"\r\n      [list]=\"settings.domains.domains\" [selected]=\"settings.domains.active\" [selected]=\"settings.domains.active\"\r\n      [disabled]=\"disabled\"></tld-domain-list>\r\n  </div>\r\n</ng-template>\r\n", styles: [".tld-translate-switcher-container:not(.tld-translate-switcher-container-tablet,.tld-translate-switcher-container-mobile) tld-lang-list{margin:0 10px}.tld-translate-switcher-container-mobile :host ::ng-deep button{padding:0!important}.swap-icon{color:#5a6672}.switcher-translate-button{min-width:100px}mat-select{min-width:75px;max-width:125px}.swap-languages-button[disabled]{cursor:not-allowed}.tld-translate-domain-selection,tld-translate-vendor-selection{height:100%}tld-loader{margin:auto}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.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: i3.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: i3.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.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: i6.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: i6.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: TldLangListComponent, selector: "tld-lang-list", inputs: ["disabled", "pxPerLanguage", "languages", "testId", "selected", "maxDisplayedLanguages", "showDomainsWithLanguageName"], outputs: ["onLanguageChange", "onDomainChange"] }, { kind: "component", type: TldLoaderComponent, selector: "tld-loader" }, { kind: "component", type: TldTranslateButtonComponent, selector: "tld-translate-button", inputs: ["disabled", "enablePulseAnimation"], outputs: ["clicked"] }, { kind: "component", type: TldListMenuComponent, selector: "tld-list-menu", inputs: ["titleKey", "list", "showContent", "selectedValue", "disabled", "ariaLabel", "valueKey", "testId"], outputs: ["selectionChange"] }, { kind: "component", type: i4.TerminologyComponent, selector: "lib-terminology", inputs: ["selectedCollectionId", "system", "disabled", "storeSelectedInLocalStorage", "setSelectedFromLocalStorage", "showMenuIconOnMobile"], outputs: ["glossarySelectEvent", "menuToggleEvent"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: TldDomainListComponent, selector: "tld-domain-list", inputs: ["list", "selected", "disabled"], outputs: ["selectionChange"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldTranslateSwitcherComponent, isStandalone: false, selector: "tld-translate-switcher", inputs: { buttonDisabled: "buttonDisabled", showTranslateButton: "showTranslateButton", hideOnSmallScreens: "hideOnSmallScreens", disabled: "disabled", hideLangMenuLabels: "hideLangMenuLabels", maxDisplayedLanguages: "maxDisplayedLanguages", collections: "collections", showDomainsWithLanguageName: "showDomainsWithLanguageName", isCollectionsActivated: "isCollectionsActivated", useParentWidth: "useParentWidth", loader: "loader", settings: "settings" }, outputs: { onDomainChange: "onDomainChange", onActionClick: "onActionClick", onSourceLanguageChange: "onSourceLanguageChange", onTargetLanguageChange: "onTargetLanguageChange", onLanguageSwap: "onLanguageSwap", onVendorChange: "onVendorChange" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }, { propertyName: "fromLabel", first: true, predicate: ["fromLabel"], descendants: true }, { propertyName: "sourceAside", first: true, predicate: ["sourceAside"], descendants: true }, { propertyName: "toLabel", first: true, predicate: ["toLabel"], descendants: true }, { propertyName: "domainWrapper", first: true, predicate: ["domainWrapper"], descendants: true }, { propertyName: "vendorWrapper", first: true, predicate: ["vendorWrapper"], descendants: true }, { propertyName: "collectionWrapper", first: true, predicate: ["collectionWrapper"], descendants: true }], ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"tld-translate-switcher-container\" #wrapper\r\n  [ngClass.lt-md]=\"'tld-translate-switcher-container-tablet'\"\r\n  [ngClass.lt-sm]=\"'tld-translate-switcher-container-mobile'\"\r\n  [class.tld-switcher-with-collections]=\"collectionsVisible\">\r\n\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n    <div fxHide.lt-md *ngIf=\"!hideLangMenuLabels\" #fromLabel>{{'TLD_TRANSLATE.FROM' | translate}}</div>\r\n    <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <tld-lang-list id=\"tld-source-language-list\" [disabled]=\"disabled\" [testId]=\"srcLangTestId\"\r\n        [languages]=\"settings.sourceLanguageList\" (onLanguageChange)=\"sourceLangChange($event)\"\r\n        [selected]=\"settings.source\" [maxDisplayedLanguages]=\"visibleLanguageCount\"></tld-lang-list>\r\n      <ng-container *ngIf=\"domainSide==='src'\">\r\n        <ng-container *ngTemplateOutlet=\"domainTemplate;\">\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <div #sourceAside *ngIf=\"swapIconPosition==='src'\">\r\n      <ng-container *ngTemplateOutlet=\"swapButtonTemplate;\"></ng-container>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"swapIconPosition==='center'\">\r\n    <ng-container *ngTemplateOutlet=\"swapButtonTemplate;\"></ng-container>\r\n  </div>\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutAlign.lt-sm=\"end center\">\r\n    <div fxHide.lt-md *ngIf=\"!hideLangMenuLabels\" #toLabel>{{'TLD_TRANSLATE.TO' | translate}}</div>\r\n    <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <tld-lang-list [disabled]=\"disabled\" id=\"tld-target-language-list\" [languages]=\"settings.targetLanguageList\"\r\n        (onLanguageChange)=\"targetLangChange($event)\" [selected]=\"settings.target\"\r\n        [maxDisplayedLanguages]=\"visibleLanguageCount\" [testId]=\"trgLangTestId\" (onDomainChange)=\"domainChange($event)\"\r\n        [showDomainsWithLanguageName]=\"showDomainsWithLanguageName\">\r\n        <ng-container *ngIf=\"domainSide==='trg'\">\r\n          <ng-container *ngTemplateOutlet=\"domainTemplate;\">\r\n          </ng-container>\r\n        </ng-container>\r\n        <div class=\"tld-translate-vendor-selection\" fxLayoutAlign=\"center center\" *ngIf=\"showVendors\" #vendorWrapper>\r\n          <tld-list-menu (selectionChange)=\"domainChange($event)\" [list]=\"settings.vendors\" [titleKey]=\"'title'\"\r\n            [valueKey]=\"'systemId'\" testId=\"tld-vendor-list\" [disabled]=\"disabled\" [showContent]=\"false\"\r\n            [ariaLabel]=\"'TLD_TRANSLATE.VENDORS_ARIA_LABEL' | translate\" [selectedValue]=\"settings.systemId\">\r\n          </tld-list-menu>\r\n        </div>\r\n      </tld-lang-list>\r\n    </div>\r\n    <div fxLayout=\"row\" fxLayoutGap.gt-xs=\"16px\">\r\n      <div *ngIf=\"collectionsVisible\" #collectionWrapper>\r\n        <lib-terminology [system]=\"system\" [disabled]=\"buttonDisabled\"></lib-terminology>\r\n      </div>\r\n      <ng-container *ngIf=\"showTranslateButton\">\r\n        <tld-loader *ngIf=\"loader\" fxHide.lt-sm></tld-loader>\r\n        <tld-translate-button [enablePulseAnimation]=\"true\" *ngIf=\"!loader\" class=\"switcher-translate-button\"\r\n          [fxHide.lt-sm]=\"hideOnSmallScreens\" [disabled]=\"buttonDisabled\"></tld-translate-button>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #swapButtonTemplate>\r\n  <button [disabled]=\"isSwapLanguagesDisabled\" class=\"swap-languages-button\" mat-icon-button\r\n    (click)=\"swapSourceAndTarget()\" aria-label=\"swap languages\" color=\"primary\"\r\n    matTooltip=\"{{'TOOLTIPS.SWAP_LANGUAGES' | translate}}\">\r\n    <span class=\"material-icons\" aria-hidden=\"false\"\r\n      [attr.aria-label]=\"'ARIA_LABELS.SWAP_LANGUAGES' | translate\">swap_horiz</span>\r\n  </button>\r\n</ng-template>\r\n\r\n<ng-template #domainTemplate>\r\n  <div class=\"tld-translate-domain-selection\" fxLayoutAlign=\"center center\" *ngIf=\"showDomains\" #domainWrapper>\r\n    <tld-domain-list fxLayoutAlign=\"center center\" (selectionChange)=\"domainChange($event)\"\r\n      [list]=\"settings.domains.domains\" [selected]=\"settings.domains.active\" [selected]=\"settings.domains.active\"\r\n      [disabled]=\"disabled\"></tld-domain-list>\r\n  </div>\r\n</ng-template>\r\n", styles: [".tld-translate-switcher-container:not(.tld-translate-switcher-container-tablet,.tld-translate-switcher-container-mobile) tld-lang-list{margin:0 10px}.tld-translate-switcher-container-mobile :host ::ng-deep button{padding:0!important}.swap-icon{color:#5a6672}.switcher-translate-button{min-width:100px}mat-select{min-width:75px;max-width:125px}.swap-languages-button[disabled]{cursor:not-allowed}.tld-translate-domain-selection,tld-translate-vendor-selection{height:100%}tld-loader{margin:auto}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.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: i3.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: i3.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.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: i6.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: i6.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: TldLangListComponent, selector: "tld-lang-list", inputs: ["disabled", "pxPerLanguage", "languages", "testId", "selected", "maxDisplayedLanguages", "showDomainsWithLanguageName"], outputs: ["onLanguageChange", "onDomainChange"] }, { kind: "component", type: TldLoaderComponent, selector: "tld-loader" }, { kind: "component", type: TldTranslateButtonComponent, selector: "tld-translate-button", inputs: ["disabled", "enablePulseAnimation"], outputs: ["clicked"] }, { kind: "component", type: TldListMenuComponent, selector: "tld-list-menu", inputs: ["titleKey", "list", "showContent", "selectedValue", "disabled", "ariaLabel", "valueKey", "testId"], outputs: ["selectionChange"] }, { kind: "component", type: i4.TerminologyComponent, selector: "lib-terminology", inputs: ["selectedCollectionId", "system", "disabled", "storeSelectedInLocalStorage", "setSelectedFromLocalStorage", "showMenuIconOnMobile"], outputs: ["glossarySelectEvent", "menuToggleEvent"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: TldDomainListComponent, selector: "tld-domain-list", inputs: ["list", "selected", "disabled"], outputs: ["selectionChange"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateSwitcherComponent, decorators: [{
             type: Component,
@@ -10129,7 +10075,7 @@ class TranslationSystemPickerButtonComponent {
         this.onClick.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TranslationSystemPickerButtonComponent, isStandalone: false, selector: "translation-system-picker-button", inputs: { active: "active", isRecentSystemList: "isRecentSystemList", isDomainList: "isDomainList", tooltip: "tooltip" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button [ngClass.lt-sm]=\"'system-picker-button-mobile'\" [class.domain]=\"isDomainList\" [class.recent-system]=\"isRecentSystemList\" mat-button [class.active]=\"active\" class=\"system-picker-button\" (click)=\"clicked($event)\"\r\n  [matTooltip]=\"tooltip ? tooltip : ''\">\r\n  <ng-content></ng-content>\r\n</button>\r\n", styles: ["button{font-size:1rem;font-weight:400}.active{color:var(--accent);background-color:var(--mat-sys-surface-bright)}.system-picker-button{text-align:start;white-space:nowrap;overflow:hidden;margin-bottom:4px}.system-picker-button:not(.recent-system,.domain){max-width:100%}.system-picker-button-mobile:not(.recent-system,.domain){max-width:220px!important}@media (max-width: 600px){.system-picker-button-mobile:not(.recent-system,.domain){max-width:300px!important}}\n"], dependencies: [{ kind: "directive", type: i6.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: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TranslationSystemPickerButtonComponent, isStandalone: false, selector: "translation-system-picker-button", inputs: { active: "active", isRecentSystemList: "isRecentSystemList", isDomainList: "isDomainList", tooltip: "tooltip" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button [ngClass.lt-sm]=\"'system-picker-button-mobile'\" [class.domain]=\"isDomainList\" [class.recent-system]=\"isRecentSystemList\" mat-button [class.active]=\"active\" class=\"system-picker-button\" (click)=\"clicked($event)\"\r\n  [matTooltip]=\"tooltip ? tooltip : ''\">\r\n  <ng-content></ng-content>\r\n</button>\r\n", styles: ["button{font-size:1rem;font-weight:400}.active{color:var(--accent);background-color:var(--mat-sys-surface-bright)}.system-picker-button{text-align:start;white-space:nowrap;overflow:hidden;margin-bottom:4px}.system-picker-button:not(.recent-system,.domain){max-width:100%}.system-picker-button-mobile:not(.recent-system,.domain){max-width:220px!important}@media (max-width: 600px){.system-picker-button-mobile:not(.recent-system,.domain){max-width:300px!important}}\n"], dependencies: [{ kind: "directive", type: i6.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: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i8.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerButtonComponent, decorators: [{
             type: Component,
@@ -10154,11 +10100,11 @@ class TranslationSystemPickerGroupsComponent {
         this.changeSystemEvent.emit(system);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerGroupsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TranslationSystemPickerGroupsComponent, isStandalone: false, selector: "translation-system-picker-groups", inputs: { activeId: { classPropertyName: "activeId", publicName: "activeId", isSignal: true, isRequired: false, transformFunction: null }, groupedSystems: { classPropertyName: "groupedSystems", publicName: "groupedSystems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changeSystemEvent: "changeSystemEvent" }, ngImport: i0, template: "@for (group of groupedSystems(); track group.group.title) {\r\n\t@if (group.systems.length) {\r\n\t\t<h3 fxHide.xs class=\"grouped-systems-title\">\r\n\t\t\t{{ group.group.title | translate }}\r\n\t\t</h3>\r\n\r\n\t\t<p class=\"grouped-systems-description\">\r\n\t\t\t<span fxHide.gt-xs>\r\n\t\t\t\t{{ group.group.title | translate }} -\r\n\t\t\t</span>\r\n\t\t\t{{ group.group.description | translate }}\r\n\t\t</p>\r\n\t\t@for (system of group.systems | sortDomains: true : \"displayName\"; let i = $index; track i) {\r\n\t\t\t<translation-system-picker-button [active]=\"activeId() === system.languageId\" [isDomainList]=\"true\" [isRecentSystemList]=\"false\" (onClick)=\"changeSystem(system)\">\r\n\t\t\t\t{{ system.displayName | domainTranslate: true }}\r\n\t\t\t\t@for (tag of system.tags; track tag) {\r\n\t\t\t\t\t<span [ngClass.lt-sm]=\"'mobile'\" class=\"system-tag\">\r\n\t\t\t\t\t\t{{ tag | translate }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t}\r\n\t\t\t</translation-system-picker-button>\r\n\t\t}\r\n\t}\r\n}\r\n", styles: [".grouped-systems-title{font-size:1rem;font-weight:600}.grouped-systems-title:not(:first-child){margin-top:2rem}.grouped-systems-description{color:var(--base-10);font-size:.75rem}.system-tag{display:inline-block;color:#6e460a;background-color:#fbeed3;border:1px solid #EFE5C6;font-size:.7rem;font-weight:700;border-radius:12px;padding:4px 8px;margin-left:4px}.system-tag.mobile{padding:0 8px}\n"], dependencies: [{ kind: "directive", type: i6.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: i6.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: TranslationSystemPickerButtonComponent, selector: "translation-system-picker-button", inputs: ["active", "isRecentSystemList", "isDomainList", "tooltip"], outputs: ["onClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.SortDomainsPipe, name: "sortDomains" }, { kind: "pipe", type: i4.DomainTranslatePipe, name: "domainTranslate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TranslationSystemPickerGroupsComponent, isStandalone: false, selector: "translation-system-picker-groups", inputs: { activeId: { classPropertyName: "activeId", publicName: "activeId", isSignal: true, isRequired: false, transformFunction: null }, groupedSystems: { classPropertyName: "groupedSystems", publicName: "groupedSystems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changeSystemEvent: "changeSystemEvent" }, ngImport: i0, template: "@for (group of groupedSystems(); track group.group.title) {\r\n\t@if (group.systems.length) {\r\n\t\t<h3 class=\"grouped-systems-title\">\r\n\t\t\t{{ group.group.title | translate }}\r\n\t\t</h3>\r\n\r\n\t\t<p class=\"grouped-systems-description\">\r\n\t\t\t{{ group.group.description | translate }}\r\n\t\t</p>\r\n\t\t@for (system of group.systems | sortDomains: true : \"displayName\"; let i = $index; track i) {\r\n\t\t\t<translation-system-picker-button [active]=\"activeId() === system.languageId\" [isDomainList]=\"true\" [isRecentSystemList]=\"false\" (onClick)=\"changeSystem(system)\">\r\n\t\t\t\t{{ system.displayName | domainTranslate: true }}\r\n\t\t\t\t@for (tag of system.tags; track tag) {\r\n\t\t\t\t\t<span [ngClass.lt-sm]=\"'mobile'\" class=\"system-tag\">\r\n\t\t\t\t\t\t{{ tag | translate }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t}\r\n\t\t\t</translation-system-picker-button>\r\n\t\t}\r\n\t}\r\n}\r\n", styles: [".grouped-systems-title{font-size:1rem;font-weight:600}.grouped-systems-title:not(:first-child){margin-top:2rem}.grouped-systems-description{color:var(--base-10);font-size:.75rem}.system-tag{display:inline-block;color:#6e460a;background-color:#fbeed3;border:1px solid #EFE5C6;font-size:.7rem;font-weight:700;border-radius:12px;padding:4px 8px;margin-left:4px}.system-tag.mobile{padding:0 8px}\n"], dependencies: [{ kind: "directive", type: i6.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: TranslationSystemPickerButtonComponent, selector: "translation-system-picker-button", inputs: ["active", "isRecentSystemList", "isDomainList", "tooltip"], outputs: ["onClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.SortDomainsPipe, name: "sortDomains" }, { kind: "pipe", type: i4.DomainTranslatePipe, name: "domainTranslate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerGroupsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'translation-system-picker-groups', standalone: false, template: "@for (group of groupedSystems(); track group.group.title) {\r\n\t@if (group.systems.length) {\r\n\t\t<h3 fxHide.xs class=\"grouped-systems-title\">\r\n\t\t\t{{ group.group.title | translate }}\r\n\t\t</h3>\r\n\r\n\t\t<p class=\"grouped-systems-description\">\r\n\t\t\t<span fxHide.gt-xs>\r\n\t\t\t\t{{ group.group.title | translate }} -\r\n\t\t\t</span>\r\n\t\t\t{{ group.group.description | translate }}\r\n\t\t</p>\r\n\t\t@for (system of group.systems | sortDomains: true : \"displayName\"; let i = $index; track i) {\r\n\t\t\t<translation-system-picker-button [active]=\"activeId() === system.languageId\" [isDomainList]=\"true\" [isRecentSystemList]=\"false\" (onClick)=\"changeSystem(system)\">\r\n\t\t\t\t{{ system.displayName | domainTranslate: true }}\r\n\t\t\t\t@for (tag of system.tags; track tag) {\r\n\t\t\t\t\t<span [ngClass.lt-sm]=\"'mobile'\" class=\"system-tag\">\r\n\t\t\t\t\t\t{{ tag | translate }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t}\r\n\t\t\t</translation-system-picker-button>\r\n\t\t}\r\n\t}\r\n}\r\n", styles: [".grouped-systems-title{font-size:1rem;font-weight:600}.grouped-systems-title:not(:first-child){margin-top:2rem}.grouped-systems-description{color:var(--base-10);font-size:.75rem}.system-tag{display:inline-block;color:#6e460a;background-color:#fbeed3;border:1px solid #EFE5C6;font-size:.7rem;font-weight:700;border-radius:12px;padding:4px 8px;margin-left:4px}.system-tag.mobile{padding:0 8px}\n"] }]
+            args: [{ selector: 'translation-system-picker-groups', standalone: false, template: "@for (group of groupedSystems(); track group.group.title) {\r\n\t@if (group.systems.length) {\r\n\t\t<h3 class=\"grouped-systems-title\">\r\n\t\t\t{{ group.group.title | translate }}\r\n\t\t</h3>\r\n\r\n\t\t<p class=\"grouped-systems-description\">\r\n\t\t\t{{ group.group.description | translate }}\r\n\t\t</p>\r\n\t\t@for (system of group.systems | sortDomains: true : \"displayName\"; let i = $index; track i) {\r\n\t\t\t<translation-system-picker-button [active]=\"activeId() === system.languageId\" [isDomainList]=\"true\" [isRecentSystemList]=\"false\" (onClick)=\"changeSystem(system)\">\r\n\t\t\t\t{{ system.displayName | domainTranslate: true }}\r\n\t\t\t\t@for (tag of system.tags; track tag) {\r\n\t\t\t\t\t<span [ngClass.lt-sm]=\"'mobile'\" class=\"system-tag\">\r\n\t\t\t\t\t\t{{ tag | translate }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t}\r\n\t\t\t</translation-system-picker-button>\r\n\t\t}\r\n\t}\r\n}\r\n", styles: [".grouped-systems-title{font-size:1rem;font-weight:600}.grouped-systems-title:not(:first-child){margin-top:2rem}.grouped-systems-description{color:var(--base-10);font-size:.75rem}.system-tag{display:inline-block;color:#6e460a;background-color:#fbeed3;border:1px solid #EFE5C6;font-size:.7rem;font-weight:700;border-radius:12px;padding:4px 8px;margin-left:4px}.system-tag.mobile{padding:0 8px}\n"] }]
         }], propDecorators: { activeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeId", required: false }] }], groupedSystems: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupedSystems", required: false }] }], changeSystemEvent: [{ type: i0.Output, args: ["changeSystemEvent"] }] } });
 
 class TranslationSystemModelPickerComponent {
@@ -10174,6 +10120,9 @@ class TranslationSystemModelPickerComponent {
     ngOnInit() {
         this.vendorsInformation = this.#config.textConfig.vendorsInformation;
         this.#systemManagement.getActiveData().subscribe((activeData) => {
+            if (!activeData) {
+                return;
+            }
             this.activeId = activeData.languageId;
             this.systems = this.#domainService.getTranslatedSystems(activeData);
             this.groupedSystems = this.#domainService.getSystemsByGroup(this.systems);
@@ -10185,11 +10134,11 @@ class TranslationSystemModelPickerComponent {
         this.#systemManagement.changeSystem(system.languageId, true, false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemModelPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TranslationSystemModelPickerComponent, isStandalone: false, selector: "lib-translation-system-model-picker", ngImport: i0, template: "<div class=\"model-menu-wrapper\" fxLayoutAlign=\"center center\" fxLayoutGap=\"8px\" [ngClass.lt-md]=\"'mobile'\">\r\n\t<span class=\"model-menu-label\">\r\n\t\t{{ \"SYSTEM_PICKER.TRANSLATION_STYLE\" | translate }}\r\n\t</span>\r\n\r\n\t@if (systems.length) {\r\n\t\t<lib-open-close-button\r\n\t\t\tclass=\"model-menu-toggle-btn\"\r\n\t\t\t#state=\"matMenuTrigger\"\r\n\t\t\t[isOpened]=\"state.menuOpen\"\r\n\t\t\t[matMenuTriggerFor]=\"menu\"\r\n\t\t\t[attr.aria-label]=\"'SYSTEM_PICKER.ARIA_LABELS.TRANSLATION_STYLE' | translate\"\r\n\t\t>\r\n\t\t\t<span class=\"selected-model-name\">\r\n\t\t\t\t{{ \"DOMAINS.\" + (activeDomainLocalizationKey | uppercase) | translate: { default: activeDomainKey | titlecase } }}\r\n\t\t\t</span>\r\n\t\t</lib-open-close-button>\r\n\t}\r\n</div>\r\n\r\n<mat-menu #menu=\"matMenu\" class=\"model-menu\">\r\n\t@if (groupedSystems.length) {\r\n\t\t<translation-system-picker-groups [activeId]=\"activeId\" [groupedSystems]=\"groupedSystems\" (changeSystemEvent)=\"changeSystem($event)\"> </translation-system-picker-groups>\r\n\t} @else {\r\n\t\t@for (system of systems | sortDomains: true : \"displayName\"; let i = $index; track i) {\r\n\t\t\t<translation-system-picker-button [active]=\"activeId === system.languageId\" [isDomainList]=\"true\" [isRecentSystemList]=\"false\" (onClick)=\"changeSystem(system)\">\r\n\t\t\t\t{{ system.displayName | domainTranslate: true }}\r\n\t\t\t\t<span *ngIf=\"vendorsInformation[system.vendor | lowercase]\" class=\"vendor-info\" [matTooltip]=\"vendorsInformation[system.vendor | lowercase].tooltip | translate\">\r\n\t\t\t\t\t{{ vendorsInformation[system.vendor | lowercase].postfix }}\r\n\t\t\t\t</span>\r\n\t\t\t</translation-system-picker-button>\r\n\t\t}\r\n\t}\r\n</mat-menu>\r\n", styles: [".model-menu-wrapper{margin:0 12px}.model-menu-label,.selected-model-name{font-size:.8125rem}.mobile .selected-model-name{max-width:60px;text-overflow:ellipsis;overflow:hidden}::ng-deep .model-menu{padding:.5em .75em;min-width:fit-content;max-height:500px;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.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: i6.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: i4.OpenCloseButtonComponent, selector: "lib-open-close-button", inputs: ["disableFocusOnAction", "disabled", "isIcon", "ariaLabelCode", "isOpened"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: TranslationSystemPickerButtonComponent, selector: "translation-system-picker-button", inputs: ["active", "isRecentSystemList", "isDomainList", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: TranslationSystemPickerGroupsComponent, selector: "translation-system-picker-groups", inputs: ["activeId", "groupedSystems"], outputs: ["changeSystemEvent"] }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i1$1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.SortDomainsPipe, name: "sortDomains" }, { kind: "pipe", type: i4.DomainTranslatePipe, name: "domainTranslate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TranslationSystemModelPickerComponent, isStandalone: false, selector: "lib-translation-system-model-picker", ngImport: i0, template: "<div class=\"model-menu-wrapper\" fxLayoutAlign=\"center center\" fxLayoutGap=\"8px\" [ngClass.lt-md]=\"'mobile'\">\r\n\t<span class=\"model-menu-label\">\r\n\t\t{{ \"SYSTEM_PICKER.TRANSLATION_STYLE\" | translate }}\r\n\t</span>\r\n\r\n\t@if (systems.length) {\r\n\t\t<lib-open-close-button\r\n\t\t\tclass=\"model-menu-toggle-btn\"\r\n\t\t\t#state=\"matMenuTrigger\"\r\n\t\t\t[isOpened]=\"state.menuOpen\"\r\n\t\t\t[matMenuTriggerFor]=\"menu\"\r\n\t\t\t[attr.aria-label]=\"'SYSTEM_PICKER.ARIA_LABELS.TRANSLATION_STYLE' | translate\"\r\n\t\t>\r\n\t\t\t<span class=\"selected-model-name\">\r\n\t\t\t\t{{ \"DOMAINS.\" + (activeDomainLocalizationKey | uppercase) | translate: { default: activeDomainKey | titlecase } }}\r\n\t\t\t</span>\r\n\t\t</lib-open-close-button>\r\n\t} @else {\r\n\t\t\t<span class=\"selected-model-name\">\r\n\t\t\t\t{{ \"DOMAINS.AUTO_SELECT\" | translate }}\r\n\t\t\t</span>\r\n\t}\r\n</div>\r\n\r\n<mat-menu #menu=\"matMenu\" class=\"model-menu\">\r\n\t@if (groupedSystems.length) {\r\n\t\t<translation-system-picker-groups [activeId]=\"activeId\" [groupedSystems]=\"groupedSystems\" (changeSystemEvent)=\"changeSystem($event)\"> </translation-system-picker-groups>\r\n\t} @else {\r\n\t\t@for (system of systems | sortDomains: true : \"displayName\"; let i = $index; track i) {\r\n\t\t\t<translation-system-picker-button [active]=\"activeId === system.languageId\" [isDomainList]=\"true\" [isRecentSystemList]=\"false\" (onClick)=\"changeSystem(system)\">\r\n\t\t\t\t{{ system.displayName | domainTranslate: true }}\r\n\t\t\t\t<span *ngIf=\"vendorsInformation[system.vendor | lowercase]\" class=\"vendor-info\" [matTooltip]=\"vendorsInformation[system.vendor | lowercase].tooltip | translate\">\r\n\t\t\t\t\t{{ vendorsInformation[system.vendor | lowercase].postfix }}\r\n\t\t\t\t</span>\r\n\t\t\t</translation-system-picker-button>\r\n\t\t}\r\n\t}\r\n</mat-menu>\r\n", styles: [".model-menu-wrapper{margin:0 12px;white-space:nowrap;min-height:40px}.model-menu-label,.selected-model-name{font-size:.8125rem}.mobile .selected-model-name{max-width:fit-content;text-overflow:ellipsis;overflow:hidden}::ng-deep .model-menu{padding:.5em .75em;min-width:fit-content;max-height:500px;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.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: i6.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: i4.OpenCloseButtonComponent, selector: "lib-open-close-button", inputs: ["disableFocusOnAction", "disabled", "isIcon", "ariaLabelCode", "isOpened"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: TranslationSystemPickerButtonComponent, selector: "translation-system-picker-button", inputs: ["active", "isRecentSystemList", "isDomainList", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: TranslationSystemPickerGroupsComponent, selector: "translation-system-picker-groups", inputs: ["activeId", "groupedSystems"], outputs: ["changeSystemEvent"] }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i1$1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.SortDomainsPipe, name: "sortDomains" }, { kind: "pipe", type: i4.DomainTranslatePipe, name: "domainTranslate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemModelPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-translation-system-model-picker', standalone: false, template: "<div class=\"model-menu-wrapper\" fxLayoutAlign=\"center center\" fxLayoutGap=\"8px\" [ngClass.lt-md]=\"'mobile'\">\r\n\t<span class=\"model-menu-label\">\r\n\t\t{{ \"SYSTEM_PICKER.TRANSLATION_STYLE\" | translate }}\r\n\t</span>\r\n\r\n\t@if (systems.length) {\r\n\t\t<lib-open-close-button\r\n\t\t\tclass=\"model-menu-toggle-btn\"\r\n\t\t\t#state=\"matMenuTrigger\"\r\n\t\t\t[isOpened]=\"state.menuOpen\"\r\n\t\t\t[matMenuTriggerFor]=\"menu\"\r\n\t\t\t[attr.aria-label]=\"'SYSTEM_PICKER.ARIA_LABELS.TRANSLATION_STYLE' | translate\"\r\n\t\t>\r\n\t\t\t<span class=\"selected-model-name\">\r\n\t\t\t\t{{ \"DOMAINS.\" + (activeDomainLocalizationKey | uppercase) | translate: { default: activeDomainKey | titlecase } }}\r\n\t\t\t</span>\r\n\t\t</lib-open-close-button>\r\n\t}\r\n</div>\r\n\r\n<mat-menu #menu=\"matMenu\" class=\"model-menu\">\r\n\t@if (groupedSystems.length) {\r\n\t\t<translation-system-picker-groups [activeId]=\"activeId\" [groupedSystems]=\"groupedSystems\" (changeSystemEvent)=\"changeSystem($event)\"> </translation-system-picker-groups>\r\n\t} @else {\r\n\t\t@for (system of systems | sortDomains: true : \"displayName\"; let i = $index; track i) {\r\n\t\t\t<translation-system-picker-button [active]=\"activeId === system.languageId\" [isDomainList]=\"true\" [isRecentSystemList]=\"false\" (onClick)=\"changeSystem(system)\">\r\n\t\t\t\t{{ system.displayName | domainTranslate: true }}\r\n\t\t\t\t<span *ngIf=\"vendorsInformation[system.vendor | lowercase]\" class=\"vendor-info\" [matTooltip]=\"vendorsInformation[system.vendor | lowercase].tooltip | translate\">\r\n\t\t\t\t\t{{ vendorsInformation[system.vendor | lowercase].postfix }}\r\n\t\t\t\t</span>\r\n\t\t\t</translation-system-picker-button>\r\n\t\t}\r\n\t}\r\n</mat-menu>\r\n", styles: [".model-menu-wrapper{margin:0 12px}.model-menu-label,.selected-model-name{font-size:.8125rem}.mobile .selected-model-name{max-width:60px;text-overflow:ellipsis;overflow:hidden}::ng-deep .model-menu{padding:.5em .75em;min-width:fit-content;max-height:500px;overflow-y:auto}\n"] }]
+            args: [{ selector: 'lib-translation-system-model-picker', standalone: false, template: "<div class=\"model-menu-wrapper\" fxLayoutAlign=\"center center\" fxLayoutGap=\"8px\" [ngClass.lt-md]=\"'mobile'\">\r\n\t<span class=\"model-menu-label\">\r\n\t\t{{ \"SYSTEM_PICKER.TRANSLATION_STYLE\" | translate }}\r\n\t</span>\r\n\r\n\t@if (systems.length) {\r\n\t\t<lib-open-close-button\r\n\t\t\tclass=\"model-menu-toggle-btn\"\r\n\t\t\t#state=\"matMenuTrigger\"\r\n\t\t\t[isOpened]=\"state.menuOpen\"\r\n\t\t\t[matMenuTriggerFor]=\"menu\"\r\n\t\t\t[attr.aria-label]=\"'SYSTEM_PICKER.ARIA_LABELS.TRANSLATION_STYLE' | translate\"\r\n\t\t>\r\n\t\t\t<span class=\"selected-model-name\">\r\n\t\t\t\t{{ \"DOMAINS.\" + (activeDomainLocalizationKey | uppercase) | translate: { default: activeDomainKey | titlecase } }}\r\n\t\t\t</span>\r\n\t\t</lib-open-close-button>\r\n\t} @else {\r\n\t\t\t<span class=\"selected-model-name\">\r\n\t\t\t\t{{ \"DOMAINS.AUTO_SELECT\" | translate }}\r\n\t\t\t</span>\r\n\t}\r\n</div>\r\n\r\n<mat-menu #menu=\"matMenu\" class=\"model-menu\">\r\n\t@if (groupedSystems.length) {\r\n\t\t<translation-system-picker-groups [activeId]=\"activeId\" [groupedSystems]=\"groupedSystems\" (changeSystemEvent)=\"changeSystem($event)\"> </translation-system-picker-groups>\r\n\t} @else {\r\n\t\t@for (system of systems | sortDomains: true : \"displayName\"; let i = $index; track i) {\r\n\t\t\t<translation-system-picker-button [active]=\"activeId === system.languageId\" [isDomainList]=\"true\" [isRecentSystemList]=\"false\" (onClick)=\"changeSystem(system)\">\r\n\t\t\t\t{{ system.displayName | domainTranslate: true }}\r\n\t\t\t\t<span *ngIf=\"vendorsInformation[system.vendor | lowercase]\" class=\"vendor-info\" [matTooltip]=\"vendorsInformation[system.vendor | lowercase].tooltip | translate\">\r\n\t\t\t\t\t{{ vendorsInformation[system.vendor | lowercase].postfix }}\r\n\t\t\t\t</span>\r\n\t\t\t</translation-system-picker-button>\r\n\t\t}\r\n\t}\r\n</mat-menu>\r\n", styles: [".model-menu-wrapper{margin:0 12px;white-space:nowrap;min-height:40px}.model-menu-label,.selected-model-name{font-size:.8125rem}.mobile .selected-model-name{max-width:fit-content;text-overflow:ellipsis;overflow:hidden}::ng-deep .model-menu{padding:.5em .75em;min-width:fit-content;max-height:500px;overflow-y:auto}\n"] }]
         }] });
 
 class TranslationSystemPickerComponent {
@@ -10305,11 +10254,11 @@ class TranslationSystemPickerComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerComponent, deps: [{ token: TranslationSystemPickerService }, { token: TldTranslateSystemManagementService }, { token: TldTranslateFileService }, { token: TldTranslateTextService }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TranslationSystemPickerComponent, isStandalone: false, selector: "tld-translation-system-picker", inputs: { isCollectionsActivated: "isCollectionsActivated" }, ngImport: i0, template: "<div fxFlex fxLayout=\"row\" fxLayout.lt-md=\"column\" [ngClass.lt-md]=\"'mobile'\">\r\n  <div fxFlex *ngIf=\"isDataLoaded\">\r\n    <div fxFlex fxLayoutAlign=\"space-between center\" fxLayoutAlign.lt-md=\"end center\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"languageDropdownTrigger; context: { language: sourceLanguage, localizationKey: 'SYSTEM_PICKER.SOURCE', isOpened: isSourceOpened, isSource: true, ariaLabelCode: sourceAriaLabel }\">\r\n      </ng-container>\r\n      <button [disabled]=\"!canSwap\" class=\"swap-languages-button\" mat-icon-button (click)=\"swap()\"\r\n        aria-label=\"swap languages\" color=\"primary\" matTooltip=\"{{'TOOLTIPS.SWAP_LANGUAGES' | translate}}\">\r\n        <span class=\"material-icons\" aria-hidden=\"false\"\r\n          [attr.aria-label]=\"'ARIA_LABELS.SWAP_LANGUAGES' | translate\">swap_horiz</span>\r\n      </button>\r\n    </div>\r\n    <div fxFlex fxLayoutAlign=\"space-between center\"  fxLayoutAlign.lt-md=\"start center\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"languageDropdownTrigger; context: { language: targetLanguage, localizationKey: 'SYSTEM_PICKER.TARGET', isOpened: isTargetOpened, isSource: false,  ariaLabelCode: targetAriaLabel}\">\r\n      </ng-container>\r\n\r\n      <div fxFlex fxLayoutAlign=\"end center\" fxLayoutAlign.lt-md=\"center center\" fxHide.lt-md class=\"language-features\">\r\n        <ng-container *ngTemplateOutlet=\"languageFeatures\"></ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxFlex fxLayoutAlign=\"end center\" fxLayoutAlign.lt-md=\"center center\" fxHide.gt-sm class=\"language-features\">\r\n    <ng-container *ngTemplateOutlet=\"languageFeatures\"></ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #languageFeatures>\r\n  <div *ngIf=\"showModelsMenu\">\r\n\t\t<lib-translation-system-model-picker></lib-translation-system-model-picker>\r\n\t</div>\r\n  <div *ngIf=\"collectionsVisible\" #collectionWrapper class=\"terminology-wrapper\">\r\n    <lib-terminology [showMenuIconOnMobile]=\"false\" [system]=\"system\"></lib-terminology>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #languageName let-language=\"language\" let-showDomain=\"showDomain\" let-detectedLanguage=\"detectedLanguage\">\r\n  <span>{{ (detectedLanguage && !showDomain ? detectedLanguage : language.lang) | languageTranslate }}</span>\r\n  <span fxHide.lt-md *ngIf=\"detectedLanguage && !showDomain\"> - {{'SYSTEM_PICKER.DETECTED' | translate}}</span>\r\n  <ng-container *ngIf=\"showDomain && domainLength>1\">\r\n    <span *ngIf=\"!showModelsMenu\" class=\"domain\">&nbsp;({{('DOMAINS.'+(activeDomainLocalizationKey | uppercase)) | translate: {default: activeDomainKey | titlecase} }})</span>\r\n  </ng-container>\r\n  <span *ngIf=\"vendorsInfoProvided && vendorInfo\" [matTooltip]=\"vendorInfo.tooltip | translate\" class=\"vendor-info\"> {{ vendorInfo.postfix }}</span>\r\n</ng-template>\r\n\r\n<ng-template #openedDropdown let-localizationKey=\"localizationKey\">\r\n  {{localizationKey | translate}}\r\n</ng-template>\r\n\r\n<!--Template for language dropdown trigger. Same as for target and source with different params-->\r\n<ng-template #languageDropdownTrigger let-language=\"language\" let-isOpened=\"isOpened\" let-placeholder=\"localizationKey\"\r\n  let-isSource=\"isSource\" let-ariaLabelCode=\"ariaLabelCode\">\r\n  <lib-open-close-button [disabled]=\"isFileTranslating\" class=\"system-picker-button\" [ngClass]=\"isSource? 'source': 'target'\"\r\n    [ngClass.lt-sm]=\"'system-picker-button-mobile'\" (click)=\"isSource ? sourceClick($event) : targetClick($event)\"\r\n    [disableFocusOnAction]=\"true\" [isOpened]=\"isOpened\" [class.opened]=\"isOpened\" [ariaLabelCode]=\"ariaLabelCode\">\r\n    <span [ngClass.lt-sm]=\"'mobile-domain-container'\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"isOpened && isSource || isOpened && !isSource && !isTargetReselected ? openedDropdown : languageName; context: { language: language, localizationKey: placeholder, showDomain: !isSource, detectedLanguage: system.detectedLanguage }\">\r\n      </ng-container>\r\n    </span>\r\n  </lib-open-close-button>\r\n</ng-template>\r\n", styles: [":host{display:flex}.swap-languages-button{color:var(--base-30)!important}.source{margin-left:.3em}.system-picker-button.system-picker-button-mobile{margin-left:.2em}.target{margin-left:8px}:host ::ng-deep .open-close-button-content{color:var(--base-30)}.mobile-domain-container{display:flex}.mobile-domain-container .domain{display:none}.domain{display:inline-block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.terminology-wrapper{margin-right:.3rem}:host ::ng-deep .system-picker-button-mobile{display:flex;align-items:center;max-height:46px;height:100%;max-width:120px;width:100%;border:2px solid var(--base-95)!important;border-radius:8px}:host ::ng-deep .system-picker-button-mobile span{font-size:.75rem;text-align:center;line-height:16px}:host ::ng-deep .system-picker-button-mobile .material-icons{display:none!important}::ng-deep .glossary-label,::ng-deep .selected-collection{font-size:.8125rem}:host ::ng-deep .opened .open-close-button-content,.opened button{color:var(--accent)!important}:host ::ng-deep .open-close-button-content{white-space:nowrap;overflow:hidden}:host ::ng-deep .system-picker-button-mobile span{white-space:wrap;overflow:hidden;text-align:center;max-height:46px}::ng-deep .mobile .language-features .mat-mdc-button{padding:0!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.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: i3.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.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: i6.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: i6.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: i4.OpenCloseButtonComponent, selector: "lib-open-close-button", inputs: ["disableFocusOnAction", "disabled", "isIcon", "ariaLabelCode", "isOpened"] }, { kind: "component", type: i4.TerminologyComponent, selector: "lib-terminology", inputs: ["selectedCollectionId", "system", "disabled", "storeSelectedInLocalStorage", "setSelectedFromLocalStorage", "showMenuIconOnMobile"], outputs: ["glossarySelectEvent", "menuToggleEvent"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: TranslationSystemModelPickerComponent, selector: "lib-translation-system-model-picker" }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.LanguageTranslatePipe, name: "languageTranslate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TranslationSystemPickerComponent, isStandalone: false, selector: "tld-translation-system-picker", inputs: { isCollectionsActivated: "isCollectionsActivated" }, ngImport: i0, template: "<div fxFlex fxLayout=\"row\" fxLayout.lt-md=\"column\" [ngClass.lt-md]=\"'mobile'\">\r\n  <div fxFlex *ngIf=\"isDataLoaded\">\r\n    <div fxFlex fxLayoutAlign=\"space-between center\" fxLayoutAlign.lt-md=\"end center\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"languageDropdownTrigger; context: { language: sourceLanguage, localizationKey: 'SYSTEM_PICKER.SOURCE', isOpened: isSourceOpened, isSource: true, ariaLabelCode: sourceAriaLabel }\">\r\n      </ng-container>\r\n      <button [disabled]=\"!canSwap\" class=\"swap-languages-button\" mat-icon-button (click)=\"swap()\"\r\n        aria-label=\"swap languages\" color=\"primary\" matTooltip=\"{{'TOOLTIPS.SWAP_LANGUAGES' | translate}}\">\r\n        <span class=\"material-icons\" aria-hidden=\"false\"\r\n          [attr.aria-label]=\"'ARIA_LABELS.SWAP_LANGUAGES' | translate\">swap_horiz</span>\r\n      </button>\r\n    </div>\r\n    <div fxFlex fxLayoutAlign=\"space-between center\"  fxLayoutAlign.lt-md=\"start center\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"languageDropdownTrigger; context: { language: targetLanguage, localizationKey: 'SYSTEM_PICKER.TARGET', isOpened: isTargetOpened, isSource: false,  ariaLabelCode: targetAriaLabel}\">\r\n      </ng-container>\r\n\r\n      <div fxFlex fxLayoutAlign=\"end center\" fxLayoutAlign.lt-md=\"center center\" fxHide.lt-md class=\"language-features\">\r\n        <ng-container *ngTemplateOutlet=\"languageFeatures\"></ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxFlex fxLayoutAlign=\"end center\" [fxLayoutAlign.lt-md]=\"collectionsVisible ? 'center center' : 'start center'\" fxHide.gt-sm class=\"language-features\">\r\n    <ng-container *ngTemplateOutlet=\"languageFeatures\"></ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #languageFeatures>\r\n  <div *ngIf=\"showModelsMenu\">\r\n\t\t<lib-translation-system-model-picker></lib-translation-system-model-picker>\r\n\t</div>\r\n  <div *ngIf=\"collectionsVisible\" #collectionWrapper class=\"terminology-wrapper\">\r\n    <lib-terminology [showMenuIconOnMobile]=\"false\" [system]=\"system\"></lib-terminology>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #languageName let-language=\"language\" let-showDomain=\"showDomain\" let-detectedLanguage=\"detectedLanguage\">\r\n  <span>{{ (detectedLanguage && !showDomain ? detectedLanguage : language.lang) | languageTranslate }}</span>\r\n  <span fxHide.lt-md *ngIf=\"detectedLanguage && !showDomain\"> - {{'SYSTEM_PICKER.DETECTED' | translate}}</span>\r\n  <ng-container *ngIf=\"showDomain && domainLength>1\">\r\n    <span *ngIf=\"!showModelsMenu\" class=\"domain\">&nbsp;({{('DOMAINS.'+(activeDomainLocalizationKey | uppercase)) | translate: {default: activeDomainKey | titlecase} }})</span>\r\n  </ng-container>\r\n  <span *ngIf=\"vendorsInfoProvided && vendorInfo\" [matTooltip]=\"vendorInfo.tooltip | translate\" class=\"vendor-info\"> {{ vendorInfo.postfix }}</span>\r\n</ng-template>\r\n\r\n<ng-template #openedDropdown let-localizationKey=\"localizationKey\">\r\n  {{localizationKey | translate}}\r\n</ng-template>\r\n\r\n<!--Template for language dropdown trigger. Same as for target and source with different params-->\r\n<ng-template #languageDropdownTrigger let-language=\"language\" let-isOpened=\"isOpened\" let-placeholder=\"localizationKey\"\r\n  let-isSource=\"isSource\" let-ariaLabelCode=\"ariaLabelCode\">\r\n  <lib-open-close-button [disabled]=\"isFileTranslating\" class=\"system-picker-button\" [ngClass]=\"isSource? 'source': 'target'\"\r\n    [ngClass.lt-sm]=\"'system-picker-button-mobile'\" (click)=\"isSource ? sourceClick($event) : targetClick($event)\"\r\n    [disableFocusOnAction]=\"true\" [isOpened]=\"isOpened\" [class.opened]=\"isOpened\" [ariaLabelCode]=\"ariaLabelCode\">\r\n    <span [ngClass.lt-sm]=\"'mobile-domain-container'\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"isOpened && isSource || isOpened && !isSource && !isTargetReselected ? openedDropdown : languageName; context: { language: language, localizationKey: placeholder, showDomain: !isSource, detectedLanguage: system.detectedLanguage }\">\r\n      </ng-container>\r\n    </span>\r\n  </lib-open-close-button>\r\n</ng-template>\r\n", styles: [":host{display:flex}.swap-languages-button{color:var(--base-30)!important}.source{margin-left:.3em}.system-picker-button.system-picker-button-mobile{margin-left:.2em}.target{margin-left:8px}:host ::ng-deep .open-close-button-content{color:var(--base-30)}.mobile-domain-container{display:flex}.mobile-domain-container .domain{display:none}.domain{display:inline-block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.terminology-wrapper{margin-right:.3rem}:host ::ng-deep .system-picker-button-mobile{display:flex;align-items:center;max-height:46px;height:100%;max-width:120px;width:100%;border:2px solid var(--base-95)!important;border-radius:8px}:host ::ng-deep .system-picker-button-mobile span{font-size:.75rem;text-align:center;line-height:16px}:host ::ng-deep .system-picker-button-mobile .material-icons{display:none!important}::ng-deep .glossary-label,::ng-deep .selected-collection{font-size:.8125rem}:host ::ng-deep .opened .open-close-button-content,.opened button{color:var(--accent)!important}:host ::ng-deep .open-close-button-content{white-space:nowrap;overflow:hidden}:host ::ng-deep .system-picker-button-mobile span{white-space:wrap;overflow:hidden;text-align:center;max-height:46px}::ng-deep .mobile .language-features .mat-mdc-button{padding:0!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.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: i3.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.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: i6.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: i6.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: i4.OpenCloseButtonComponent, selector: "lib-open-close-button", inputs: ["disableFocusOnAction", "disabled", "isIcon", "ariaLabelCode", "isOpened"] }, { kind: "component", type: i4.TerminologyComponent, selector: "lib-terminology", inputs: ["selectedCollectionId", "system", "disabled", "storeSelectedInLocalStorage", "setSelectedFromLocalStorage", "showMenuIconOnMobile"], outputs: ["glossarySelectEvent", "menuToggleEvent"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: TranslationSystemModelPickerComponent, selector: "lib-translation-system-model-picker" }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.LanguageTranslatePipe, name: "languageTranslate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tld-translation-system-picker', standalone: false, template: "<div fxFlex fxLayout=\"row\" fxLayout.lt-md=\"column\" [ngClass.lt-md]=\"'mobile'\">\r\n  <div fxFlex *ngIf=\"isDataLoaded\">\r\n    <div fxFlex fxLayoutAlign=\"space-between center\" fxLayoutAlign.lt-md=\"end center\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"languageDropdownTrigger; context: { language: sourceLanguage, localizationKey: 'SYSTEM_PICKER.SOURCE', isOpened: isSourceOpened, isSource: true, ariaLabelCode: sourceAriaLabel }\">\r\n      </ng-container>\r\n      <button [disabled]=\"!canSwap\" class=\"swap-languages-button\" mat-icon-button (click)=\"swap()\"\r\n        aria-label=\"swap languages\" color=\"primary\" matTooltip=\"{{'TOOLTIPS.SWAP_LANGUAGES' | translate}}\">\r\n        <span class=\"material-icons\" aria-hidden=\"false\"\r\n          [attr.aria-label]=\"'ARIA_LABELS.SWAP_LANGUAGES' | translate\">swap_horiz</span>\r\n      </button>\r\n    </div>\r\n    <div fxFlex fxLayoutAlign=\"space-between center\"  fxLayoutAlign.lt-md=\"start center\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"languageDropdownTrigger; context: { language: targetLanguage, localizationKey: 'SYSTEM_PICKER.TARGET', isOpened: isTargetOpened, isSource: false,  ariaLabelCode: targetAriaLabel}\">\r\n      </ng-container>\r\n\r\n      <div fxFlex fxLayoutAlign=\"end center\" fxLayoutAlign.lt-md=\"center center\" fxHide.lt-md class=\"language-features\">\r\n        <ng-container *ngTemplateOutlet=\"languageFeatures\"></ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxFlex fxLayoutAlign=\"end center\" fxLayoutAlign.lt-md=\"center center\" fxHide.gt-sm class=\"language-features\">\r\n    <ng-container *ngTemplateOutlet=\"languageFeatures\"></ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #languageFeatures>\r\n  <div *ngIf=\"showModelsMenu\">\r\n\t\t<lib-translation-system-model-picker></lib-translation-system-model-picker>\r\n\t</div>\r\n  <div *ngIf=\"collectionsVisible\" #collectionWrapper class=\"terminology-wrapper\">\r\n    <lib-terminology [showMenuIconOnMobile]=\"false\" [system]=\"system\"></lib-terminology>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #languageName let-language=\"language\" let-showDomain=\"showDomain\" let-detectedLanguage=\"detectedLanguage\">\r\n  <span>{{ (detectedLanguage && !showDomain ? detectedLanguage : language.lang) | languageTranslate }}</span>\r\n  <span fxHide.lt-md *ngIf=\"detectedLanguage && !showDomain\"> - {{'SYSTEM_PICKER.DETECTED' | translate}}</span>\r\n  <ng-container *ngIf=\"showDomain && domainLength>1\">\r\n    <span *ngIf=\"!showModelsMenu\" class=\"domain\">&nbsp;({{('DOMAINS.'+(activeDomainLocalizationKey | uppercase)) | translate: {default: activeDomainKey | titlecase} }})</span>\r\n  </ng-container>\r\n  <span *ngIf=\"vendorsInfoProvided && vendorInfo\" [matTooltip]=\"vendorInfo.tooltip | translate\" class=\"vendor-info\"> {{ vendorInfo.postfix }}</span>\r\n</ng-template>\r\n\r\n<ng-template #openedDropdown let-localizationKey=\"localizationKey\">\r\n  {{localizationKey | translate}}\r\n</ng-template>\r\n\r\n<!--Template for language dropdown trigger. Same as for target and source with different params-->\r\n<ng-template #languageDropdownTrigger let-language=\"language\" let-isOpened=\"isOpened\" let-placeholder=\"localizationKey\"\r\n  let-isSource=\"isSource\" let-ariaLabelCode=\"ariaLabelCode\">\r\n  <lib-open-close-button [disabled]=\"isFileTranslating\" class=\"system-picker-button\" [ngClass]=\"isSource? 'source': 'target'\"\r\n    [ngClass.lt-sm]=\"'system-picker-button-mobile'\" (click)=\"isSource ? sourceClick($event) : targetClick($event)\"\r\n    [disableFocusOnAction]=\"true\" [isOpened]=\"isOpened\" [class.opened]=\"isOpened\" [ariaLabelCode]=\"ariaLabelCode\">\r\n    <span [ngClass.lt-sm]=\"'mobile-domain-container'\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"isOpened && isSource || isOpened && !isSource && !isTargetReselected ? openedDropdown : languageName; context: { language: language, localizationKey: placeholder, showDomain: !isSource, detectedLanguage: system.detectedLanguage }\">\r\n      </ng-container>\r\n    </span>\r\n  </lib-open-close-button>\r\n</ng-template>\r\n", styles: [":host{display:flex}.swap-languages-button{color:var(--base-30)!important}.source{margin-left:.3em}.system-picker-button.system-picker-button-mobile{margin-left:.2em}.target{margin-left:8px}:host ::ng-deep .open-close-button-content{color:var(--base-30)}.mobile-domain-container{display:flex}.mobile-domain-container .domain{display:none}.domain{display:inline-block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.terminology-wrapper{margin-right:.3rem}:host ::ng-deep .system-picker-button-mobile{display:flex;align-items:center;max-height:46px;height:100%;max-width:120px;width:100%;border:2px solid var(--base-95)!important;border-radius:8px}:host ::ng-deep .system-picker-button-mobile span{font-size:.75rem;text-align:center;line-height:16px}:host ::ng-deep .system-picker-button-mobile .material-icons{display:none!important}::ng-deep .glossary-label,::ng-deep .selected-collection{font-size:.8125rem}:host ::ng-deep .opened .open-close-button-content,.opened button{color:var(--accent)!important}:host ::ng-deep .open-close-button-content{white-space:nowrap;overflow:hidden}:host ::ng-deep .system-picker-button-mobile span{white-space:wrap;overflow:hidden;text-align:center;max-height:46px}::ng-deep .mobile .language-features .mat-mdc-button{padding:0!important}\n"] }]
+            args: [{ selector: 'tld-translation-system-picker', standalone: false, template: "<div fxFlex fxLayout=\"row\" fxLayout.lt-md=\"column\" [ngClass.lt-md]=\"'mobile'\">\r\n  <div fxFlex *ngIf=\"isDataLoaded\">\r\n    <div fxFlex fxLayoutAlign=\"space-between center\" fxLayoutAlign.lt-md=\"end center\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"languageDropdownTrigger; context: { language: sourceLanguage, localizationKey: 'SYSTEM_PICKER.SOURCE', isOpened: isSourceOpened, isSource: true, ariaLabelCode: sourceAriaLabel }\">\r\n      </ng-container>\r\n      <button [disabled]=\"!canSwap\" class=\"swap-languages-button\" mat-icon-button (click)=\"swap()\"\r\n        aria-label=\"swap languages\" color=\"primary\" matTooltip=\"{{'TOOLTIPS.SWAP_LANGUAGES' | translate}}\">\r\n        <span class=\"material-icons\" aria-hidden=\"false\"\r\n          [attr.aria-label]=\"'ARIA_LABELS.SWAP_LANGUAGES' | translate\">swap_horiz</span>\r\n      </button>\r\n    </div>\r\n    <div fxFlex fxLayoutAlign=\"space-between center\"  fxLayoutAlign.lt-md=\"start center\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"languageDropdownTrigger; context: { language: targetLanguage, localizationKey: 'SYSTEM_PICKER.TARGET', isOpened: isTargetOpened, isSource: false,  ariaLabelCode: targetAriaLabel}\">\r\n      </ng-container>\r\n\r\n      <div fxFlex fxLayoutAlign=\"end center\" fxLayoutAlign.lt-md=\"center center\" fxHide.lt-md class=\"language-features\">\r\n        <ng-container *ngTemplateOutlet=\"languageFeatures\"></ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxFlex fxLayoutAlign=\"end center\" [fxLayoutAlign.lt-md]=\"collectionsVisible ? 'center center' : 'start center'\" fxHide.gt-sm class=\"language-features\">\r\n    <ng-container *ngTemplateOutlet=\"languageFeatures\"></ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #languageFeatures>\r\n  <div *ngIf=\"showModelsMenu\">\r\n\t\t<lib-translation-system-model-picker></lib-translation-system-model-picker>\r\n\t</div>\r\n  <div *ngIf=\"collectionsVisible\" #collectionWrapper class=\"terminology-wrapper\">\r\n    <lib-terminology [showMenuIconOnMobile]=\"false\" [system]=\"system\"></lib-terminology>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #languageName let-language=\"language\" let-showDomain=\"showDomain\" let-detectedLanguage=\"detectedLanguage\">\r\n  <span>{{ (detectedLanguage && !showDomain ? detectedLanguage : language.lang) | languageTranslate }}</span>\r\n  <span fxHide.lt-md *ngIf=\"detectedLanguage && !showDomain\"> - {{'SYSTEM_PICKER.DETECTED' | translate}}</span>\r\n  <ng-container *ngIf=\"showDomain && domainLength>1\">\r\n    <span *ngIf=\"!showModelsMenu\" class=\"domain\">&nbsp;({{('DOMAINS.'+(activeDomainLocalizationKey | uppercase)) | translate: {default: activeDomainKey | titlecase} }})</span>\r\n  </ng-container>\r\n  <span *ngIf=\"vendorsInfoProvided && vendorInfo\" [matTooltip]=\"vendorInfo.tooltip | translate\" class=\"vendor-info\"> {{ vendorInfo.postfix }}</span>\r\n</ng-template>\r\n\r\n<ng-template #openedDropdown let-localizationKey=\"localizationKey\">\r\n  {{localizationKey | translate}}\r\n</ng-template>\r\n\r\n<!--Template for language dropdown trigger. Same as for target and source with different params-->\r\n<ng-template #languageDropdownTrigger let-language=\"language\" let-isOpened=\"isOpened\" let-placeholder=\"localizationKey\"\r\n  let-isSource=\"isSource\" let-ariaLabelCode=\"ariaLabelCode\">\r\n  <lib-open-close-button [disabled]=\"isFileTranslating\" class=\"system-picker-button\" [ngClass]=\"isSource? 'source': 'target'\"\r\n    [ngClass.lt-sm]=\"'system-picker-button-mobile'\" (click)=\"isSource ? sourceClick($event) : targetClick($event)\"\r\n    [disableFocusOnAction]=\"true\" [isOpened]=\"isOpened\" [class.opened]=\"isOpened\" [ariaLabelCode]=\"ariaLabelCode\">\r\n    <span [ngClass.lt-sm]=\"'mobile-domain-container'\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"isOpened && isSource || isOpened && !isSource && !isTargetReselected ? openedDropdown : languageName; context: { language: language, localizationKey: placeholder, showDomain: !isSource, detectedLanguage: system.detectedLanguage }\">\r\n      </ng-container>\r\n    </span>\r\n  </lib-open-close-button>\r\n</ng-template>\r\n", styles: [":host{display:flex}.swap-languages-button{color:var(--base-30)!important}.source{margin-left:.3em}.system-picker-button.system-picker-button-mobile{margin-left:.2em}.target{margin-left:8px}:host ::ng-deep .open-close-button-content{color:var(--base-30)}.mobile-domain-container{display:flex}.mobile-domain-container .domain{display:none}.domain{display:inline-block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.terminology-wrapper{margin-right:.3rem}:host ::ng-deep .system-picker-button-mobile{display:flex;align-items:center;max-height:46px;height:100%;max-width:120px;width:100%;border:2px solid var(--base-95)!important;border-radius:8px}:host ::ng-deep .system-picker-button-mobile span{font-size:.75rem;text-align:center;line-height:16px}:host ::ng-deep .system-picker-button-mobile .material-icons{display:none!important}::ng-deep .glossary-label,::ng-deep .selected-collection{font-size:.8125rem}:host ::ng-deep .opened .open-close-button-content,.opened button{color:var(--accent)!important}:host ::ng-deep .open-close-button-content{white-space:nowrap;overflow:hidden}:host ::ng-deep .system-picker-button-mobile span{white-space:wrap;overflow:hidden;text-align:center;max-height:46px}::ng-deep .mobile .language-features .mat-mdc-button{padding:0!important}\n"] }]
         }], ctorParameters: () => [{ type: TranslationSystemPickerService }, { type: TldTranslateSystemManagementService }, { type: TldTranslateFileService }, { type: TldTranslateTextService }, { type: TldTranslateConfigService }], propDecorators: { isCollectionsActivated: [{
                 type: Input
             }] } });
@@ -10832,7 +10781,7 @@ class TranslationSystemPickerFilterComponent {
         this.filterInput.nativeElement.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerFilterComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TranslationSystemPickerFilterComponent, isStandalone: false, selector: "tld-translation-system-picker-filter", outputs: { filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true }], ngImport: i0, template: "<mat-form-field [ngClass.lt-sm]=\"'mobile'\" color=\"accent\" appearance=\"outline\" floatLabel=\"auto\" class=\"search-input-field\">\r\n\t<mat-icon class=\"search-icon\" matPrefix>search</mat-icon>\r\n\t<input #filterInput matInput [(ngModel)]=\"filter\" [placeholder]=\"'SYSTEM_PICKER.SEARCH_PLACEHOLDER' | translate\" />\r\n\t<button *ngIf=\"filter.length > 0\" mat-icon-button class=\"clear-filter\" mat-icon-button matSuffix [matTooltip]=\"'SYSTEM_PICKER.CLEAR_SEARCH' | translate\" (click)=\"clear($event)\">\r\n\t\t<mat-icon>close</mat-icon>\r\n\t</button>\r\n</mat-form-field>\r\n", styles: [":host{display:inline-block;width:100%}:host ::ng-deep .mat-mdc-text-field-wrapper{max-height:42px}:host ::ng-deep .search-icon{color:var(--base-40)}:host ::ng-deep .search-icon,:host ::ng-deep button{margin-top:-15px}:host ::ng-deep .mdc-text-field--outlined .mat-mdc-form-field-infix,:host ::ng-deep .mdc-text-field--no-label .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}:host ::ng-deep .mat-mdc-form-field-icon-prefix>.mat-icon{padding:10px!important}:host ::ng-deep .mat-mdc-form-field-infix{margin-top:.125rem}:host ::ng-deep .mobile .mat-mdc-form-field-infix{margin-top:0}:host ::ng-deep .mobile .mat-mdc-form-field-subscript-wrapper{display:none}:host .search-input-field{width:100%}:host ::ng-deep .mdc-text-field--outlined{--mat-form-field-outlined-container-shape: 8px !important}.clear-filter{margin-right:.5rem}\n"], dependencies: [{ kind: "directive", type: i4$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: i4$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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: i4$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i4$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TranslationSystemPickerFilterComponent, isStandalone: false, selector: "tld-translation-system-picker-filter", outputs: { filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true }], ngImport: i0, template: "<mat-form-field [ngClass.lt-sm]=\"'mobile'\" color=\"accent\" appearance=\"outline\" floatLabel=\"auto\" class=\"search-input-field\">\r\n\t<mat-icon class=\"search-icon\" matPrefix>search</mat-icon>\r\n\t<input #filterInput matInput [(ngModel)]=\"filter\" [placeholder]=\"'SYSTEM_PICKER.SEARCH_PLACEHOLDER' | translate\" />\r\n\t<button *ngIf=\"filter.length > 0\" mat-icon-button class=\"clear-filter\" mat-icon-button matSuffix [matTooltip]=\"'SYSTEM_PICKER.CLEAR_SEARCH' | translate\" (click)=\"clear($event)\">\r\n\t\t<mat-icon>close</mat-icon>\r\n\t</button>\r\n</mat-form-field>\r\n", styles: [":host{display:inline-block;width:100%}:host ::ng-deep .mat-mdc-text-field-wrapper{max-height:42px}:host ::ng-deep .search-icon{color:var(--base-40)}:host ::ng-deep .search-icon,:host ::ng-deep button{margin-top:-15px}:host ::ng-deep .mdc-text-field--outlined .mat-mdc-form-field-infix,:host ::ng-deep .mdc-text-field--no-label .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}:host ::ng-deep .mat-mdc-form-field-icon-prefix>.mat-icon{padding:10px!important}:host ::ng-deep .mat-mdc-form-field-infix{margin-top:.125rem}:host ::ng-deep .mobile .mat-mdc-form-field-infix{margin-top:0}:host ::ng-deep .mobile .mat-mdc-form-field-subscript-wrapper{display:none}:host .search-input-field{width:100%}:host ::ng-deep .mdc-text-field--outlined{--mat-form-field-outlined-container-shape: 8px !important}.clear-filter{margin-right:.5rem}\n"], dependencies: [{ kind: "directive", type: i4$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: i4$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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: i4$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i4$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerFilterComponent, decorators: [{
             type: Component,
@@ -10876,20 +10825,7 @@ class TranslationSystemPickerDropdownComponent {
     get domainGroups() {
         return this.config.textConfig.domainGroups;
     }
-    mobileTargetConfig = [
-        {
-            hideLanguages: false,
-            hideSystems: true,
-            headerTitle: "SYSTEM_PICKER.TARGET",
-            leaveOpenOnLanguageClick: true
-        },
-        {
-            hideLanguages: true,
-            hideSystems: false,
-            headerTitle: "SYSTEM_PICKER.SELECT_DOMAIN",
-            hideSystemTitle: true
-        }
-    ];
+    mobileTargetConfig;
     mobileSourceConfig = [
         {
             hideLanguages: false,
@@ -10914,6 +10850,7 @@ class TranslationSystemPickerDropdownComponent {
     ngOnInit() {
         this.subscribeToBreakpointObserver();
         this.subscribeToMenuToggle();
+        this.setMobileTargetConfig();
     }
     onSystemClick() {
         if (!this.selectedBodyConfig?.leaveOpenOnSystemClick) {
@@ -10953,6 +10890,22 @@ class TranslationSystemPickerDropdownComponent {
         }
         this.close();
     }
+    setMobileTargetConfig() {
+        this.mobileTargetConfig = [
+            {
+                hideLanguages: false,
+                hideSystems: true,
+                headerTitle: "SYSTEM_PICKER.TARGET",
+                leaveOpenOnLanguageClick: !this.config.coreConfig.showModelsMenu
+            },
+            {
+                hideLanguages: true,
+                hideSystems: false,
+                headerTitle: "SYSTEM_PICKER.SELECT_DOMAIN",
+                hideSystemTitle: true
+            }
+        ];
+    }
     subscribeToBreakpointObserver() {
         this.breakpointSubscription = this.breakPointObserver.observe([Breakpoints.XSmall]).subscribe((res) => {
             this.isMobile = res.breakpoints[Breakpoints.XSmall];
@@ -10984,11 +10937,11 @@ class TranslationSystemPickerDropdownComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerDropdownComponent, deps: [{ token: TranslationSystemPickerService }, { token: i2$3.BreakpointObserver }, { token: TldTranslateSystemManagementService }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TranslationSystemPickerDropdownComponent, isStandalone: false, selector: "tld-translation-system-picker-dropdown", host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" } }, viewQueries: [{ propertyName: "dropdownBody", first: true, predicate: TranslationSystemPickerDropdownBodyComponent, descendants: true }, { propertyName: "filter", first: true, predicate: TranslationSystemPickerFilterComponent, descendants: true }], ngImport: i0, template: "<div *ngIf=\"isMobile\" class=\"dropdown-content-wrapper mobile\" (clickOutside)=\"clickOutside()\">\r\n\t<div class=\"system-picker-header\">\r\n\t\t<button mat-icon-button (click)=\"close()\">\r\n\t\t\t<mat-icon>arrow_back</mat-icon>\r\n\t\t</button>\r\n\t\t<h1 class=\"text-l-semi-bold\">{{currentConfig?.headerTitle | translate}}</h1>\r\n\t</div>\r\n\r\n\t<ng-container *ngIf=\"isSourceOpened\">\r\n\t\t<ng-template *ngTemplateOutlet=\"filter\"></ng-template>\r\n\t</ng-container>\r\n\r\n\t<div class=\"system-picker-dropdown-content mobile\" [class.source]=\"isSourceOpened\">\r\n\t\t<tld-translation-system-picker-dropdown-body\r\n\t\t\t[config]=\"currentConfig\"\r\n\t\t\t[filterText]=\"filterText\"\r\n\t\t\t(onSystemClick)=\"onSystemClick()\"\r\n\t\t\t(onLanguageClick)=\"onLanguageClick()\"\r\n\t\t\t(onFilteredLanguageClick)=\"onFilteredLanguageClick()\"\r\n\t\t\t[isMobile]=\"true\"\r\n\t\t>\r\n\t\t\t<ng-template *ngTemplateOutlet=\"filter\"></ng-template>\r\n\t\t</tld-translation-system-picker-dropdown-body>\r\n\t</div>\r\n</div>\r\n\r\n<div *ngIf=\"!isMobile\" class=\"dropdown-content-wrapper\" (clickOutside)=\"clickOutside()\">\r\n\t<div fxLayout=\"row\" class=\"system-picker-dropdown-content\">\r\n\t\t<div fxLayout=\"column\" class=\"system-picker-dropdown-col\">\r\n\t\t\t<ng-container *ngTemplateOutlet=\"filter\"></ng-container>\r\n\r\n\t\t\t<tld-translation-system-picker-dropdown-body\r\n\t\t\t\t[config]=\"currentConfig\"\r\n\t\t\t\t[filterText]=\"filterText\"\r\n\t\t\t\t(onSystemClick)=\"onSystemClick()\"\r\n\t\t\t\t(onLanguageClick)=\"onLanguageClick()\"\r\n\t\t\t\t(onFilteredLanguageClick)=\"onFilteredLanguageClick()\"\r\n\t\t\t>\r\n\t\t\t</tld-translation-system-picker-dropdown-body>\r\n\t\t</div>\r\n\r\n\t\t<tld-translation-system-picker-dropdown-body\r\n\t\t\t[config]=\"recentSystemPickerConfig\"\r\n\t\t\t[filterText]=\"filterText\"\r\n\t\t\t(onSystemClick)=\"onSystemClick()\"\r\n\t\t\t(onLanguageClick)=\"onLanguageClick()\"\r\n\t\t\t(onFilteredLanguageClick)=\"onFilteredLanguageClick()\"\r\n\t\t></tld-translation-system-picker-dropdown-body>\r\n\t</div>\r\n</div>\r\n\r\n<ng-template #filter>\r\n\t<div [class.filter-mobile]=\"isMobile\" [class.mob-target-filter]=\"isMobile && !isSourceOpened\">\r\n\t\t<tld-translation-system-picker-filter (filterChanged)=\"filterChange($event)\"> </tld-translation-system-picker-filter>\r\n\t</div>\r\n</ng-template>\r\n", styles: [":host{background-color:var(--base-100);overflow-y:auto!important;height:100%!important;box-sizing:border-box}:host .system-picker-dropdown-content{padding:1rem;height:100%}:host .system-picker-dropdown-content.mobile{padding:.5rem}:host .system-picker-header{background-color:var(--base-95);padding:.5rem 1rem .5rem .75rem;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid var(--base-70)}:host .system-picker-header h1{margin:0;flex:1 1 100%}:host .dropdown-content-wrapper:not(.mobile) tld-translation-system-picker-filter{margin-bottom:.5rem}::ng-deep .system-picker-dropdown-content.mobile.source{padding:1rem 1.5rem!important}.system-picker-dropdown-col tld-translation-system-picker-dropdown-body{width:auto}.mobile tld-translation-system-picker-dropdown-body{width:100%}.dropdown-content-wrapper{height:100%}.system-picker-dropdown-col:not(.mobile){width:100%;height:100%;padding-right:1.5rem;border-right:1px solid var(--base-70);overflow-y:auto}.filter-mobile{padding:.5rem .5rem 0}.mob-target-filter{padding:6px 0 12px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.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.ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: TranslationSystemPickerFilterComponent, selector: "tld-translation-system-picker-filter", outputs: ["filterChanged"] }, { kind: "component", type: TranslationSystemPickerDropdownBodyComponent, selector: "tld-translation-system-picker-dropdown-body", inputs: ["filterText", "config", "isMobile"], outputs: ["onSystemClick", "onLanguageClick", "onFilteredLanguageClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TranslationSystemPickerDropdownComponent, isStandalone: false, selector: "tld-translation-system-picker-dropdown", host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" } }, viewQueries: [{ propertyName: "dropdownBody", first: true, predicate: TranslationSystemPickerDropdownBodyComponent, descendants: true }, { propertyName: "filter", first: true, predicate: TranslationSystemPickerFilterComponent, descendants: true }], ngImport: i0, template: "<div *ngIf=\"isMobile\" class=\"dropdown-content-wrapper mobile\" (clickOutside)=\"clickOutside()\">\r\n\t<div class=\"system-picker-header\">\r\n\t\t<button mat-icon-button (click)=\"close()\">\r\n\t\t\t<mat-icon>arrow_back</mat-icon>\r\n\t\t</button>\r\n\t\t<h1 class=\"text-l-semi-bold\">{{currentConfig?.headerTitle | translate}}</h1>\r\n\t</div>\r\n\r\n\t<ng-container *ngIf=\"isSourceOpened\">\r\n\t\t<ng-template *ngTemplateOutlet=\"filter\"></ng-template>\r\n\t</ng-container>\r\n\r\n\t<div class=\"system-picker-dropdown-content mobile\" [class.source]=\"isSourceOpened\">\r\n\t\t<tld-translation-system-picker-dropdown-body\r\n\t\t\t[config]=\"currentConfig\"\r\n\t\t\t[filterText]=\"filterText\"\r\n\t\t\t(onSystemClick)=\"onSystemClick()\"\r\n\t\t\t(onLanguageClick)=\"onLanguageClick()\"\r\n\t\t\t(onFilteredLanguageClick)=\"onFilteredLanguageClick()\"\r\n\t\t\t[isMobile]=\"true\"\r\n\t\t>\r\n\t\t\t<ng-template *ngTemplateOutlet=\"filter\"></ng-template>\r\n\t\t</tld-translation-system-picker-dropdown-body>\r\n\t</div>\r\n</div>\r\n\r\n<div *ngIf=\"!isMobile\" class=\"dropdown-content-wrapper\" (clickOutside)=\"clickOutside()\">\r\n\t<div fxLayout=\"row\" class=\"system-picker-dropdown-content\">\r\n\t\t<div fxLayout=\"column\" class=\"system-picker-dropdown-col\">\r\n\t\t\t<ng-container *ngTemplateOutlet=\"filter\"></ng-container>\r\n\r\n\t\t\t<tld-translation-system-picker-dropdown-body\r\n\t\t\t\t[config]=\"currentConfig\"\r\n\t\t\t\t[filterText]=\"filterText\"\r\n\t\t\t\t(onSystemClick)=\"onSystemClick()\"\r\n\t\t\t\t(onLanguageClick)=\"onLanguageClick()\"\r\n\t\t\t\t(onFilteredLanguageClick)=\"onFilteredLanguageClick()\"\r\n\t\t\t>\r\n\t\t\t</tld-translation-system-picker-dropdown-body>\r\n\t\t</div>\r\n\r\n\t\t<tld-translation-system-picker-dropdown-body\r\n\t\t\t[config]=\"recentSystemPickerConfig\"\r\n\t\t\t[filterText]=\"filterText\"\r\n\t\t\t(onSystemClick)=\"onSystemClick()\"\r\n\t\t\t(onLanguageClick)=\"onLanguageClick()\"\r\n\t\t\t(onFilteredLanguageClick)=\"onFilteredLanguageClick()\"\r\n\t\t></tld-translation-system-picker-dropdown-body>\r\n\t</div>\r\n</div>\r\n\r\n<ng-template #filter>\r\n\t<div [class.filter-mobile]=\"isMobile\" [class.mob-target-filter]=\"isMobile && !isSourceOpened\">\r\n\t\t<tld-translation-system-picker-filter (filterChanged)=\"filterChange($event)\"> </tld-translation-system-picker-filter>\r\n\t</div>\r\n</ng-template>\r\n", styles: [":host{background-color:var(--base-100);overflow-y:auto!important;height:100%!important;box-sizing:border-box}:host .system-picker-dropdown-content{padding:1rem;height:100%}:host .system-picker-dropdown-content.mobile{padding:.5rem}:host .system-picker-header{background-color:var(--base-100);padding:.5rem 1rem .5rem .75rem;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid var(--base-70)}:host .system-picker-header h1{margin:0;flex:1 1 100%}:host .dropdown-content-wrapper:not(.mobile) tld-translation-system-picker-filter{margin-bottom:.5rem}::ng-deep .system-picker-dropdown-content.mobile.source{padding:1rem 1.5rem!important}.system-picker-dropdown-col tld-translation-system-picker-dropdown-body{width:auto}.mobile tld-translation-system-picker-dropdown-body{width:100%}.dropdown-content-wrapper{height:100%}.system-picker-dropdown-col:not(.mobile){width:100%;height:100%;padding-right:1.5rem;border-right:1px solid var(--base-70);overflow-y:auto}.filter-mobile{padding:.5rem .5rem 0}.mob-target-filter{padding:6px 0 12px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.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.ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: TranslationSystemPickerFilterComponent, selector: "tld-translation-system-picker-filter", outputs: ["filterChanged"] }, { kind: "component", type: TranslationSystemPickerDropdownBodyComponent, selector: "tld-translation-system-picker-dropdown-body", inputs: ["filterText", "config", "isMobile"], outputs: ["onSystemClick", "onLanguageClick", "onFilteredLanguageClick"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tld-translation-system-picker-dropdown', standalone: false, template: "<div *ngIf=\"isMobile\" class=\"dropdown-content-wrapper mobile\" (clickOutside)=\"clickOutside()\">\r\n\t<div class=\"system-picker-header\">\r\n\t\t<button mat-icon-button (click)=\"close()\">\r\n\t\t\t<mat-icon>arrow_back</mat-icon>\r\n\t\t</button>\r\n\t\t<h1 class=\"text-l-semi-bold\">{{currentConfig?.headerTitle | translate}}</h1>\r\n\t</div>\r\n\r\n\t<ng-container *ngIf=\"isSourceOpened\">\r\n\t\t<ng-template *ngTemplateOutlet=\"filter\"></ng-template>\r\n\t</ng-container>\r\n\r\n\t<div class=\"system-picker-dropdown-content mobile\" [class.source]=\"isSourceOpened\">\r\n\t\t<tld-translation-system-picker-dropdown-body\r\n\t\t\t[config]=\"currentConfig\"\r\n\t\t\t[filterText]=\"filterText\"\r\n\t\t\t(onSystemClick)=\"onSystemClick()\"\r\n\t\t\t(onLanguageClick)=\"onLanguageClick()\"\r\n\t\t\t(onFilteredLanguageClick)=\"onFilteredLanguageClick()\"\r\n\t\t\t[isMobile]=\"true\"\r\n\t\t>\r\n\t\t\t<ng-template *ngTemplateOutlet=\"filter\"></ng-template>\r\n\t\t</tld-translation-system-picker-dropdown-body>\r\n\t</div>\r\n</div>\r\n\r\n<div *ngIf=\"!isMobile\" class=\"dropdown-content-wrapper\" (clickOutside)=\"clickOutside()\">\r\n\t<div fxLayout=\"row\" class=\"system-picker-dropdown-content\">\r\n\t\t<div fxLayout=\"column\" class=\"system-picker-dropdown-col\">\r\n\t\t\t<ng-container *ngTemplateOutlet=\"filter\"></ng-container>\r\n\r\n\t\t\t<tld-translation-system-picker-dropdown-body\r\n\t\t\t\t[config]=\"currentConfig\"\r\n\t\t\t\t[filterText]=\"filterText\"\r\n\t\t\t\t(onSystemClick)=\"onSystemClick()\"\r\n\t\t\t\t(onLanguageClick)=\"onLanguageClick()\"\r\n\t\t\t\t(onFilteredLanguageClick)=\"onFilteredLanguageClick()\"\r\n\t\t\t>\r\n\t\t\t</tld-translation-system-picker-dropdown-body>\r\n\t\t</div>\r\n\r\n\t\t<tld-translation-system-picker-dropdown-body\r\n\t\t\t[config]=\"recentSystemPickerConfig\"\r\n\t\t\t[filterText]=\"filterText\"\r\n\t\t\t(onSystemClick)=\"onSystemClick()\"\r\n\t\t\t(onLanguageClick)=\"onLanguageClick()\"\r\n\t\t\t(onFilteredLanguageClick)=\"onFilteredLanguageClick()\"\r\n\t\t></tld-translation-system-picker-dropdown-body>\r\n\t</div>\r\n</div>\r\n\r\n<ng-template #filter>\r\n\t<div [class.filter-mobile]=\"isMobile\" [class.mob-target-filter]=\"isMobile && !isSourceOpened\">\r\n\t\t<tld-translation-system-picker-filter (filterChanged)=\"filterChange($event)\"> </tld-translation-system-picker-filter>\r\n\t</div>\r\n</ng-template>\r\n", styles: [":host{background-color:var(--base-100);overflow-y:auto!important;height:100%!important;box-sizing:border-box}:host .system-picker-dropdown-content{padding:1rem;height:100%}:host .system-picker-dropdown-content.mobile{padding:.5rem}:host .system-picker-header{background-color:var(--base-95);padding:.5rem 1rem .5rem .75rem;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid var(--base-70)}:host .system-picker-header h1{margin:0;flex:1 1 100%}:host .dropdown-content-wrapper:not(.mobile) tld-translation-system-picker-filter{margin-bottom:.5rem}::ng-deep .system-picker-dropdown-content.mobile.source{padding:1rem 1.5rem!important}.system-picker-dropdown-col tld-translation-system-picker-dropdown-body{width:auto}.mobile tld-translation-system-picker-dropdown-body{width:100%}.dropdown-content-wrapper{height:100%}.system-picker-dropdown-col:not(.mobile){width:100%;height:100%;padding-right:1.5rem;border-right:1px solid var(--base-70);overflow-y:auto}.filter-mobile{padding:.5rem .5rem 0}.mob-target-filter{padding:6px 0 12px}\n"] }]
+            args: [{ selector: 'tld-translation-system-picker-dropdown', standalone: false, template: "<div *ngIf=\"isMobile\" class=\"dropdown-content-wrapper mobile\" (clickOutside)=\"clickOutside()\">\r\n\t<div class=\"system-picker-header\">\r\n\t\t<button mat-icon-button (click)=\"close()\">\r\n\t\t\t<mat-icon>arrow_back</mat-icon>\r\n\t\t</button>\r\n\t\t<h1 class=\"text-l-semi-bold\">{{currentConfig?.headerTitle | translate}}</h1>\r\n\t</div>\r\n\r\n\t<ng-container *ngIf=\"isSourceOpened\">\r\n\t\t<ng-template *ngTemplateOutlet=\"filter\"></ng-template>\r\n\t</ng-container>\r\n\r\n\t<div class=\"system-picker-dropdown-content mobile\" [class.source]=\"isSourceOpened\">\r\n\t\t<tld-translation-system-picker-dropdown-body\r\n\t\t\t[config]=\"currentConfig\"\r\n\t\t\t[filterText]=\"filterText\"\r\n\t\t\t(onSystemClick)=\"onSystemClick()\"\r\n\t\t\t(onLanguageClick)=\"onLanguageClick()\"\r\n\t\t\t(onFilteredLanguageClick)=\"onFilteredLanguageClick()\"\r\n\t\t\t[isMobile]=\"true\"\r\n\t\t>\r\n\t\t\t<ng-template *ngTemplateOutlet=\"filter\"></ng-template>\r\n\t\t</tld-translation-system-picker-dropdown-body>\r\n\t</div>\r\n</div>\r\n\r\n<div *ngIf=\"!isMobile\" class=\"dropdown-content-wrapper\" (clickOutside)=\"clickOutside()\">\r\n\t<div fxLayout=\"row\" class=\"system-picker-dropdown-content\">\r\n\t\t<div fxLayout=\"column\" class=\"system-picker-dropdown-col\">\r\n\t\t\t<ng-container *ngTemplateOutlet=\"filter\"></ng-container>\r\n\r\n\t\t\t<tld-translation-system-picker-dropdown-body\r\n\t\t\t\t[config]=\"currentConfig\"\r\n\t\t\t\t[filterText]=\"filterText\"\r\n\t\t\t\t(onSystemClick)=\"onSystemClick()\"\r\n\t\t\t\t(onLanguageClick)=\"onLanguageClick()\"\r\n\t\t\t\t(onFilteredLanguageClick)=\"onFilteredLanguageClick()\"\r\n\t\t\t>\r\n\t\t\t</tld-translation-system-picker-dropdown-body>\r\n\t\t</div>\r\n\r\n\t\t<tld-translation-system-picker-dropdown-body\r\n\t\t\t[config]=\"recentSystemPickerConfig\"\r\n\t\t\t[filterText]=\"filterText\"\r\n\t\t\t(onSystemClick)=\"onSystemClick()\"\r\n\t\t\t(onLanguageClick)=\"onLanguageClick()\"\r\n\t\t\t(onFilteredLanguageClick)=\"onFilteredLanguageClick()\"\r\n\t\t></tld-translation-system-picker-dropdown-body>\r\n\t</div>\r\n</div>\r\n\r\n<ng-template #filter>\r\n\t<div [class.filter-mobile]=\"isMobile\" [class.mob-target-filter]=\"isMobile && !isSourceOpened\">\r\n\t\t<tld-translation-system-picker-filter (filterChanged)=\"filterChange($event)\"> </tld-translation-system-picker-filter>\r\n\t</div>\r\n</ng-template>\r\n", styles: [":host{background-color:var(--base-100);overflow-y:auto!important;height:100%!important;box-sizing:border-box}:host .system-picker-dropdown-content{padding:1rem;height:100%}:host .system-picker-dropdown-content.mobile{padding:.5rem}:host .system-picker-header{background-color:var(--base-100);padding:.5rem 1rem .5rem .75rem;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid var(--base-70)}:host .system-picker-header h1{margin:0;flex:1 1 100%}:host .dropdown-content-wrapper:not(.mobile) tld-translation-system-picker-filter{margin-bottom:.5rem}::ng-deep .system-picker-dropdown-content.mobile.source{padding:1rem 1.5rem!important}.system-picker-dropdown-col tld-translation-system-picker-dropdown-body{width:auto}.mobile tld-translation-system-picker-dropdown-body{width:100%}.dropdown-content-wrapper{height:100%}.system-picker-dropdown-col:not(.mobile){width:100%;height:100%;padding-right:1.5rem;border-right:1px solid var(--base-70);overflow-y:auto}.filter-mobile{padding:.5rem .5rem 0}.mob-target-filter{padding:6px 0 12px}\n"] }]
         }], ctorParameters: () => [{ type: TranslationSystemPickerService }, { type: i2$3.BreakpointObserver }, { type: TldTranslateSystemManagementService }, { type: TldTranslateConfigService }], propDecorators: { onKeydownHandler: [{
                 type: HostListener,
                 args: ['document:keydown.escape', ['$event']]
@@ -11592,7 +11545,7 @@ class TldTranslateWebsiteComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TldTranslateWebsiteComponent, deps: [{ token: i1.TranslateService }, { token: TldTranslateConfigService }, { token: TldTranslateButtonService }, { token: i4.AlertService }, { token: i5$3.Router }, { token: i5$3.ActivatedRoute }, { token: TldTranslateSystemManagementService }, { token: i4.TerminologyService }, { token: TldTranslateWebService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldTranslateWebsiteComponent, isStandalone: false, selector: "tld-translate-website", inputs: { product: "product", company: "company" }, outputs: { onError: "onError" }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true }, { 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      <div fxLayout=\"row\" class=\"address-wrapper\">\r\n        <button class=\"btn-back\" mat-icon-button (click)=\"goToHome()\" [attr.title]=\"'WEBTRANSLATE.BACK' | translate\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n        <mat-form-field fxFlex=\"100%\" class=\"address-input\" appearance=\"outline\" color=\"accent\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n            <input matInput [placeholder]=\"'WEBTRANSLATE.SEARCH' | translate\" type=\"url\" #url class=\"url\" autofocus=\"autofocus\" [(ngModel)]=\"urlToTranslate\"\r\n              (keyup.enter)=\"loadButtonClicked()\" />\r\n\r\n              <button *ngIf=\"urlToTranslate\" (click)=\"clearUrlToTranslate()\" mat-icon-button>\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n          </div>\r\n        </mat-form-field>\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    </div>\r\n  </div>\r\n\r\n  <div [class.h-full]=\"!showEmptyView\" 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    \r\n    <iframe *ngIf=\"!showEmptyView; else emptyView\" #iframe id=\"letsmt-translate-page-iframe\" name=\"letsmtTranslatePageIframe\" src=\"about:blank\"></iframe>\r\n  </div>\r\n\r\n  <ng-template #emptyView>\r\n    <lib-status-display [config]=\"emptyViewConfig\"></lib-status-display>\r\n  </ng-template>\r\n</div>\r\n", styles: [":host{display:block;height:100%;overflow-y:hidden}.tld-translate-web{height:100%}.tld-translate-switcher-wrapper{padding:0 .5em;margin-left:auto;margin-right:auto;padding-bottom:.5rem}.translate-container-header{padding:.6em 1em 0;box-sizing:border-box;background-color:var(--base-95)}#widget .translate-container-header{width:100%;margin-left:auto;margin-right:auto}#letsmt-translate-page-iframe{width:100%;height:100%;border:0}.h-full{height:100%}#website-frame-container{border-top:solid 1px var(--base-70)}#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}}.address-wrapper{max-width:60em;margin-left:auto;margin-right:auto}.address-wrapper mat-icon{margin-right:0!important}.address-wrapper a,.btn-back{margin-top:8px}.cancel-button,.restore-button{min-width:100px;height:36px;align-self:center}.address-input{padding-left:.9em;padding-right:.65em;width:100%}.switcher-translate-button{margin-left:.25rem}:host ::ng-deep .mat-mdc-text-field-wrapper{display:flex;align-items:center;background-color:var(--base-100);height:56px!important}:host ::ng-deep .status-display-wrapper{margin:8rem 0!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.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: "directive", type: i4$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: i4$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NotificationMessageComponent, selector: "lib-tld-notification-message", inputs: ["message", "inline"], outputs: ["buttonClicked", "closeClicked", "linkClicked"] }, { kind: "component", type: i4.CompanyProductComponent, selector: "lib-company-product", inputs: ["company", "product"] }, { kind: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3$1.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$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i4$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.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: i3.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.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: i3.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: i6.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: i4.StatusDisplayComponent, selector: "lib-status-display", inputs: ["config"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TldTranslateWebsiteComponent, isStandalone: false, selector: "tld-translate-website", inputs: { product: "product", company: "company" }, outputs: { onError: "onError" }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true }, { 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      <div fxLayout=\"row\" class=\"address-wrapper\">\r\n        <button class=\"btn-back\" mat-icon-button (click)=\"goToHome()\" [attr.title]=\"'WEBTRANSLATE.BACK' | translate\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n        <mat-form-field fxFlex=\"100%\" class=\"address-input\" appearance=\"outline\" color=\"accent\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n            <input matInput [placeholder]=\"'WEBTRANSLATE.SEARCH' | translate\" type=\"url\" #url class=\"url\" autofocus=\"autofocus\" [(ngModel)]=\"urlToTranslate\"\r\n              (keyup.enter)=\"loadButtonClicked()\" />\r\n\r\n              <button *ngIf=\"urlToTranslate\" (click)=\"clearUrlToTranslate()\" mat-icon-button>\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n          </div>\r\n        </mat-form-field>\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    </div>\r\n  </div>\r\n\r\n  <div [class.h-full]=\"!showEmptyView\" 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    \r\n    <iframe *ngIf=\"!showEmptyView; else emptyView\" #iframe id=\"letsmt-translate-page-iframe\" name=\"letsmtTranslatePageIframe\" src=\"about:blank\"></iframe>\r\n  </div>\r\n\r\n  <ng-template #emptyView>\r\n    <lib-status-display [config]=\"emptyViewConfig\"></lib-status-display>\r\n  </ng-template>\r\n</div>\r\n", styles: [":host{display:block;height:100%;overflow-y:hidden}.tld-translate-web{height:100%}.tld-translate-switcher-wrapper{padding:0 .5em;margin-left:auto;margin-right:auto;padding-bottom:.5rem}.translate-container-header{padding:.6em 1em 0;box-sizing:border-box;background-color:var(--base-95)}#widget .translate-container-header{width:100%;margin-left:auto;margin-right:auto}#letsmt-translate-page-iframe{width:100%;height:100%;border:0}.h-full{height:100%}#website-frame-container{border-top:solid 1px var(--base-70)}#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}}.address-wrapper{max-width:60em;margin-left:auto;margin-right:auto}.address-wrapper mat-icon{margin-right:0!important}.address-wrapper a,.btn-back{margin-top:8px}.cancel-button,.restore-button{min-width:100px;height:36px;align-self:center}.address-input{padding-left:.9em;padding-right:.65em;width:100%}.switcher-translate-button{margin-left:.25rem}:host ::ng-deep .mat-mdc-text-field-wrapper{display:flex;align-items:center;background-color:var(--base-100);height:56px!important}:host ::ng-deep .status-display-wrapper{margin:8rem 0!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.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: "directive", type: i4$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: i4$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NotificationMessageComponent, selector: "lib-tld-notification-message", inputs: ["message", "inline"], outputs: ["buttonClicked", "closeClicked", "linkClicked"] }, { kind: "component", type: i4.CompanyProductComponent, selector: "lib-company-product", inputs: ["company", "product"] }, { kind: "component", type: i8.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3$1.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$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i4$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.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: i3.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.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: i3.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: i6.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: i4.StatusDisplayComponent, selector: "lib-status-display", inputs: ["config"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: [
             trigger('openCloseAnimation', [
                 transition(':enter', [
                     style({ height: 0 }),
@@ -12150,5 +12103,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AudioRecordService, CapitalizePipe, FileApiService, FileTranslationSubstatus, HighlightParams, HighlightTreeComponent, MT_TERM_API_TOKEN, OpenedMenu, SourceAndTargetWrapperComponent, TLD_TRANSLATE_CONFIG_TOKEN, TextToSpeechComponent, TextToSpeechModule, TextareaWithBackgroundComponent, TldAudioModule, TldCommonModule, TldDictateComponent, TldDictionaryComponent, TldDocumentModule, TldDomainListComponent, TldFileTranslateBaseComponent, TldHighlightService, TldLangListComponent, TldListMenuComponent, TldLoaderComponent, TldMessageComponent, TldMessageType, TldRecordComponent, TldTextModule, TldTooltipModule, TldTranslateButtonComponent, TldTranslateComponent, TldTranslateConfigService, TldTranslateFileComponent, TldTranslateFileDownloadButtonComponent, TldTranslateFileMultipleComponent, TldTranslateFileService, TldTranslateImageConversionHelpComponent, TldTranslateModule, TldTranslatePdfConversionHelpComponent, TldTranslateSourceComponent, TldTranslateSwitcherComponent, TldTranslateSystemManagementService, TldTranslateTextComponent, TldTranslateTextService, TldTranslateWebsiteComponent, TldVoiceInputApiService, TldVoiceInputService, TldWebModule, TranslateDomainPipe, TranslationStatuss, TranslationSystemPickerButtonComponent, TranslationSystemPickerComponent, TranslationSystemPickerDropdownComponent, TranslationSystemPickerFilterComponent, TranslationSystemPickerLanguageListComponent, TranslationSystemPickerService, VoiceToTextState, availableLanguages, languageMenuVersion };
+export { AudioRecordService, CapitalizePipe, FileApiService, FileTranslationSubstatus, HighlightParams, HighlightTreeComponent, MT_TERM_API_TOKEN, OpenedMenu, SourceAndTargetWrapperComponent, TLD_TRANSLATE_CONFIG_TOKEN, TextToSpeechComponent, TextToSpeechModule, TextareaWithBackgroundComponent, TldAudioModule, TldCommonModule, TldDictateComponent, TldDictionaryComponent, TldDocumentModule, TldDomainListComponent, TldFileTranslateBaseComponent, TldHighlightService, TldLangListComponent, TldListMenuComponent, TldLoaderComponent, TldMessageComponent, TldMessageType, TldRecordComponent, TldTextModule, TldTooltipModule, TldTranslateButtonComponent, TldTranslateComponent, TldTranslateConfigService, TldTranslateConversionHelpComponent, TldTranslateFileComponent, TldTranslateFileDownloadButtonComponent, TldTranslateFileMultipleComponent, TldTranslateFileService, TldTranslateModule, TldTranslateSourceComponent, TldTranslateSwitcherComponent, TldTranslateSystemManagementService, TldTranslateTextComponent, TldTranslateTextService, TldTranslateWebsiteComponent, TldVoiceInputApiService, TldVoiceInputService, TldWebModule, TranslateDomainPipe, TranslationStatuss, TranslationSystemPickerButtonComponent, TranslationSystemPickerComponent, TranslationSystemPickerDropdownComponent, TranslationSystemPickerFilterComponent, TranslationSystemPickerLanguageListComponent, TranslationSystemPickerService, VoiceToTextState, availableLanguages, languageMenuVersion };
 //# sourceMappingURL=tilde-nlp-ngx-translate.mjs.map