@tilde-nlp/ngx-translate 4.0.0 → 4.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/shared/extension-dialog/components/open-extension-dialog/open-extension-dialog.component.mjs +3 -3
- package/esm2022/lib/components/shared/extension-dialog/extension-dialog.component.mjs +3 -3
- package/esm2022/lib/components/shared/extension-dialog/extension-dialog.module.mjs +4 -4
- package/esm2022/lib/components/shared/extension-dialog/services/extension-dialog.service.mjs +3 -3
- package/esm2022/lib/components/shared/text-to-speech/text-to-speech.component.mjs +3 -3
- package/esm2022/lib/components/shared/text-to-speech/text-to-speech.module.mjs +4 -4
- package/esm2022/lib/components/shared/vendor-disclaimer/vendor-disclaimer.component.mjs +3 -3
- package/esm2022/lib/components/shared/vendor-disclaimer/vendor-disclaimer.module.mjs +4 -4
- package/esm2022/lib/i18n/de.mjs +1 -7
- package/esm2022/lib/i18n/en.mjs +5 -6
- package/esm2022/lib/i18n/et.mjs +1 -7
- package/esm2022/lib/i18n/fi.mjs +1 -7
- package/esm2022/lib/i18n/lt.mjs +1 -7
- package/esm2022/lib/i18n/lv.mjs +5 -6
- package/esm2022/lib/i18n/pl.mjs +1 -7
- package/esm2022/lib/modules/material.module.mjs +4 -4
- package/esm2022/lib/modules/tld-audio/services/audio-record.service.mjs +3 -3
- package/esm2022/lib/modules/tld-audio/services/tld-voice-input-api.service.mjs +3 -3
- package/esm2022/lib/modules/tld-audio/services/tld-voice-input.service.mjs +3 -3
- package/esm2022/lib/modules/tld-audio/tld-audio.module.mjs +4 -4
- package/esm2022/lib/modules/tld-audio/tld-dictate/tld-dictate.component.mjs +3 -3
- package/esm2022/lib/modules/tld-audio/tld-record/tld-record.component.mjs +3 -3
- package/esm2022/lib/modules/tld-common/components/open-close-button/open-close-button.component.mjs +3 -3
- package/esm2022/lib/modules/tld-common/components/source-and-target-wrapper/source-and-target-wrapper.component.mjs +3 -3
- package/esm2022/lib/modules/tld-common/components/tld-lang-list/tld-lang-list.component.mjs +3 -3
- package/esm2022/lib/modules/tld-common/components/tld-list-menu/tld-list-menu.component.mjs +3 -3
- package/esm2022/lib/modules/tld-common/components/tld-loader/tld-loader.component.mjs +3 -3
- package/esm2022/lib/modules/tld-common/components/tld-message/tld-message.component.mjs +3 -3
- package/esm2022/lib/modules/tld-common/components/tld-translate-achievement/tld-translate-achievement.component.mjs +3 -3
- package/esm2022/lib/modules/tld-common/components/translate-button/tld-translate-button.service.mjs +3 -3
- package/esm2022/lib/modules/tld-common/components/translate-button/translate-button.component.mjs +3 -3
- package/esm2022/lib/modules/tld-common/pipes/translate-domain.pipe.mjs +3 -3
- package/esm2022/lib/modules/tld-common/services/icon-service/icon.service.mjs +3 -3
- package/esm2022/lib/modules/tld-common/services/scroll/tld-scroll.service.mjs +3 -3
- package/esm2022/lib/modules/tld-common/services/tld-alert.service.mjs +3 -3
- package/esm2022/lib/modules/tld-common/services/tld-highlight.service.mjs +3 -3
- package/esm2022/lib/modules/tld-common/services/tld-translate-config.service.mjs +3 -3
- package/esm2022/lib/modules/tld-common/services/wtw-link-params.service.mjs +3 -3
- package/esm2022/lib/modules/tld-common/tld-common.module.mjs +4 -4
- package/esm2022/lib/modules/tld-document/download-button/download-button.component.mjs +3 -3
- package/esm2022/lib/modules/tld-document/image-conversion-help/image-conversion-help.component.mjs +3 -3
- package/esm2022/lib/modules/tld-document/pdf-conversion-help/pdf-conversion-help.component.mjs +3 -3
- package/esm2022/lib/modules/tld-document/services/api/file-api.service.mjs +3 -3
- package/esm2022/lib/modules/tld-document/services/api-v2/file-api-v2.service.mjs +3 -3
- package/esm2022/lib/modules/tld-document/services/tld-translate-file.service.mjs +3 -3
- package/esm2022/lib/modules/tld-document/tld-document.module.mjs +4 -4
- package/esm2022/lib/modules/tld-document/tld-file-translate-base.component.mjs +3 -3
- package/esm2022/lib/modules/tld-document/tld-translate-file-multiple/tld-translate-file-multiple.component.mjs +3 -3
- package/esm2022/lib/modules/tld-term/create-collection/create-collection.component.mjs +11 -7
- package/esm2022/lib/modules/tld-term/index.mjs +1 -2
- package/esm2022/lib/modules/tld-term/services/api-v1/mt-term-v1.service.mjs +3 -3
- package/esm2022/lib/modules/tld-term/services/api-v2/mt-term-v2.service.mjs +3 -3
- package/esm2022/lib/modules/tld-term/services/engine-term/eninge-term-api.service.mjs +6 -5
- package/esm2022/lib/modules/tld-term/services/term-api/term-api.service.mjs +3 -3
- package/esm2022/lib/modules/tld-term/services/terminology.service.mjs +4 -7
- package/esm2022/lib/modules/tld-term/tld-term-collection/tld-term-collection.component.mjs +10 -9
- package/esm2022/lib/modules/tld-term/tld-term-collection-list/tld-term-collection-list.component.mjs +3 -3
- package/esm2022/lib/modules/tld-term/tld-term-create-collection-dialog/tld-term-create-collection-dialog.component.mjs +3 -3
- package/esm2022/lib/modules/tld-term/tld-term-menu/tld-term-menu.component.mjs +14 -10
- package/esm2022/lib/modules/tld-term/tld-term.module.mjs +6 -7
- package/esm2022/lib/modules/tld-text/components/highlight-tree/highlight-tree.component.mjs +3 -3
- package/esm2022/lib/modules/tld-text/components/progress-indicator/progress-indicator.component.mjs +3 -3
- package/esm2022/lib/modules/tld-text/components/textarea-with-background/textarea-with-background.component.mjs +3 -3
- package/esm2022/lib/modules/tld-text/components/tld-dictionary/tld-dictionary.component.mjs +3 -3
- package/esm2022/lib/modules/tld-text/components/tld-translate-source/tld-translate-source.component.mjs +3 -3
- package/esm2022/lib/modules/tld-text/components/tld-translate-suggest/dialog/tld-translate-suggest-dialog.component.mjs +3 -3
- package/esm2022/lib/modules/tld-text/components/tld-translate-suggest/tld-translate-suggest.component.mjs +3 -3
- package/esm2022/lib/modules/tld-text/components/tld-translate-text/tld-translate-text.component.mjs +3 -3
- package/esm2022/lib/modules/tld-text/services/api/tld-translate-text-api.service.mjs +3 -3
- package/esm2022/lib/modules/tld-text/services/api-v2/tld-translate-text-api-v2.service.mjs +3 -3
- package/esm2022/lib/modules/tld-text/services/tld-translate-text.service.mjs +3 -3
- package/esm2022/lib/modules/tld-text/tld-text.module.mjs +4 -4
- package/esm2022/lib/modules/tld-tooltip/services/api/tld-system-api.service.mjs +3 -3
- package/esm2022/lib/modules/tld-tooltip/services/api-v2/tld-system-api-v2.service.mjs +3 -3
- package/esm2022/lib/modules/tld-tooltip/services/tld-system.service.mjs +3 -3
- package/esm2022/lib/modules/tld-tooltip/tld-domain-list/tld-domain-list.component.mjs +3 -3
- package/esm2022/lib/modules/tld-tooltip/tld-tooltip.module.mjs +4 -4
- package/esm2022/lib/modules/tld-tooltip/tld-translate-switcher/tld-translate-switcher.component.mjs +5 -5
- package/esm2022/lib/modules/tld-tooltip/translation-system-picker/dropdown/translation-system-picker-dropdown.component.mjs +3 -3
- package/esm2022/lib/modules/tld-tooltip/translation-system-picker/dropdown-body/translation-system-picker-dropdown-body.component.mjs +3 -3
- package/esm2022/lib/modules/tld-tooltip/translation-system-picker/filter/translation-system-picker-filter.component.mjs +3 -3
- package/esm2022/lib/modules/tld-tooltip/translation-system-picker/language-list/translation-system-picker-language-list.component.mjs +3 -3
- package/esm2022/lib/modules/tld-tooltip/translation-system-picker/services/translation-system-picker.service.mjs +3 -3
- package/esm2022/lib/modules/tld-tooltip/translation-system-picker/system-list/translation-system-picker-system-list.component.mjs +3 -3
- package/esm2022/lib/modules/tld-tooltip/translation-system-picker/system-picker-button/translation-system-picker-button.component.mjs +3 -3
- package/esm2022/lib/modules/tld-tooltip/translation-system-picker/translation-system-picker.component.mjs +3 -3
- package/esm2022/lib/modules/tld-translate-file/tld-translate-file.component.mjs +3 -3
- package/esm2022/lib/modules/tld-web/tld-translate-web/tld-translate-web.component.mjs +3 -3
- package/esm2022/lib/modules/tld-web/tld-translate-web.service.mjs +3 -3
- package/esm2022/lib/modules/tld-web/tld-web.module.mjs +4 -4
- package/esm2022/lib/tld-translate-body/tld-translate-body.component.mjs +3 -3
- package/esm2022/lib/tld-translate.component.mjs +3 -3
- package/esm2022/lib/tld-translate.module.mjs +7 -6
- package/fesm2022/tilde-nlp-ngx-translate.mjs +325 -380
- package/fesm2022/tilde-nlp-ngx-translate.mjs.map +1 -1
- package/lib/i18n/de.d.ts +0 -6
- package/lib/i18n/en.d.ts +2 -3
- package/lib/i18n/et.d.ts +0 -6
- package/lib/i18n/fi.d.ts +0 -6
- package/lib/i18n/lt.d.ts +0 -6
- package/lib/i18n/lv.d.ts +3 -4
- package/lib/i18n/pl.d.ts +0 -6
- package/lib/modules/tld-term/create-collection/create-collection.component.d.ts +1 -0
- package/lib/modules/tld-term/index.d.ts +0 -1
- package/lib/modules/tld-term/services/terminology.service.d.ts +0 -1
- package/lib/modules/tld-term/tld-term-collection/tld-term-collection.component.d.ts +3 -1
- package/lib/modules/tld-term/tld-term-menu/tld-term-menu.component.d.ts +3 -2
- package/lib/modules/tld-term/tld-term.module.d.ts +13 -14
- package/package.json +1 -1
- package/src/assets/webcomponent/styles.css +1 -1
- package/src/assets/webcomponent/tld-translate.js +2 -2
- package/src/assets/webtranslate/page-translate-widget.js +1 -1
- package/tilde-nlp-ngx-translate-4.0.2.tgz +0 -0
- package/esm2022/lib/modules/tld-term/tld-term-promotion/tld-term-promotion.component.mjs +0 -39
- package/lib/modules/tld-term/tld-term-promotion/tld-term-promotion.component.d.ts +0 -17
- package/tilde-nlp-ngx-translate-4.0.0.tgz +0 -0
|
@@ -366,12 +366,6 @@ const i18n_de = {
|
|
|
366
366
|
"DESCRIPTION_2_MOBILE": " Mit der Desktop-Version können Sie neue Sammlungen anlegen oder bestehende bearbeiten.",
|
|
367
367
|
"DESCRIPTION_EMPTY": "Sie können genau festlegen, wie {{appName}} Wörter und Ausdrücke, die für Ihr Unternehmen oder Ihre Branche spezifisch sind, übersetzen soll, indem Sie sie zu Ihren individuellen Begriffssammlungen hinzufügen.",
|
|
368
368
|
"DESCRIPTION_EMPTY_MOBILE": "Indem Sie bestimmte Wörter und Ausdrücke, die für Ihr Unternehmen oder Ihre Branche spezifisch sind, zu Ihren individuellen Begriffssammlungen hinzufügen, können Sie genau festlegen, wie {{appName}} diese übersetzen soll.",
|
|
369
|
-
"PROMOTION": {
|
|
370
|
-
"TITLE": "Glossare anlegen, bearbeiten und verwalten",
|
|
371
|
-
"DESCRIPTION": "Für Tilde MT-Mitglieder sind Glossare verfügbar.",
|
|
372
|
-
"START_TRIAL": "Mit kostenloser Testversion beginnen",
|
|
373
|
-
"LEARN_MORE": "Weitere Informationen über Glossare"
|
|
374
|
-
},
|
|
375
369
|
"ARIA_LABELS": {
|
|
376
370
|
"RADIO_GROUP": "Begriffssammlung auswählen",
|
|
377
371
|
"OTHER_COLLECTIONS": "Sammlungsmenü öffnen"
|
|
@@ -774,11 +768,10 @@ const i18n_en = {
|
|
|
774
768
|
"SYNCING": "Term collection is synced, the latest version of the collection will be used",
|
|
775
769
|
"ATTACH_TO_SYSTEM_ERROR": "An error has occured while importing the term collection"
|
|
776
770
|
},
|
|
777
|
-
"
|
|
778
|
-
"TITLE": "
|
|
779
|
-
"DESCRIPTION": "
|
|
780
|
-
"
|
|
781
|
-
"LEARN_MORE": "Learn more about glossaries"
|
|
771
|
+
"READER": {
|
|
772
|
+
"TITLE": "Glossaries",
|
|
773
|
+
"DESCRIPTION": "No glossaries created",
|
|
774
|
+
"HINT": "You must be a Terminology Manager to create glossaries"
|
|
782
775
|
},
|
|
783
776
|
"ERRORS": {
|
|
784
777
|
"ERRORIMPORTING": "Importing error"
|
|
@@ -1143,12 +1136,6 @@ const i18n_et = {
|
|
|
1143
1136
|
"DEFAULT_COLLECTION_NAME": "Minu terminikogu",
|
|
1144
1137
|
"SYNC": "Sünkrooni",
|
|
1145
1138
|
"SYNC_ERROR": "Proovi uuesti",
|
|
1146
|
-
"PROMOTION": {
|
|
1147
|
-
"TITLE": "Sõnastike loomine, redigeerimine ja haldamine",
|
|
1148
|
-
"DESCRIPTION": "Sõnastikud on saadaval Tilde MT liikmetele.",
|
|
1149
|
-
"START_TRIAL": "Alusta tasuta prooviperioodi",
|
|
1150
|
-
"LEARN_MORE": "Lisateave sõnastike kohta"
|
|
1151
|
-
},
|
|
1152
1139
|
"ARIA_LABELS": {
|
|
1153
1140
|
"RADIO_GROUP": "Valige terminikogu",
|
|
1154
1141
|
"OTHER_COLLECTIONS": "Ava kogumenüü"
|
|
@@ -1516,12 +1503,6 @@ const i18n_fi = {
|
|
|
1516
1503
|
"DESCRIPTION_2_MOBILE": " Käytä työpöytäversiota uusien kokoelmien luomiseen tai olemassa olevien kokoelmien muokkaamiseen.",
|
|
1517
1504
|
"DESCRIPTION_EMPTY": "Voit määrittää tarkasti, miten {{appName}} kääntää yrityksellesi tai toimialallesi ominaisia sanoja ja ilmauksia lisäämällä ne termikokoelmiisi.",
|
|
1518
1505
|
"DESCRIPTION_EMPTY_MOBILE": "Työpöytäversiossa voit määrittää, miten haluat Tilde MT:n kääntävän yrityksellesi tai toimialallesi ominaisia sanoja ja lauseita lisäämällä ne termikokoelmiisi.",
|
|
1519
|
-
"PROMOTION": {
|
|
1520
|
-
"TITLE": "Luo, muokkaa ja hallitse sanastoja",
|
|
1521
|
-
"DESCRIPTION": "Sanastot ovat Tilde MT:n jäsenien käytettävissä.",
|
|
1522
|
-
"START_TRIAL": "Aloita ilmainen kokeilu",
|
|
1523
|
-
"LEARN_MORE": "Lisätietoja sanastoista"
|
|
1524
|
-
},
|
|
1525
1506
|
"GLOSSARY": "Sanasto: ",
|
|
1526
1507
|
"SELECTED_NONE": "Ei mitään",
|
|
1527
1508
|
"EDIT": "Muokkaa",
|
|
@@ -1919,12 +1900,6 @@ const i18n_lt = {
|
|
|
1919
1900
|
"DESCRIPTION_2_MOBILE": " Naudokite kompiuteriui skirtą versiją, jei norite sukurti naujus rinkinius arba redaguoti esamus.",
|
|
1920
1901
|
"DESCRIPTION_EMPTY": "Jei norite tiksliai nustatyti, kaip „{{appName}}“ turėtų išversti jūsų įmonei ar pramonės šakai būdingus žodžius ir frazes, įtraukite juos į unikalius terminų rinkinius.",
|
|
1921
1902
|
"DESCRIPTION_EMPTY_MOBILE": "Jei norite tiksliai nustatyti, kaip {{appName}} turėtų išversti jūsų įmonei ar pramonės šakai būdingus žodžius ir frazes, naudodami kompiuteriui skirtą versiją įtraukite juos į unikalius terminų rinkinius.",
|
|
1922
|
-
"PROMOTION": {
|
|
1923
|
-
"TITLE": "Kurkite, redaguokite ir tvarkykite žodynus",
|
|
1924
|
-
"DESCRIPTION": "„Tilde MT“ nariai gali naudotis žodynais.",
|
|
1925
|
-
"START_TRIAL": "Pradėti naudoti nemokamą bandomąją versiją",
|
|
1926
|
-
"LEARN_MORE": "Sužinokite daugiau apie žodynus"
|
|
1927
|
-
},
|
|
1928
1903
|
"GLOSSARY": "Žodynas: ",
|
|
1929
1904
|
"SELECTED_NONE": "Nėra",
|
|
1930
1905
|
"EDIT": "Redaguoti",
|
|
@@ -2319,11 +2294,10 @@ const i18n_lv = {
|
|
|
2319
2294
|
"DESCRIPTION_1": "Atlasiet, kuru terminu kolekciju izmantot šim projektam. ",
|
|
2320
2295
|
"DESCRIPTION_2": " Varat pievienot jaunas kolekcijas un rediģēt esošās",
|
|
2321
2296
|
"DESCRIPTION_2_MOBILE": " Izmantojiet darbvirsmas versiju, lai izveidotu jaunas kolekcijas vai rediģētu esošās.",
|
|
2322
|
-
"
|
|
2323
|
-
"
|
|
2324
|
-
"
|
|
2325
|
-
"
|
|
2326
|
-
"LEARN_MORE": "Uzziniet vairāk par glosārijiem"
|
|
2297
|
+
"READER": {
|
|
2298
|
+
"TITLE": "Glosāriji",
|
|
2299
|
+
"DESCRIPTION": "Nav izveidoto glosāriju",
|
|
2300
|
+
"HINT": "Lai veidotu glosārijus, jums ir jābūt terminoloģijas pārvaldniekam"
|
|
2327
2301
|
},
|
|
2328
2302
|
"GLOSSARY": "Glosārijs: ",
|
|
2329
2303
|
"SELECTED_NONE": "Neviens",
|
|
@@ -2726,12 +2700,6 @@ const i18n_pl = {
|
|
|
2726
2700
|
"DESCRIPTION_2_MOBILE": " Użyj wersji komputerowej do tworzenia nowych zbiorów lub edycji istniejących.",
|
|
2727
2701
|
"DESCRIPTION_EMPTY": "Możesz precyzyjnie skonfigurować sposób, w jaki aplikacja {{appName}} ma przetłumaczyć słowa i frazy specyficzne dla Twojej firmy lub branży, dodając je do unikatowych zbiorów terminów.",
|
|
2728
2702
|
"DESCRIPTION_EMPTY_MOBILE": "Użyj wersji komputerowej, aby skonfigurować dokładnie sposób, w jaki Tilde MT ma przetłumaczyć słowa i frazy specyficzne dla Twojej firmy lub branży, dodając je do unikatowych zbiorów terminów.",
|
|
2729
|
-
"PROMOTION": {
|
|
2730
|
-
"TITLE": "Tworzenie, edytowanie i zarządzanie słownikami",
|
|
2731
|
-
"DESCRIPTION": "Członkowie Tilde MT mają dostęp do słowników.",
|
|
2732
|
-
"START_TRIAL": "Na początek skorzystaj z bezpłatnego okresu próbnego",
|
|
2733
|
-
"LEARN_MORE": "Dowiedz się więcej o słownikach"
|
|
2734
|
-
},
|
|
2735
2703
|
"GLOSSARY": "Glosariusz: ",
|
|
2736
2704
|
"SELECTED_NONE": "Brak",
|
|
2737
2705
|
"EDIT": "Edytuj",
|
|
@@ -3222,10 +3190,10 @@ class IconService {
|
|
|
3222
3190
|
this.iconRegistry.addSvgIconLiteral(key.toLowerCase(), this.sanitizer.bypassSecurityTrustHtml(icons[key]));
|
|
3223
3191
|
}
|
|
3224
3192
|
}
|
|
3225
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
3226
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
3193
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: IconService, deps: [{ token: i1.MatIconRegistry }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3194
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: IconService, providedIn: 'root' });
|
|
3227
3195
|
}
|
|
3228
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
3196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: IconService, decorators: [{
|
|
3229
3197
|
type: Injectable,
|
|
3230
3198
|
args: [{
|
|
3231
3199
|
providedIn: 'root'
|
|
@@ -3624,10 +3592,10 @@ class TldTranslateConfigService {
|
|
|
3624
3592
|
this.textConfig.useDictionary = false;
|
|
3625
3593
|
}
|
|
3626
3594
|
}
|
|
3627
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
3628
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
3595
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateConfigService, deps: [{ token: TRANSLATION_API_VERSION_TOKEN }, { token: TLD_TRANSLATE_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3596
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateConfigService, providedIn: 'root' });
|
|
3629
3597
|
}
|
|
3630
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
3598
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateConfigService, decorators: [{
|
|
3631
3599
|
type: Injectable,
|
|
3632
3600
|
args: [{
|
|
3633
3601
|
providedIn: 'root'
|
|
@@ -3777,10 +3745,10 @@ class TldAlertService {
|
|
|
3777
3745
|
const keyWithTitle = parts[parts.length - 1] + postfix;
|
|
3778
3746
|
return localizationObject[keyWithTitle] ? text + postfix : null;
|
|
3779
3747
|
}
|
|
3780
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
3781
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
3748
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldAlertService, deps: [{ token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3749
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldAlertService, providedIn: 'root' });
|
|
3782
3750
|
}
|
|
3783
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
3751
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldAlertService, decorators: [{
|
|
3784
3752
|
type: Injectable,
|
|
3785
3753
|
args: [{
|
|
3786
3754
|
providedIn: 'root'
|
|
@@ -3799,10 +3767,10 @@ class TldHighlightService {
|
|
|
3799
3767
|
this.selectedTargetSentence = sentence;
|
|
3800
3768
|
this.selectedTargetSentence$.next(observableObj);
|
|
3801
3769
|
}
|
|
3802
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
3803
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
3770
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldHighlightService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3771
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldHighlightService, providedIn: 'root' });
|
|
3804
3772
|
}
|
|
3805
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
3773
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldHighlightService, decorators: [{
|
|
3806
3774
|
type: Injectable,
|
|
3807
3775
|
args: [{
|
|
3808
3776
|
providedIn: 'root'
|
|
@@ -3823,10 +3791,10 @@ class TranslateDomainPipe {
|
|
|
3823
3791
|
const domainTranslations = availableLanguages[this.translate.currentLang]?.DOMAINS ?? availableLanguages[this.translate.defaultLang]?.DOMAINS;
|
|
3824
3792
|
return domainTranslations?.[domainKey] ?? domainName ?? autoKey;
|
|
3825
3793
|
}
|
|
3826
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
3827
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.
|
|
3794
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslateDomainPipe, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
3795
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: TranslateDomainPipe, name: "translateDomain" });
|
|
3828
3796
|
}
|
|
3829
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
3797
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslateDomainPipe, decorators: [{
|
|
3830
3798
|
type: Pipe,
|
|
3831
3799
|
args: [{
|
|
3832
3800
|
name: 'translateDomain'
|
|
@@ -3835,19 +3803,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
3835
3803
|
|
|
3836
3804
|
class TldTranslateAchievementComponent {
|
|
3837
3805
|
link = "https://tilde.com/news/tilde-machine-translation-technology-announced-worlds-most-accurate-wmt-competition";
|
|
3838
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
3839
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
3806
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateAchievementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3807
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateAchievementComponent, selector: "tld-translate-achievement", ngImport: i0, template: "<div>\r\n <div fxLayout=\"row\">\r\n <mat-icon class=\"nmt-icon\" svgIcon=\"best_mt\" color=\"accent\" aria-hidden=\"false\" aria-label=\"\"></mat-icon>\r\n <div fxLayout=\"column\" fxLayoutAlign=\"center start\" class=\"best-mt\">\r\n {{ 'TLD_TRANSLATE.BEST_NMT' | translate }}\r\n <br class=\"d-none d-lg-block\">\r\n <a class=\"achievement-link\" [attr.href]=\"link\"\r\n target=\"_blank\">\r\n {{ 'TLD_TRANSLATE.BEST_NMT_MORE' | translate }}\r\n </a>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["a{text-decoration:none}a:hover{text-decoration:underline}.nmt-icon{height:70px;width:100px}.achievement-link{font-size:.8em;font-weight:500}.best-mt{color:#5a6672;font-size:12px;font-weight:400}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
3840
3808
|
}
|
|
3841
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
3809
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateAchievementComponent, decorators: [{
|
|
3842
3810
|
type: Component,
|
|
3843
3811
|
args: [{ selector: 'tld-translate-achievement', template: "<div>\r\n <div fxLayout=\"row\">\r\n <mat-icon class=\"nmt-icon\" svgIcon=\"best_mt\" color=\"accent\" aria-hidden=\"false\" aria-label=\"\"></mat-icon>\r\n <div fxLayout=\"column\" fxLayoutAlign=\"center start\" class=\"best-mt\">\r\n {{ 'TLD_TRANSLATE.BEST_NMT' | translate }}\r\n <br class=\"d-none d-lg-block\">\r\n <a class=\"achievement-link\" [attr.href]=\"link\"\r\n target=\"_blank\">\r\n {{ 'TLD_TRANSLATE.BEST_NMT_MORE' | translate }}\r\n </a>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["a{text-decoration:none}a:hover{text-decoration:underline}.nmt-icon{height:70px;width:100px}.achievement-link{font-size:.8em;font-weight:500}.best-mt{color:#5a6672;font-size:12px;font-weight:400}\n"] }]
|
|
3844
3812
|
}] });
|
|
3845
3813
|
|
|
3846
3814
|
class TldLoaderComponent {
|
|
3847
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
3848
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
3815
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3816
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldLoaderComponent, selector: "tld-loader", ngImport: i0, template: "\r\n<div class=\"tld-loader accent-color\" fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n <div class=\"accent-bg-color tld-loader-element element-1\"></div>\r\n <div class=\"accent-bg-color tld-loader-element element-2\"></div>\r\n <div class=\"accent-bg-color tld-loader-element element-3\"></div>\r\n</div>\r\n", styles: [".tld-loader .tld-loader-element{will-change:transform;border-radius:50%;animation:grow .6s ease-in-out infinite alternate;width:24px;height:24px}.tld-loader .tld-loader-element.element-2{animation-delay:.2s}.tld-loader .tld-loader-element.element-3{animation-delay:.4s}@keyframes grow{to{transform:translate(-50%) scale(0)}}\n"], dependencies: [{ kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.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"] }] });
|
|
3849
3817
|
}
|
|
3850
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
3818
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldLoaderComponent, decorators: [{
|
|
3851
3819
|
type: Component,
|
|
3852
3820
|
args: [{ selector: 'tld-loader', template: "\r\n<div class=\"tld-loader accent-color\" fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n <div class=\"accent-bg-color tld-loader-element element-1\"></div>\r\n <div class=\"accent-bg-color tld-loader-element element-2\"></div>\r\n <div class=\"accent-bg-color tld-loader-element element-3\"></div>\r\n</div>\r\n", styles: [".tld-loader .tld-loader-element{will-change:transform;border-radius:50%;animation:grow .6s ease-in-out infinite alternate;width:24px;height:24px}.tld-loader .tld-loader-element.element-2{animation-delay:.2s}.tld-loader .tld-loader-element.element-3{animation-delay:.4s}@keyframes grow{to{transform:translate(-50%) scale(0)}}\n"] }]
|
|
3853
3821
|
}] });
|
|
@@ -3879,10 +3847,10 @@ class TldOpenCloseButtonComponent {
|
|
|
3879
3847
|
ngOnInit() {
|
|
3880
3848
|
this.icons = this.openCloseBtnIcons ?? this.defaultIcons;
|
|
3881
3849
|
}
|
|
3882
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
3883
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
3850
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldOpenCloseButtonComponent, deps: [{ token: OPEN_CLOSE_BTN_ICONS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
3851
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldOpenCloseButtonComponent, selector: "tld-open-close-button", inputs: { disableFocusOnAction: "disableFocusOnAction", isOpened: "isOpened", disabled: "disabled", isIcon: "isIcon", ariaLabelCode: "ariaLabelCode" }, viewQueries: [{ propertyName: "button", first: true, predicate: MatButton, descendants: true }], ngImport: i0, template: "<button [disableRipple]=\"true\" [ngClass.lt-md]=\"'open-close-button-tablet'\" mat-button [disabled]=\"disabled\" *ngIf=\"!isIcon\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <span class=\"open-close-button-content\" fxLayoutAlign=\"center center\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n <span class=\"material-icons\">\r\n {{ isOpened ? icons.open : icons.close }}\r\n </span>\r\n </span>\r\n</button>\r\n<button mat-icon-button [disabled]=\"disabled\" *ngIf=\"isIcon\" fxLayoutAlign=\"center center\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span class=\"material-icons\">\r\n {{ isOpened ? icons.open : icons.close }}\r\n </span>\r\n</button>\r\n", styles: ["button{font-size:16px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i5.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.TranslatePipe, name: "translate" }] });
|
|
3884
3852
|
}
|
|
3885
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
3853
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldOpenCloseButtonComponent, decorators: [{
|
|
3886
3854
|
type: Component,
|
|
3887
3855
|
args: [{ selector: 'tld-open-close-button', template: "<button [disableRipple]=\"true\" [ngClass.lt-md]=\"'open-close-button-tablet'\" mat-button [disabled]=\"disabled\" *ngIf=\"!isIcon\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <span class=\"open-close-button-content\" fxLayoutAlign=\"center center\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n <span class=\"material-icons\">\r\n {{ isOpened ? icons.open : icons.close }}\r\n </span>\r\n </span>\r\n</button>\r\n<button mat-icon-button [disabled]=\"disabled\" *ngIf=\"isIcon\" fxLayoutAlign=\"center center\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span class=\"material-icons\">\r\n {{ isOpened ? icons.open : icons.close }}\r\n </span>\r\n</button>\r\n", styles: ["button{font-size:16px}\n"] }]
|
|
3888
3856
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
@@ -4063,10 +4031,10 @@ class TldLangListComponent {
|
|
|
4063
4031
|
language.showDomain = this.showDomainsWithLanguageName && this.duplicateCodes.includes(language.code) ? true : false;
|
|
4064
4032
|
});
|
|
4065
4033
|
}
|
|
4066
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
4067
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
4034
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldLangListComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4035
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldLangListComponent, selector: "tld-lang-list", inputs: { disabled: "disabled", pxPerLanguage: "pxPerLanguage", languages: "languages", testId: "testId", selected: "selected", maxDisplayedLanguages: "maxDisplayedLanguages", showDomainsWithLanguageName: "showDomainsWithLanguageName" }, outputs: { onLanguageChange: "onLanguageChange", onDomainChange: "onDomainChange" }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }, { propertyName: "menu", first: true, predicate: MatMenu, descendants: true }, { propertyName: "openCloseButton", first: true, predicate: TldOpenCloseButtonComponent, descendants: true }], ngImport: i0, template: "<div fxLayout=\"row\" class=\"tld-lang-list-wrapper\" fxLayoutAlign=\"start center\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" role=\"list\" class=\"tld-lang-list\"\r\n [ngClass]=\"{'single-element-list': visibleLanguageList.length === 1}\">\r\n <ng-container *ngIf=\"visibleLanguageList.length>1 else singleLanguageList\">\r\n <div role=\"listitem\" *ngFor=\"let language of visibleLanguageList | sortTranslations: languageLocalizationKey:languageCodePropertyName:currentLanguage | async\" class=\"tld-language-list-element\"\r\n [ngClass]=\"{'active accent-color' : isActive(language)}\">\r\n <ng-template [ngTemplateOutlet]=\"languageButton\" [ngTemplateOutletContext]=\"{ language: language }\">\r\n </ng-template>\r\n </div>\r\n <ng-template *ngIf=\"menuLanguageList.length>0\" [ngTemplateOutlet]=\"menuDropDown\" [ngTemplateOutletContext]=\"{ isIcon: true}\"></ng-template>\r\n </ng-container>\r\n </div>\r\n <ng-content></ng-content>\r\n <mat-menu #languageMenu=\"matMenu\" fxLayout=\"column\" class=\"language-menu\">\r\n <ng-container *ngFor=\"let language of menuLanguageList | sortTranslations: languageLocalizationKey:languageCodePropertyName:currentLanguage | async\">\r\n <ng-template [ngTemplateOutlet]=\"languageButton\" [ngTemplateOutletContext]=\"{ language: language }\"></ng-template>\r\n </ng-container>\r\n </mat-menu>\r\n</div>\r\n\r\n<!-- Template for one visible language with menu languages. -->\r\n<ng-template #singleLanguageList>\r\n <ng-container *ngIf=\" menuLanguageList.length > 0 else UnclickableLanguage\">\r\n <ng-template [ngTemplateOutlet]=\"menuDropDown\" [ngTemplateOutletContext]=\"{ isIcon: false}\"></ng-template>\r\n </ng-container>\r\n</ng-template>\r\n<!-- ------------------------ -->\r\n\r\n<!-- Template if only one language is in list and no menu languages. This language needs no cursor or click events.-->\r\n<ng-template #UnclickableLanguage>\r\n <button color=\"primary\" [attr.aria-label]=\"'LANGUAGES.' + (firstVisible.code | uppercase) | translate\" *ngIf=\"firstVisible\" class=\"language-title no-highlight no-action\">\r\n <ng-template [ngTemplateOutlet]=\"languageNameWithDomain\" [ngTemplateOutletContext]=\"{ language: firstVisible}\"></ng-template>\r\n </button>\r\n</ng-template>\r\n<!-- ------------------------ -->\r\n\r\n<!-- templates for language names and other small repeated parts of this component-->\r\n<ng-template #menuDropDown let-isIcon=\"isIcon\">\r\n <tld-open-close-button [isIcon]=\"isIcon\" [ngClass]=\"{'language-title no-highlight' : !isIcon}\" [disabled]=\"disabled\"\r\n #state=\"matMenuTrigger\" (menuOpened)=\"onMenuOpen()\" [matMenuTriggerFor]=\"languageMenu\" [isOpened]=\"state.menuOpen\"\r\n [ariaLabelCode]=\"menuTriggerAriaCode\">\r\n <ng-template *ngIf=\"!isIcon\" [ngTemplateOutlet]=\"languageNameWithDomain\"\r\n [ngTemplateOutletContext]=\"{ language: firstVisible }\">\r\n </ng-template>\r\n </tld-open-close-button>\r\n</ng-template>\r\n\r\n<ng-template #languageButton let-language=\"language\">\r\n <button fxLayoutAlign=\"start center\" [ngClass]=\"{'active accent-color' : isActive(language)}\" mat-menu-item\r\n *ngIf=\"language\" class=\"language-title\" (click)=\"selectLanguage(language)\" [disabled]=\"disabled\"\r\n [attr.aria-label]=\"languageLocalizationKey + '.' + (language.code | uppercase) | translate\">\r\n <span>{{languageLocalizationKey + '.' + (language.code | uppercase) | translate}}</span> \r\n <span class=\"domain\" *ngIf=\"language.showDomain\"> ({{language.domain | translateDomain}})</span>\r\n </button>\r\n</ng-template>\r\n\r\n<ng-template #languageNameWithDomain let-language=\"language\">\r\n <span>{{languageLocalizationKey + '.' + (language.code | uppercase) | translate}}</span>\r\n <span fxHide.lt-sm *ngIf=\"language.showDomain\">\r\n <span> (</span>\r\n <span class=\"domain\">{{language.domain | translateDomain}}</span>\r\n <span>)</span>\r\n </span>\r\n</ng-template>\r\n<!-- ------------------------ -->", styles: [".tld-lang-list-wrapper{max-width:100%}.tld-lang-list-wrapper .tld-language-list-element{padding:0 12px}.tld-lang-list:not(.single-element-list) .active .language-title:after{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);content:\"\";display:block;width:16px;height:2px}.tld-language-list-element.active .span-block{display:block}.tld-language-list-element.active .domain{display:inline-block;max-width:90px;overflow-x:hidden;text-overflow:ellipsis}.language-title{cursor:pointer;font-size:16px;font-weight:500;position:relative;background-color:transparent;border:none;font-family:Inter,sans-serif}.language-title.no-highlight.no-action{cursor:default}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i5.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i5.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: TldOpenCloseButtonComponent, selector: "tld-open-close-button", inputs: ["disableFocusOnAction", "isOpened", "disabled", "isIcon", "ariaLabelCode"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i12.SortTranslationsPipe, name: "sortTranslations" }, { kind: "pipe", type: TranslateDomainPipe, name: "translateDomain" }] });
|
|
4068
4036
|
}
|
|
4069
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
4037
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldLangListComponent, decorators: [{
|
|
4070
4038
|
type: Component,
|
|
4071
4039
|
args: [{ selector: 'tld-lang-list', template: "<div fxLayout=\"row\" class=\"tld-lang-list-wrapper\" fxLayoutAlign=\"start center\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" role=\"list\" class=\"tld-lang-list\"\r\n [ngClass]=\"{'single-element-list': visibleLanguageList.length === 1}\">\r\n <ng-container *ngIf=\"visibleLanguageList.length>1 else singleLanguageList\">\r\n <div role=\"listitem\" *ngFor=\"let language of visibleLanguageList | sortTranslations: languageLocalizationKey:languageCodePropertyName:currentLanguage | async\" class=\"tld-language-list-element\"\r\n [ngClass]=\"{'active accent-color' : isActive(language)}\">\r\n <ng-template [ngTemplateOutlet]=\"languageButton\" [ngTemplateOutletContext]=\"{ language: language }\">\r\n </ng-template>\r\n </div>\r\n <ng-template *ngIf=\"menuLanguageList.length>0\" [ngTemplateOutlet]=\"menuDropDown\" [ngTemplateOutletContext]=\"{ isIcon: true}\"></ng-template>\r\n </ng-container>\r\n </div>\r\n <ng-content></ng-content>\r\n <mat-menu #languageMenu=\"matMenu\" fxLayout=\"column\" class=\"language-menu\">\r\n <ng-container *ngFor=\"let language of menuLanguageList | sortTranslations: languageLocalizationKey:languageCodePropertyName:currentLanguage | async\">\r\n <ng-template [ngTemplateOutlet]=\"languageButton\" [ngTemplateOutletContext]=\"{ language: language }\"></ng-template>\r\n </ng-container>\r\n </mat-menu>\r\n</div>\r\n\r\n<!-- Template for one visible language with menu languages. -->\r\n<ng-template #singleLanguageList>\r\n <ng-container *ngIf=\" menuLanguageList.length > 0 else UnclickableLanguage\">\r\n <ng-template [ngTemplateOutlet]=\"menuDropDown\" [ngTemplateOutletContext]=\"{ isIcon: false}\"></ng-template>\r\n </ng-container>\r\n</ng-template>\r\n<!-- ------------------------ -->\r\n\r\n<!-- Template if only one language is in list and no menu languages. This language needs no cursor or click events.-->\r\n<ng-template #UnclickableLanguage>\r\n <button color=\"primary\" [attr.aria-label]=\"'LANGUAGES.' + (firstVisible.code | uppercase) | translate\" *ngIf=\"firstVisible\" class=\"language-title no-highlight no-action\">\r\n <ng-template [ngTemplateOutlet]=\"languageNameWithDomain\" [ngTemplateOutletContext]=\"{ language: firstVisible}\"></ng-template>\r\n </button>\r\n</ng-template>\r\n<!-- ------------------------ -->\r\n\r\n<!-- templates for language names and other small repeated parts of this component-->\r\n<ng-template #menuDropDown let-isIcon=\"isIcon\">\r\n <tld-open-close-button [isIcon]=\"isIcon\" [ngClass]=\"{'language-title no-highlight' : !isIcon}\" [disabled]=\"disabled\"\r\n #state=\"matMenuTrigger\" (menuOpened)=\"onMenuOpen()\" [matMenuTriggerFor]=\"languageMenu\" [isOpened]=\"state.menuOpen\"\r\n [ariaLabelCode]=\"menuTriggerAriaCode\">\r\n <ng-template *ngIf=\"!isIcon\" [ngTemplateOutlet]=\"languageNameWithDomain\"\r\n [ngTemplateOutletContext]=\"{ language: firstVisible }\">\r\n </ng-template>\r\n </tld-open-close-button>\r\n</ng-template>\r\n\r\n<ng-template #languageButton let-language=\"language\">\r\n <button fxLayoutAlign=\"start center\" [ngClass]=\"{'active accent-color' : isActive(language)}\" mat-menu-item\r\n *ngIf=\"language\" class=\"language-title\" (click)=\"selectLanguage(language)\" [disabled]=\"disabled\"\r\n [attr.aria-label]=\"languageLocalizationKey + '.' + (language.code | uppercase) | translate\">\r\n <span>{{languageLocalizationKey + '.' + (language.code | uppercase) | translate}}</span> \r\n <span class=\"domain\" *ngIf=\"language.showDomain\"> ({{language.domain | translateDomain}})</span>\r\n </button>\r\n</ng-template>\r\n\r\n<ng-template #languageNameWithDomain let-language=\"language\">\r\n <span>{{languageLocalizationKey + '.' + (language.code | uppercase) | translate}}</span>\r\n <span fxHide.lt-sm *ngIf=\"language.showDomain\">\r\n <span> (</span>\r\n <span class=\"domain\">{{language.domain | translateDomain}}</span>\r\n <span>)</span>\r\n </span>\r\n</ng-template>\r\n<!-- ------------------------ -->", styles: [".tld-lang-list-wrapper{max-width:100%}.tld-lang-list-wrapper .tld-language-list-element{padding:0 12px}.tld-lang-list:not(.single-element-list) .active .language-title:after{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);content:\"\";display:block;width:16px;height:2px}.tld-language-list-element.active .span-block{display:block}.tld-language-list-element.active .domain{display:inline-block;max-width:90px;overflow-x:hidden;text-overflow:ellipsis}.language-title{cursor:pointer;font-size:16px;font-weight:500;position:relative;background-color:transparent;border:none;font-family:Inter,sans-serif}.language-title.no-highlight.no-action{cursor:default}\n"] }]
|
|
4072
4040
|
}], ctorParameters: function () { return [{ type: i1$1.TranslateService }]; }, propDecorators: { wrapper: [{
|
|
@@ -4127,10 +4095,10 @@ class TldMessageComponent {
|
|
|
4127
4095
|
}
|
|
4128
4096
|
this.onClose.emit();
|
|
4129
4097
|
}
|
|
4130
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
4131
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
4098
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4099
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldMessageComponent, selector: "tld-message", inputs: { message: "message", contentProjection: "contentProjection", hideClose: "hideClose" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div fxFlex fxLayout=\"row\" aria-live=\"polite\" class=\"info-message-box {{className}}\" [attr.id]=\"id\" >\r\n <div fxFlex class=\"message-box-text\" *ngIf=\"!contentProjection\" [innerHtml]=\"message.text | translate: message.params\"></div>\r\n <ng-content *ngIf=\"contentProjection\"></ng-content>\r\n <tld-close-button [ariaCode]=\"ClearLabelCode\" *ngIf=\"!hideClose\" (tldClick)=\"close()\" [attr.id]=\"closeButtonId\"></tld-close-button>\r\n</div>\r\n", styles: [".info-message-box{padding:.2em 0 .6em;width:100%;position:relative;background-color:#fff;border-top:2px solid;margin-top:5px;margin-bottom:15px;min-height:55px}.info-message-box.success{background-color:#f2fffb;border-top-color:#259e76;color:#006141}.info-message-box.error{color:#940007;background-color:#fdf3f3;border-top-color:#e5242e}.info-message-box.warning{border-top-color:#ff8c00;background-color:#fff5cc}.info-message-box tld-close-button{position:absolute;right:0}.info-message-box .message-box-text{padding-right:40px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i12.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
4132
4100
|
}
|
|
4133
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
4101
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldMessageComponent, decorators: [{
|
|
4134
4102
|
type: Component,
|
|
4135
4103
|
args: [{ selector: 'tld-message', template: "<div fxFlex fxLayout=\"row\" aria-live=\"polite\" class=\"info-message-box {{className}}\" [attr.id]=\"id\" >\r\n <div fxFlex class=\"message-box-text\" *ngIf=\"!contentProjection\" [innerHtml]=\"message.text | translate: message.params\"></div>\r\n <ng-content *ngIf=\"contentProjection\"></ng-content>\r\n <tld-close-button [ariaCode]=\"ClearLabelCode\" *ngIf=\"!hideClose\" (tldClick)=\"close()\" [attr.id]=\"closeButtonId\"></tld-close-button>\r\n</div>\r\n", styles: [".info-message-box{padding:.2em 0 .6em;width:100%;position:relative;background-color:#fff;border-top:2px solid;margin-top:5px;margin-bottom:15px;min-height:55px}.info-message-box.success{background-color:#f2fffb;border-top-color:#259e76;color:#006141}.info-message-box.error{color:#940007;background-color:#fdf3f3;border-top-color:#e5242e}.info-message-box.warning{border-top-color:#ff8c00;background-color:#fff5cc}.info-message-box tld-close-button{position:absolute;right:0}.info-message-box .message-box-text{padding-right:40px}\n"] }]
|
|
4136
4104
|
}], ctorParameters: function () { return []; }, propDecorators: { message: [{
|
|
@@ -4169,10 +4137,10 @@ class TldTranslateButtonService {
|
|
|
4169
4137
|
onPulseAnimation() {
|
|
4170
4138
|
return this.pulseAnimation.asObservable();
|
|
4171
4139
|
}
|
|
4172
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
4173
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
4140
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
4141
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateButtonService, providedIn: 'root' });
|
|
4174
4142
|
}
|
|
4175
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
4143
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateButtonService, decorators: [{
|
|
4176
4144
|
type: Injectable,
|
|
4177
4145
|
args: [{
|
|
4178
4146
|
providedIn: 'root'
|
|
@@ -4219,12 +4187,12 @@ class TldTranslateButtonComponent {
|
|
|
4219
4187
|
this.pulseCounter += 1;
|
|
4220
4188
|
}
|
|
4221
4189
|
}
|
|
4222
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
4223
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
4190
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateButtonComponent, deps: [{ token: TldTranslateButtonService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4191
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateButtonComponent, 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:2.75rem;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:2rem;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%;height:100%;padding:.4375rem 1.5rem}\n"], dependencies: [{ kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], animations: [
|
|
4224
4192
|
pulseAnimation
|
|
4225
4193
|
] });
|
|
4226
4194
|
}
|
|
4227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
4195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateButtonComponent, decorators: [{
|
|
4228
4196
|
type: Component,
|
|
4229
4197
|
args: [{ selector: 'tld-translate-button', animations: [
|
|
4230
4198
|
pulseAnimation
|
|
@@ -4271,10 +4239,10 @@ class TldListMenuComponent {
|
|
|
4271
4239
|
panel.setAttribute("data-test-id", this.testId);
|
|
4272
4240
|
}
|
|
4273
4241
|
}
|
|
4274
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
4275
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
4242
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldListMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4243
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldListMenuComponent, selector: "tld-list-menu", inputs: { titleKey: "titleKey", list: "list", showContent: "showContent", selectedValue: "selectedValue", disabled: "disabled", ariaLabel: "ariaLabel", valueKey: "valueKey", testId: "testId" }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MatMenu, descendants: true }], ngImport: i0, template: "<tld-open-close-button [isOpened]=\"state.menuOpen\" #state=\"matMenuTrigger\" [disabled]=\"disabled\"\r\n\r\n[matMenuTriggerFor]=\"listMenu\" (menuOpened)=\"onMenuOpen()\" [ariaLabelCode]=\"ariaLabel\">\r\n <ng-content *ngIf=\"showContent\"></ng-content>\r\n <ng-container *ngIf=\"!showContent && selected\">\r\n <span>{{(titleKey? selected[titleKey]:selected) | titlecase}}</span>\r\n </ng-container>\r\n</tld-open-close-button>\r\n<mat-menu #listMenu=\"matMenu\" fxLayout=\"column\">\r\n <ng-container *ngFor=\"let element of list\">\r\n <button fxLayoutAlign=\"start center\" mat-menu-item [attr.aria-label]=\"(titleKey? element[titleKey]:element)\"\r\n *ngIf=\"element\" class=\"tld-list-title\" (click)=\"select(element)\" [disabled]=\"disabled\">\r\n {{(titleKey? element[titleKey]:element) | titlecase}}\r\n </button>\r\n </ng-container>\r\n</mat-menu>", styles: [".tld-list-title{font-weight:500}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "component", type: TldOpenCloseButtonComponent, selector: "tld-open-close-button", inputs: ["disableFocusOnAction", "isOpened", "disabled", "isIcon", "ariaLabelCode"] }, { kind: "pipe", type: i3.TitleCasePipe, name: "titlecase" }] });
|
|
4276
4244
|
}
|
|
4277
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
4245
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldListMenuComponent, decorators: [{
|
|
4278
4246
|
type: Component,
|
|
4279
4247
|
args: [{ selector: 'tld-list-menu', template: "<tld-open-close-button [isOpened]=\"state.menuOpen\" #state=\"matMenuTrigger\" [disabled]=\"disabled\"\r\n\r\n[matMenuTriggerFor]=\"listMenu\" (menuOpened)=\"onMenuOpen()\" [ariaLabelCode]=\"ariaLabel\">\r\n <ng-content *ngIf=\"showContent\"></ng-content>\r\n <ng-container *ngIf=\"!showContent && selected\">\r\n <span>{{(titleKey? selected[titleKey]:selected) | titlecase}}</span>\r\n </ng-container>\r\n</tld-open-close-button>\r\n<mat-menu #listMenu=\"matMenu\" fxLayout=\"column\">\r\n <ng-container *ngFor=\"let element of list\">\r\n <button fxLayoutAlign=\"start center\" mat-menu-item [attr.aria-label]=\"(titleKey? element[titleKey]:element)\"\r\n *ngIf=\"element\" class=\"tld-list-title\" (click)=\"select(element)\" [disabled]=\"disabled\">\r\n {{(titleKey? element[titleKey]:element) | titlecase}}\r\n </button>\r\n </ng-container>\r\n</mat-menu>", styles: [".tld-list-title{font-weight:500}\n"] }]
|
|
4280
4248
|
}], propDecorators: { menu: [{
|
|
@@ -4349,10 +4317,10 @@ class TextToSpeechComponent {
|
|
|
4349
4317
|
this.audio = null;
|
|
4350
4318
|
}
|
|
4351
4319
|
}
|
|
4352
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
4353
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
4320
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TextToSpeechComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4321
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TextToSpeechComponent, selector: "tld-text-to-speech", inputs: { settings: "settings" }, ngImport: i0, template: "<button mat-icon-button (click)=\"clicked()\"\r\n [matTooltip]=\"(isPaused? 'TEXT_TO_SPEECH.PLAY':'TEXT_TO_SPEECH.PAUSE')|translate\">\r\n <span class=\"material-icons\">\r\n {{isPaused? \"volume_up\": \"pause\" }}\r\n </span>\r\n</button>\r\n", styles: [""], dependencies: [{ kind: "component", type: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
4354
4322
|
}
|
|
4355
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
4323
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TextToSpeechComponent, decorators: [{
|
|
4356
4324
|
type: Component,
|
|
4357
4325
|
args: [{ selector: 'tld-text-to-speech', template: "<button mat-icon-button (click)=\"clicked()\"\r\n [matTooltip]=\"(isPaused? 'TEXT_TO_SPEECH.PLAY':'TEXT_TO_SPEECH.PAUSE')|translate\">\r\n <span class=\"material-icons\">\r\n {{isPaused? \"volume_up\": \"pause\" }}\r\n </span>\r\n</button>\r\n" }]
|
|
4358
4326
|
}], ctorParameters: function () { return []; }, propDecorators: { settings: [{
|
|
@@ -4376,10 +4344,10 @@ class SourceAndTargetWrapperComponent {
|
|
|
4376
4344
|
focusClearButton() {
|
|
4377
4345
|
this.clearButton?.clearButton.focus();
|
|
4378
4346
|
}
|
|
4379
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
4380
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
4347
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SourceAndTargetWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4348
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: SourceAndTargetWrapperComponent, selector: "tld-source-and-target-wrapper", inputs: { clearSourceVisible: "clearSourceVisible", clearSourceTooltip: "clearSourceTooltip", clearDisabled: "clearDisabled", hideAchievement: "hideAchievement", textToSpeechSourceSettings: "textToSpeechSourceSettings" }, outputs: { onSourceClear: "onSourceClear" }, viewQueries: [{ propertyName: "clearButton", first: true, predicate: ["clearButton"], descendants: true }], ngImport: i0, template: "<div fxLayout=\"row\" class=\"source-target-wrapper\" fxLayout.lt-md=\"column\">\r\n <div class=\"source-wrapper\" [ngClass.gt-sm]=\"'tld-default-border-right'\" [ngClass.lt-md]=\"'tld-default-border-bottom'\"\r\n fxFlex fxLayout=\"column\">\r\n <div fxLayout=\"column\" class=\"source-wrapper-action-buttons\">\r\n <tld-close-button [tooltip]=\"clearSourceTooltip\" #clearButton (tldClick)=\"clearSource()\"\r\n *ngIf=\"clearSourceVisible\" [disabled]=\"clearDisabled\"></tld-close-button>\r\n <tld-text-to-speech *ngIf=\"textToSpeechSourceSettings\" [settings]=\"textToSpeechSourceSettings\">\r\n </tld-text-to-speech>\r\n </div>\r\n <div class=\"source-container\" fxFlex>\r\n <ng-content select=\"[sourceMain]\"></ng-content>\r\n </div>\r\n <div class=\"source-action-wrapper\">\r\n <ng-content select=\"[sourceActions]\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"target-wrapper\" fxLayout=\"column\" fxFlex=\"50\">\r\n <div class=\"target-container\" fxFlex cdkScrollable>\r\n <ng-content select=\"[targetMain]\"></ng-content>\r\n </div>\r\n <div class=\"target-action-wrapper\">\r\n <ng-content select=\"[targetActions]\"></ng-content>\r\n </div>\r\n <tld-translate-achievement *ngIf=\"!hideAchievement\"></tld-translate-achievement>\r\n </div>\r\n</div>\r\n", styles: [".source-wrapper{position:relative}.source-wrapper .source-wrapper-action-buttons{position:absolute;top:0;right:0;z-index:2}tld-translate-achievement{padding:1em}.target-container,.source-container{flex:1 1 0!important}.source-container-wrapper,.target-container-wrapper,.source-target-wrapper{height:100%}.source-container,.target-container{overflow-y:auto}.target-wrapper{background:#ffffff;position:relative}:host{height:100%;max-height:100%}:host.empty-target .target-wrapper{background:#ffffff}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.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: i12.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "component", type: TextToSpeechComponent, selector: "tld-text-to-speech", inputs: ["settings"] }, { kind: "component", type: TldTranslateAchievementComponent, selector: "tld-translate-achievement" }] });
|
|
4381
4349
|
}
|
|
4382
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
4350
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SourceAndTargetWrapperComponent, decorators: [{
|
|
4383
4351
|
type: Component,
|
|
4384
4352
|
args: [{ selector: 'tld-source-and-target-wrapper', template: "<div fxLayout=\"row\" class=\"source-target-wrapper\" fxLayout.lt-md=\"column\">\r\n <div class=\"source-wrapper\" [ngClass.gt-sm]=\"'tld-default-border-right'\" [ngClass.lt-md]=\"'tld-default-border-bottom'\"\r\n fxFlex fxLayout=\"column\">\r\n <div fxLayout=\"column\" class=\"source-wrapper-action-buttons\">\r\n <tld-close-button [tooltip]=\"clearSourceTooltip\" #clearButton (tldClick)=\"clearSource()\"\r\n *ngIf=\"clearSourceVisible\" [disabled]=\"clearDisabled\"></tld-close-button>\r\n <tld-text-to-speech *ngIf=\"textToSpeechSourceSettings\" [settings]=\"textToSpeechSourceSettings\">\r\n </tld-text-to-speech>\r\n </div>\r\n <div class=\"source-container\" fxFlex>\r\n <ng-content select=\"[sourceMain]\"></ng-content>\r\n </div>\r\n <div class=\"source-action-wrapper\">\r\n <ng-content select=\"[sourceActions]\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"target-wrapper\" fxLayout=\"column\" fxFlex=\"50\">\r\n <div class=\"target-container\" fxFlex cdkScrollable>\r\n <ng-content select=\"[targetMain]\"></ng-content>\r\n </div>\r\n <div class=\"target-action-wrapper\">\r\n <ng-content select=\"[targetActions]\"></ng-content>\r\n </div>\r\n <tld-translate-achievement *ngIf=\"!hideAchievement\"></tld-translate-achievement>\r\n </div>\r\n</div>\r\n", styles: [".source-wrapper{position:relative}.source-wrapper .source-wrapper-action-buttons{position:absolute;top:0;right:0;z-index:2}tld-translate-achievement{padding:1em}.target-container,.source-container{flex:1 1 0!important}.source-container-wrapper,.target-container-wrapper,.source-target-wrapper{height:100%}.source-container,.target-container{overflow-y:auto}.target-wrapper{background:#ffffff;position:relative}:host{height:100%;max-height:100%}:host.empty-target .target-wrapper{background:#ffffff}\n"] }]
|
|
4385
4353
|
}], ctorParameters: function () { return []; }, propDecorators: { clearButton: [{
|
|
@@ -4400,17 +4368,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
4400
4368
|
}] } });
|
|
4401
4369
|
|
|
4402
4370
|
class TextToSpeechModule {
|
|
4403
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
4404
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
4371
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TextToSpeechModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4372
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: TextToSpeechModule, declarations: [TextToSpeechComponent], imports: [CommonModule,
|
|
4405
4373
|
MatButtonModule,
|
|
4406
4374
|
TranslateModule,
|
|
4407
4375
|
MatTooltipModule], exports: [TextToSpeechComponent] });
|
|
4408
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.
|
|
4376
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TextToSpeechModule, imports: [CommonModule,
|
|
4409
4377
|
MatButtonModule,
|
|
4410
4378
|
TranslateModule,
|
|
4411
4379
|
MatTooltipModule] });
|
|
4412
4380
|
}
|
|
4413
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
4381
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TextToSpeechModule, decorators: [{
|
|
4414
4382
|
type: NgModule,
|
|
4415
4383
|
args: [{
|
|
4416
4384
|
declarations: [
|
|
@@ -4429,8 +4397,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
4429
4397
|
}] });
|
|
4430
4398
|
|
|
4431
4399
|
class MaterialModule {
|
|
4432
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
4433
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
4400
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4401
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: MaterialModule, exports: [MatButtonModule,
|
|
4434
4402
|
MatCardModule,
|
|
4435
4403
|
MatDividerModule,
|
|
4436
4404
|
MatIconModule,
|
|
@@ -4451,7 +4419,7 @@ class MaterialModule {
|
|
|
4451
4419
|
FlexLayoutModule,
|
|
4452
4420
|
MatSnackBarModule,
|
|
4453
4421
|
MatFormFieldModule] });
|
|
4454
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.
|
|
4422
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MaterialModule, imports: [MatButtonModule,
|
|
4455
4423
|
MatCardModule,
|
|
4456
4424
|
MatDividerModule,
|
|
4457
4425
|
MatIconModule,
|
|
@@ -4473,7 +4441,7 @@ class MaterialModule {
|
|
|
4473
4441
|
MatSnackBarModule,
|
|
4474
4442
|
MatFormFieldModule] });
|
|
4475
4443
|
}
|
|
4476
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
4444
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MaterialModule, decorators: [{
|
|
4477
4445
|
type: NgModule,
|
|
4478
4446
|
args: [{
|
|
4479
4447
|
exports: [
|
|
@@ -4503,8 +4471,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
4503
4471
|
}] });
|
|
4504
4472
|
|
|
4505
4473
|
class TldCommonModule {
|
|
4506
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
4507
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
4474
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4475
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: TldCommonModule, declarations: [TldTranslateAchievementComponent,
|
|
4508
4476
|
TldLangListComponent,
|
|
4509
4477
|
TldLoaderComponent,
|
|
4510
4478
|
TldMessageComponent,
|
|
@@ -4527,7 +4495,7 @@ class TldCommonModule {
|
|
|
4527
4495
|
TranslateDomainPipe,
|
|
4528
4496
|
TldListMenuComponent,
|
|
4529
4497
|
SourceAndTargetWrapperComponent] });
|
|
4530
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.
|
|
4498
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldCommonModule, imports: [FormsModule,
|
|
4531
4499
|
CommonModule,
|
|
4532
4500
|
MaterialModule,
|
|
4533
4501
|
TranslateModule,
|
|
@@ -4535,7 +4503,7 @@ class TldCommonModule {
|
|
|
4535
4503
|
SortTranslationsModule,
|
|
4536
4504
|
TextToSpeechModule] });
|
|
4537
4505
|
}
|
|
4538
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
4506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldCommonModule, decorators: [{
|
|
4539
4507
|
type: NgModule,
|
|
4540
4508
|
args: [{
|
|
4541
4509
|
declarations: [
|
|
@@ -4860,10 +4828,10 @@ class TldSystemService {
|
|
|
4860
4828
|
recentSystems: this.recentSystems
|
|
4861
4829
|
});
|
|
4862
4830
|
}
|
|
4863
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
4864
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
4831
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldSystemService, deps: [{ token: TldTranslateConfigService }, { token: SYSTEM_SERVICE_TOKEN }, { token: TRANSLATION_API_VERSION_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
4832
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldSystemService, providedIn: 'root' });
|
|
4865
4833
|
}
|
|
4866
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
4834
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldSystemService, decorators: [{
|
|
4867
4835
|
type: Injectable,
|
|
4868
4836
|
args: [{
|
|
4869
4837
|
providedIn: 'root'
|
|
@@ -4904,22 +4872,22 @@ class VendorDisclaimerComponent {
|
|
|
4904
4872
|
this.vendorMessage.localizationParams = { vendor };
|
|
4905
4873
|
});
|
|
4906
4874
|
}
|
|
4907
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
4908
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
4875
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: VendorDisclaimerComponent, deps: [{ token: TldSystemService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4876
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: VendorDisclaimerComponent, selector: "vendor-disclaimer", ngImport: i0, template: "<lib-inline-message class=\"vendor-notification\" [message]=\"vendorMessage\"></lib-inline-message>", styles: [".vendor-notification{margin-top:.5rem;margin-bottom:.5rem;color:var(--base-10)}.vendor-notification ::ng-deep .material-icons{font-size:1.25rem!important}.vendor-notification ::ng-deep .description{font-size:.875rem}\n"], dependencies: [{ kind: "component", type: i12.InlineMessageComponent, selector: "lib-inline-message", inputs: ["iconName", "message"] }] });
|
|
4909
4877
|
}
|
|
4910
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
4878
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: VendorDisclaimerComponent, decorators: [{
|
|
4911
4879
|
type: Component,
|
|
4912
4880
|
args: [{ selector: 'vendor-disclaimer', template: "<lib-inline-message class=\"vendor-notification\" [message]=\"vendorMessage\"></lib-inline-message>", styles: [".vendor-notification{margin-top:.5rem;margin-bottom:.5rem;color:var(--base-10)}.vendor-notification ::ng-deep .material-icons{font-size:1.25rem!important}.vendor-notification ::ng-deep .description{font-size:.875rem}\n"] }]
|
|
4913
4881
|
}], ctorParameters: function () { return [{ type: TldSystemService }, { type: i1$1.TranslateService }]; } });
|
|
4914
4882
|
|
|
4915
4883
|
class VendorDisclaimerModule {
|
|
4916
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
4917
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
4884
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: VendorDisclaimerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4885
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: VendorDisclaimerModule, declarations: [VendorDisclaimerComponent], imports: [CommonModule,
|
|
4918
4886
|
InlineMessageModule], exports: [VendorDisclaimerComponent] });
|
|
4919
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.
|
|
4887
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: VendorDisclaimerModule, imports: [CommonModule,
|
|
4920
4888
|
InlineMessageModule] });
|
|
4921
4889
|
}
|
|
4922
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
4890
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: VendorDisclaimerModule, decorators: [{
|
|
4923
4891
|
type: NgModule,
|
|
4924
4892
|
args: [{
|
|
4925
4893
|
declarations: [
|
|
@@ -5426,10 +5394,10 @@ class TldTranslateFileService {
|
|
|
5426
5394
|
translationFile.messages.push(inlineMessage);
|
|
5427
5395
|
}
|
|
5428
5396
|
}
|
|
5429
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
5430
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
5397
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateFileService, deps: [{ token: FILE_API_SERVICE_TOKEN }, { token: TldAlertService }, { token: i2.DomSanitizer }, { token: TldTranslateConfigService }, { token: TldSystemService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
5398
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateFileService, providedIn: 'root' });
|
|
5431
5399
|
}
|
|
5432
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
5400
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateFileService, decorators: [{
|
|
5433
5401
|
type: Injectable,
|
|
5434
5402
|
args: [{
|
|
5435
5403
|
providedIn: 'root'
|
|
@@ -5461,10 +5429,10 @@ class TldTranslateImageConversionHelpComponent {
|
|
|
5461
5429
|
this.imageSrc = this.files.translationFiles?.length > 1 || this.config.fileConfig.useMultipleFileUpload ?
|
|
5462
5430
|
this.multipleFileImageDownloadHelpImageSrc : this.singleFileImageDownloadHelpImageSrc;
|
|
5463
5431
|
}
|
|
5464
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
5465
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
5432
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateImageConversionHelpComponent, deps: [{ token: TldTranslateConfigService }, { token: TldTranslateFileService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5433
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateImageConversionHelpComponent, 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 <img *ngIf=\"showImage\" [attr.src]=\"imageSrc+'_'+selectedLanguage+helpImageExtension\" [attr.alt]=\"'IMAGE_CONVERSION.IMAGE_ALT_1' | translate\" />\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: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
5466
5434
|
}
|
|
5467
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
5435
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateImageConversionHelpComponent, decorators: [{
|
|
5468
5436
|
type: Component,
|
|
5469
5437
|
args: [{ selector: 'lib-image-conversion-help', 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 <img *ngIf=\"showImage\" [attr.src]=\"imageSrc+'_'+selectedLanguage+helpImageExtension\" [attr.alt]=\"'IMAGE_CONVERSION.IMAGE_ALT_1' | translate\" />\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"] }]
|
|
5470
5438
|
}], ctorParameters: function () { return [{ type: TldTranslateConfigService }, { type: TldTranslateFileService }, { type: i1$1.TranslateService }]; } });
|
|
@@ -5491,10 +5459,10 @@ class TldTranslatePdfConversionHelpComponent {
|
|
|
5491
5459
|
this.imageSrc = this.files.translationFiles?.length > 1 || this.config.fileConfig.useMultipleFileUpload ?
|
|
5492
5460
|
this.multipleFilePdfDownloadHelpImageSrc : this.singleFilePdfDownloadHelpImageSrc;
|
|
5493
5461
|
}
|
|
5494
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
5495
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
5462
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslatePdfConversionHelpComponent, deps: [{ token: TldTranslateConfigService }, { token: TldTranslateFileService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5463
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslatePdfConversionHelpComponent, 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 <img *ngIf=\"showImage\" [attr.src]=\"imageSrc+'_'+selectedLanguage+helpImageExtension\" [attr.alt]=\"'PDF_CONVERSION.IMAGE_ALT_1' | translate\" />\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: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
5496
5464
|
}
|
|
5497
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
5465
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslatePdfConversionHelpComponent, decorators: [{
|
|
5498
5466
|
type: Component,
|
|
5499
5467
|
args: [{ selector: 'tld-translate-pdf-conversion-help', 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 <img *ngIf=\"showImage\" [attr.src]=\"imageSrc+'_'+selectedLanguage+helpImageExtension\" [attr.alt]=\"'PDF_CONVERSION.IMAGE_ALT_1' | translate\" />\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"] }]
|
|
5500
5468
|
}], ctorParameters: function () { return [{ type: TldTranslateConfigService }, { type: TldTranslateFileService }, { type: i1$1.TranslateService }]; } });
|
|
@@ -5554,10 +5522,10 @@ class TldFileTranslateBaseComponent {
|
|
|
5554
5522
|
ngOnDestroy() {
|
|
5555
5523
|
this.clearAll();
|
|
5556
5524
|
}
|
|
5557
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
5558
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
5525
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldFileTranslateBaseComponent, deps: [{ token: i1$2.MatDialog }, { token: TldTranslateConfigService }, { token: TldTranslateFileService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5526
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldFileTranslateBaseComponent, selector: "ng-component", viewQueries: [{ propertyName: "pdfConversionButton", first: true, predicate: ["pdfConversionButton"], descendants: true }, { propertyName: "imageConversionButton", first: true, predicate: ["imageConversionButton"], descendants: true }], ngImport: i0, template: '', isInline: true });
|
|
5559
5527
|
}
|
|
5560
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
5528
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldFileTranslateBaseComponent, decorators: [{
|
|
5561
5529
|
type: Component,
|
|
5562
5530
|
args: [{
|
|
5563
5531
|
template: ''
|
|
@@ -5628,10 +5596,10 @@ class TldTranslateFileDownloadButtonComponent {
|
|
|
5628
5596
|
const panel = document.getElementById(this.menu.panelId);
|
|
5629
5597
|
panel.setAttribute("data-test-id", 'tld-download-file-list');
|
|
5630
5598
|
}
|
|
5631
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
5632
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
5599
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateFileDownloadButtonComponent, deps: [{ token: TldTranslateFileService }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5600
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateFileDownloadButtonComponent, 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\r\n <button mat-stroked-button color=\"accent\" (click)=\"onClick()\" class=\"action-button border-accent download-button\"\r\n [disabled]=\"disabled\">\r\n <span class=\"material-icons\">\r\n file_download\r\n </span>\r\n <span class=\"download-btn-text text-m-semi-bold\">\r\n {{'TLD_TRANSLATE.DOWNLOAD_TRANSLATED' | translate}}\r\n </span>\r\n </button>\r\n <button mat-stroked-button color=\"accent\" class=\"extension-button border-accent\" #menuTrigger=\"matMenuTrigger\"\r\n data-test-id=\"download-other-formats-button\" (menuOpened)=\"onMenuOpen()\" *ngIf=\"extensions && extensions.length>1\"\r\n [matMenuTriggerFor]=\"extensionMenu\" [disabled]=\"disabled\"\r\n [attr.aria-label]=\"'ARIA_LABELS.SHOW_EXTENSIONS' | translate\" fxLayoutAlign=\"center center\">\r\n <span class=\"material-icons\">\r\n arrow_drop_down\r\n </span>\r\n </button>\r\n</div>\r\n<mat-menu #extensionMenu=\"matMenu\">\r\n <div fxLayout=\"column\">\r\n <ng-container *ngFor=\"let extension of extensions\">\r\n <button mat-menu-item fxLayoutAlign=\"start center\" *ngIf=\"canDownload(extension.extension)\" class=\"language-title\"\r\n (click)=\"onClick(extension)\">\r\n {{extension.extension}}\r\n </button>\r\n </ng-container>\r\n <button mat-menu-item fxLayoutAlign=\"start center\" *ngIf=\"showSourceDownloadPdf\" class=\"language-title\"\r\n (click)=\"onSourceClick()\">\r\n {{'TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE'|translate}}\r\n </button>\r\n <button mat-menu-item fxLayoutAlign=\"start center\" *ngIf=\"showSourceDownloadImage\" class=\"language-title\"\r\n (click)=\"onSourceClick()\">\r\n {{'TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE_IMAGE'|translate}}\r\n </button>\r\n </div>\r\n</mat-menu>\r\n", styles: [".action-button{width:100%;padding:5px}.download-button .material-icons{margin-right:.5625rem;width:.8125rem}.extension-button{padding:0;min-width:38px;margin-left:2px}.action-button.mat-mdc-outlined-button.mat-accent,.extension-button.mat-mdc-outlined-button.mat-accent{background-color:#fff}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
5633
5601
|
}
|
|
5634
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
5602
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateFileDownloadButtonComponent, decorators: [{
|
|
5635
5603
|
type: Component,
|
|
5636
5604
|
args: [{ selector: 'tld-translate-file-download-button', template: "<div fxLayout=\"row\">\r\n\r\n <button mat-stroked-button color=\"accent\" (click)=\"onClick()\" class=\"action-button border-accent download-button\"\r\n [disabled]=\"disabled\">\r\n <span class=\"material-icons\">\r\n file_download\r\n </span>\r\n <span class=\"download-btn-text text-m-semi-bold\">\r\n {{'TLD_TRANSLATE.DOWNLOAD_TRANSLATED' | translate}}\r\n </span>\r\n </button>\r\n <button mat-stroked-button color=\"accent\" class=\"extension-button border-accent\" #menuTrigger=\"matMenuTrigger\"\r\n data-test-id=\"download-other-formats-button\" (menuOpened)=\"onMenuOpen()\" *ngIf=\"extensions && extensions.length>1\"\r\n [matMenuTriggerFor]=\"extensionMenu\" [disabled]=\"disabled\"\r\n [attr.aria-label]=\"'ARIA_LABELS.SHOW_EXTENSIONS' | translate\" fxLayoutAlign=\"center center\">\r\n <span class=\"material-icons\">\r\n arrow_drop_down\r\n </span>\r\n </button>\r\n</div>\r\n<mat-menu #extensionMenu=\"matMenu\">\r\n <div fxLayout=\"column\">\r\n <ng-container *ngFor=\"let extension of extensions\">\r\n <button mat-menu-item fxLayoutAlign=\"start center\" *ngIf=\"canDownload(extension.extension)\" class=\"language-title\"\r\n (click)=\"onClick(extension)\">\r\n {{extension.extension}}\r\n </button>\r\n </ng-container>\r\n <button mat-menu-item fxLayoutAlign=\"start center\" *ngIf=\"showSourceDownloadPdf\" class=\"language-title\"\r\n (click)=\"onSourceClick()\">\r\n {{'TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE'|translate}}\r\n </button>\r\n <button mat-menu-item fxLayoutAlign=\"start center\" *ngIf=\"showSourceDownloadImage\" class=\"language-title\"\r\n (click)=\"onSourceClick()\">\r\n {{'TLD_TRANSLATE.FILE_DOWNLOAD_SOURCE_IMAGE'|translate}}\r\n </button>\r\n </div>\r\n</mat-menu>\r\n", styles: [".action-button{width:100%;padding:5px}.download-button .material-icons{margin-right:.5625rem;width:.8125rem}.extension-button{padding:0;min-width:38px;margin-left:2px}.action-button.mat-mdc-outlined-button.mat-accent,.extension-button.mat-mdc-outlined-button.mat-accent{background-color:#fff}\n"] }]
|
|
5637
5605
|
}], ctorParameters: function () { return [{ type: TldTranslateFileService }, { type: TldTranslateConfigService }]; }, propDecorators: { menu: [{
|
|
@@ -5689,10 +5657,10 @@ class TldTranslateFileComponent extends TldFileTranslateBaseComponent {
|
|
|
5689
5657
|
downloadSource() {
|
|
5690
5658
|
this.fileService.downloadSource(this.translationFile);
|
|
5691
5659
|
}
|
|
5692
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
5693
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: TldTranslateFileComponent, 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 [hideAchievement]=\"!achievementVisible\">\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:12px}.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: i3.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", "hideAchievement", "textToSpeechSourceSettings"], outputs: ["onSourceClear"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.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: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: TldTranslateFileDownloadButtonComponent, selector: "tld-translate-file-download-button", inputs: ["file", "disabled", "sourceDownload"], outputs: ["tldClick"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
5660
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateFileComponent, deps: [{ token: TldTranslateFileService }, { token: i1$2.MatDialog }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5661
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateFileComponent, 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 [hideAchievement]=\"!achievementVisible\">\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:12px}.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: i3.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", "hideAchievement", "textToSpeechSourceSettings"], outputs: ["onSourceClear"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.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: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: TldTranslateFileDownloadButtonComponent, selector: "tld-translate-file-download-button", inputs: ["file", "disabled", "sourceDownload"], outputs: ["tldClick"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
5694
5662
|
}
|
|
5695
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
5663
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateFileComponent, decorators: [{
|
|
5696
5664
|
type: Component,
|
|
5697
5665
|
args: [{ selector: 'tld-translate-file', 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 [hideAchievement]=\"!achievementVisible\">\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:12px}.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"] }]
|
|
5698
5666
|
}], ctorParameters: function () { return [{ type: TldTranslateFileService }, { type: i1$2.MatDialog }, { type: TldTranslateConfigService }]; }, propDecorators: { translationFile: [{
|
|
@@ -5778,10 +5746,10 @@ class TldTranslateFileMultipleComponent extends TldFileTranslateBaseComponent {
|
|
|
5778
5746
|
const vendor = this.systemService.activeVendor;
|
|
5779
5747
|
this.showVendorNotification = this.config.fileConfig.progressIndicatorTitleVisibleForVendors.includes(vendor);
|
|
5780
5748
|
}
|
|
5781
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
5782
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: TldTranslateFileMultipleComponent, 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\r\n fxLayoutAlign=\"start center\">\r\n <div class=\"cdk-visually-hidden\" aria-live=\"polite\">\r\n {{'MULTIPLE_FILES.SCREEN_READER_ANNOUNCEMENT' | translate: {translated:translatedFilesCount , total: fileCount} }}\r\n </div>\r\n <div fxLayout=\"column\" fxLayoutGap=\"0.5rem\" fxFlex class=\"multiple-files-body\">\r\n <div *ngFor=\"let file of translationFiles\" class=\"file-row\" [ngClass.gt-sm]=\"'extra-width'\" fxLayout=\"row\"\r\n fxLayoutAlign=\"center center\" fxLayoutAlign.xs=\"flex-start center\">\r\n <div fxLayout=\"column\" fxFlex>\r\n <div fxLayout=\"row\" fxLayoutAlign.xs=\"space-between center\" fxLayoutAlign=\"space-between center\">\r\n <div class=\"file-name\">\r\n {{file.originalFileName}}\r\n </div>\r\n <div fxLayout=\"row\" class=\"file-actions\">\r\n <tld-translate-file-download-button (tldClick)=\"download(file, $event)\" *ngIf=\"file.downloadAvailable\"\r\n [sourceDownload]=\"true\" [disabled]=\"file.isDownloading\" [file]=\"file\">\r\n </tld-translate-file-download-button>\r\n <tld-close-button [tooltip]=\"'FILE_UPLOAD.CLEAR'\" (tldClick)=\"remove(file)\"></tld-close-button>\r\n </div>\r\n </div>\r\n <mat-progress-bar *ngIf=\"file.translationStatuss===translatingStatuss\" color=\"accent\" mode=\"determinate\"\r\n [value]=\"file.progress\"></mat-progress-bar>\r\n <div class=\"progress-message text-s\"\r\n *ngIf=\"(file.translationStatuss !== errorTranslatingStatuss) && (file.translationStatuss !== completedTranslatingStatuss) && (file.translationStatuss !== uploadedTranslatingStatuss)\">\r\n {{'MULTIPLE_FILES.STATUSS_' + file.translationStatuss | translate: {percent: file.progress} }}\r\n </div>\r\n <ng-container *ngIf=\"file.messages.length>0\">\r\n <lib-inline-message *ngFor=\"let message of file.messages\" [message]=\"message\"></lib-inline-message>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <tld-file-upload *ngIf=\"!translationStarted\" fxFlex class=\"tld-append-files\" (fileChange)=\"fileChange($event)\"\r\n [accept]=\"allowedFileTypes\" [maxSize]=\"maxFileUploadSize\" [multiple]=\"multipleFiles\"\r\n [disabled]=\"disableAppendFiles\" (errorEvent)=\"fileUploadError($event)\" [extendedAcceptList]=\"extendedFileTypes\">\r\n {{'MULTIPLE_FILES.APPEND' | translate}} ({{fileCount}}/{{maxFileCount}})\r\n </tld-file-upload>\r\n </div>\r\n <ng-container *ngIf=\"sourceDownloadPDF\">\r\n <ng-container\r\n *ngTemplateOutlet=\"conversionMessage; context: { messageKey:'MULTIPLE_FILES.PDF_DISCLAIMER', dialogParams: pdfConversion, buttonText: 'MULTIPLE_FILES.PDF_DISCLAIMER_LINK'}\">\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"sourceDownloadImage\">\r\n <ng-container\r\n *ngTemplateOutlet=\"conversionMessage; context: { messageKey:'MULTIPLE_FILES.IMAGE_DISCLAIMER', dialogParams: imageConversion, buttonText: 'MULTIPLE_FILES.IMAGE_DISCLAIMER_LINK'}\">\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"showVendorNotification\">\r\n <vendor-disclaimer></vendor-disclaimer>\r\n </ng-container>\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayout.xs=\"column\" fxLayuotGap.xs=\"1rem\" class=\"button-container\">\r\n <button (click)=\"clearAll()\" mat-stroked-button color=\"accent\"\r\n class=\"cancel-button border-accent\">{{'MULTIPLE_FILES.CLEAR_ALL' | translate}}</button>\r\n <tld-translate-button [disabled]=\"disableTranslateButton\" (clicked)=\"translateButtonClick()\"\r\n *ngIf=\"!translationStarted\"></tld-translate-button>\r\n </div>\r\n</div>\r\n\r\n<ng-template #conversionMessage let-messageKey=\"messageKey\" let-dialogParams=\"dialogParams\" let-buttonText=\"buttonText\">\r\n\r\n <p class=\"conversion-disclaimer text=m\" [ngClass.gt-sm]=\"'conversion-info-margins-gt-sm'\">\r\n <span class=\"material-icons\">\r\n info\r\n </span>\r\n <span>\r\n {{messageKey | translate }}\r\n </span>\r\n <button class=\"conversion-message-action text-m-semi-bold\" (click)=\"conversionDialog(dialogParams)\">{{buttonText |\r\n translate}}</button>\r\n</ng-template>\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:2.75rem;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:2rem;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}.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:1em}.tld-multiple-mobile{padding:1rem}.tld-multiple-mobile tld-translate-button{margin:1rem 0 0;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%}.multiple-files-body ::ng-deep tld-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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TldTranslateButtonComponent, selector: "tld-translate-button", inputs: ["disabled", "enablePulseAnimation"], outputs: ["clicked"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.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$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i11.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i12.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "component", type: i12.InlineMessageComponent, selector: "lib-inline-message", inputs: ["iconName", "message"] }, { kind: "component", type: VendorDisclaimerComponent, selector: "vendor-disclaimer" }, { kind: "component", type: i12.FileUploadComponent, selector: "tld-file-upload", inputs: ["accept", "maxSize", "multiple", "filePreviewProgress", "allowEmpty", "disabled", "uploadIconName", "extendedAcceptList"], outputs: ["fileChange", "errorEvent"] }, { kind: "component", type: TldTranslateFileDownloadButtonComponent, selector: "tld-translate-file-download-button", inputs: ["file", "disabled", "sourceDownload"], outputs: ["tldClick"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
5749
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateFileMultipleComponent, deps: [{ token: TldTranslateFileService }, { token: TldTranslateConfigService }, { token: i1$2.MatDialog }, { token: TldTranslateButtonService }, { token: TldSystemService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5750
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateFileMultipleComponent, 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\r\n fxLayoutAlign=\"start center\">\r\n <div class=\"cdk-visually-hidden\" aria-live=\"polite\">\r\n {{'MULTIPLE_FILES.SCREEN_READER_ANNOUNCEMENT' | translate: {translated:translatedFilesCount , total: fileCount} }}\r\n </div>\r\n <div fxLayout=\"column\" fxLayoutGap=\"0.5rem\" fxFlex class=\"multiple-files-body\">\r\n <div *ngFor=\"let file of translationFiles\" class=\"file-row\" [ngClass.gt-sm]=\"'extra-width'\" fxLayout=\"row\"\r\n fxLayoutAlign=\"center center\" fxLayoutAlign.xs=\"flex-start center\">\r\n <div fxLayout=\"column\" fxFlex>\r\n <div fxLayout=\"row\" fxLayoutAlign.xs=\"space-between center\" fxLayoutAlign=\"space-between center\">\r\n <div class=\"file-name\">\r\n {{file.originalFileName}}\r\n </div>\r\n <div fxLayout=\"row\" class=\"file-actions\">\r\n <tld-translate-file-download-button (tldClick)=\"download(file, $event)\" *ngIf=\"file.downloadAvailable\"\r\n [sourceDownload]=\"true\" [disabled]=\"file.isDownloading\" [file]=\"file\">\r\n </tld-translate-file-download-button>\r\n <tld-close-button [tooltip]=\"'FILE_UPLOAD.CLEAR'\" (tldClick)=\"remove(file)\"></tld-close-button>\r\n </div>\r\n </div>\r\n <mat-progress-bar *ngIf=\"file.translationStatuss===translatingStatuss\" color=\"accent\" mode=\"determinate\"\r\n [value]=\"file.progress\"></mat-progress-bar>\r\n <div class=\"progress-message text-s\"\r\n *ngIf=\"(file.translationStatuss !== errorTranslatingStatuss) && (file.translationStatuss !== completedTranslatingStatuss) && (file.translationStatuss !== uploadedTranslatingStatuss)\">\r\n {{'MULTIPLE_FILES.STATUSS_' + file.translationStatuss | translate: {percent: file.progress} }}\r\n </div>\r\n <ng-container *ngIf=\"file.messages.length>0\">\r\n <lib-inline-message *ngFor=\"let message of file.messages\" [message]=\"message\"></lib-inline-message>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <tld-file-upload *ngIf=\"!translationStarted\" fxFlex class=\"tld-append-files\" (fileChange)=\"fileChange($event)\"\r\n [accept]=\"allowedFileTypes\" [maxSize]=\"maxFileUploadSize\" [multiple]=\"multipleFiles\"\r\n [disabled]=\"disableAppendFiles\" (errorEvent)=\"fileUploadError($event)\" [extendedAcceptList]=\"extendedFileTypes\">\r\n {{'MULTIPLE_FILES.APPEND' | translate}} ({{fileCount}}/{{maxFileCount}})\r\n </tld-file-upload>\r\n </div>\r\n <ng-container *ngIf=\"sourceDownloadPDF\">\r\n <ng-container\r\n *ngTemplateOutlet=\"conversionMessage; context: { messageKey:'MULTIPLE_FILES.PDF_DISCLAIMER', dialogParams: pdfConversion, buttonText: 'MULTIPLE_FILES.PDF_DISCLAIMER_LINK'}\">\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"sourceDownloadImage\">\r\n <ng-container\r\n *ngTemplateOutlet=\"conversionMessage; context: { messageKey:'MULTIPLE_FILES.IMAGE_DISCLAIMER', dialogParams: imageConversion, buttonText: 'MULTIPLE_FILES.IMAGE_DISCLAIMER_LINK'}\">\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"showVendorNotification\">\r\n <vendor-disclaimer></vendor-disclaimer>\r\n </ng-container>\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayout.xs=\"column\" fxLayuotGap.xs=\"1rem\" class=\"button-container\">\r\n <button (click)=\"clearAll()\" mat-stroked-button color=\"accent\"\r\n class=\"cancel-button border-accent\">{{'MULTIPLE_FILES.CLEAR_ALL' | translate}}</button>\r\n <tld-translate-button [disabled]=\"disableTranslateButton\" (clicked)=\"translateButtonClick()\"\r\n *ngIf=\"!translationStarted\"></tld-translate-button>\r\n </div>\r\n</div>\r\n\r\n<ng-template #conversionMessage let-messageKey=\"messageKey\" let-dialogParams=\"dialogParams\" let-buttonText=\"buttonText\">\r\n\r\n <p class=\"conversion-disclaimer text=m\" [ngClass.gt-sm]=\"'conversion-info-margins-gt-sm'\">\r\n <span class=\"material-icons\">\r\n info\r\n </span>\r\n <span>\r\n {{messageKey | translate }}\r\n </span>\r\n <button class=\"conversion-message-action text-m-semi-bold\" (click)=\"conversionDialog(dialogParams)\">{{buttonText |\r\n translate}}</button>\r\n</ng-template>\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:2.75rem;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:2rem;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}.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:1em}.tld-multiple-mobile{padding:1rem}.tld-multiple-mobile tld-translate-button{margin:1rem 0 0;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%}.multiple-files-body ::ng-deep tld-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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TldTranslateButtonComponent, selector: "tld-translate-button", inputs: ["disabled", "enablePulseAnimation"], outputs: ["clicked"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.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$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i11.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i12.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "component", type: i12.InlineMessageComponent, selector: "lib-inline-message", inputs: ["iconName", "message"] }, { kind: "component", type: VendorDisclaimerComponent, selector: "vendor-disclaimer" }, { kind: "component", type: i12.FileUploadComponent, selector: "tld-file-upload", inputs: ["accept", "maxSize", "multiple", "filePreviewProgress", "allowEmpty", "disabled", "uploadIconName", "extendedAcceptList"], outputs: ["fileChange", "errorEvent"] }, { kind: "component", type: TldTranslateFileDownloadButtonComponent, selector: "tld-translate-file-download-button", inputs: ["file", "disabled", "sourceDownload"], outputs: ["tldClick"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
5783
5751
|
}
|
|
5784
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
5752
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateFileMultipleComponent, decorators: [{
|
|
5785
5753
|
type: Component,
|
|
5786
5754
|
args: [{ selector: 'tld-translate-file-multiple', template: "<div class=\"tld-translate-file-container\" [ngClass.xs]=\"'tld-multiple-mobile'\" fxLayout=\"column\" fxFlex\r\n fxLayoutAlign=\"start center\">\r\n <div class=\"cdk-visually-hidden\" aria-live=\"polite\">\r\n {{'MULTIPLE_FILES.SCREEN_READER_ANNOUNCEMENT' | translate: {translated:translatedFilesCount , total: fileCount} }}\r\n </div>\r\n <div fxLayout=\"column\" fxLayoutGap=\"0.5rem\" fxFlex class=\"multiple-files-body\">\r\n <div *ngFor=\"let file of translationFiles\" class=\"file-row\" [ngClass.gt-sm]=\"'extra-width'\" fxLayout=\"row\"\r\n fxLayoutAlign=\"center center\" fxLayoutAlign.xs=\"flex-start center\">\r\n <div fxLayout=\"column\" fxFlex>\r\n <div fxLayout=\"row\" fxLayoutAlign.xs=\"space-between center\" fxLayoutAlign=\"space-between center\">\r\n <div class=\"file-name\">\r\n {{file.originalFileName}}\r\n </div>\r\n <div fxLayout=\"row\" class=\"file-actions\">\r\n <tld-translate-file-download-button (tldClick)=\"download(file, $event)\" *ngIf=\"file.downloadAvailable\"\r\n [sourceDownload]=\"true\" [disabled]=\"file.isDownloading\" [file]=\"file\">\r\n </tld-translate-file-download-button>\r\n <tld-close-button [tooltip]=\"'FILE_UPLOAD.CLEAR'\" (tldClick)=\"remove(file)\"></tld-close-button>\r\n </div>\r\n </div>\r\n <mat-progress-bar *ngIf=\"file.translationStatuss===translatingStatuss\" color=\"accent\" mode=\"determinate\"\r\n [value]=\"file.progress\"></mat-progress-bar>\r\n <div class=\"progress-message text-s\"\r\n *ngIf=\"(file.translationStatuss !== errorTranslatingStatuss) && (file.translationStatuss !== completedTranslatingStatuss) && (file.translationStatuss !== uploadedTranslatingStatuss)\">\r\n {{'MULTIPLE_FILES.STATUSS_' + file.translationStatuss | translate: {percent: file.progress} }}\r\n </div>\r\n <ng-container *ngIf=\"file.messages.length>0\">\r\n <lib-inline-message *ngFor=\"let message of file.messages\" [message]=\"message\"></lib-inline-message>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <tld-file-upload *ngIf=\"!translationStarted\" fxFlex class=\"tld-append-files\" (fileChange)=\"fileChange($event)\"\r\n [accept]=\"allowedFileTypes\" [maxSize]=\"maxFileUploadSize\" [multiple]=\"multipleFiles\"\r\n [disabled]=\"disableAppendFiles\" (errorEvent)=\"fileUploadError($event)\" [extendedAcceptList]=\"extendedFileTypes\">\r\n {{'MULTIPLE_FILES.APPEND' | translate}} ({{fileCount}}/{{maxFileCount}})\r\n </tld-file-upload>\r\n </div>\r\n <ng-container *ngIf=\"sourceDownloadPDF\">\r\n <ng-container\r\n *ngTemplateOutlet=\"conversionMessage; context: { messageKey:'MULTIPLE_FILES.PDF_DISCLAIMER', dialogParams: pdfConversion, buttonText: 'MULTIPLE_FILES.PDF_DISCLAIMER_LINK'}\">\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"sourceDownloadImage\">\r\n <ng-container\r\n *ngTemplateOutlet=\"conversionMessage; context: { messageKey:'MULTIPLE_FILES.IMAGE_DISCLAIMER', dialogParams: imageConversion, buttonText: 'MULTIPLE_FILES.IMAGE_DISCLAIMER_LINK'}\">\r\n </ng-container>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"showVendorNotification\">\r\n <vendor-disclaimer></vendor-disclaimer>\r\n </ng-container>\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayout.xs=\"column\" fxLayuotGap.xs=\"1rem\" class=\"button-container\">\r\n <button (click)=\"clearAll()\" mat-stroked-button color=\"accent\"\r\n class=\"cancel-button border-accent\">{{'MULTIPLE_FILES.CLEAR_ALL' | translate}}</button>\r\n <tld-translate-button [disabled]=\"disableTranslateButton\" (clicked)=\"translateButtonClick()\"\r\n *ngIf=\"!translationStarted\"></tld-translate-button>\r\n </div>\r\n</div>\r\n\r\n<ng-template #conversionMessage let-messageKey=\"messageKey\" let-dialogParams=\"dialogParams\" let-buttonText=\"buttonText\">\r\n\r\n <p class=\"conversion-disclaimer text=m\" [ngClass.gt-sm]=\"'conversion-info-margins-gt-sm'\">\r\n <span class=\"material-icons\">\r\n info\r\n </span>\r\n <span>\r\n {{messageKey | translate }}\r\n </span>\r\n <button class=\"conversion-message-action text-m-semi-bold\" (click)=\"conversionDialog(dialogParams)\">{{buttonText |\r\n translate}}</button>\r\n</ng-template>\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:2.75rem;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:2rem;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}.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:1em}.tld-multiple-mobile{padding:1rem}.tld-multiple-mobile tld-translate-button{margin:1rem 0 0;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%}.multiple-files-body ::ng-deep tld-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"] }]
|
|
5787
5755
|
}], ctorParameters: function () { return [{ type: TldTranslateFileService }, { type: TldTranslateConfigService }, { type: i1$2.MatDialog }, { type: TldTranslateButtonService }, { type: TldSystemService }]; }, propDecorators: { translationFiles: [{
|
|
@@ -5789,8 +5757,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
5789
5757
|
}] } });
|
|
5790
5758
|
|
|
5791
5759
|
class TldDocumentModule {
|
|
5792
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
5793
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
5760
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldDocumentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5761
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: TldDocumentModule, declarations: [TldTranslateFileComponent,
|
|
5794
5762
|
TldTranslateFileMultipleComponent,
|
|
5795
5763
|
TldTranslateFileDownloadButtonComponent,
|
|
5796
5764
|
TldTranslatePdfConversionHelpComponent,
|
|
@@ -5806,7 +5774,7 @@ class TldDocumentModule {
|
|
|
5806
5774
|
FileUploadModule], exports: [TldTranslateFileComponent,
|
|
5807
5775
|
TldTranslateFileMultipleComponent,
|
|
5808
5776
|
TldTranslateFileDownloadButtonComponent] });
|
|
5809
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.
|
|
5777
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldDocumentModule, imports: [CommonModule,
|
|
5810
5778
|
TldCommonModule,
|
|
5811
5779
|
TranslateModule,
|
|
5812
5780
|
FlexLayoutModule,
|
|
@@ -5816,7 +5784,7 @@ class TldDocumentModule {
|
|
|
5816
5784
|
VendorDisclaimerModule,
|
|
5817
5785
|
FileUploadModule] });
|
|
5818
5786
|
}
|
|
5819
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
5787
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldDocumentModule, decorators: [{
|
|
5820
5788
|
type: NgModule,
|
|
5821
5789
|
args: [{
|
|
5822
5790
|
declarations: [
|
|
@@ -6144,10 +6112,10 @@ class TermApiService {
|
|
|
6144
6112
|
collection.modifyDate = new Date(collection.modifyDate.toString() + "Z");
|
|
6145
6113
|
return new CombinedCollection(collection, null);
|
|
6146
6114
|
}
|
|
6147
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
6148
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
6115
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TermApiService, deps: [{ token: TldTranslateConfigService }, { token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6116
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TermApiService, providedIn: 'root' });
|
|
6149
6117
|
}
|
|
6150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
6118
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TermApiService, decorators: [{
|
|
6151
6119
|
type: Injectable,
|
|
6152
6120
|
args: [{
|
|
6153
6121
|
providedIn: 'root'
|
|
@@ -6176,9 +6144,6 @@ class TerminologyService {
|
|
|
6176
6144
|
get hasAnyCollections() {
|
|
6177
6145
|
return this._hasAnyCollections;
|
|
6178
6146
|
}
|
|
6179
|
-
get shouldShowPromotion() {
|
|
6180
|
-
return !this.hasAnyCollections && !this.hasEditPermissions;
|
|
6181
|
-
}
|
|
6182
6147
|
get canCreateCollections() {
|
|
6183
6148
|
return this.config.termConfig.canCreateCollection;
|
|
6184
6149
|
}
|
|
@@ -6466,10 +6431,10 @@ class TerminologyService {
|
|
|
6466
6431
|
emitDataUpdateEvent() {
|
|
6467
6432
|
this.onDataUpdate.next(this.collections);
|
|
6468
6433
|
}
|
|
6469
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
6470
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
6434
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TerminologyService, deps: [{ token: TldTranslateConfigService }, { token: TermApiService }, { token: TldAlertService }, { token: MT_TERM_API_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6435
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TerminologyService, providedIn: 'root' });
|
|
6471
6436
|
}
|
|
6472
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
6437
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TerminologyService, decorators: [{
|
|
6473
6438
|
type: Injectable,
|
|
6474
6439
|
args: [{
|
|
6475
6440
|
providedIn: 'root'
|
|
@@ -6629,10 +6594,10 @@ class TldTranslateFileApiService {
|
|
|
6629
6594
|
getAuthHeaders() {
|
|
6630
6595
|
return Common.getAuthHeaders(this.config);
|
|
6631
6596
|
}
|
|
6632
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
6633
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
6597
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateFileApiService, deps: [{ token: i1$3.HttpClient }, { token: TldTranslateConfigService }, { token: TerminologyService }, { token: TldAlertService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6598
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateFileApiService, providedIn: 'root' });
|
|
6634
6599
|
}
|
|
6635
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
6600
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateFileApiService, decorators: [{
|
|
6636
6601
|
type: Injectable,
|
|
6637
6602
|
args: [{
|
|
6638
6603
|
providedIn: 'root'
|
|
@@ -6718,74 +6683,14 @@ class TldTermCollectionListComponent {
|
|
|
6718
6683
|
collectionsSortFunction = (a, b) => {
|
|
6719
6684
|
return Number(a.default) - Number(b.default) || a.name.localeCompare(b.name);
|
|
6720
6685
|
};
|
|
6721
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
6722
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: TldTermCollectionListComponent, selector: "tld-term-collection-list", ngImport: i0, template: "<header class=\"tld-collection-list-header\">\r\n <h1 class=\"text-l-semi-bold\">\r\n <span>{{localizationKey + 'TITLE' | translate}}</span>\r\n </h1>\r\n <ng-container *ngIf=\"hasAnyCollections\">\r\n <p class=\"term-window-description text-s\">\r\n <span>{{localizationKey + 'DESCRIPTION' | translate}}</span>\r\n </p>\r\n </ng-container>\r\n <ng-container *ngIf=\"!hasAnyCollections\">\r\n <p class=\"term-window-description text-s\" fxHide.lt-sm>{{localizationKey + 'DESCRIPTION_EMPTY' | translate:\r\n {srcLang:\r\n sourceLangTranslated, trgLang: targetLangTranslated} }}</p>\r\n <p class=\"term-window-description text-s\" fxHide.gt-xs>{{localizationKey + 'DESCRIPTION_EMPTY_MOBILE' | translate:\r\n {appName: appName} }}</p>\r\n </ng-container>\r\n</header>\r\n<div *ngIf=\"hasAnyCollections\" class=\"tld-collection-list-body\">\r\n <mat-radio-group [attr.aria-label]=\"localizationKey + 'ARIA_LABELS.RADIO_GROUP' | translate\" [(ngModel)]=\"selected\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"none-option\">\r\n <mat-radio-button [value]=\"null\">\r\n <span class=\"text-m-semi-bold\">\r\n {{localizationKey + 'SELECTED_NONE' | translate}}\r\n </span>\r\n </mat-radio-button>\r\n </div>\r\n <div class=\"collection\" fxLayout=\"row\" fxLayoutAlign=\"start center\" *ngFor=\"let collection of collections | async\"\r\n >\r\n <div class=\"w-100\"\r\n [matTooltip]=\"collection.termTooltipKey? (tooltipLocalizationKey + collection.termTooltipKey | translate) : ''\"\r\n >\r\n <mat-radio-button [value]=\"collection\" fxFlex\r\n [class.mat-radio-checked]=\"collection.default || collection===selected\"\r\n [disabled]=\"collection.termId !== null && collection.termEntries<=0 || collection.default\"\r\n fxLayoutAlign=\"center center\"\r\n >\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n <div class=\"collection-label\">\r\n <span class=\"text-m-semi-bold\"\r\n [matTooltip]=\"collection.termTooltipKey? '' : collection.name\">\r\n {{collection.name}}\r\n </span>\r\n </div>\r\n\r\n <span class=\"default-badge\" *ngIf=\"collection.default\">{{localizationKey + 'DEFAULT' | translate}}</span>\r\n </div>\r\n \r\n <span *ngIf=\"collection.termCount\" class=\"collection-label-block text-s\">\r\n {{ localizationKey + ('TERMS_IN_USE') | translate: { termCount: collection.termCount } }}\r\n </span>\r\n <span *ngIf=\"collection.lastUpdated\" class=\"collection-label-block text-s\">\r\n {{ localizationKey + ('LAST_UPDATED') | translate: { date: collection.lastUpdated | dateAgo } }}\r\n </span>\r\n\r\n <div class=\"collection-label-block collection-status-labels text-s\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\"\r\n >\r\n <div *ngIf=\"collection.mtStatus === collectionErrorStatus\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.25rem\">\r\n <span color=\"accent\" class=\"material-icons collection-list-error\">\r\n error\r\n </span>\r\n\r\n <span *ngIf=\"collection.mtCollection?.subStatus === collectionImportingErrorSubStatus\">\r\n {{ localizationKey + 'ERRORS.' + ( collection.mtCollection.subStatus | uppercase ) | translate }}\r\n </span>\r\n </div>\r\n \r\n <span *ngIf=\"collection.isImporting\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n <mat-spinner color=\"accent\" diameter=\"20\"> </mat-spinner>\r\n <span>\r\n {{ tooltipLocalizationKey + \"IMPORTING\" | translate }}\r\n </span>\r\n </span>\r\n\r\n <button *ngIf=\"collection.syncButtonVisible\" mat-button color=\"primary\" (click)=\"attach(collection)\" [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-s\">\r\n <mat-icon class=\"pt-1\">sync</mat-icon>\r\n {{ localizationKey + \"SYNC\" | translate }}\r\n </span>\r\n </button>\r\n </div>\r\n </mat-radio-button>\r\n </div>\r\n \r\n <ng-container *ngIf=\"hasEditPermissions\">\r\n <a class=\"collection-list-edit\" mat-icon-button target=\"_blank\"\r\n [matTooltip]=\"collection.termTooltipKey? '' : (tooltipLocalizationKey + 'EDIT' | translate)\"\r\n [attr.href]=\"getEditLink(collection)\" *ngIf=\"collection.termCollection\" fxHide.lt-sm>\r\n <mat-icon class=\"material-icons\">edit</mat-icon>\r\n </a>\r\n </ng-container>\r\n </div>\r\n </mat-radio-group>\r\n</div>\r\n", styles: [".tld-collection-list-body,.tld-collection-list-header{padding:.5em .75em}.collection-label{max-width:280px;overflow:hidden;text-overflow:ellipsis}.collection-label-block{display:block}.collection-status-labels .mat-icon,.collection-status-labels .material-icons{font-size:18px}.default-badge{background-color:#9aa5b1;color:var(--base-100);font-size:10px;border-radius:12px;padding:4px 8px;line-height:16px;display:inline-block;margin-left:5px}:host ::ng-deep .mat-mdc-radio-button{overflow:hidden;padding:5px 0}:host ::ng-deep .mat-mdc-radio-button .mat-radio-ripple{display:none}:host ::ng-deep .mat-mdc-radio-button .mat-radio-label-content{overflow:hidden}:host ::ng-deep .mat-mdc-button{padding:0!important}.collection{min-height:70px}.collection,.none-option{border-bottom:1px solid #cbd2d9}mat-spinner{display:inline-block}\n"], dependencies: [{ 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatIconAnchor, selector: "a[mat-icon-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i11$1.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i11$1.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.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: i14.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i12.DateAgoPipe, name: "dateAgo" }] });
|
|
6686
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTermCollectionListComponent, deps: [{ token: TerminologyService }, { token: TldTranslateConfigService }, { token: TldSystemService }, { token: TermApiService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6687
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTermCollectionListComponent, selector: "tld-term-collection-list", ngImport: i0, template: "<header class=\"tld-collection-list-header\">\r\n <h1 class=\"text-l-semi-bold\">\r\n <span>{{localizationKey + 'TITLE' | translate}}</span>\r\n </h1>\r\n <ng-container *ngIf=\"hasAnyCollections\">\r\n <p class=\"term-window-description text-s\">\r\n <span>{{localizationKey + 'DESCRIPTION' | translate}}</span>\r\n </p>\r\n </ng-container>\r\n <ng-container *ngIf=\"!hasAnyCollections\">\r\n <p class=\"term-window-description text-s\" fxHide.lt-sm>{{localizationKey + 'DESCRIPTION_EMPTY' | translate:\r\n {srcLang:\r\n sourceLangTranslated, trgLang: targetLangTranslated} }}</p>\r\n <p class=\"term-window-description text-s\" fxHide.gt-xs>{{localizationKey + 'DESCRIPTION_EMPTY_MOBILE' | translate:\r\n {appName: appName} }}</p>\r\n </ng-container>\r\n</header>\r\n<div *ngIf=\"hasAnyCollections\" class=\"tld-collection-list-body\">\r\n <mat-radio-group [attr.aria-label]=\"localizationKey + 'ARIA_LABELS.RADIO_GROUP' | translate\" [(ngModel)]=\"selected\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"none-option\">\r\n <mat-radio-button [value]=\"null\">\r\n <span class=\"text-m-semi-bold\">\r\n {{localizationKey + 'SELECTED_NONE' | translate}}\r\n </span>\r\n </mat-radio-button>\r\n </div>\r\n <div class=\"collection\" fxLayout=\"row\" fxLayoutAlign=\"start center\" *ngFor=\"let collection of collections | async\"\r\n >\r\n <div class=\"w-100\"\r\n [matTooltip]=\"collection.termTooltipKey? (tooltipLocalizationKey + collection.termTooltipKey | translate) : ''\"\r\n >\r\n <mat-radio-button [value]=\"collection\" fxFlex\r\n [class.mat-radio-checked]=\"collection.default || collection===selected\"\r\n [disabled]=\"collection.termId !== null && collection.termEntries<=0 || collection.default\"\r\n fxLayoutAlign=\"center center\"\r\n >\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n <div class=\"collection-label\">\r\n <span class=\"text-m-semi-bold\"\r\n [matTooltip]=\"collection.termTooltipKey? '' : collection.name\">\r\n {{collection.name}}\r\n </span>\r\n </div>\r\n\r\n <span class=\"default-badge\" *ngIf=\"collection.default\">{{localizationKey + 'DEFAULT' | translate}}</span>\r\n </div>\r\n \r\n <span *ngIf=\"collection.termCount\" class=\"collection-label-block text-s\">\r\n {{ localizationKey + ('TERMS_IN_USE') | translate: { termCount: collection.termCount } }}\r\n </span>\r\n <span *ngIf=\"collection.lastUpdated\" class=\"collection-label-block text-s\">\r\n {{ localizationKey + ('LAST_UPDATED') | translate: { date: collection.lastUpdated | dateAgo } }}\r\n </span>\r\n\r\n <div class=\"collection-label-block collection-status-labels text-s\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\"\r\n >\r\n <div *ngIf=\"collection.mtStatus === collectionErrorStatus\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.25rem\">\r\n <span color=\"accent\" class=\"material-icons collection-list-error\">\r\n error\r\n </span>\r\n\r\n <span *ngIf=\"collection.mtCollection?.subStatus === collectionImportingErrorSubStatus\">\r\n {{ localizationKey + 'ERRORS.' + ( collection.mtCollection.subStatus | uppercase ) | translate }}\r\n </span>\r\n </div>\r\n \r\n <span *ngIf=\"collection.isImporting\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n <mat-spinner color=\"accent\" diameter=\"20\"> </mat-spinner>\r\n <span>\r\n {{ tooltipLocalizationKey + \"IMPORTING\" | translate }}\r\n </span>\r\n </span>\r\n\r\n <button *ngIf=\"collection.syncButtonVisible\" mat-button color=\"primary\" (click)=\"attach(collection)\" [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-s\">\r\n <mat-icon class=\"pt-1\">sync</mat-icon>\r\n {{ localizationKey + \"SYNC\" | translate }}\r\n </span>\r\n </button>\r\n </div>\r\n </mat-radio-button>\r\n </div>\r\n \r\n <ng-container *ngIf=\"hasEditPermissions\">\r\n <a class=\"collection-list-edit\" mat-icon-button target=\"_blank\"\r\n [matTooltip]=\"collection.termTooltipKey? '' : (tooltipLocalizationKey + 'EDIT' | translate)\"\r\n [attr.href]=\"getEditLink(collection)\" *ngIf=\"collection.termCollection\" fxHide.lt-sm>\r\n <mat-icon class=\"material-icons\">edit</mat-icon>\r\n </a>\r\n </ng-container>\r\n </div>\r\n </mat-radio-group>\r\n</div>\r\n", styles: [".tld-collection-list-body,.tld-collection-list-header{padding:.5em .75em}.collection-label{max-width:280px;overflow:hidden;text-overflow:ellipsis}.collection-label-block{display:block}.collection-status-labels .mat-icon,.collection-status-labels .material-icons{font-size:18px}.default-badge{background-color:#9aa5b1;color:var(--base-100);font-size:10px;border-radius:12px;padding:4px 8px;line-height:16px;display:inline-block;margin-left:5px}:host ::ng-deep .mat-mdc-radio-button{overflow:hidden;padding:5px 0}:host ::ng-deep .mat-mdc-radio-button .mat-radio-ripple{display:none}:host ::ng-deep .mat-mdc-radio-button .mat-radio-label-content{overflow:hidden}:host ::ng-deep .mat-mdc-button{padding:0!important}.collection{min-height:70px}.collection,.none-option{border-bottom:1px solid #cbd2d9}mat-spinner{display:inline-block}\n"], dependencies: [{ 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: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatIconAnchor, selector: "a[mat-icon-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i11$1.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i11$1.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.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: i14.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i12.DateAgoPipe, name: "dateAgo" }] });
|
|
6723
6688
|
}
|
|
6724
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
6689
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTermCollectionListComponent, decorators: [{
|
|
6725
6690
|
type: Component,
|
|
6726
6691
|
args: [{ selector: 'tld-term-collection-list', template: "<header class=\"tld-collection-list-header\">\r\n <h1 class=\"text-l-semi-bold\">\r\n <span>{{localizationKey + 'TITLE' | translate}}</span>\r\n </h1>\r\n <ng-container *ngIf=\"hasAnyCollections\">\r\n <p class=\"term-window-description text-s\">\r\n <span>{{localizationKey + 'DESCRIPTION' | translate}}</span>\r\n </p>\r\n </ng-container>\r\n <ng-container *ngIf=\"!hasAnyCollections\">\r\n <p class=\"term-window-description text-s\" fxHide.lt-sm>{{localizationKey + 'DESCRIPTION_EMPTY' | translate:\r\n {srcLang:\r\n sourceLangTranslated, trgLang: targetLangTranslated} }}</p>\r\n <p class=\"term-window-description text-s\" fxHide.gt-xs>{{localizationKey + 'DESCRIPTION_EMPTY_MOBILE' | translate:\r\n {appName: appName} }}</p>\r\n </ng-container>\r\n</header>\r\n<div *ngIf=\"hasAnyCollections\" class=\"tld-collection-list-body\">\r\n <mat-radio-group [attr.aria-label]=\"localizationKey + 'ARIA_LABELS.RADIO_GROUP' | translate\" [(ngModel)]=\"selected\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"none-option\">\r\n <mat-radio-button [value]=\"null\">\r\n <span class=\"text-m-semi-bold\">\r\n {{localizationKey + 'SELECTED_NONE' | translate}}\r\n </span>\r\n </mat-radio-button>\r\n </div>\r\n <div class=\"collection\" fxLayout=\"row\" fxLayoutAlign=\"start center\" *ngFor=\"let collection of collections | async\"\r\n >\r\n <div class=\"w-100\"\r\n [matTooltip]=\"collection.termTooltipKey? (tooltipLocalizationKey + collection.termTooltipKey | translate) : ''\"\r\n >\r\n <mat-radio-button [value]=\"collection\" fxFlex\r\n [class.mat-radio-checked]=\"collection.default || collection===selected\"\r\n [disabled]=\"collection.termId !== null && collection.termEntries<=0 || collection.default\"\r\n fxLayoutAlign=\"center center\"\r\n >\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n <div class=\"collection-label\">\r\n <span class=\"text-m-semi-bold\"\r\n [matTooltip]=\"collection.termTooltipKey? '' : collection.name\">\r\n {{collection.name}}\r\n </span>\r\n </div>\r\n\r\n <span class=\"default-badge\" *ngIf=\"collection.default\">{{localizationKey + 'DEFAULT' | translate}}</span>\r\n </div>\r\n \r\n <span *ngIf=\"collection.termCount\" class=\"collection-label-block text-s\">\r\n {{ localizationKey + ('TERMS_IN_USE') | translate: { termCount: collection.termCount } }}\r\n </span>\r\n <span *ngIf=\"collection.lastUpdated\" class=\"collection-label-block text-s\">\r\n {{ localizationKey + ('LAST_UPDATED') | translate: { date: collection.lastUpdated | dateAgo } }}\r\n </span>\r\n\r\n <div class=\"collection-label-block collection-status-labels text-s\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\"\r\n >\r\n <div *ngIf=\"collection.mtStatus === collectionErrorStatus\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.25rem\">\r\n <span color=\"accent\" class=\"material-icons collection-list-error\">\r\n error\r\n </span>\r\n\r\n <span *ngIf=\"collection.mtCollection?.subStatus === collectionImportingErrorSubStatus\">\r\n {{ localizationKey + 'ERRORS.' + ( collection.mtCollection.subStatus | uppercase ) | translate }}\r\n </span>\r\n </div>\r\n \r\n <span *ngIf=\"collection.isImporting\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"0.5rem\">\r\n <mat-spinner color=\"accent\" diameter=\"20\"> </mat-spinner>\r\n <span>\r\n {{ tooltipLocalizationKey + \"IMPORTING\" | translate }}\r\n </span>\r\n </span>\r\n\r\n <button *ngIf=\"collection.syncButtonVisible\" mat-button color=\"primary\" (click)=\"attach(collection)\" [matTooltip]=\"tooltipLocalizationKey + 'SYNC' | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"text-s\">\r\n <mat-icon class=\"pt-1\">sync</mat-icon>\r\n {{ localizationKey + \"SYNC\" | translate }}\r\n </span>\r\n </button>\r\n </div>\r\n </mat-radio-button>\r\n </div>\r\n \r\n <ng-container *ngIf=\"hasEditPermissions\">\r\n <a class=\"collection-list-edit\" mat-icon-button target=\"_blank\"\r\n [matTooltip]=\"collection.termTooltipKey? '' : (tooltipLocalizationKey + 'EDIT' | translate)\"\r\n [attr.href]=\"getEditLink(collection)\" *ngIf=\"collection.termCollection\" fxHide.lt-sm>\r\n <mat-icon class=\"material-icons\">edit</mat-icon>\r\n </a>\r\n </ng-container>\r\n </div>\r\n </mat-radio-group>\r\n</div>\r\n", styles: [".tld-collection-list-body,.tld-collection-list-header{padding:.5em .75em}.collection-label{max-width:280px;overflow:hidden;text-overflow:ellipsis}.collection-label-block{display:block}.collection-status-labels .mat-icon,.collection-status-labels .material-icons{font-size:18px}.default-badge{background-color:#9aa5b1;color:var(--base-100);font-size:10px;border-radius:12px;padding:4px 8px;line-height:16px;display:inline-block;margin-left:5px}:host ::ng-deep .mat-mdc-radio-button{overflow:hidden;padding:5px 0}:host ::ng-deep .mat-mdc-radio-button .mat-radio-ripple{display:none}:host ::ng-deep .mat-mdc-radio-button .mat-radio-label-content{overflow:hidden}:host ::ng-deep .mat-mdc-button{padding:0!important}.collection{min-height:70px}.collection,.none-option{border-bottom:1px solid #cbd2d9}mat-spinner{display:inline-block}\n"] }]
|
|
6727
6692
|
}], ctorParameters: function () { return [{ type: TerminologyService }, { type: TldTranslateConfigService }, { type: TldSystemService }, { type: TermApiService }, { type: i1$1.TranslateService }]; } });
|
|
6728
6693
|
|
|
6729
|
-
class WtwLinkParamsService {
|
|
6730
|
-
translate;
|
|
6731
|
-
defaultQueryParams = {
|
|
6732
|
-
lang: this.translate.currentLang
|
|
6733
|
-
};
|
|
6734
|
-
queryString = new BehaviorSubject(this.defaultQueryString);
|
|
6735
|
-
get defaultQueryString() {
|
|
6736
|
-
return `lang=${this.defaultQueryParams.lang}`;
|
|
6737
|
-
}
|
|
6738
|
-
constructor(translate) {
|
|
6739
|
-
this.translate = translate;
|
|
6740
|
-
this.translate.onLangChange.subscribe((language) => {
|
|
6741
|
-
this.defaultQueryParams.lang = language.lang;
|
|
6742
|
-
this.queryString.next(this.defaultQueryString);
|
|
6743
|
-
});
|
|
6744
|
-
}
|
|
6745
|
-
;
|
|
6746
|
-
query() {
|
|
6747
|
-
return this.queryString.asObservable();
|
|
6748
|
-
}
|
|
6749
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: WtwLinkParamsService, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6750
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: WtwLinkParamsService, providedIn: 'root' });
|
|
6751
|
-
}
|
|
6752
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: WtwLinkParamsService, decorators: [{
|
|
6753
|
-
type: Injectable,
|
|
6754
|
-
args: [{
|
|
6755
|
-
providedIn: 'root'
|
|
6756
|
-
}]
|
|
6757
|
-
}], ctorParameters: function () { return [{ type: i1$1.TranslateService }]; } });
|
|
6758
|
-
|
|
6759
|
-
class TldTermPromotionComponent {
|
|
6760
|
-
config;
|
|
6761
|
-
wtwQueryService;
|
|
6762
|
-
destroy$ = new Subject();
|
|
6763
|
-
localizationKey = "TERM_COLLECTIONS.PROMOTION.";
|
|
6764
|
-
trialUrl;
|
|
6765
|
-
learnMoreUrl;
|
|
6766
|
-
constructor(config, wtwQueryService) {
|
|
6767
|
-
this.config = config;
|
|
6768
|
-
this.wtwQueryService = wtwQueryService;
|
|
6769
|
-
}
|
|
6770
|
-
ngOnInit() {
|
|
6771
|
-
this.wtwQueryService.query().pipe(takeUntil(this.destroy$))
|
|
6772
|
-
.subscribe((query) => {
|
|
6773
|
-
this.trialUrl = `${this.config.termConfig.freeTrialUrl}?${query}`;
|
|
6774
|
-
this.learnMoreUrl = `${this.config.termConfig.learnMoreUrl}?${query}`;
|
|
6775
|
-
});
|
|
6776
|
-
}
|
|
6777
|
-
ngOnDestroy() {
|
|
6778
|
-
this.destroy$.next(null);
|
|
6779
|
-
this.destroy$.complete();
|
|
6780
|
-
}
|
|
6781
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTermPromotionComponent, deps: [{ token: TldTranslateConfigService }, { token: WtwLinkParamsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6782
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: TldTermPromotionComponent, selector: "tld-term-promotion", ngImport: i0, template: "<section class=\"term-promotion-wrapper\" fxLayout=\"column\" fxLayoutGap=\"16px\">\r\n <div>\r\n <h1 class=\"term-window-title\">{{ localizationKey + \"TITLE\" | translate}}</h1>\r\n <p>{{ localizationKey + \"DESCRIPTION\" | translate}}</p>\r\n </div>\r\n <div fxLayoutGap=\"0.75em\" fxLayout.lt-sm=\"column\">\r\n <a [attr.href]=\"trialUrl\" target=\"_blank\" mat-flat-button color=\"primary\">\r\n {{ localizationKey + \"START_TRIAL\" | translate}}\r\n </a>\r\n <a [attr.href]=\"learnMoreUrl\" target=\"_blank\">{{ localizationKey + \"LEARN_MORE\" | translate}}</a>\r\n </div>\r\n</section>", styles: [".term-promotion-wrapper{margin:1em}.term-promotion-wrapper button{width:100%}.term-promotion-wrapper p{margin:0}.term-promotion-wrapper a.mat-mdc-unelevated-button:hover{color:#fff!important}\n"], dependencies: [{ kind: "component", type: i4$1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.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: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
6783
|
-
}
|
|
6784
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTermPromotionComponent, decorators: [{
|
|
6785
|
-
type: Component,
|
|
6786
|
-
args: [{ selector: 'tld-term-promotion', template: "<section class=\"term-promotion-wrapper\" fxLayout=\"column\" fxLayoutGap=\"16px\">\r\n <div>\r\n <h1 class=\"term-window-title\">{{ localizationKey + \"TITLE\" | translate}}</h1>\r\n <p>{{ localizationKey + \"DESCRIPTION\" | translate}}</p>\r\n </div>\r\n <div fxLayoutGap=\"0.75em\" fxLayout.lt-sm=\"column\">\r\n <a [attr.href]=\"trialUrl\" target=\"_blank\" mat-flat-button color=\"primary\">\r\n {{ localizationKey + \"START_TRIAL\" | translate}}\r\n </a>\r\n <a [attr.href]=\"learnMoreUrl\" target=\"_blank\">{{ localizationKey + \"LEARN_MORE\" | translate}}</a>\r\n </div>\r\n</section>", styles: [".term-promotion-wrapper{margin:1em}.term-promotion-wrapper button{width:100%}.term-promotion-wrapper p{margin:0}.term-promotion-wrapper a.mat-mdc-unelevated-button:hover{color:#fff!important}\n"] }]
|
|
6787
|
-
}], ctorParameters: function () { return [{ type: TldTranslateConfigService }, { type: WtwLinkParamsService }]; } });
|
|
6788
|
-
|
|
6789
6694
|
class TldTermCreateCollectionDialogComponent {
|
|
6790
6695
|
dialogRef;
|
|
6791
6696
|
data;
|
|
@@ -6832,10 +6737,10 @@ class TldTermCreateCollectionDialogComponent {
|
|
|
6832
6737
|
this.dialogRef.close(this.collectionName.value);
|
|
6833
6738
|
}
|
|
6834
6739
|
}
|
|
6835
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
6836
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
6740
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTermCreateCollectionDialogComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: TldTranslateConfigService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6741
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTermCreateCollectionDialogComponent, selector: "tld-term-create-collection-dialog", ngImport: i0, template: "<tld-close-button class=\"close-button\" mat-dialog-close>\r\n</tld-close-button>\r\n<h1 mat-dialog-title>{{'TERM_COLLECTIONS.CREATE_DIALOG.TITLE' | translate}}</h1>\r\n<div mat-dialog-content>\r\n <p [innerHtml]=\"'TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_1' | translate: {appName, termPortalName } \"></p>\r\n <p [innerHtml]=\"'TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_2' | translate\"></p>\r\n <div [formGroup]=\"formGroup\">\r\n <mat-form-field appearance=\"outline\" class=\"collection-name-form-field\">\r\n <mat-label>{{'TERM_COLLECTIONS.CREATE_DIALOG.COLLECTION_NAME_LABEL' | translate}}\r\n </mat-label>\r\n <input matInput formControlName=\"collectionName\" (keyup.enter)=\"submit()\">\r\n <mat-error *ngIf=\"collectionName.errors\">{{'TERM_COLLECTIONS.CREATE_DIALOG.COLLECTION_NAME_ERROR' |\r\n translate: {minLength: minLength, maxLength: maxLength} }}</mat-error>\r\n </mat-form-field>\r\n </div>\r\n</div>\r\n<div mat-dialog-actions fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <button mat-flat-button (click)=\"submit()\" cdkFocusInitial color=\"accent\"\r\n [disabled]=\"formGroup.invalid\">{{'TERM_COLLECTIONS.CREATE_DIALOG.CREATE' | translate}}</button>\r\n <button mat-stroked-button mat-dialog-close color=\"accent\">{{\"TERM_COLLECTIONS.CREATE_DIALOG.CANCEL\" |\r\n translate}}</button>\r\n</div>\r\n", styles: ["input{outline:none!important}:host ::ng-deep .mat-form-field-appearance-outline:hover .mat-form-field-outline,:host ::ng-deep .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,:host ::ng-deep .mat-mdc-form-field.mat-focused .mat-form-field-label{color:var(--accent)}.create-dialog-wrapper{position:relative}.close-button{position:absolute;right:1em;top:1em}\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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i12.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
6837
6742
|
}
|
|
6838
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
6743
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTermCreateCollectionDialogComponent, decorators: [{
|
|
6839
6744
|
type: Component,
|
|
6840
6745
|
args: [{ selector: 'tld-term-create-collection-dialog', template: "<tld-close-button class=\"close-button\" mat-dialog-close>\r\n</tld-close-button>\r\n<h1 mat-dialog-title>{{'TERM_COLLECTIONS.CREATE_DIALOG.TITLE' | translate}}</h1>\r\n<div mat-dialog-content>\r\n <p [innerHtml]=\"'TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_1' | translate: {appName, termPortalName } \"></p>\r\n <p [innerHtml]=\"'TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_2' | translate\"></p>\r\n <div [formGroup]=\"formGroup\">\r\n <mat-form-field appearance=\"outline\" class=\"collection-name-form-field\">\r\n <mat-label>{{'TERM_COLLECTIONS.CREATE_DIALOG.COLLECTION_NAME_LABEL' | translate}}\r\n </mat-label>\r\n <input matInput formControlName=\"collectionName\" (keyup.enter)=\"submit()\">\r\n <mat-error *ngIf=\"collectionName.errors\">{{'TERM_COLLECTIONS.CREATE_DIALOG.COLLECTION_NAME_ERROR' |\r\n translate: {minLength: minLength, maxLength: maxLength} }}</mat-error>\r\n </mat-form-field>\r\n </div>\r\n</div>\r\n<div mat-dialog-actions fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <button mat-flat-button (click)=\"submit()\" cdkFocusInitial color=\"accent\"\r\n [disabled]=\"formGroup.invalid\">{{'TERM_COLLECTIONS.CREATE_DIALOG.CREATE' | translate}}</button>\r\n <button mat-stroked-button mat-dialog-close color=\"accent\">{{\"TERM_COLLECTIONS.CREATE_DIALOG.CANCEL\" |\r\n translate}}</button>\r\n</div>\r\n", styles: ["input{outline:none!important}:host ::ng-deep .mat-form-field-appearance-outline:hover .mat-form-field-outline,:host ::ng-deep .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,:host ::ng-deep .mat-mdc-form-field.mat-focused .mat-form-field-label{color:var(--accent)}.create-dialog-wrapper{position:relative}.close-button{position:absolute;right:1em;top:1em}\n"] }]
|
|
6841
6746
|
}], ctorParameters: function () { return [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
|
|
@@ -6850,6 +6755,9 @@ class CreateCollectionComponent {
|
|
|
6850
6755
|
sourceLanguageCode;
|
|
6851
6756
|
targetLanguageCode;
|
|
6852
6757
|
collectionCreated = new EventEmitter();
|
|
6758
|
+
get canCreateCollections() {
|
|
6759
|
+
return this.terminologyService.canCreateCollections;
|
|
6760
|
+
}
|
|
6853
6761
|
constructor(translate, dialog, terminologyService) {
|
|
6854
6762
|
this.translate = translate;
|
|
6855
6763
|
this.dialog = dialog;
|
|
@@ -6882,12 +6790,12 @@ class CreateCollectionComponent {
|
|
|
6882
6790
|
});
|
|
6883
6791
|
});
|
|
6884
6792
|
}
|
|
6885
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
6886
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
6793
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CreateCollectionComponent, deps: [{ token: i1$1.TranslateService }, { token: i1$2.MatDialog }, { token: TerminologyService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6794
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CreateCollectionComponent, selector: "tld-create-collection", inputs: { sourceLanguageCode: "sourceLanguageCode", targetLanguageCode: "targetLanguageCode" }, outputs: { collectionCreated: "collectionCreated" }, ngImport: i0, template: "<button *ngIf=\"canCreateCollections\" mat-flat-button color=\"accent\" (click)=\"create()\" fxHide.lt-sm>\r\n {{'TERM_COLLECTIONS.CREATE' | translate}}\r\n</button>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
6887
6795
|
}
|
|
6888
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
6796
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CreateCollectionComponent, decorators: [{
|
|
6889
6797
|
type: Component,
|
|
6890
|
-
args: [{ selector: 'tld-create-collection', template: "<button mat-flat-button color=\"accent\" (click)=\"create()\" fxHide.lt-sm>\r\n {{'TERM_COLLECTIONS.CREATE' | translate}}\r\n</button>\r\n" }]
|
|
6798
|
+
args: [{ selector: 'tld-create-collection', template: "<button *ngIf=\"canCreateCollections\" mat-flat-button color=\"accent\" (click)=\"create()\" fxHide.lt-sm>\r\n {{'TERM_COLLECTIONS.CREATE' | translate}}\r\n</button>\r\n" }]
|
|
6891
6799
|
}], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i1$2.MatDialog }, { type: TerminologyService }]; }, propDecorators: { sourceLanguageCode: [{
|
|
6892
6800
|
type: Input
|
|
6893
6801
|
}], targetLanguageCode: [{
|
|
@@ -6900,12 +6808,14 @@ class TldTermCollectionComponent {
|
|
|
6900
6808
|
terminologyService;
|
|
6901
6809
|
systemService;
|
|
6902
6810
|
configService;
|
|
6903
|
-
get
|
|
6811
|
+
get hasAnyCollections() { return this.terminologyService.hasAnyCollections; }
|
|
6904
6812
|
get hasEditPermissions() { return this.terminologyService.hasEditPermissions; }
|
|
6813
|
+
get canCreateCollections() { return this.terminologyService.canCreateCollections; }
|
|
6905
6814
|
defaultGlossaryManagementLink;
|
|
6906
6815
|
subscription;
|
|
6907
6816
|
sourceLanguageCode;
|
|
6908
6817
|
targetLanguageCode;
|
|
6818
|
+
readerLocalizationKey = "TERM_COLLECTIONS.READER.";
|
|
6909
6819
|
constructor(terminologyService, systemService, configService) {
|
|
6910
6820
|
this.terminologyService = terminologyService;
|
|
6911
6821
|
this.systemService = systemService;
|
|
@@ -6924,16 +6834,17 @@ class TldTermCollectionComponent {
|
|
|
6924
6834
|
ngOnDestroy() {
|
|
6925
6835
|
this.subscription.unsubscribe();
|
|
6926
6836
|
}
|
|
6927
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
6928
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
6837
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTermCollectionComponent, deps: [{ token: TerminologyService }, { token: TldSystemService }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6838
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTermCollectionComponent, selector: "tld-term-collection", ngImport: i0, template: "<section class=\"tld-collection-list-wrapper\">\r\n <ng-container *ngIf=\"hasAnyCollections || canCreateCollections; else emptyView\">\r\n <tld-term-collection-list></tld-term-collection-list>\r\n <footer class=\"tld-collection-list-footer\" fxLayout=\"column\" fxLayoutGap=\"2rem\" *ngIf=\"hasEditPermissions\">\r\n <a *ngIf=\"defaultGlossaryManagementLink\" [attr.href]=\"defaultGlossaryManagementLink\"\r\n class=\"default-glossary-management text-s-semi-bold\"\r\n target=\"_blank\">{{'TERM_COLLECTIONS.DEFAULT_GLOSSARY_MANAGEMENT' |\r\n translate}}</a>\r\n\r\n <tld-create-collection [sourceLanguageCode]=\"sourceLanguageCode\" [targetLanguageCode]=\"targetLanguageCode\">\r\n </tld-create-collection>\r\n </footer>\r\n </ng-container>\r\n <ng-template #emptyView>\r\n <section class=\"term-reader-wrapper\" fxLayout=\"column\" fxLayoutGap=\"16px\">\r\n <div>\r\n <h1 class=\"text-l-semi-bold\">{{ readerLocalizationKey + 'TITLE' | translate }}</h1>\r\n <p>{{ readerLocalizationKey + 'DESCRIPTION' | translate }}</p>\r\n </div>\r\n <div fxLayoutGap=\"0.75em\" fxLayout.lt-sm=\"column\" class=\"text-s\">\r\n {{ readerLocalizationKey + 'HINT' | translate }}\r\n </div>\r\n </section>\r\n </ng-template>\r\n</section>\r\n", styles: [".tld-collection-list-footer{padding:0 .75em 1em}.default-glossary-management{display:block;color:var(--base-30)}.term-reader-wrapper{margin:1em}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "component", type: TldTermCollectionListComponent, selector: "tld-term-collection-list" }, { kind: "component", type: CreateCollectionComponent, selector: "tld-create-collection", inputs: ["sourceLanguageCode", "targetLanguageCode"], outputs: ["collectionCreated"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
6929
6839
|
}
|
|
6930
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
6840
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTermCollectionComponent, decorators: [{
|
|
6931
6841
|
type: Component,
|
|
6932
|
-
args: [{ selector: 'tld-term-collection', template: "<section class=\"tld-collection-list-wrapper\">\r\n <ng-container *ngIf=\"
|
|
6842
|
+
args: [{ selector: 'tld-term-collection', template: "<section class=\"tld-collection-list-wrapper\">\r\n <ng-container *ngIf=\"hasAnyCollections || canCreateCollections; else emptyView\">\r\n <tld-term-collection-list></tld-term-collection-list>\r\n <footer class=\"tld-collection-list-footer\" fxLayout=\"column\" fxLayoutGap=\"2rem\" *ngIf=\"hasEditPermissions\">\r\n <a *ngIf=\"defaultGlossaryManagementLink\" [attr.href]=\"defaultGlossaryManagementLink\"\r\n class=\"default-glossary-management text-s-semi-bold\"\r\n target=\"_blank\">{{'TERM_COLLECTIONS.DEFAULT_GLOSSARY_MANAGEMENT' |\r\n translate}}</a>\r\n\r\n <tld-create-collection [sourceLanguageCode]=\"sourceLanguageCode\" [targetLanguageCode]=\"targetLanguageCode\">\r\n </tld-create-collection>\r\n </footer>\r\n </ng-container>\r\n <ng-template #emptyView>\r\n <section class=\"term-reader-wrapper\" fxLayout=\"column\" fxLayoutGap=\"16px\">\r\n <div>\r\n <h1 class=\"text-l-semi-bold\">{{ readerLocalizationKey + 'TITLE' | translate }}</h1>\r\n <p>{{ readerLocalizationKey + 'DESCRIPTION' | translate }}</p>\r\n </div>\r\n <div fxLayoutGap=\"0.75em\" fxLayout.lt-sm=\"column\" class=\"text-s\">\r\n {{ readerLocalizationKey + 'HINT' | translate }}\r\n </div>\r\n </section>\r\n </ng-template>\r\n</section>\r\n", styles: [".tld-collection-list-footer{padding:0 .75em 1em}.default-glossary-management{display:block;color:var(--base-30)}.term-reader-wrapper{margin:1em}\n"] }]
|
|
6933
6843
|
}], ctorParameters: function () { return [{ type: TerminologyService }, { type: TldSystemService }, { type: TldTranslateConfigService }]; } });
|
|
6934
6844
|
|
|
6935
6845
|
class TldTermMenuComponent {
|
|
6936
6846
|
terminologyService;
|
|
6847
|
+
disabled;
|
|
6937
6848
|
get selected() { return this.terminologyService.selected; }
|
|
6938
6849
|
;
|
|
6939
6850
|
set selected(val) { this.terminologyService.selected = val; }
|
|
@@ -6941,7 +6852,7 @@ class TldTermMenuComponent {
|
|
|
6941
6852
|
return this.selected?.termCollection?.name ?? this.selected.mtCollection?.name;
|
|
6942
6853
|
}
|
|
6943
6854
|
subscription;
|
|
6944
|
-
|
|
6855
|
+
stopRefreshDelayed;
|
|
6945
6856
|
constructor(terminologyService) {
|
|
6946
6857
|
this.terminologyService = terminologyService;
|
|
6947
6858
|
}
|
|
@@ -6954,14 +6865,14 @@ class TldTermMenuComponent {
|
|
|
6954
6865
|
return;
|
|
6955
6866
|
}
|
|
6956
6867
|
this.subscription = this.terminologyService.startAutoRefresh().subscribe(() => {
|
|
6957
|
-
if (this.
|
|
6868
|
+
if (this.stopRefreshDelayed && !this.selected?.isImporting) {
|
|
6958
6869
|
this.stopRefresh();
|
|
6959
6870
|
}
|
|
6960
6871
|
});
|
|
6961
6872
|
}
|
|
6962
6873
|
menuClosed() {
|
|
6963
6874
|
if (this.selected?.isImporting) {
|
|
6964
|
-
this.
|
|
6875
|
+
this.stopRefreshDelayed = true;
|
|
6965
6876
|
return;
|
|
6966
6877
|
}
|
|
6967
6878
|
this.stopRefresh();
|
|
@@ -6970,18 +6881,21 @@ class TldTermMenuComponent {
|
|
|
6970
6881
|
this.terminologyService.stopAutoRefresh();
|
|
6971
6882
|
this.subscription?.unsubscribe();
|
|
6972
6883
|
this.subscription = null;
|
|
6884
|
+
this.stopRefreshDelayed = false;
|
|
6973
6885
|
}
|
|
6974
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
6975
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
6886
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTermMenuComponent, deps: [{ token: TerminologyService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6887
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTermMenuComponent, selector: "tld-term-menu", inputs: { disabled: "disabled" }, ngImport: i0, template: "<div fxLayoutAlign=\"center center\" [ngClass.lt-sm]=\"'tld-term-collection-wrapper-mobile'\" fxLayoutGap=\"8px\">\r\n <span fxHide.lt-md>\r\n {{'TERM_COLLECTIONS.GLOSSARY' | translate}}\r\n </span>\r\n <tld-open-close-button fxHide.lt-sm #state=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\" (menuOpened)=\"menuOpened()\"\r\n (menuClosed)=\"menuClosed()\" [matTooltip]=\"selected? title:''\" [isOpened]=\"state.menuOpen\" [disabled]=\"disabled\"\r\n class=\"tld-collection-menu-button\" [attr.aria-label]=\"'TERM_COLLECTIONS.ARIA_LABELS.OTHER_COLLECTIONS' | translate\">\r\n <span class=\"selected-collection\">\r\n {{selected? title : ('TERM_COLLECTIONS.SELECTED_NONE' | translate)}}\r\n </span>\r\n <mat-spinner class=\"selected-col-spinner\" color=\"accent\" diameter=\"16\" *ngIf=\"selected?.isImporting\"></mat-spinner>\r\n </tld-open-close-button>\r\n <button mat-icon-button fxHide.gt-xs [matMenuTriggerFor]=\"menu\">\r\n <mat-icon svgIcon=\"collections_menu\" [attr.color]=\"selected?'accent':''\"></mat-icon>\r\n </button>\r\n\r\n</div>\r\n\r\n<mat-menu #menu=\"matMenu\" class=\"tld-collection-menu\">\r\n <tld-close-button fxHide.gt-xs></tld-close-button>\r\n <div class=\"tld-term-collection\" (click)=\"$event.stopPropagation()\" (keydown)=\"$event.stopPropagation()\">\r\n <tld-term-collection></tld-term-collection>\r\n </div>\r\n</mat-menu>\r\n", styles: [".tld-collection-menu-button .selected-collection{overflow:hidden;text-overflow:ellipsis;max-width:140px;display:inline-block}.selected-col-spinner{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i5.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i5.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: i14.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: TldOpenCloseButtonComponent, selector: "tld-open-close-button", inputs: ["disableFocusOnAction", "isOpened", "disabled", "isIcon", "ariaLabelCode"] }, { kind: "component", type: i12.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "component", type: TldTermCollectionComponent, selector: "tld-term-collection" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
6976
6888
|
}
|
|
6977
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
6889
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTermMenuComponent, decorators: [{
|
|
6978
6890
|
type: Component,
|
|
6979
|
-
args: [{ selector: 'tld-term-menu', template: "<div fxLayoutAlign=\"center center\" [ngClass.lt-sm]=\"'tld-term-collection-wrapper-mobile'\" fxLayoutGap=\"8px\">\r\n <span fxHide.lt-md>\r\n {{'TERM_COLLECTIONS.GLOSSARY' | translate}}\r\n </span>\r\n <tld-open-close-button fxHide.lt-sm #state=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\" (menuOpened)=\"menuOpened()\"\r\n (menuClosed)=\"menuClosed()\" [matTooltip]=\"selected? title:''\" [isOpened]=\"state.menuOpen\"\r\n class=\"tld-collection-menu-button\" [attr.aria-label]=\"'TERM_COLLECTIONS.ARIA_LABELS.OTHER_COLLECTIONS' | translate\">\r\n <span class=\"selected-collection\">\r\n {{selected? title : ('TERM_COLLECTIONS.SELECTED_NONE' | translate)}}\r\n </span>\r\n <mat-spinner class=\"selected-col-spinner\" color=\"accent\" diameter=\"16\" *ngIf=\"selected?.isImporting\"></mat-spinner>\r\n </tld-open-close-button>\r\n <button mat-icon-button fxHide.gt-xs [matMenuTriggerFor]=\"menu\">\r\n <mat-icon svgIcon=\"collections_menu\" [attr.color]=\"selected?'accent':''\"></mat-icon>\r\n </button>\r\n\r\n</div>\r\n\r\n<mat-menu #menu=\"matMenu\" class=\"tld-collection-menu\">\r\n <tld-close-button fxHide.gt-xs></tld-close-button>\r\n <div class=\"tld-term-collection\" (click)=\"$event.stopPropagation()\" (keydown)=\"$event.stopPropagation()\">\r\n <tld-term-collection></tld-term-collection>\r\n </div>\r\n</mat-menu>\r\n", styles: [".tld-collection-menu-button .selected-collection{overflow:hidden;text-overflow:ellipsis;max-width:140px;display:inline-block}.selected-col-spinner{margin-left:5px}\n"] }]
|
|
6980
|
-
}], ctorParameters: function () { return [{ type: TerminologyService }]; }
|
|
6891
|
+
args: [{ selector: 'tld-term-menu', template: "<div fxLayoutAlign=\"center center\" [ngClass.lt-sm]=\"'tld-term-collection-wrapper-mobile'\" fxLayoutGap=\"8px\">\r\n <span fxHide.lt-md>\r\n {{'TERM_COLLECTIONS.GLOSSARY' | translate}}\r\n </span>\r\n <tld-open-close-button fxHide.lt-sm #state=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\" (menuOpened)=\"menuOpened()\"\r\n (menuClosed)=\"menuClosed()\" [matTooltip]=\"selected? title:''\" [isOpened]=\"state.menuOpen\" [disabled]=\"disabled\"\r\n class=\"tld-collection-menu-button\" [attr.aria-label]=\"'TERM_COLLECTIONS.ARIA_LABELS.OTHER_COLLECTIONS' | translate\">\r\n <span class=\"selected-collection\">\r\n {{selected? title : ('TERM_COLLECTIONS.SELECTED_NONE' | translate)}}\r\n </span>\r\n <mat-spinner class=\"selected-col-spinner\" color=\"accent\" diameter=\"16\" *ngIf=\"selected?.isImporting\"></mat-spinner>\r\n </tld-open-close-button>\r\n <button mat-icon-button fxHide.gt-xs [matMenuTriggerFor]=\"menu\">\r\n <mat-icon svgIcon=\"collections_menu\" [attr.color]=\"selected?'accent':''\"></mat-icon>\r\n </button>\r\n\r\n</div>\r\n\r\n<mat-menu #menu=\"matMenu\" class=\"tld-collection-menu\">\r\n <tld-close-button fxHide.gt-xs></tld-close-button>\r\n <div class=\"tld-term-collection\" (click)=\"$event.stopPropagation()\" (keydown)=\"$event.stopPropagation()\">\r\n <tld-term-collection></tld-term-collection>\r\n </div>\r\n</mat-menu>\r\n", styles: [".tld-collection-menu-button .selected-collection{overflow:hidden;text-overflow:ellipsis;max-width:140px;display:inline-block}.selected-col-spinner{margin-left:5px}\n"] }]
|
|
6892
|
+
}], ctorParameters: function () { return [{ type: TerminologyService }]; }, propDecorators: { disabled: [{
|
|
6893
|
+
type: Input
|
|
6894
|
+
}] } });
|
|
6981
6895
|
|
|
6982
6896
|
class TldTermModule {
|
|
6983
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
6984
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
6897
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTermModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6898
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: TldTermModule, declarations: [TldTermCollectionComponent, TldTermCollectionListComponent, TldTermCreateCollectionDialogComponent, TldTermMenuComponent, CreateCollectionComponent], imports: [FormsModule,
|
|
6985
6899
|
CommonModule,
|
|
6986
6900
|
MaterialModule,
|
|
6987
6901
|
TranslateModule,
|
|
@@ -6994,7 +6908,7 @@ class TldTermModule {
|
|
|
6994
6908
|
ReactiveFormsModule,
|
|
6995
6909
|
CloseButtonModule,
|
|
6996
6910
|
DateAgoModule], exports: [TldTermMenuComponent, CreateCollectionComponent] });
|
|
6997
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.
|
|
6911
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTermModule, imports: [FormsModule,
|
|
6998
6912
|
CommonModule,
|
|
6999
6913
|
MaterialModule,
|
|
7000
6914
|
TranslateModule,
|
|
@@ -7008,10 +6922,10 @@ class TldTermModule {
|
|
|
7008
6922
|
CloseButtonModule,
|
|
7009
6923
|
DateAgoModule] });
|
|
7010
6924
|
}
|
|
7011
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
6925
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTermModule, decorators: [{
|
|
7012
6926
|
type: NgModule,
|
|
7013
6927
|
args: [{
|
|
7014
|
-
declarations: [TldTermCollectionComponent, TldTermCollectionListComponent, TldTermCreateCollectionDialogComponent, TldTermMenuComponent,
|
|
6928
|
+
declarations: [TldTermCollectionComponent, TldTermCollectionListComponent, TldTermCreateCollectionDialogComponent, TldTermMenuComponent, CreateCollectionComponent],
|
|
7015
6929
|
imports: [
|
|
7016
6930
|
FormsModule,
|
|
7017
6931
|
CommonModule,
|
|
@@ -7034,10 +6948,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
7034
6948
|
class EningeTermApiService {
|
|
7035
6949
|
http;
|
|
7036
6950
|
config;
|
|
7037
|
-
baseUrl
|
|
6951
|
+
baseUrl;
|
|
7038
6952
|
constructor(http, config) {
|
|
7039
6953
|
this.http = http;
|
|
7040
6954
|
this.config = config;
|
|
6955
|
+
this.baseUrl = this.config.termConfig.engineTermUrl;
|
|
7041
6956
|
}
|
|
7042
6957
|
add(engineId, params) {
|
|
7043
6958
|
var data = new FormData();
|
|
@@ -7069,10 +6984,10 @@ class EningeTermApiService {
|
|
|
7069
6984
|
sync(engineId, collectionId) {
|
|
7070
6985
|
return this.http.post(`${this.baseUrl}/${engineId}/terms/${collectionId}/sync`, {});
|
|
7071
6986
|
}
|
|
7072
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
7073
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
6987
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: EningeTermApiService, deps: [{ token: i1$3.HttpClient }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6988
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: EningeTermApiService, providedIn: 'root' });
|
|
7074
6989
|
}
|
|
7075
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
6990
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: EningeTermApiService, decorators: [{
|
|
7076
6991
|
type: Injectable,
|
|
7077
6992
|
args: [{
|
|
7078
6993
|
providedIn: 'root'
|
|
@@ -7192,10 +7107,10 @@ class ExtensionDialogComponent {
|
|
|
7192
7107
|
});
|
|
7193
7108
|
this.undescribedExtensions = extensions;
|
|
7194
7109
|
}
|
|
7195
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
7196
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
7110
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ExtensionDialogComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
7111
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: ExtensionDialogComponent, selector: "app-extension-dialog", ngImport: i0, template: "<div mat-dialog-content>\r\n <tld-close-button mat-dialog-close></tld-close-button>\r\n\r\n <header>\r\n <h1>{{'EXTENSION_POPUP.TITLE' | translate}}</h1>\r\n <p class=\"description\">{{'EXTENSION_POPUP.DESCRIPTION' | translate}}</p>\r\n </header>\r\n <div fxLayout=\"row\" fxLayout.lt-md=\"column\" [ngClass.lt-md]=\"'small-screen'\">\r\n <ng-container *ngFor=\"let category of config.elements\">\r\n <div *ngIf=\"category.anyVisible\" class=\"category\">\r\n <h2 class=\"category-title\">\r\n {{ 'EXTENSION_POPUP.' + category.category | translate }}\r\n </h2>\r\n <div fxLayout=\"row\">\r\n <div *ngFor=\"let column of category.columns\" class=\"extension-column\">\r\n <ul *ngIf=\"column.anyVisible\">\r\n <ng-container *ngFor=\"let extension of column.extensions\">\r\n <li *ngIf=\"extension.visible\" fxLayoutAlign=\"start center\">\r\n <mat-icon svgIcon=\"{{ extension.icon }}\" aria-hidden=\"false\"[attr.aria-label]=\"extension.extension\"></mat-icon>\r\n <span>{{ extension.extension }}</span>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n", styles: ["[mat-dialog-content]{position:relative}[mat-dialog-content] tld-close-button{position:absolute;right:1em;top:0}[mat-dialog-content] header{margin-bottom:1.5em;text-align:center}[mat-dialog-content] header h1{font-size:20px;font-weight:500;margin:0 0 .5em}[mat-dialog-content] header p{margin:0}[mat-dialog-content] ul{list-style-type:none;margin:0;padding:0}[mat-dialog-content] ul li+li{margin-top:.5em}[mat-dialog-content] .category-title{border-bottom:1px solid var(--base-70);font-size:.875em;font-weight:500;text-align:center;padding-bottom:.5em;line-height:1.25em}[mat-dialog-content] .extension-column{font-size:.875em;line-height:1.25em}[mat-dialog-content] .extension-column+.extension-column{margin-left:1em}[mat-dialog-content] :not(.small-screen) .category+.category{margin-left:3em}[mat-dialog-content] mat-icon{width:20px;height:20px}[mat-dialog-content] .description{font-size:.875em}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i5.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: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i12.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
7197
7112
|
}
|
|
7198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
7113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ExtensionDialogComponent, decorators: [{
|
|
7199
7114
|
type: Component,
|
|
7200
7115
|
args: [{ selector: 'app-extension-dialog', template: "<div mat-dialog-content>\r\n <tld-close-button mat-dialog-close></tld-close-button>\r\n\r\n <header>\r\n <h1>{{'EXTENSION_POPUP.TITLE' | translate}}</h1>\r\n <p class=\"description\">{{'EXTENSION_POPUP.DESCRIPTION' | translate}}</p>\r\n </header>\r\n <div fxLayout=\"row\" fxLayout.lt-md=\"column\" [ngClass.lt-md]=\"'small-screen'\">\r\n <ng-container *ngFor=\"let category of config.elements\">\r\n <div *ngIf=\"category.anyVisible\" class=\"category\">\r\n <h2 class=\"category-title\">\r\n {{ 'EXTENSION_POPUP.' + category.category | translate }}\r\n </h2>\r\n <div fxLayout=\"row\">\r\n <div *ngFor=\"let column of category.columns\" class=\"extension-column\">\r\n <ul *ngIf=\"column.anyVisible\">\r\n <ng-container *ngFor=\"let extension of column.extensions\">\r\n <li *ngIf=\"extension.visible\" fxLayoutAlign=\"start center\">\r\n <mat-icon svgIcon=\"{{ extension.icon }}\" aria-hidden=\"false\"[attr.aria-label]=\"extension.extension\"></mat-icon>\r\n <span>{{ extension.extension }}</span>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n", styles: ["[mat-dialog-content]{position:relative}[mat-dialog-content] tld-close-button{position:absolute;right:1em;top:0}[mat-dialog-content] header{margin-bottom:1.5em;text-align:center}[mat-dialog-content] header h1{font-size:20px;font-weight:500;margin:0 0 .5em}[mat-dialog-content] header p{margin:0}[mat-dialog-content] ul{list-style-type:none;margin:0;padding:0}[mat-dialog-content] ul li+li{margin-top:.5em}[mat-dialog-content] .category-title{border-bottom:1px solid var(--base-70);font-size:.875em;font-weight:500;text-align:center;padding-bottom:.5em;line-height:1.25em}[mat-dialog-content] .extension-column{font-size:.875em;line-height:1.25em}[mat-dialog-content] .extension-column+.extension-column{margin-left:1em}[mat-dialog-content] :not(.small-screen) .category+.category{margin-left:3em}[mat-dialog-content] mat-icon{width:20px;height:20px}[mat-dialog-content] .description{font-size:.875em}\n"] }]
|
|
7201
7116
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
@@ -7212,10 +7127,10 @@ class ExtensionDialogService {
|
|
|
7212
7127
|
const data = { extensions };
|
|
7213
7128
|
this.dialog.open(ExtensionDialogComponent, { data });
|
|
7214
7129
|
}
|
|
7215
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
7216
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
7130
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ExtensionDialogService, deps: [{ token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
7131
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ExtensionDialogService, providedIn: 'root' });
|
|
7217
7132
|
}
|
|
7218
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
7133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ExtensionDialogService, decorators: [{
|
|
7219
7134
|
type: Injectable,
|
|
7220
7135
|
args: [{
|
|
7221
7136
|
providedIn: 'root'
|
|
@@ -7233,10 +7148,10 @@ class OpenExtensionDialogComponent {
|
|
|
7233
7148
|
open() {
|
|
7234
7149
|
this.service.open(this.extensions);
|
|
7235
7150
|
}
|
|
7236
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
7237
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
7151
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: OpenExtensionDialogComponent, deps: [{ token: ExtensionDialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7152
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: OpenExtensionDialogComponent, selector: "tld-open-extension-dialog", inputs: { extensions: "extensions" }, ngImport: i0, template: "<button class=\"open-extension-popup btn-as-link\" (click)=\"open()\">\r\n {{'EXTENSION_POPUP.OPEN' | translate}}\r\n</button>", styles: ["button.open-extension-popup{font-size:.875em}\n"], dependencies: [{ kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
7238
7153
|
}
|
|
7239
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
7154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: OpenExtensionDialogComponent, decorators: [{
|
|
7240
7155
|
type: Component,
|
|
7241
7156
|
args: [{ selector: 'tld-open-extension-dialog', template: "<button class=\"open-extension-popup btn-as-link\" (click)=\"open()\">\r\n {{'EXTENSION_POPUP.OPEN' | translate}}\r\n</button>", styles: ["button.open-extension-popup{font-size:.875em}\n"] }]
|
|
7242
7157
|
}], ctorParameters: function () { return [{ type: ExtensionDialogService }]; }, propDecorators: { extensions: [{
|
|
@@ -7244,8 +7159,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
7244
7159
|
}] } });
|
|
7245
7160
|
|
|
7246
7161
|
class ExtensionDialogModule {
|
|
7247
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
7248
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
7162
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ExtensionDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7163
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: ExtensionDialogModule, declarations: [ExtensionDialogComponent,
|
|
7249
7164
|
OpenExtensionDialogComponent], imports: [CommonModule,
|
|
7250
7165
|
MatButtonModule,
|
|
7251
7166
|
TranslateModule,
|
|
@@ -7253,7 +7168,7 @@ class ExtensionDialogModule {
|
|
|
7253
7168
|
FlexLayoutModule,
|
|
7254
7169
|
MatIconModule,
|
|
7255
7170
|
CloseButtonModule], exports: [OpenExtensionDialogComponent] });
|
|
7256
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.
|
|
7171
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ExtensionDialogModule, imports: [CommonModule,
|
|
7257
7172
|
MatButtonModule,
|
|
7258
7173
|
TranslateModule,
|
|
7259
7174
|
MatDialogModule,
|
|
@@ -7261,7 +7176,7 @@ class ExtensionDialogModule {
|
|
|
7261
7176
|
MatIconModule,
|
|
7262
7177
|
CloseButtonModule] });
|
|
7263
7178
|
}
|
|
7264
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
7179
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ExtensionDialogModule, decorators: [{
|
|
7265
7180
|
type: NgModule,
|
|
7266
7181
|
args: [{
|
|
7267
7182
|
declarations: [
|
|
@@ -7423,10 +7338,10 @@ class TldDictateComponent {
|
|
|
7423
7338
|
emitError(error) {
|
|
7424
7339
|
this.onError.emit(error);
|
|
7425
7340
|
}
|
|
7426
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
7427
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
7341
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldDictateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7342
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldDictateComponent, selector: "tld-dictate", inputs: { configuration: "configuration", language: "language" }, outputs: { result: "result", partialResult: "partialResult", isDictating: "isDictating", onError: "onError" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "canvasWrapper", first: true, predicate: ["canvasWrapper"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"!isRecording\">\r\n <button [disabled]=\"!hasAnyMicrophone\" mat-button mat-icon-button fxLayoutAlign=\"center center\"\r\n (click)=\"startRecording()\" color=\"accent\"\r\n [attr.aria-label]=\"(hasAnyMicrophone?'AUDIO.START':'AUDIO.MIC_NOT_FOUND') | translate\">\r\n <span class=\"material-icons\" *ngIf=\"hasAnyMicrophone\" color=\"accent\" [matTooltip]=\"'AUDIO.START' | translate\">\r\n mic\r\n </span>\r\n <span class=\"material-icons\" [matTooltip]=\"'AUDIO.MIC_NOT_FOUND' | translate\" *ngIf=\"!hasAnyMicrophone\">\r\n mic_off\r\n </span>\r\n </button>\r\n</ng-container>\r\n<ng-container *ngIf=\"isRecording\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start end\">\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\"\r\n [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 {{recordLength | date: 'mm:ss'}}\r\n </div>\r\n </div>\r\n <div fxFlex #canvasWrapper>\r\n <canvas [attr.width]=\"canvasWidth\" height=\"60\" [attr.id]=\"visualizataionId\"></canvas>\r\n </div>\r\n </div>\r\n</ng-container>", styles: ["button{border:1px solid rgba(0,0,0,.12);min-width:40px}#dictate-visualization{margin-left:1em}.tld-audio-timer{font-size:10px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
7428
7343
|
}
|
|
7429
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
7344
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldDictateComponent, decorators: [{
|
|
7430
7345
|
type: Component,
|
|
7431
7346
|
args: [{ selector: 'tld-dictate', template: "<ng-container *ngIf=\"!isRecording\">\r\n <button [disabled]=\"!hasAnyMicrophone\" mat-button mat-icon-button fxLayoutAlign=\"center center\"\r\n (click)=\"startRecording()\" color=\"accent\"\r\n [attr.aria-label]=\"(hasAnyMicrophone?'AUDIO.START':'AUDIO.MIC_NOT_FOUND') | translate\">\r\n <span class=\"material-icons\" *ngIf=\"hasAnyMicrophone\" color=\"accent\" [matTooltip]=\"'AUDIO.START' | translate\">\r\n mic\r\n </span>\r\n <span class=\"material-icons\" [matTooltip]=\"'AUDIO.MIC_NOT_FOUND' | translate\" *ngIf=\"!hasAnyMicrophone\">\r\n mic_off\r\n </span>\r\n </button>\r\n</ng-container>\r\n<ng-container *ngIf=\"isRecording\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"start end\">\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\"\r\n [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 {{recordLength | date: 'mm:ss'}}\r\n </div>\r\n </div>\r\n <div fxFlex #canvasWrapper>\r\n <canvas [attr.width]=\"canvasWidth\" height=\"60\" [attr.id]=\"visualizataionId\"></canvas>\r\n </div>\r\n </div>\r\n</ng-container>", styles: ["button{border:1px solid rgba(0,0,0,.12);min-width:40px}#dictate-visualization{margin-left:1em}.tld-audio-timer{font-size:10px}\n"] }]
|
|
7432
7347
|
}], ctorParameters: function () { return []; }, propDecorators: { onResize: [{
|
|
@@ -7558,10 +7473,10 @@ class AudioRecordService {
|
|
|
7558
7473
|
throwError(code) {
|
|
7559
7474
|
this._onError.next(code);
|
|
7560
7475
|
}
|
|
7561
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
7562
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
7476
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AudioRecordService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
7477
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AudioRecordService, providedIn: 'root' });
|
|
7563
7478
|
}
|
|
7564
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
7479
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AudioRecordService, decorators: [{
|
|
7565
7480
|
type: Injectable,
|
|
7566
7481
|
args: [{
|
|
7567
7482
|
providedIn: 'root'
|
|
@@ -7603,10 +7518,10 @@ class TldVoiceInputApiService {
|
|
|
7603
7518
|
transcription: response.transcription
|
|
7604
7519
|
};
|
|
7605
7520
|
}
|
|
7606
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
7607
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
7521
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldVoiceInputApiService, deps: [{ token: i1$3.HttpClient }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
7522
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldVoiceInputApiService, providedIn: 'root' });
|
|
7608
7523
|
}
|
|
7609
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
7524
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldVoiceInputApiService, decorators: [{
|
|
7610
7525
|
type: Injectable,
|
|
7611
7526
|
args: [{
|
|
7612
7527
|
providedIn: 'root'
|
|
@@ -7662,10 +7577,10 @@ class TldVoiceInputService {
|
|
|
7662
7577
|
}, this.timeoutMs);
|
|
7663
7578
|
}
|
|
7664
7579
|
}
|
|
7665
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
7666
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
7580
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldVoiceInputService, deps: [{ token: TldVoiceInputApiService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
7581
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldVoiceInputService, providedIn: 'root' });
|
|
7667
7582
|
}
|
|
7668
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
7583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldVoiceInputService, decorators: [{
|
|
7669
7584
|
type: Injectable,
|
|
7670
7585
|
args: [{
|
|
7671
7586
|
providedIn: 'root'
|
|
@@ -7743,10 +7658,10 @@ class TldRecordComponent {
|
|
|
7743
7658
|
}
|
|
7744
7659
|
});
|
|
7745
7660
|
}
|
|
7746
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
7747
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
7661
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldRecordComponent, deps: [{ token: AudioRecordService }, { token: TldSystemService }, { token: TldTranslateConfigService }, { token: TldVoiceInputService }, { token: TldAlertService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7662
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldRecordComponent, 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:10px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
7748
7663
|
}
|
|
7749
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
7664
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldRecordComponent, decorators: [{
|
|
7750
7665
|
type: Component,
|
|
7751
7666
|
args: [{ selector: 'tld-record', 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:10px}\n"] }]
|
|
7752
7667
|
}], ctorParameters: function () { return [{ type: AudioRecordService }, { type: TldSystemService }, { type: TldTranslateConfigService }, { type: TldVoiceInputService }, { type: TldAlertService }]; }, propDecorators: { record: [{
|
|
@@ -7754,21 +7669,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
7754
7669
|
}] } });
|
|
7755
7670
|
|
|
7756
7671
|
class TldAudioModule {
|
|
7757
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
7758
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
7672
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldAudioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7673
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: TldAudioModule, declarations: [TldRecordComponent, TldDictateComponent], imports: [CommonModule,
|
|
7759
7674
|
TranslateModule,
|
|
7760
7675
|
MatTooltipModule,
|
|
7761
7676
|
MatIconModule,
|
|
7762
7677
|
FlexLayoutModule,
|
|
7763
7678
|
MatButtonModule], exports: [TldRecordComponent, TldDictateComponent] });
|
|
7764
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.
|
|
7679
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldAudioModule, imports: [CommonModule,
|
|
7765
7680
|
TranslateModule,
|
|
7766
7681
|
MatTooltipModule,
|
|
7767
7682
|
MatIconModule,
|
|
7768
7683
|
FlexLayoutModule,
|
|
7769
7684
|
MatButtonModule] });
|
|
7770
7685
|
}
|
|
7771
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
7686
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldAudioModule, decorators: [{
|
|
7772
7687
|
type: NgModule,
|
|
7773
7688
|
args: [{
|
|
7774
7689
|
declarations: [TldRecordComponent, TldDictateComponent],
|
|
@@ -7890,10 +7805,10 @@ class HighlightTreeComponent {
|
|
|
7890
7805
|
}
|
|
7891
7806
|
return null;
|
|
7892
7807
|
}
|
|
7893
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
7894
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
7808
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: HighlightTreeComponent, deps: [{ token: TldHighlightService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7809
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: HighlightTreeComponent, selector: "tld-highlight-tree", inputs: { tree: "tree", isSource: "isSource", correctionsEnabled: "correctionsEnabled", highlight: "highlight", gramCheck: "gramCheck", selectSentence: "selectSentence" }, outputs: { onReplace: "onReplace" }, ngImport: i0, template: "<ng-template #highlightTree let-tree=\"tree\">\r\n <ng-container *ngIf=\"!tree.children\">\r\n <ng-container *ngIf=\"tree.text\">\r\n <ng-container *ngIf=\"tree.grammarMeta && gramCheck\">\r\n <mat-menu #menu=\"matMenu\" class=\"grammar-check-menu\">\r\n <div class=\"title\">\r\n {{'GRAMMAR_CHECK_MENU.TITLE' | translate}}\r\n </div>\r\n <div *ngFor=\"let replacement of tree.grammarMeta.replacements\">\r\n <button mat-button color=\"accent\" (click)=\"replace(tree, replacement)\">\r\n {{replacement}}\r\n </button>\r\n </div>\r\n </mat-menu>\r\n <span #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\" class=\"{{tree.class}}\"\r\n [innerHTML]=\"tree.text\" (mouseenter)=\"mouseEnter($event)\" (click)=\"gramCheckMenu(tree, menuTrigger)\"\r\n (mouseleave)=\"mouseLeave($event)\"></span>\r\n\r\n </ng-container>\r\n <ng-container *ngIf=\"!(tree.grammarMeta && gramCheck)\">\r\n <span class=\"{{tree.class}}\" [innerHTML]=\"tree.text\" (mouseenter)=\"mouseEnter($event)\"\r\n (mouseleave)=\"mouseLeave($event)\"></span>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"!tree.text\">\r\n <br>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"tree.children\">\r\n <span [ngClass]=\"{'selected-sentence': isSelectedSentence(tree)}\" class=\"highlight-tree-child-wrapper {{tree.class}}\"\r\n (mouseenter)=\"mouseEnter($event)\" (mouseleave)=\"mouseLeave($event)\" (click)=\"parentClick(tree)\">\r\n <ng-template ngFor let-child [ngForOf]=\"tree.children\">\r\n <ng-template [ngTemplateOutlet]=\"highlightTree\" [ngTemplateOutletContext]=\"{ tree: child }\">\r\n </ng-template>\r\n </ng-template>\r\n </span>\r\n </ng-container>\r\n</ng-template>\r\n\r\n\r\n\r\n<div *ngIf=\"tree\" class=\"tld-highlight-tree\">\r\n <ng-template [ngTemplateOutlet]=\"highlightTree\" [ngTemplateOutletContext]=\"{ tree: tree }\"></ng-template>\r\n</div>", styles: ["span{white-space:pre-wrap}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i5.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.TranslatePipe, name: "translate" }] });
|
|
7895
7810
|
}
|
|
7896
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
7811
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: HighlightTreeComponent, decorators: [{
|
|
7897
7812
|
type: Component,
|
|
7898
7813
|
args: [{ selector: 'tld-highlight-tree', template: "<ng-template #highlightTree let-tree=\"tree\">\r\n <ng-container *ngIf=\"!tree.children\">\r\n <ng-container *ngIf=\"tree.text\">\r\n <ng-container *ngIf=\"tree.grammarMeta && gramCheck\">\r\n <mat-menu #menu=\"matMenu\" class=\"grammar-check-menu\">\r\n <div class=\"title\">\r\n {{'GRAMMAR_CHECK_MENU.TITLE' | translate}}\r\n </div>\r\n <div *ngFor=\"let replacement of tree.grammarMeta.replacements\">\r\n <button mat-button color=\"accent\" (click)=\"replace(tree, replacement)\">\r\n {{replacement}}\r\n </button>\r\n </div>\r\n </mat-menu>\r\n <span #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\" class=\"{{tree.class}}\"\r\n [innerHTML]=\"tree.text\" (mouseenter)=\"mouseEnter($event)\" (click)=\"gramCheckMenu(tree, menuTrigger)\"\r\n (mouseleave)=\"mouseLeave($event)\"></span>\r\n\r\n </ng-container>\r\n <ng-container *ngIf=\"!(tree.grammarMeta && gramCheck)\">\r\n <span class=\"{{tree.class}}\" [innerHTML]=\"tree.text\" (mouseenter)=\"mouseEnter($event)\"\r\n (mouseleave)=\"mouseLeave($event)\"></span>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"!tree.text\">\r\n <br>\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngIf=\"tree.children\">\r\n <span [ngClass]=\"{'selected-sentence': isSelectedSentence(tree)}\" class=\"highlight-tree-child-wrapper {{tree.class}}\"\r\n (mouseenter)=\"mouseEnter($event)\" (mouseleave)=\"mouseLeave($event)\" (click)=\"parentClick(tree)\">\r\n <ng-template ngFor let-child [ngForOf]=\"tree.children\">\r\n <ng-template [ngTemplateOutlet]=\"highlightTree\" [ngTemplateOutletContext]=\"{ tree: child }\">\r\n </ng-template>\r\n </ng-template>\r\n </span>\r\n </ng-container>\r\n</ng-template>\r\n\r\n\r\n\r\n<div *ngIf=\"tree\" class=\"tld-highlight-tree\">\r\n <ng-template [ngTemplateOutlet]=\"highlightTree\" [ngTemplateOutletContext]=\"{ tree: tree }\"></ng-template>\r\n</div>", styles: ["span{white-space:pre-wrap}\n"] }]
|
|
7899
7814
|
}], ctorParameters: function () { return [{ type: TldHighlightService }]; }, propDecorators: { tree: [{
|
|
@@ -7932,10 +7847,10 @@ class ProgressIndicatorComponent {
|
|
|
7932
7847
|
close() {
|
|
7933
7848
|
this.onClose.next(null);
|
|
7934
7849
|
}
|
|
7935
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
7936
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
7850
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ProgressIndicatorComponent, deps: [{ token: TldSystemService }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7851
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: ProgressIndicatorComponent, selector: "progress-indicator", outputs: { onClose: "onClose" }, ngImport: i0, template: "<div fxLayout=\"row\">\r\n <div fxFlex>\r\n <vendor-disclaimer *ngIf=\"showTitle\"></vendor-disclaimer>\r\n <mat-progress-bar mode=\"indeterminate\" color=\"accent\"></mat-progress-bar>\r\n <div class=\"text-s status\">{{\"TEXT_TRANSLATION_PROGRESS_INDICATOR.TRANSLATING\" | translate}}</div>\r\n </div>\r\n <div fxLayoutAlign=\"center center\">\r\n <tld-close-button (tldClick)=\"close()\" [tooltip]=\"closeButtonTooltip\" [ariaCode]=\"closeButtonAriaLabel\"></tld-close-button>\r\n </div>\r\n</div>\r\n", styles: [":host{display:block;width:100%}:host .status{color:var(--base-40)}:host .material-icons{vertical-align:middle;margin-left:.5rem;color:var(--base-40)}:host mat-progress-bar{margin-top:.375rem;margin-bottom:.375rem}:host mat-progress-bar ::ng-deep .mat-progress-bar-primary{display:none}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i11.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.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: i12.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "component", type: VendorDisclaimerComponent, selector: "vendor-disclaimer" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
7937
7852
|
}
|
|
7938
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
7853
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
|
|
7939
7854
|
type: Component,
|
|
7940
7855
|
args: [{ selector: 'progress-indicator', template: "<div fxLayout=\"row\">\r\n <div fxFlex>\r\n <vendor-disclaimer *ngIf=\"showTitle\"></vendor-disclaimer>\r\n <mat-progress-bar mode=\"indeterminate\" color=\"accent\"></mat-progress-bar>\r\n <div class=\"text-s status\">{{\"TEXT_TRANSLATION_PROGRESS_INDICATOR.TRANSLATING\" | translate}}</div>\r\n </div>\r\n <div fxLayoutAlign=\"center center\">\r\n <tld-close-button (tldClick)=\"close()\" [tooltip]=\"closeButtonTooltip\" [ariaCode]=\"closeButtonAriaLabel\"></tld-close-button>\r\n </div>\r\n</div>\r\n", styles: [":host{display:block;width:100%}:host .status{color:var(--base-40)}:host .material-icons{vertical-align:middle;margin-left:.5rem;color:var(--base-40)}:host mat-progress-bar{margin-top:.375rem;margin-bottom:.375rem}:host mat-progress-bar ::ng-deep .mat-progress-bar-primary{display:none}\n"] }]
|
|
7941
7856
|
}], ctorParameters: function () { return [{ type: TldSystemService }, { type: TldTranslateConfigService }]; }, propDecorators: { onClose: [{
|
|
@@ -8029,10 +7944,10 @@ class TldScrollService {
|
|
|
8029
7944
|
}
|
|
8030
7945
|
});
|
|
8031
7946
|
}
|
|
8032
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
8033
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
7947
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldScrollService, deps: [{ token: i1$4.ScrollDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
7948
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldScrollService, providedIn: 'root' });
|
|
8034
7949
|
}
|
|
8035
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
7950
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldScrollService, decorators: [{
|
|
8036
7951
|
type: Injectable,
|
|
8037
7952
|
args: [{
|
|
8038
7953
|
providedIn: 'root'
|
|
@@ -8418,10 +8333,10 @@ class TldTranslateTextService {
|
|
|
8418
8333
|
}
|
|
8419
8334
|
return null;
|
|
8420
8335
|
}
|
|
8421
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
8422
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
8336
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextService, deps: [{ token: TEXT_API_SERVICE_TOKEN }, { token: TldSystemService }, { token: TldScrollService }, { token: TldTranslateConfigService }, { token: i1$1.TranslateService }, { token: TldHighlightService }, { token: TldAlertService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
8337
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextService, providedIn: 'root' });
|
|
8423
8338
|
}
|
|
8424
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
8339
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextService, decorators: [{
|
|
8425
8340
|
type: Injectable,
|
|
8426
8341
|
args: [{
|
|
8427
8342
|
providedIn: 'root'
|
|
@@ -8557,10 +8472,10 @@ class TextareaWithBackgroundComponent {
|
|
|
8557
8472
|
});
|
|
8558
8473
|
element.dispatchEvent(ev);
|
|
8559
8474
|
};
|
|
8560
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
8561
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
8475
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TextareaWithBackgroundComponent, deps: [{ token: TldAlertService }, { token: TldTranslateTextService }], target: i0.ɵɵFactoryTarget.Component });
|
|
8476
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TextareaWithBackgroundComponent, selector: "tld-textarea-with-background", inputs: { maxCharLength: "maxCharLength", autoFocuss: "autoFocuss", highlightTree: "highlightTree", highlight: "highlight", gramCheck: "gramCheck", textareaDisabled: "textareaDisabled" }, viewQueries: [{ propertyName: "sourceInput", first: true, predicate: ["sourceInput"], descendants: true }, { propertyName: "treeWrapper", first: true, predicate: ["treeWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"textarea-with-background\">\r\n <textarea [disabled]=\"textareaDisabled\" cdkScrollable (paste)=\"onPaste($event)\" matInput [(ngModel)]=\"sourceText\" #sourceInput fxFlex\r\n spellcheck=\"false\" (mousemove)=\"onTextAreaMouseMove($event)\" [attr.maxLength]=\"maxCharLength? maxCharLength: null\"\r\n [attr.aria-label]=\"'TLD_TRANSLATE.SOURCE_TOOLTIP' | translate\" (click)=\"textareaClick($event)\"></textarea>\r\n <div class=\"{{wrapperClass}}\" *ngIf=\"gramCheck || highlight\" cdkScrollable #treeWrapper>\r\n <div class=\"textarea-highlight-backround-inner\" cdkScrollable>\r\n <div *ngFor=\"let paragraph of highlightTree\">\r\n <tld-highlight-tree [isSource]=\"true\" [tree]=\"paragraph\" [highlight]=\"highlight\" [gramCheck]=\"gramCheck\"\r\n (onReplace)=\"replace($event)\"></tld-highlight-tree>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".textarea-with-background{position:relative}.textarea-with-background .textarea-highlight-background{position:absolute;color:transparent}.textarea-with-background textarea{resize:none!important;z-index:1;caret-color:#000!important}.textarea-with-background textarea,.textarea-with-background .textarea-highlight-backround-inner{padding:1em!important}.textarea-with-background .textarea-highlight-backround-inner{max-width:calc(100% - 2em);width:calc(100% - 2em);min-width:calc(100% - 2em);min-height:calc(100% - 2em);max-height:calc(100% - 2em);height:calc(100% - 2em);overflow-y:auto}.textarea-with-background,.textarea-highlight-background{width:100%;max-width:100%;min-width:100%;min-height:100%;max-height:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i2$2.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: 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: HighlightTreeComponent, selector: "tld-highlight-tree", inputs: ["tree", "isSource", "correctionsEnabled", "highlight", "gramCheck", "selectSentence"], outputs: ["onReplace"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
8562
8477
|
}
|
|
8563
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
8478
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TextareaWithBackgroundComponent, decorators: [{
|
|
8564
8479
|
type: Component,
|
|
8565
8480
|
args: [{ selector: 'tld-textarea-with-background', template: "<div class=\"textarea-with-background\">\r\n <textarea [disabled]=\"textareaDisabled\" cdkScrollable (paste)=\"onPaste($event)\" matInput [(ngModel)]=\"sourceText\" #sourceInput fxFlex\r\n spellcheck=\"false\" (mousemove)=\"onTextAreaMouseMove($event)\" [attr.maxLength]=\"maxCharLength? maxCharLength: null\"\r\n [attr.aria-label]=\"'TLD_TRANSLATE.SOURCE_TOOLTIP' | translate\" (click)=\"textareaClick($event)\"></textarea>\r\n <div class=\"{{wrapperClass}}\" *ngIf=\"gramCheck || highlight\" cdkScrollable #treeWrapper>\r\n <div class=\"textarea-highlight-backround-inner\" cdkScrollable>\r\n <div *ngFor=\"let paragraph of highlightTree\">\r\n <tld-highlight-tree [isSource]=\"true\" [tree]=\"paragraph\" [highlight]=\"highlight\" [gramCheck]=\"gramCheck\"\r\n (onReplace)=\"replace($event)\"></tld-highlight-tree>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".textarea-with-background{position:relative}.textarea-with-background .textarea-highlight-background{position:absolute;color:transparent}.textarea-with-background textarea{resize:none!important;z-index:1;caret-color:#000!important}.textarea-with-background textarea,.textarea-with-background .textarea-highlight-backround-inner{padding:1em!important}.textarea-with-background .textarea-highlight-backround-inner{max-width:calc(100% - 2em);width:calc(100% - 2em);min-width:calc(100% - 2em);min-height:calc(100% - 2em);max-height:calc(100% - 2em);height:calc(100% - 2em);overflow-y:auto}.textarea-with-background,.textarea-highlight-background{width:100%;max-width:100%;min-width:100%;min-height:100%;max-height:100%;height:100%}\n"] }]
|
|
8566
8481
|
}], ctorParameters: function () { return [{ type: TldAlertService }, { type: TldTranslateTextService }]; }, propDecorators: { sourceInput: [{
|
|
@@ -8629,10 +8544,10 @@ class TldDictionaryComponent {
|
|
|
8629
8544
|
return result;
|
|
8630
8545
|
}, {});
|
|
8631
8546
|
}
|
|
8632
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
8633
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
8547
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldDictionaryComponent, deps: [{ token: TldTranslateTextService }, { token: TldSystemService }], target: i0.ɵɵFactoryTarget.Component });
|
|
8548
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldDictionaryComponent, selector: "tld-dictionary", inputs: { dictionary: "dictionary" }, ngImport: i0, template: "<div fxFlex fxLayout=\"column\" class=\"dictionary-area\" [class.dictionary-with-sources]=\"dictionaryWithSources\">\r\n <div fxFlex fxLayout=\"column\">\r\n <div class=\"dictionary-target-word\">{{targetWord}}</div>\r\n\r\n <ng-container *ngIf=\"!dictionaryWithSources\">\r\n <div fxFxlex fxLayout=\"column\" *ngFor=\"let grouped of translationsByType | keyvalue\">\r\n <div class=\"dictionary-word-type\">{{'TLD_TRANSLATE.WORD_TYPE_'+grouped.key | uppercase | translate}}</div>\r\n <table>\r\n <tr *ngFor=\"let translation of grouped.value\">\r\n <td *ngIf=\"translation.probability\" class=\"fit-width\">\r\n <span class=\"probability-outline\">\r\n <span class=\"probability-inline\" [style.width]=\"translation.probability*100+'%'\"></span>\r\n </span>\r\n </td>\r\n <td class=\"fit-width dictionary-target\" [class.clickable]=\"canSwapLanguages\"\r\n (click)=\"translationClick(translation.target_word, true)\">\r\n {{translation.target_word}}\r\n </td>\r\n <td>\r\n <span *ngFor=\"let reverse of translation.reverse_translations; let i = index\">\r\n <span (click)=\"translationClick(reverse, false)\"\r\n class=\"clickable reverse-translations\">{{reverse}}</span><span\r\n *ngIf=\"i!==translation.reverse_translations.length-1\">, </span>\r\n </span>\r\n </td>\r\n </tr>\r\n </table>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"dictionaryWithSources\">\r\n <div fxFxlex fxLayout=\"column\" *ngFor=\"let grouped of translationsBySource\">\r\n <table>\r\n <tr *ngFor=\"let translation of grouped[1]\">\r\n <td class=\"dictionary-target\" [class.clickable]=\"canSwapLanguages\"\r\n (click)=\"translationClick(translation.target_word, true)\">\r\n {{translation.target_word}}\r\n </td>\r\n </tr>\r\n </table>\r\n <div class=\"dictionary-word-source\">\r\n {{ grouped[0]}}\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div fxLayout=\"column\" *ngIf=\"dictionary.examples?.length>0\">\r\n <p class=\"dictionary-examples-title\">\r\n {{'TLD_TRANSLATE.DICTIONARY_EXAMPLES' | translate}}\r\n </p>\r\n <div *ngFor=\"let example of dictionary.examples\" fxLayout=\"column\" class=\"dictionary-example-pair\">\r\n <p [innerHTML]=\"example.source\" class=\"dictionary-example\">\r\n </p>\r\n <p [innerHTML]=\"example.target\" class=\"dictionary-example\">\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".dictionary-target-word{font-size:16px;font-weight:500}.dictionary-area{padding:1em;overflow-y:auto}.dictionary-area .clickable:hover{text-decoration:underline;cursor:pointer}.reverse-translations{font-size:14px;vertical-align:text-bottom}.dictionary-word-type{margin:2em 0 .5em;font-style:italic;font-size:13px}.dictionary-word-source{margin:.5em 0 2em;font-size:13px;color:#5a6672}.dictionary-examples-title{margin:2em 0 .5em;font-style:italic}.dictionary-example-pair+.dictionary-example-pair{margin-top:2em}.dictionary-example{color:#9aa5b1;margin-top:.5em;margin-bottom:0}.reverse-translations-wrapper{align-items:baseline}.probability-inline,.probability-outline{display:block;border-radius:3px}.probability-outline{height:10px;width:20px;border:1px #9aa5b1 solid;padding:1px}.probability-inline{background-color:#5a6672;height:100%}td.fit-width{width:1%;white-space:nowrap;padding-right:10px}.dictionary-with-sources .dictionary-target-word{margin-bottom:1em}.dictionary-with-sources .dictionary-target{padding-top:.25em}.dictionary-target{color:#5a6672;font-size:14px;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.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: "pipe", type: i3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i3.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
8634
8549
|
}
|
|
8635
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
8550
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldDictionaryComponent, decorators: [{
|
|
8636
8551
|
type: Component,
|
|
8637
8552
|
args: [{ selector: 'tld-dictionary', template: "<div fxFlex fxLayout=\"column\" class=\"dictionary-area\" [class.dictionary-with-sources]=\"dictionaryWithSources\">\r\n <div fxFlex fxLayout=\"column\">\r\n <div class=\"dictionary-target-word\">{{targetWord}}</div>\r\n\r\n <ng-container *ngIf=\"!dictionaryWithSources\">\r\n <div fxFxlex fxLayout=\"column\" *ngFor=\"let grouped of translationsByType | keyvalue\">\r\n <div class=\"dictionary-word-type\">{{'TLD_TRANSLATE.WORD_TYPE_'+grouped.key | uppercase | translate}}</div>\r\n <table>\r\n <tr *ngFor=\"let translation of grouped.value\">\r\n <td *ngIf=\"translation.probability\" class=\"fit-width\">\r\n <span class=\"probability-outline\">\r\n <span class=\"probability-inline\" [style.width]=\"translation.probability*100+'%'\"></span>\r\n </span>\r\n </td>\r\n <td class=\"fit-width dictionary-target\" [class.clickable]=\"canSwapLanguages\"\r\n (click)=\"translationClick(translation.target_word, true)\">\r\n {{translation.target_word}}\r\n </td>\r\n <td>\r\n <span *ngFor=\"let reverse of translation.reverse_translations; let i = index\">\r\n <span (click)=\"translationClick(reverse, false)\"\r\n class=\"clickable reverse-translations\">{{reverse}}</span><span\r\n *ngIf=\"i!==translation.reverse_translations.length-1\">, </span>\r\n </span>\r\n </td>\r\n </tr>\r\n </table>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"dictionaryWithSources\">\r\n <div fxFxlex fxLayout=\"column\" *ngFor=\"let grouped of translationsBySource\">\r\n <table>\r\n <tr *ngFor=\"let translation of grouped[1]\">\r\n <td class=\"dictionary-target\" [class.clickable]=\"canSwapLanguages\"\r\n (click)=\"translationClick(translation.target_word, true)\">\r\n {{translation.target_word}}\r\n </td>\r\n </tr>\r\n </table>\r\n <div class=\"dictionary-word-source\">\r\n {{ grouped[0]}}\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div fxLayout=\"column\" *ngIf=\"dictionary.examples?.length>0\">\r\n <p class=\"dictionary-examples-title\">\r\n {{'TLD_TRANSLATE.DICTIONARY_EXAMPLES' | translate}}\r\n </p>\r\n <div *ngFor=\"let example of dictionary.examples\" fxLayout=\"column\" class=\"dictionary-example-pair\">\r\n <p [innerHTML]=\"example.source\" class=\"dictionary-example\">\r\n </p>\r\n <p [innerHTML]=\"example.target\" class=\"dictionary-example\">\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".dictionary-target-word{font-size:16px;font-weight:500}.dictionary-area{padding:1em;overflow-y:auto}.dictionary-area .clickable:hover{text-decoration:underline;cursor:pointer}.reverse-translations{font-size:14px;vertical-align:text-bottom}.dictionary-word-type{margin:2em 0 .5em;font-style:italic;font-size:13px}.dictionary-word-source{margin:.5em 0 2em;font-size:13px;color:#5a6672}.dictionary-examples-title{margin:2em 0 .5em;font-style:italic}.dictionary-example-pair+.dictionary-example-pair{margin-top:2em}.dictionary-example{color:#9aa5b1;margin-top:.5em;margin-bottom:0}.reverse-translations-wrapper{align-items:baseline}.probability-inline,.probability-outline{display:block;border-radius:3px}.probability-outline{height:10px;width:20px;border:1px #9aa5b1 solid;padding:1px}.probability-inline{background-color:#5a6672;height:100%}td.fit-width{width:1%;white-space:nowrap;padding-right:10px}.dictionary-with-sources .dictionary-target-word{margin-bottom:1em}.dictionary-with-sources .dictionary-target{padding-top:.25em}.dictionary-target{color:#5a6672;font-size:14px;font-weight:500}\n"] }]
|
|
8638
8553
|
}], ctorParameters: function () { return [{ type: TldTranslateTextService }, { type: TldSystemService }]; }, propDecorators: { dictionary: [{
|
|
@@ -8695,10 +8610,10 @@ class TldTranslateSourceComponent {
|
|
|
8695
8610
|
this.acceptedTypesString = this.allowedFileTypes.join(", ").replace(/\./g, '');
|
|
8696
8611
|
this.extendedFileTypesString = this.extendedFileTypes.join(", ").replace(/\./g, '');
|
|
8697
8612
|
}
|
|
8698
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
8699
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
8613
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateSourceComponent, deps: [{ token: TldTranslateConfigService }, { token: TldTranslateTextService }], target: i0.ɵɵFactoryTarget.Component });
|
|
8614
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateSourceComponent, selector: "tld-translate-source", inputs: { textareaDisabled: "textareaDisabled", sourceParagraphs: "sourceParagraphs" }, ngImport: i0, template: "<div class=\"tld-translate-source-wrapper\" fxFlex fxLayout=\"column\">\r\n <div class=\"source-input-wrapper\" fxFlex>\r\n <tld-textarea-with-background *ngIf=\"!isDictating\" [textareaDisabled]=\"textareaDisabled\" [highlight]=\"highlight\"\r\n [autoFocuss]=\"autoFocuss\" [highlightTree]=\"sourceParagraphs\" [gramCheck]=\"gramCheck\" fxFlex\r\n [maxCharLength]=\"maxCharLength\"></tld-textarea-with-background>\r\n <div *ngIf=\"isDictating\" class=\"asr-result-wrapper\">\r\n <span class=\"asr-result\">\r\n {{sourceText}}\r\n </span>\r\n <span class=\"asr-hypothesis\">\r\n {{sourceTextHypothesis}}\r\n </span>\r\n </div>\r\n </div>\r\n <div fxLayout=\"column\" fxFlex *ngIf=\"showPlaceHolder\" class=\"description-text tld-trg-placeholder\">\r\n <div fxFlex>\r\n <p\r\n [innerHtml]=\"(webTranslation?'TLD_TRANSLATE.SOURCE_TOOLTIP':'TLD_TRANSLATE.SOURCE_TOOLTIP_ONLY_TEXT') | translate: {appName: appName}\">\r\n </p>\r\n <ng-container *ngIf=\"showSensitiveInfoTooltip\">\r\n <br fxHide.xs />\r\n <p>{{'TLD_TRANSLATE.SOURCE_TOOLTIP_SENSITIVE_INFO' | translate: {appName: appName} }}</p>\r\n </ng-container>\r\n </div>\r\n\r\n <div *ngIf=\"showExtensions\" class=\"extension-container\">\r\n <ng-container *ngIf=\"!isAuth\">\r\n <p class=\"description-smaller\">\r\n <span>{{'TLD_TRANSLATE.SOURCE_FORMATS' | translate: { formats:acceptedTypesString, limit:wordLimit, appName:\r\n appName} }}</span>\r\n <span *ngIf=\"!showExtensionsUnauthOnly\">{{'TLD_TRANSLATE.SOURCE_WORD_LIMIT' | translate: {\r\n formats:acceptedTypesString, limit:wordLimit, appName: appName} }}</span>\r\n </p>\r\n\r\n <ng-container *ngIf=\"!showExtensionsUnauthOnly\">\r\n <br fxHide.xs />\r\n <p class=\"description-smaller\" *ngIf=\" !isAuth\"\r\n [innerHtml]=\"'TLD_TRANSLATE.REGISTERED_FORMATS' | translate: { formats:extendedFileTypesString, limit:wordLimit, registerLink:registerLink, appName: appName }\">\r\n </ng-container>\r\n </ng-container>\r\n\r\n <p class=\"description-smaller\" *ngIf=\"isAuth\"\r\n [innerHtml]=\"'TLD_TRANSLATE.REGISTERED_FORMATS_LOGGED_IN' | translate: { formats:extendedFileTypesString, limit:wordLimit, registerLink:registerLink, appName: appName }\">\r\n </p>\r\n </div>\r\n </div>\r\n</div>", styles: ["textarea{resize:none!important;outline:none;border:none;font-size:1em;z-index:1;background-color:transparent;font-family:Inter,sans-serif;padding:0;line-height:1.5;word-break:break-word;padding:1em!important;caret-color:#000!important}.tld-translate-source-wrapper{position:relative;cursor:text}.source-input-wrapper{position:relative}.tld-trg-placeholder{padding:1em 1em 0;position:absolute;height:100%;width:100%;font-size:1em}.tld-trg-placeholder p{margin:0}.extension-container{z-index:2}.asr-result-wrapper{margin:1em}.asr-result-wrapper .asr-hypothesis{color:gray}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.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: TextareaWithBackgroundComponent, selector: "tld-textarea-with-background", inputs: ["maxCharLength", "autoFocuss", "highlightTree", "highlight", "gramCheck", "textareaDisabled"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
8700
8615
|
}
|
|
8701
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
8616
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateSourceComponent, decorators: [{
|
|
8702
8617
|
type: Component,
|
|
8703
8618
|
args: [{ selector: 'tld-translate-source', template: "<div class=\"tld-translate-source-wrapper\" fxFlex fxLayout=\"column\">\r\n <div class=\"source-input-wrapper\" fxFlex>\r\n <tld-textarea-with-background *ngIf=\"!isDictating\" [textareaDisabled]=\"textareaDisabled\" [highlight]=\"highlight\"\r\n [autoFocuss]=\"autoFocuss\" [highlightTree]=\"sourceParagraphs\" [gramCheck]=\"gramCheck\" fxFlex\r\n [maxCharLength]=\"maxCharLength\"></tld-textarea-with-background>\r\n <div *ngIf=\"isDictating\" class=\"asr-result-wrapper\">\r\n <span class=\"asr-result\">\r\n {{sourceText}}\r\n </span>\r\n <span class=\"asr-hypothesis\">\r\n {{sourceTextHypothesis}}\r\n </span>\r\n </div>\r\n </div>\r\n <div fxLayout=\"column\" fxFlex *ngIf=\"showPlaceHolder\" class=\"description-text tld-trg-placeholder\">\r\n <div fxFlex>\r\n <p\r\n [innerHtml]=\"(webTranslation?'TLD_TRANSLATE.SOURCE_TOOLTIP':'TLD_TRANSLATE.SOURCE_TOOLTIP_ONLY_TEXT') | translate: {appName: appName}\">\r\n </p>\r\n <ng-container *ngIf=\"showSensitiveInfoTooltip\">\r\n <br fxHide.xs />\r\n <p>{{'TLD_TRANSLATE.SOURCE_TOOLTIP_SENSITIVE_INFO' | translate: {appName: appName} }}</p>\r\n </ng-container>\r\n </div>\r\n\r\n <div *ngIf=\"showExtensions\" class=\"extension-container\">\r\n <ng-container *ngIf=\"!isAuth\">\r\n <p class=\"description-smaller\">\r\n <span>{{'TLD_TRANSLATE.SOURCE_FORMATS' | translate: { formats:acceptedTypesString, limit:wordLimit, appName:\r\n appName} }}</span>\r\n <span *ngIf=\"!showExtensionsUnauthOnly\">{{'TLD_TRANSLATE.SOURCE_WORD_LIMIT' | translate: {\r\n formats:acceptedTypesString, limit:wordLimit, appName: appName} }}</span>\r\n </p>\r\n\r\n <ng-container *ngIf=\"!showExtensionsUnauthOnly\">\r\n <br fxHide.xs />\r\n <p class=\"description-smaller\" *ngIf=\" !isAuth\"\r\n [innerHtml]=\"'TLD_TRANSLATE.REGISTERED_FORMATS' | translate: { formats:extendedFileTypesString, limit:wordLimit, registerLink:registerLink, appName: appName }\">\r\n </ng-container>\r\n </ng-container>\r\n\r\n <p class=\"description-smaller\" *ngIf=\"isAuth\"\r\n [innerHtml]=\"'TLD_TRANSLATE.REGISTERED_FORMATS_LOGGED_IN' | translate: { formats:extendedFileTypesString, limit:wordLimit, registerLink:registerLink, appName: appName }\">\r\n </p>\r\n </div>\r\n </div>\r\n</div>", styles: ["textarea{resize:none!important;outline:none;border:none;font-size:1em;z-index:1;background-color:transparent;font-family:Inter,sans-serif;padding:0;line-height:1.5;word-break:break-word;padding:1em!important;caret-color:#000!important}.tld-translate-source-wrapper{position:relative;cursor:text}.source-input-wrapper{position:relative}.tld-trg-placeholder{padding:1em 1em 0;position:absolute;height:100%;width:100%;font-size:1em}.tld-trg-placeholder p{margin:0}.extension-container{z-index:2}.asr-result-wrapper{margin:1em}.asr-result-wrapper .asr-hypothesis{color:gray}\n"] }]
|
|
8704
8619
|
}], ctorParameters: function () { return [{ type: TldTranslateConfigService }, { type: TldTranslateTextService }]; }, propDecorators: { textareaDisabled: [{
|
|
@@ -8781,10 +8696,10 @@ class TldTranslateSuggestDialogComponent {
|
|
|
8781
8696
|
this.hasNext = this.translations[this.selectedIx + 1] ? true : false;
|
|
8782
8697
|
this.hasPrev = this.translations[this.selectedIx - 1] ? true : false;
|
|
8783
8698
|
}
|
|
8784
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
8785
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
8699
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateSuggestDialogComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: TldHighlightService }], target: i0.ɵɵFactoryTarget.Component });
|
|
8700
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateSuggestDialogComponent, selector: "tld-translate-suggest-dialog", ngImport: i0, template: "<mat-dialog-content [attr.source-language]=\"sourceLanguage\" [attr.target-language]=\"targetLanguage\">\r\n <tld-close-button [ariaCode]=\"closeDialogAreaCode\" class=\"close-button\" mat-dialog-close>\r\n </tld-close-button>\r\n\r\n <div fxLayout=\"column\">\r\n <label>{{'TLD_TRANSLATE.SUGGEST_ORIGINAL_LABEL' | translate}}</label>\r\n <p class=\"source-text\">{{source}}</p>\r\n </div>\r\n <div fxLayout=\"column\">\r\n <label>{{'TLD_TRANSLATE.SUGGEST_TRANSLATION_LABEL' | translate}}</label>\r\n <mat-form-field appearance=\"outline\">\r\n <textarea matInput class=\"translated-text\"\r\n [(ngModel)]=\"suggestion\"\r\n cdkTextareaAutosize\r\n #autosize=\"cdkTextareaAutosize\"\r\n cdkAutosizeMinRows=\"5\"\r\n aria-describedby=\"tld-suggest-translation-info\"></textarea>\r\n </mat-form-field>\r\n <div class=\"usage-info\" id=\"tld-suggest-translation-info\">{{'TLD_TRANSLATE.SUGGEST_USAGE_INFO' | translate}}</div>\r\n </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions fxLayoutAlign=\"center center\">\r\n <button mat-icon-button color=\"accent\" (click)=\"previous()\" *ngIf=\"hasPrev\" aria-label=\"previous sentence\">\u25C4</button>\r\n <button mat-flat-button color=\"accent\" (click)=\"submit()\">{{'TLD_TRANSLATE.SUGGEST_SUBMIT_BUTTON' | translate}}</button>\r\n <button mat-icon-button color=\"accent\" (click)=\"next()\" aria-label=\"next sentence\" *ngIf=\"hasNext\">\u25BA</button>\r\n</mat-dialog-actions>\r\n\r\n", styles: ["label{font-weight:700}textarea{caret-color:#000}.usage-info{color:#9aa5b1;font-size:.8em}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}mat-dialog-content{position:relative}.close-button{position:absolute;right:1em}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: 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: i12.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
8786
8701
|
}
|
|
8787
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
8702
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateSuggestDialogComponent, decorators: [{
|
|
8788
8703
|
type: Component,
|
|
8789
8704
|
args: [{ selector: 'tld-translate-suggest-dialog', template: "<mat-dialog-content [attr.source-language]=\"sourceLanguage\" [attr.target-language]=\"targetLanguage\">\r\n <tld-close-button [ariaCode]=\"closeDialogAreaCode\" class=\"close-button\" mat-dialog-close>\r\n </tld-close-button>\r\n\r\n <div fxLayout=\"column\">\r\n <label>{{'TLD_TRANSLATE.SUGGEST_ORIGINAL_LABEL' | translate}}</label>\r\n <p class=\"source-text\">{{source}}</p>\r\n </div>\r\n <div fxLayout=\"column\">\r\n <label>{{'TLD_TRANSLATE.SUGGEST_TRANSLATION_LABEL' | translate}}</label>\r\n <mat-form-field appearance=\"outline\">\r\n <textarea matInput class=\"translated-text\"\r\n [(ngModel)]=\"suggestion\"\r\n cdkTextareaAutosize\r\n #autosize=\"cdkTextareaAutosize\"\r\n cdkAutosizeMinRows=\"5\"\r\n aria-describedby=\"tld-suggest-translation-info\"></textarea>\r\n </mat-form-field>\r\n <div class=\"usage-info\" id=\"tld-suggest-translation-info\">{{'TLD_TRANSLATE.SUGGEST_USAGE_INFO' | translate}}</div>\r\n </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions fxLayoutAlign=\"center center\">\r\n <button mat-icon-button color=\"accent\" (click)=\"previous()\" *ngIf=\"hasPrev\" aria-label=\"previous sentence\">\u25C4</button>\r\n <button mat-flat-button color=\"accent\" (click)=\"submit()\">{{'TLD_TRANSLATE.SUGGEST_SUBMIT_BUTTON' | translate}}</button>\r\n <button mat-icon-button color=\"accent\" (click)=\"next()\" aria-label=\"next sentence\" *ngIf=\"hasNext\">\u25BA</button>\r\n</mat-dialog-actions>\r\n\r\n", styles: ["label{font-weight:700}textarea{caret-color:#000}.usage-info{color:#9aa5b1;font-size:.8em}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}mat-dialog-content{position:relative}.close-button{position:absolute;right:1em}\n"] }]
|
|
8790
8705
|
}], ctorParameters: function () { return [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
|
|
@@ -8830,10 +8745,10 @@ class TldTranslateSuggestComponent {
|
|
|
8830
8745
|
this.textService.updateTranslation(this.options, this.systemId, result.source, result.translation).subscribe();
|
|
8831
8746
|
});
|
|
8832
8747
|
}
|
|
8833
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
8834
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
8748
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateSuggestComponent, deps: [{ token: TldTranslateTextService }, { token: TldSystemService }, { token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
|
|
8749
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateSuggestComponent, selector: "tld-translate-suggest", inputs: { target: "target", source: "source", dictionary: "dictionary", systemId: "systemId", options: "options", selectedSentence: "selectedSentence" }, viewQueries: [{ propertyName: "suggestButton", first: true, predicate: ["suggestButton"], descendants: true }], ngImport: i0, template: "<div fxLayoutAlign=\"start center\">\r\n <button #suggestButton class=\"btn-as-link\" (click)=\"openDialog()\">{{'TLD_TRANSLATE.SUGGEST_BUTTON' |\r\n translate}}</button>\r\n</div>\r\n", styles: [".tld-suggest-button{padding:0 1em;cursor:pointer;color:#5577a9;font-size:1em;background-color:transparent;border:none;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
8835
8750
|
}
|
|
8836
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
8751
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateSuggestComponent, decorators: [{
|
|
8837
8752
|
type: Component,
|
|
8838
8753
|
args: [{ selector: 'tld-translate-suggest', template: "<div fxLayoutAlign=\"start center\">\r\n <button #suggestButton class=\"btn-as-link\" (click)=\"openDialog()\">{{'TLD_TRANSLATE.SUGGEST_BUTTON' |\r\n translate}}</button>\r\n</div>\r\n", styles: [".tld-suggest-button{padding:0 1em;cursor:pointer;color:#5577a9;font-size:1em;background-color:transparent;border:none;font-weight:500}\n"] }]
|
|
8839
8754
|
}], ctorParameters: function () { return [{ type: TldTranslateTextService }, { type: TldSystemService }, { type: i1$2.MatDialog }]; }, propDecorators: { suggestButton: [{
|
|
@@ -9096,10 +9011,10 @@ class TldTranslateTextComponent {
|
|
|
9096
9011
|
this.isMobile = state.matches;
|
|
9097
9012
|
});
|
|
9098
9013
|
}
|
|
9099
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
9100
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: TldTranslateTextComponent, selector: "tld-translate-text", inputs: { filePreviewProgress: "filePreviewProgress" }, outputs: { onFileChange: "onFileChange" }, viewQueries: [{ propertyName: "sourceComponent", first: true, predicate: ["sourceComponent"], 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 [textToSpeechSourceSettings]=\"textToSpeechSourceSettings\"\r\n [clearSourceVisible]=\"source?.length>0\" (onSourceClear)=\"clearSource()\" [hideAchievement]=\"hideAchievement\"\r\n [clearDisabled]=\"textareaDisabled\" [clearSourceTooltip]=\"'TLD_TRANSLATE.CLEAR_SOURCE_TOOLTIP'\"\r\n [ngClass]=\"{'highlight-active': highlight, 'gramcheck-active': gramCheck, 'empty-target': isEmptyTarget}\">\r\n <div sourceMain class=\"source-main\" fxLayout=\"column\">\r\n <tld-translate-source [textareaDisabled]=\"textareaDisabled\" #sourceComponent fxFlex\r\n [sourceParagraphs]=\"sourceParagraphs\"></tld-translate-source>\r\n </div>\r\n <ng-container sourceActions *ngIf=\"!hideSourceActions\">\r\n <div fxLayoutAlign=\"start center\" class=\"basic-padding\" fxLayoutGap=\"1em\">\r\n <ng-container *ngIf=\"audioInputVisible\">\r\n <tld-dictate [configuration]=\"dictateConfig\" [ngClass]=\"{'full-width' : !fileUpload}\"\r\n (isDictating)=\"dictateStartStop($event)\" (result)=\"dictateResult($event)\"\r\n (partialResult)=\"dictatePartialResult($event)\" (onError)=\"dictateError($event)\" [language]=\"sourceLanguage\">\r\n </tld-dictate>\r\n </ng-container>\r\n <div *ngIf=\"fileUpload\" class=\"file-upload-wrapper\">\r\n <tld-file-upload (fileChange)=\"fileChange($event)\" [accept]=\"allowedFileTypes\" [maxSize]=\"maxFileUploadSize\" [uploadIconName]=\"uploadIconName\"\r\n [extendedAcceptList]=\"extendedFileTypes\" [multiple]=\"multipleFiles\" (errorEvent)=\"fileUploadError($event)\"\r\n [filePreviewProgress]=\"filePreviewProgress\">\r\n <span class=\"upload-file-text\">\r\n <div fxLayout=\"row\">\r\n <span class=\"info text-l-semi-bold\">\r\n <span [innerHTML]=\"'FILE_UPLOAD.UPLOAD' | translate\" class=\"accent-color\"></span>\r\n <span> </span>\r\n <span [innerHTML]=\"'FILE_UPLOAD.DRAG_AND_DROP' | translate\" fxHide.lt-sm></span>\r\n <span [innerHTML]=\"'FILE_UPLOAD.'+ (multipleFiles? 'FILES' : 'FILE') | translate\"\r\n [ngClass.lt-sm]=\"'accent-color'\"></span>\r\n </span>\r\n </div>\r\n <div fxLayout=\"row\">\r\n <span class=\"file-upload-extensions text-m\"\r\n [innerHTML]=\"'FILE_UPLOAD.LIMITS' | translate: {maxSizeMB: maxSizeMB, visibleExtensions: visibleExtensions}\"></span>\r\n </div>\r\n </span>\r\n </tld-file-upload>\r\n <tld-open-extension-dialog *ngIf=\"showExtensionPopup\" [extensions]=\"allowedTypesWithoutDots\">\r\n </tld-open-extension-dialog>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div targetMain class=\"target-main\">\r\n <ng-container *ngIf=\"!hasDictionary; else dictionaryTargetBlock\">\r\n <ng-container *ngIf=\"isEmptyTarget; else translatedTextBlock\">\r\n <p *ngIf=\"showTargetPlaceholder\" class=\"description-text target-empty\"\r\n [innerHtml]=\"'TLD_TRANSLATE.TARGET_DESCRIPTION' | translate\">\r\n </p>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n\r\n <ng-container targetActions>\r\n <div class=\"tld-translate-target-footer basic-padding\" *ngIf=\"showSuggestions || showProgressIndicator\">\r\n <tld-translate-suggest *ngIf=\"showSuggestions\" [systemId]=\"systemId\" [target]=\"targetParagraphs\"\r\n [source]=\"sourceParagraphs\">\r\n </tld-translate-suggest>\r\n <progress-indicator (onClose)=\"closeProgressIndicator()\" *ngIf=\"showProgressIndicator\"></progress-indicator>\r\n </div>\r\n </ng-container>\r\n</tld-source-and-target-wrapper>\r\n\r\n\r\n<!-- templates used for else blocks in target container -->\r\n<ng-template #translatedTextBlock>\r\n <div class=\"translated-source\" [class.selectable-sentence]=\"showSuggestions\">\r\n <ng-container *ngIf=\"!urlToTranslate\">\r\n <div class=\"target-wrapper-action-buttons\">\r\n <button *ngIf=\"firstParagraphTranslated\" mat-icon-button class=\"tld-copy-translation\" (click)=\"copy()\"\r\n matTooltip=\"{{'TOOLTIPS.COPY' | translate}}\" [attr.aria-describedby]=\"copyMessageId\"\r\n (keydown.Tab)=\"switchFocusFromCopy($event)\" [attr.Id]=\"copyButtonId\">\r\n <span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\">\r\n content_copy\r\n </span>\r\n </button>\r\n <tld-text-to-speech *ngIf=\"textToSpeechTargetSettings\" [settings]=\"textToSpeechTargetSettings\">\r\n </tld-text-to-speech>\r\n </div>\r\n <div *ngFor=\"let paragraph of targetParagraphs\">\r\n <tld-highlight-tree [highlight]=\"highlight\" [tree]=\"paragraph\" [selectSentence]=\"showSuggestions\">\r\n </tld-highlight-tree>\r\n </div>\r\n </ng-container>\r\n <div *ngIf=\"urlToTranslate\" class=\"target-url-container\">\r\n <a [attr.href]=\"translateUrlRedirect\" target=\"_blank\" fxLayoutAlign=\"start center\" class=\"go-to-webtranslate\">\r\n {{urlToTranslate}}\r\n <span class=\"material-icons\" color=\"accent\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.OPEN_IN_NEW'\">\r\n open_in_new\r\n </span>\r\n </a>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #dictionaryTargetBlock>\r\n <div fxFlex fxLayout=\"column\" class=\"dictionary-wrapper\">\r\n <tld-dictionary fxFlex *ngFor=\"let dictionary of dictionaryEntry\" [dictionary]=\"dictionary\">\r\n </tld-dictionary>\r\n </div>\r\n</ng-template>\r\n", styles: [".go-to-webtranslate{word-break:break-all;display:inline}.basic-padding,.target-empty,.target-translated-text{padding:1em}.source-container{border-right:1px solid #cbd2d9;padding:0;overflow:auto}.target-description{margin-top:0}.target-container{position:relative}.translated-source{overflow-y:auto;overflow-x:hidden;flex:1 1 0!important;padding:1em}.translated-source.selectable-sentence{cursor:pointer}::ng-deep .target-highlight .tld-highlight-container{padding:1em}.target-wrapper-action-buttons{float:right}.target-wrapper-action-buttons .tld-copy-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{display:inline-block;text-align:left}.file-upload-wrapper{width:100%}.file-upload-wrapper .file-upload-extensions{font-weight:400}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i5.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: SourceAndTargetWrapperComponent, selector: "tld-source-and-target-wrapper", inputs: ["clearSourceVisible", "clearSourceTooltip", "clearDisabled", "hideAchievement", "textToSpeechSourceSettings"], outputs: ["onSourceClear"] }, { kind: "component", type: TldDictateComponent, selector: "tld-dictate", inputs: ["configuration", "language"], outputs: ["result", "partialResult", "isDictating", "onError"] }, { kind: "component", type: OpenExtensionDialogComponent, selector: "tld-open-extension-dialog", inputs: ["extensions"] }, { kind: "component", type: TextToSpeechComponent, selector: "tld-text-to-speech", inputs: ["settings"] }, { kind: "component", type: i12.FileUploadComponent, selector: "tld-file-upload", inputs: ["accept", "maxSize", "multiple", "filePreviewProgress", "allowEmpty", "disabled", "uploadIconName", "extendedAcceptList"], outputs: ["fileChange", "errorEvent"] }, { kind: "component", type: TldTranslateSourceComponent, selector: "tld-translate-source", inputs: ["textareaDisabled", "sourceParagraphs"] }, { kind: "component", type: TldTranslateSuggestComponent, selector: "tld-translate-suggest", inputs: ["target", "source", "dictionary", "systemId", "options", "selectedSentence"] }, { kind: "component", type: TldDictionaryComponent, selector: "tld-dictionary", inputs: ["dictionary"] }, { kind: "component", type: HighlightTreeComponent, selector: "tld-highlight-tree", inputs: ["tree", "isSource", "correctionsEnabled", "highlight", "gramCheck", "selectSentence"], outputs: ["onReplace"] }, { kind: "component", type: ProgressIndicatorComponent, selector: "progress-indicator", outputs: ["onClose"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
9014
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextComponent, deps: [{ token: TldTranslateTextService }, { token: i2$3.Clipboard }, { token: TldAlertService }, { token: TldTranslateConfigService }, { token: TldScrollService }, { token: TldSystemService }, { token: AudioRecordService }, { token: TldVoiceInputService }, { token: TldTranslateFileService }, { token: i8.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
9015
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateTextComponent, selector: "tld-translate-text", inputs: { filePreviewProgress: "filePreviewProgress" }, outputs: { onFileChange: "onFileChange" }, viewQueries: [{ propertyName: "sourceComponent", first: true, predicate: ["sourceComponent"], 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 [textToSpeechSourceSettings]=\"textToSpeechSourceSettings\"\r\n [clearSourceVisible]=\"source?.length>0\" (onSourceClear)=\"clearSource()\" [hideAchievement]=\"hideAchievement\"\r\n [clearDisabled]=\"textareaDisabled\" [clearSourceTooltip]=\"'TLD_TRANSLATE.CLEAR_SOURCE_TOOLTIP'\"\r\n [ngClass]=\"{'highlight-active': highlight, 'gramcheck-active': gramCheck, 'empty-target': isEmptyTarget}\">\r\n <div sourceMain class=\"source-main\" fxLayout=\"column\">\r\n <tld-translate-source [textareaDisabled]=\"textareaDisabled\" #sourceComponent fxFlex\r\n [sourceParagraphs]=\"sourceParagraphs\"></tld-translate-source>\r\n </div>\r\n <ng-container sourceActions *ngIf=\"!hideSourceActions\">\r\n <div fxLayoutAlign=\"start center\" class=\"basic-padding\" fxLayoutGap=\"1em\">\r\n <ng-container *ngIf=\"audioInputVisible\">\r\n <tld-dictate [configuration]=\"dictateConfig\" [ngClass]=\"{'full-width' : !fileUpload}\"\r\n (isDictating)=\"dictateStartStop($event)\" (result)=\"dictateResult($event)\"\r\n (partialResult)=\"dictatePartialResult($event)\" (onError)=\"dictateError($event)\" [language]=\"sourceLanguage\">\r\n </tld-dictate>\r\n </ng-container>\r\n <div *ngIf=\"fileUpload\" class=\"file-upload-wrapper\">\r\n <tld-file-upload (fileChange)=\"fileChange($event)\" [accept]=\"allowedFileTypes\" [maxSize]=\"maxFileUploadSize\" [uploadIconName]=\"uploadIconName\"\r\n [extendedAcceptList]=\"extendedFileTypes\" [multiple]=\"multipleFiles\" (errorEvent)=\"fileUploadError($event)\"\r\n [filePreviewProgress]=\"filePreviewProgress\">\r\n <span class=\"upload-file-text\">\r\n <div fxLayout=\"row\">\r\n <span class=\"info text-l-semi-bold\">\r\n <span [innerHTML]=\"'FILE_UPLOAD.UPLOAD' | translate\" class=\"accent-color\"></span>\r\n <span> </span>\r\n <span [innerHTML]=\"'FILE_UPLOAD.DRAG_AND_DROP' | translate\" fxHide.lt-sm></span>\r\n <span [innerHTML]=\"'FILE_UPLOAD.'+ (multipleFiles? 'FILES' : 'FILE') | translate\"\r\n [ngClass.lt-sm]=\"'accent-color'\"></span>\r\n </span>\r\n </div>\r\n <div fxLayout=\"row\">\r\n <span class=\"file-upload-extensions text-m\"\r\n [innerHTML]=\"'FILE_UPLOAD.LIMITS' | translate: {maxSizeMB: maxSizeMB, visibleExtensions: visibleExtensions}\"></span>\r\n </div>\r\n </span>\r\n </tld-file-upload>\r\n <tld-open-extension-dialog *ngIf=\"showExtensionPopup\" [extensions]=\"allowedTypesWithoutDots\">\r\n </tld-open-extension-dialog>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div targetMain class=\"target-main\">\r\n <ng-container *ngIf=\"!hasDictionary; else dictionaryTargetBlock\">\r\n <ng-container *ngIf=\"isEmptyTarget; else translatedTextBlock\">\r\n <p *ngIf=\"showTargetPlaceholder\" class=\"description-text target-empty\"\r\n [innerHtml]=\"'TLD_TRANSLATE.TARGET_DESCRIPTION' | translate\">\r\n </p>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n\r\n <ng-container targetActions>\r\n <div class=\"tld-translate-target-footer basic-padding\" *ngIf=\"showSuggestions || showProgressIndicator\">\r\n <tld-translate-suggest *ngIf=\"showSuggestions\" [systemId]=\"systemId\" [target]=\"targetParagraphs\"\r\n [source]=\"sourceParagraphs\">\r\n </tld-translate-suggest>\r\n <progress-indicator (onClose)=\"closeProgressIndicator()\" *ngIf=\"showProgressIndicator\"></progress-indicator>\r\n </div>\r\n </ng-container>\r\n</tld-source-and-target-wrapper>\r\n\r\n\r\n<!-- templates used for else blocks in target container -->\r\n<ng-template #translatedTextBlock>\r\n <div class=\"translated-source\" [class.selectable-sentence]=\"showSuggestions\">\r\n <ng-container *ngIf=\"!urlToTranslate\">\r\n <div class=\"target-wrapper-action-buttons\">\r\n <button *ngIf=\"firstParagraphTranslated\" mat-icon-button class=\"tld-copy-translation\" (click)=\"copy()\"\r\n matTooltip=\"{{'TOOLTIPS.COPY' | translate}}\" [attr.aria-describedby]=\"copyMessageId\"\r\n (keydown.Tab)=\"switchFocusFromCopy($event)\" [attr.Id]=\"copyButtonId\">\r\n <span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\">\r\n content_copy\r\n </span>\r\n </button>\r\n <tld-text-to-speech *ngIf=\"textToSpeechTargetSettings\" [settings]=\"textToSpeechTargetSettings\">\r\n </tld-text-to-speech>\r\n </div>\r\n <div *ngFor=\"let paragraph of targetParagraphs\">\r\n <tld-highlight-tree [highlight]=\"highlight\" [tree]=\"paragraph\" [selectSentence]=\"showSuggestions\">\r\n </tld-highlight-tree>\r\n </div>\r\n </ng-container>\r\n <div *ngIf=\"urlToTranslate\" class=\"target-url-container\">\r\n <a [attr.href]=\"translateUrlRedirect\" target=\"_blank\" fxLayoutAlign=\"start center\" class=\"go-to-webtranslate\">\r\n {{urlToTranslate}}\r\n <span class=\"material-icons\" color=\"accent\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.OPEN_IN_NEW'\">\r\n open_in_new\r\n </span>\r\n </a>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #dictionaryTargetBlock>\r\n <div fxFlex fxLayout=\"column\" class=\"dictionary-wrapper\">\r\n <tld-dictionary fxFlex *ngFor=\"let dictionary of dictionaryEntry\" [dictionary]=\"dictionary\">\r\n </tld-dictionary>\r\n </div>\r\n</ng-template>\r\n", styles: [".go-to-webtranslate{word-break:break-all;display:inline}.basic-padding,.target-empty,.target-translated-text{padding:1em}.source-container{border-right:1px solid #cbd2d9;padding:0;overflow:auto}.target-description{margin-top:0}.target-container{position:relative}.translated-source{overflow-y:auto;overflow-x:hidden;flex:1 1 0!important;padding:1em}.translated-source.selectable-sentence{cursor:pointer}::ng-deep .target-highlight .tld-highlight-container{padding:1em}.target-wrapper-action-buttons{float:right}.target-wrapper-action-buttons .tld-copy-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{display:inline-block;text-align:left}.file-upload-wrapper{width:100%}.file-upload-wrapper .file-upload-extensions{font-weight:400}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i5.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: SourceAndTargetWrapperComponent, selector: "tld-source-and-target-wrapper", inputs: ["clearSourceVisible", "clearSourceTooltip", "clearDisabled", "hideAchievement", "textToSpeechSourceSettings"], outputs: ["onSourceClear"] }, { kind: "component", type: TldDictateComponent, selector: "tld-dictate", inputs: ["configuration", "language"], outputs: ["result", "partialResult", "isDictating", "onError"] }, { kind: "component", type: OpenExtensionDialogComponent, selector: "tld-open-extension-dialog", inputs: ["extensions"] }, { kind: "component", type: TextToSpeechComponent, selector: "tld-text-to-speech", inputs: ["settings"] }, { kind: "component", type: i12.FileUploadComponent, selector: "tld-file-upload", inputs: ["accept", "maxSize", "multiple", "filePreviewProgress", "allowEmpty", "disabled", "uploadIconName", "extendedAcceptList"], outputs: ["fileChange", "errorEvent"] }, { kind: "component", type: TldTranslateSourceComponent, selector: "tld-translate-source", inputs: ["textareaDisabled", "sourceParagraphs"] }, { kind: "component", type: TldTranslateSuggestComponent, selector: "tld-translate-suggest", inputs: ["target", "source", "dictionary", "systemId", "options", "selectedSentence"] }, { kind: "component", type: TldDictionaryComponent, selector: "tld-dictionary", inputs: ["dictionary"] }, { kind: "component", type: HighlightTreeComponent, selector: "tld-highlight-tree", inputs: ["tree", "isSource", "correctionsEnabled", "highlight", "gramCheck", "selectSentence"], outputs: ["onReplace"] }, { kind: "component", type: ProgressIndicatorComponent, selector: "progress-indicator", outputs: ["onClose"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
9101
9016
|
}
|
|
9102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
9017
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextComponent, decorators: [{
|
|
9103
9018
|
type: Component,
|
|
9104
9019
|
args: [{ selector: 'tld-translate-text', 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 [textToSpeechSourceSettings]=\"textToSpeechSourceSettings\"\r\n [clearSourceVisible]=\"source?.length>0\" (onSourceClear)=\"clearSource()\" [hideAchievement]=\"hideAchievement\"\r\n [clearDisabled]=\"textareaDisabled\" [clearSourceTooltip]=\"'TLD_TRANSLATE.CLEAR_SOURCE_TOOLTIP'\"\r\n [ngClass]=\"{'highlight-active': highlight, 'gramcheck-active': gramCheck, 'empty-target': isEmptyTarget}\">\r\n <div sourceMain class=\"source-main\" fxLayout=\"column\">\r\n <tld-translate-source [textareaDisabled]=\"textareaDisabled\" #sourceComponent fxFlex\r\n [sourceParagraphs]=\"sourceParagraphs\"></tld-translate-source>\r\n </div>\r\n <ng-container sourceActions *ngIf=\"!hideSourceActions\">\r\n <div fxLayoutAlign=\"start center\" class=\"basic-padding\" fxLayoutGap=\"1em\">\r\n <ng-container *ngIf=\"audioInputVisible\">\r\n <tld-dictate [configuration]=\"dictateConfig\" [ngClass]=\"{'full-width' : !fileUpload}\"\r\n (isDictating)=\"dictateStartStop($event)\" (result)=\"dictateResult($event)\"\r\n (partialResult)=\"dictatePartialResult($event)\" (onError)=\"dictateError($event)\" [language]=\"sourceLanguage\">\r\n </tld-dictate>\r\n </ng-container>\r\n <div *ngIf=\"fileUpload\" class=\"file-upload-wrapper\">\r\n <tld-file-upload (fileChange)=\"fileChange($event)\" [accept]=\"allowedFileTypes\" [maxSize]=\"maxFileUploadSize\" [uploadIconName]=\"uploadIconName\"\r\n [extendedAcceptList]=\"extendedFileTypes\" [multiple]=\"multipleFiles\" (errorEvent)=\"fileUploadError($event)\"\r\n [filePreviewProgress]=\"filePreviewProgress\">\r\n <span class=\"upload-file-text\">\r\n <div fxLayout=\"row\">\r\n <span class=\"info text-l-semi-bold\">\r\n <span [innerHTML]=\"'FILE_UPLOAD.UPLOAD' | translate\" class=\"accent-color\"></span>\r\n <span> </span>\r\n <span [innerHTML]=\"'FILE_UPLOAD.DRAG_AND_DROP' | translate\" fxHide.lt-sm></span>\r\n <span [innerHTML]=\"'FILE_UPLOAD.'+ (multipleFiles? 'FILES' : 'FILE') | translate\"\r\n [ngClass.lt-sm]=\"'accent-color'\"></span>\r\n </span>\r\n </div>\r\n <div fxLayout=\"row\">\r\n <span class=\"file-upload-extensions text-m\"\r\n [innerHTML]=\"'FILE_UPLOAD.LIMITS' | translate: {maxSizeMB: maxSizeMB, visibleExtensions: visibleExtensions}\"></span>\r\n </div>\r\n </span>\r\n </tld-file-upload>\r\n <tld-open-extension-dialog *ngIf=\"showExtensionPopup\" [extensions]=\"allowedTypesWithoutDots\">\r\n </tld-open-extension-dialog>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <div targetMain class=\"target-main\">\r\n <ng-container *ngIf=\"!hasDictionary; else dictionaryTargetBlock\">\r\n <ng-container *ngIf=\"isEmptyTarget; else translatedTextBlock\">\r\n <p *ngIf=\"showTargetPlaceholder\" class=\"description-text target-empty\"\r\n [innerHtml]=\"'TLD_TRANSLATE.TARGET_DESCRIPTION' | translate\">\r\n </p>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n\r\n <ng-container targetActions>\r\n <div class=\"tld-translate-target-footer basic-padding\" *ngIf=\"showSuggestions || showProgressIndicator\">\r\n <tld-translate-suggest *ngIf=\"showSuggestions\" [systemId]=\"systemId\" [target]=\"targetParagraphs\"\r\n [source]=\"sourceParagraphs\">\r\n </tld-translate-suggest>\r\n <progress-indicator (onClose)=\"closeProgressIndicator()\" *ngIf=\"showProgressIndicator\"></progress-indicator>\r\n </div>\r\n </ng-container>\r\n</tld-source-and-target-wrapper>\r\n\r\n\r\n<!-- templates used for else blocks in target container -->\r\n<ng-template #translatedTextBlock>\r\n <div class=\"translated-source\" [class.selectable-sentence]=\"showSuggestions\">\r\n <ng-container *ngIf=\"!urlToTranslate\">\r\n <div class=\"target-wrapper-action-buttons\">\r\n <button *ngIf=\"firstParagraphTranslated\" mat-icon-button class=\"tld-copy-translation\" (click)=\"copy()\"\r\n matTooltip=\"{{'TOOLTIPS.COPY' | translate}}\" [attr.aria-describedby]=\"copyMessageId\"\r\n (keydown.Tab)=\"switchFocusFromCopy($event)\" [attr.Id]=\"copyButtonId\">\r\n <span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\">\r\n content_copy\r\n </span>\r\n </button>\r\n <tld-text-to-speech *ngIf=\"textToSpeechTargetSettings\" [settings]=\"textToSpeechTargetSettings\">\r\n </tld-text-to-speech>\r\n </div>\r\n <div *ngFor=\"let paragraph of targetParagraphs\">\r\n <tld-highlight-tree [highlight]=\"highlight\" [tree]=\"paragraph\" [selectSentence]=\"showSuggestions\">\r\n </tld-highlight-tree>\r\n </div>\r\n </ng-container>\r\n <div *ngIf=\"urlToTranslate\" class=\"target-url-container\">\r\n <a [attr.href]=\"translateUrlRedirect\" target=\"_blank\" fxLayoutAlign=\"start center\" class=\"go-to-webtranslate\">\r\n {{urlToTranslate}}\r\n <span class=\"material-icons\" color=\"accent\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.OPEN_IN_NEW'\">\r\n open_in_new\r\n </span>\r\n </a>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #dictionaryTargetBlock>\r\n <div fxFlex fxLayout=\"column\" class=\"dictionary-wrapper\">\r\n <tld-dictionary fxFlex *ngFor=\"let dictionary of dictionaryEntry\" [dictionary]=\"dictionary\">\r\n </tld-dictionary>\r\n </div>\r\n</ng-template>\r\n", styles: [".go-to-webtranslate{word-break:break-all;display:inline}.basic-padding,.target-empty,.target-translated-text{padding:1em}.source-container{border-right:1px solid #cbd2d9;padding:0;overflow:auto}.target-description{margin-top:0}.target-container{position:relative}.translated-source{overflow-y:auto;overflow-x:hidden;flex:1 1 0!important;padding:1em}.translated-source.selectable-sentence{cursor:pointer}::ng-deep .target-highlight .tld-highlight-container{padding:1em}.target-wrapper-action-buttons{float:right}.target-wrapper-action-buttons .tld-copy-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{display:inline-block;text-align:left}.file-upload-wrapper{width:100%}.file-upload-wrapper .file-upload-extensions{font-weight:400}\n"] }]
|
|
9105
9020
|
}], ctorParameters: function () { return [{ type: TldTranslateTextService }, { type: i2$3.Clipboard }, { type: TldAlertService }, { type: TldTranslateConfigService }, { type: TldScrollService }, { type: TldSystemService }, { type: AudioRecordService }, { type: TldVoiceInputService }, { type: TldTranslateFileService }, { type: i8.BreakpointObserver }]; }, propDecorators: { sourceComponent: [{
|
|
@@ -9112,8 +9027,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
9112
9027
|
}] } });
|
|
9113
9028
|
|
|
9114
9029
|
class TldTextModule {
|
|
9115
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
9116
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
9030
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9031
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: TldTextModule, declarations: [TldTranslateSourceComponent,
|
|
9117
9032
|
TldTranslateSuggestComponent,
|
|
9118
9033
|
TldTranslateSuggestDialogComponent,
|
|
9119
9034
|
TldTranslateTextComponent,
|
|
@@ -9136,7 +9051,7 @@ class TldTextModule {
|
|
|
9136
9051
|
FileUploadModule], exports: [TldTranslateSourceComponent,
|
|
9137
9052
|
TldTranslateSuggestComponent,
|
|
9138
9053
|
TldTranslateTextComponent] });
|
|
9139
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.
|
|
9054
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTextModule, imports: [CommonModule,
|
|
9140
9055
|
TranslateModule,
|
|
9141
9056
|
MaterialModule,
|
|
9142
9057
|
FormsModule,
|
|
@@ -9151,7 +9066,7 @@ class TldTextModule {
|
|
|
9151
9066
|
TextToSpeechModule,
|
|
9152
9067
|
FileUploadModule] });
|
|
9153
9068
|
}
|
|
9154
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
9069
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTextModule, decorators: [{
|
|
9155
9070
|
type: NgModule,
|
|
9156
9071
|
args: [{
|
|
9157
9072
|
declarations: [TldTranslateSourceComponent,
|
|
@@ -9239,10 +9154,10 @@ class TldDomainListComponent {
|
|
|
9239
9154
|
translateDomainName(domainName) {
|
|
9240
9155
|
return this.translateDomainPipe.transform(domainName);
|
|
9241
9156
|
}
|
|
9242
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
9243
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
9157
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldDomainListComponent, deps: [{ token: i1$1.TranslateService }, { token: TldTranslateConfigService }, { token: TranslateDomainPipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
9158
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldDomainListComponent, selector: "tld-domain-list", inputs: { list: "list", selected: "selected", disabled: "disabled" }, outputs: { selectionChange: "selectionChange" }, providers: [TranslateDomainPipe], ngImport: i0, template: "<span fxHide.lt-md class=\"domain-title\" *ngIf=\"showTitle\">{{'DOMAINS.TITLE' | translate}}</span>\r\n<tld-list-menu (selectionChange)=\"select($event)\" [list]=\"translatedList | sortTranslations: null: 'title': currentLanguage | async\" [titleKey]=\"titleKey\" \r\n[valueKey]=\"valueKey\" testId=\"tld-domain-list\" [disabled]=\"disabled\" [ariaLabel]=\"'DOMAINS.OPEN_LIST_ARIA_LABEL' | translate\">\r\n {{selectedDomainName | titlecase}}\r\n</tld-list-menu>", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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: TldListMenuComponent, selector: "tld-list-menu", inputs: ["titleKey", "list", "showContent", "selectedValue", "disabled", "ariaLabel", "valueKey", "testId"], outputs: ["selectionChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i12.SortTranslationsPipe, name: "sortTranslations" }] });
|
|
9244
9159
|
}
|
|
9245
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
9160
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldDomainListComponent, decorators: [{
|
|
9246
9161
|
type: Component,
|
|
9247
9162
|
args: [{ selector: 'tld-domain-list', providers: [TranslateDomainPipe], template: "<span fxHide.lt-md class=\"domain-title\" *ngIf=\"showTitle\">{{'DOMAINS.TITLE' | translate}}</span>\r\n<tld-list-menu (selectionChange)=\"select($event)\" [list]=\"translatedList | sortTranslations: null: 'title': currentLanguage | async\" [titleKey]=\"titleKey\" \r\n[valueKey]=\"valueKey\" testId=\"tld-domain-list\" [disabled]=\"disabled\" [ariaLabel]=\"'DOMAINS.OPEN_LIST_ARIA_LABEL' | translate\">\r\n {{selectedDomainName | titlecase}}\r\n</tld-list-menu>" }]
|
|
9248
9163
|
}], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: TldTranslateConfigService }, { type: TranslateDomainPipe }]; }, propDecorators: { list: [{
|
|
@@ -9379,12 +9294,12 @@ class TldTranslateSwitcherComponent {
|
|
|
9379
9294
|
this.isTerminologySupported = this.tldSystem.isTerminologySupported(active.system);
|
|
9380
9295
|
});
|
|
9381
9296
|
}
|
|
9382
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
9383
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: TldTranslateSwitcherComponent, 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 <tld-term-menu></tld-term-menu>\r\n </div>\r\n <tld-loader *ngIf=\"loader\" fxHide.lt-sm></tld-loader>\r\n <tld-translate-button [enablePulseAnimation]=\"true\" *ngIf=\"showTranslateButton && !loader\" class=\"switcher-translate-button\"\r\n [fxHide.lt-sm]=\"hideOnSmallScreens\" [disabled]=\"buttonDisabled\"></tld-translate-button>\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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i5.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$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { 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: TldTermMenuComponent, selector: "tld-term-menu" }, { kind: "component", type: TldDomainListComponent, selector: "tld-domain-list", inputs: ["list", "selected", "disabled"], outputs: ["selectionChange"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
9297
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateSwitcherComponent, deps: [{ token: TldTranslateConfigService }, { token: TldSystemService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
9298
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateSwitcherComponent, 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 <tld-term-menu [disabled]=\"buttonDisabled\"></tld-term-menu>\r\n </div>\r\n <tld-loader *ngIf=\"loader\" fxHide.lt-sm></tld-loader>\r\n <tld-translate-button [enablePulseAnimation]=\"true\" *ngIf=\"showTranslateButton && !loader\" class=\"switcher-translate-button\"\r\n [fxHide.lt-sm]=\"hideOnSmallScreens\" [disabled]=\"buttonDisabled\"></tld-translate-button>\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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i5.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$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { 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: TldTermMenuComponent, selector: "tld-term-menu", inputs: ["disabled"] }, { kind: "component", type: TldDomainListComponent, selector: "tld-domain-list", inputs: ["list", "selected", "disabled"], outputs: ["selectionChange"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
9384
9299
|
}
|
|
9385
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
9300
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateSwitcherComponent, decorators: [{
|
|
9386
9301
|
type: Component,
|
|
9387
|
-
args: [{ selector: 'tld-translate-switcher', 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 <tld-term-menu></tld-term-menu>\r\n </div>\r\n <tld-loader *ngIf=\"loader\" fxHide.lt-sm></tld-loader>\r\n <tld-translate-button [enablePulseAnimation]=\"true\" *ngIf=\"showTranslateButton && !loader\" class=\"switcher-translate-button\"\r\n [fxHide.lt-sm]=\"hideOnSmallScreens\" [disabled]=\"buttonDisabled\"></tld-translate-button>\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"] }]
|
|
9302
|
+
args: [{ selector: 'tld-translate-switcher', 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 <tld-term-menu [disabled]=\"buttonDisabled\"></tld-term-menu>\r\n </div>\r\n <tld-loader *ngIf=\"loader\" fxHide.lt-sm></tld-loader>\r\n <tld-translate-button [enablePulseAnimation]=\"true\" *ngIf=\"showTranslateButton && !loader\" class=\"switcher-translate-button\"\r\n [fxHide.lt-sm]=\"hideOnSmallScreens\" [disabled]=\"buttonDisabled\"></tld-translate-button>\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"] }]
|
|
9388
9303
|
}], ctorParameters: function () { return [{ type: TldTranslateConfigService }, { type: TldSystemService }, { type: i0.ElementRef }]; }, propDecorators: { wrapper: [{
|
|
9389
9304
|
type: ViewChild,
|
|
9390
9305
|
args: ["wrapper"]
|
|
@@ -9502,10 +9417,10 @@ class TranslationSystemPickerService {
|
|
|
9502
9417
|
this._isTargetOpened = this.openedMenu === OpenedMenu.TARGET;
|
|
9503
9418
|
this.menuToggleEvent.next(this.openedMenu);
|
|
9504
9419
|
}
|
|
9505
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
9506
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
9420
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerService, deps: [{ token: TldSystemService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
9421
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerService, providedIn: 'root' });
|
|
9507
9422
|
}
|
|
9508
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
9423
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerService, decorators: [{
|
|
9509
9424
|
type: Injectable,
|
|
9510
9425
|
args: [{
|
|
9511
9426
|
providedIn: 'root'
|
|
@@ -9576,10 +9491,10 @@ class TranslationSystemPickerComponent {
|
|
|
9576
9491
|
this.isTerminologySupported = this.tldSystem.isTerminologySupported(this.activeData.system);
|
|
9577
9492
|
});
|
|
9578
9493
|
}
|
|
9579
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
9580
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
9494
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerComponent, deps: [{ token: TranslationSystemPickerService }, { token: TldSystemService }], target: i0.ɵɵFactoryTarget.Component });
|
|
9495
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TranslationSystemPickerComponent, selector: "tld-translation-system-picker", inputs: { isCollectionsActivated: "isCollectionsActivated" }, ngImport: i0, template: "<div fxFlex fxLayout=\"row\">\r\n <ng-container *ngIf=\"isDataLoaded\">\r\n <div fxFlex fxLayoutAlign=\"space-between 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\">\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 *ngIf=\"collectionsVisible\" #collectionWrapper>\r\n <tld-term-menu></tld-term-menu>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n\r\n<ng-template #languageName let-language=\"language\" let-showDomain=\"showDomain\">\r\n <span>\r\n {{languageLocalizationKey + \".\" + (language.lang | uppercase)| translate }}\r\n </span>\r\n <ng-container *ngIf=\"showDomain && domainLength>1\">\r\n <span>(</span>\r\n <span class=\"domain\">{{('DOMAINS.'+(activeDomainKey | uppercase)) | translate: {default: activeDomainKey} }}</span>\r\n <span>)</span>\r\n </ng-container>\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 <tld-open-close-button class=\"system-picker-button\" [ngClass]=\"isSource? 'source': 'target'\"\r\n [ngClass.lt-sm]=\"'mobile'\" (click)=\"isSource? sourceClick($event): targetClick($event)\"\r\n [disableFocusOnAction]=\"true\" [isOpened]=\"isOpened\" [class.opened]=\"isOpened\" [ariaLabelCode]=\"ariaLabelCode\">\r\n <span [ngClass.lt-md]=\"'text-l-semi-bold'\" [ngClass.lt-sm]=\"'text-m-semi-bold mobile-domain-container'\">\r\n <ng-container\r\n *ngTemplateOutlet=\"isOpened? openedDropdown:languageName; context: { language: language, localizationKey: placeholder, showDomain: !isSource }\">\r\n </ng-container>\r\n </span>\r\n </tld-open-close-button>\r\n</ng-template>\r\n", styles: [":host{display:flex}.swap-languages-button{color:var(--base-40)!important}.target{margin-left:3.25em}.system-picker-button.mobile{margin-left:1.25rem}.mobile-domain-container{display:flex}.mobile-domain-container .domain{text-overflow:ellipsis;overflow:hidden;max-width:3.5rem;white-space:nowrap;display:inline-block}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.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$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: TldOpenCloseButtonComponent, selector: "tld-open-close-button", inputs: ["disableFocusOnAction", "isOpened", "disabled", "isIcon", "ariaLabelCode"] }, { kind: "component", type: TldTermMenuComponent, selector: "tld-term-menu", inputs: ["disabled"] }, { kind: "pipe", type: i3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
9581
9496
|
}
|
|
9582
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
9497
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerComponent, decorators: [{
|
|
9583
9498
|
type: Component,
|
|
9584
9499
|
args: [{ selector: 'tld-translation-system-picker', template: "<div fxFlex fxLayout=\"row\">\r\n <ng-container *ngIf=\"isDataLoaded\">\r\n <div fxFlex fxLayoutAlign=\"space-between 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\">\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 *ngIf=\"collectionsVisible\" #collectionWrapper>\r\n <tld-term-menu></tld-term-menu>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n\r\n<ng-template #languageName let-language=\"language\" let-showDomain=\"showDomain\">\r\n <span>\r\n {{languageLocalizationKey + \".\" + (language.lang | uppercase)| translate }}\r\n </span>\r\n <ng-container *ngIf=\"showDomain && domainLength>1\">\r\n <span>(</span>\r\n <span class=\"domain\">{{('DOMAINS.'+(activeDomainKey | uppercase)) | translate: {default: activeDomainKey} }}</span>\r\n <span>)</span>\r\n </ng-container>\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 <tld-open-close-button class=\"system-picker-button\" [ngClass]=\"isSource? 'source': 'target'\"\r\n [ngClass.lt-sm]=\"'mobile'\" (click)=\"isSource? sourceClick($event): targetClick($event)\"\r\n [disableFocusOnAction]=\"true\" [isOpened]=\"isOpened\" [class.opened]=\"isOpened\" [ariaLabelCode]=\"ariaLabelCode\">\r\n <span [ngClass.lt-md]=\"'text-l-semi-bold'\" [ngClass.lt-sm]=\"'text-m-semi-bold mobile-domain-container'\">\r\n <ng-container\r\n *ngTemplateOutlet=\"isOpened? openedDropdown:languageName; context: { language: language, localizationKey: placeholder, showDomain: !isSource }\">\r\n </ng-container>\r\n </span>\r\n </tld-open-close-button>\r\n</ng-template>\r\n", styles: [":host{display:flex}.swap-languages-button{color:var(--base-40)!important}.target{margin-left:3.25em}.system-picker-button.mobile{margin-left:1.25rem}.mobile-domain-container{display:flex}.mobile-domain-container .domain{text-overflow:ellipsis;overflow:hidden;max-width:3.5rem;white-space:nowrap;display:inline-block}\n"] }]
|
|
9585
9500
|
}], ctorParameters: function () { return [{ type: TranslationSystemPickerService }, { type: TldSystemService }]; }, propDecorators: { isCollectionsActivated: [{
|
|
@@ -9595,10 +9510,10 @@ class TranslationSystemPickerButtonComponent {
|
|
|
9595
9510
|
event.stopPropagation();
|
|
9596
9511
|
this.onClick.emit();
|
|
9597
9512
|
}
|
|
9598
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
9599
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
9513
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9514
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TranslationSystemPickerButtonComponent, selector: "translation-system-picker-button", inputs: { active: "active", tooltip: "tooltip" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button 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}button ::ng-deep .mat-button-wrapper{min-width:32px;text-align:left;display:inline-block}\n"], dependencies: [{ kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
|
|
9600
9515
|
}
|
|
9601
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
9516
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerButtonComponent, decorators: [{
|
|
9602
9517
|
type: Component,
|
|
9603
9518
|
args: [{ selector: 'translation-system-picker-button', template: "<button 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}button ::ng-deep .mat-button-wrapper{min-width:32px;text-align:left;display:inline-block}\n"] }]
|
|
9604
9519
|
}], propDecorators: { active: [{
|
|
@@ -9618,10 +9533,10 @@ class TranslationSystemPickerLanguageListComponent {
|
|
|
9618
9533
|
languageClick(language) {
|
|
9619
9534
|
this.clicked.emit(language);
|
|
9620
9535
|
}
|
|
9621
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
9622
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
9536
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerLanguageListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9537
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TranslationSystemPickerLanguageListComponent, selector: "tld-translation-system-picker-language-list", inputs: { languages: "languages", activeCode: "activeCode", showTitle: "showTitle" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<h1 class=\"text-m-semi-bold\" *ngIf=\"showTitle\">{{titleKey | translate}}</h1>\r\n<div *ngFor=\"let group of languages\" class=\"language-group\">\r\n <span class=\"text-l-semi-bold grouped-by-symbol\">{{group.groupedBy | uppercase}}</span>\r\n <ul [ngClass.lt-sm]=\"'mobile'\">\r\n <li *ngFor=\"let language of group.group\">\r\n <translation-system-picker-button [active]=\"activeCode === language.code\" (onClick)=\"languageClick(language)\">\r\n {{language.displayName}}\r\n </translation-system-picker-button>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: ["@media (min-width: 600px){:host{margin-left:-1rem;column-count:3;column-gap:1rem;column-width:13.75rem;column-fill:balance}}ul{list-style-type:none;padding:0;margin:0}ul.mobile{width:100%}ul button{line-height:1.625rem;margin-bottom:1rem}h1{margin:0 0 1rem}.language-group{display:flex;flex-direction:row;justify-content:start;align-items:flex-start}.grouped-by-symbol{width:1.5rem;margin-top:-1px!important;display:inline-flex;align-items:center;height:36px}@media (min-width: 600px){.grouped-by-symbol{margin:0 0 0 1rem}}@media (min-width: 0) and (max-width: 599.9px){.grouped-by-symbol{margin:0}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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", "tooltip"], outputs: ["onClick"] }, { kind: "pipe", type: i3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
9623
9538
|
}
|
|
9624
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
9539
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerLanguageListComponent, decorators: [{
|
|
9625
9540
|
type: Component,
|
|
9626
9541
|
args: [{ selector: 'tld-translation-system-picker-language-list', template: "<h1 class=\"text-m-semi-bold\" *ngIf=\"showTitle\">{{titleKey | translate}}</h1>\r\n<div *ngFor=\"let group of languages\" class=\"language-group\">\r\n <span class=\"text-l-semi-bold grouped-by-symbol\">{{group.groupedBy | uppercase}}</span>\r\n <ul [ngClass.lt-sm]=\"'mobile'\">\r\n <li *ngFor=\"let language of group.group\">\r\n <translation-system-picker-button [active]=\"activeCode === language.code\" (onClick)=\"languageClick(language)\">\r\n {{language.displayName}}\r\n </translation-system-picker-button>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: ["@media (min-width: 600px){:host{margin-left:-1rem;column-count:3;column-gap:1rem;column-width:13.75rem;column-fill:balance}}ul{list-style-type:none;padding:0;margin:0}ul.mobile{width:100%}ul button{line-height:1.625rem;margin-bottom:1rem}h1{margin:0 0 1rem}.language-group{display:flex;flex-direction:row;justify-content:start;align-items:flex-start}.grouped-by-symbol{width:1.5rem;margin-top:-1px!important;display:inline-flex;align-items:center;height:36px}@media (min-width: 600px){.grouped-by-symbol{margin:0 0 0 1rem}}@media (min-width: 0) and (max-width: 599.9px){.grouped-by-symbol{margin:0}}\n"] }]
|
|
9627
9542
|
}], propDecorators: { languages: [{
|
|
@@ -9643,10 +9558,10 @@ class TranslationSystemPickerSystemListComponent {
|
|
|
9643
9558
|
changeSystem(system) {
|
|
9644
9559
|
this.clicked.emit(system);
|
|
9645
9560
|
}
|
|
9646
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
9647
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
9561
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerSystemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9562
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TranslationSystemPickerSystemListComponent, selector: "tld-translation-system-picker-system-list", inputs: { systems: "systems", titleKey: "titleKey", activeId: "activeId", showTitle: "showTitle" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div [ngClass.lt-sm]=\"'mobile'\">\r\n <div class=\"span-container\" *ngIf=\"showTitle\">\r\n <span class=\"text-l-semi-bold\" [ngClass.lt-sm]=\"'text-m-semi-bold'\">{{titleKey | translate}}</span>\r\n </div>\r\n <translation-system-picker-button [active]=\"activeId === system.id\" (onClick)=\"changeSystem(system)\"\r\n *ngFor=\"let system of systems\">\r\n {{system.displayName}}\r\n </translation-system-picker-button>\r\n</div>\r\n", styles: [":host{display:inline-block}:host .span-container{margin:0 0 1.25rem}:host .system-picker-button{width:100%;text-align:left}:host .system-picker-button:not(.active){color:var(--base-10)}:host .mobile .span-container{margin:0 0 .75rem}:host :not(.mobile) .span-container{padding-left:1rem}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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", "tooltip"], outputs: ["onClick"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
9648
9563
|
}
|
|
9649
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
9564
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerSystemListComponent, decorators: [{
|
|
9650
9565
|
type: Component,
|
|
9651
9566
|
args: [{ selector: 'tld-translation-system-picker-system-list', template: "<div [ngClass.lt-sm]=\"'mobile'\">\r\n <div class=\"span-container\" *ngIf=\"showTitle\">\r\n <span class=\"text-l-semi-bold\" [ngClass.lt-sm]=\"'text-m-semi-bold'\">{{titleKey | translate}}</span>\r\n </div>\r\n <translation-system-picker-button [active]=\"activeId === system.id\" (onClick)=\"changeSystem(system)\"\r\n *ngFor=\"let system of systems\">\r\n {{system.displayName}}\r\n </translation-system-picker-button>\r\n</div>\r\n", styles: [":host{display:inline-block}:host .span-container{margin:0 0 1.25rem}:host .system-picker-button{width:100%;text-align:left}:host .system-picker-button:not(.active){color:var(--base-10)}:host .mobile .span-container{margin:0 0 .75rem}:host :not(.mobile) .span-container{padding-left:1rem}\n"] }]
|
|
9652
9567
|
}], propDecorators: { systems: [{
|
|
@@ -9862,10 +9777,10 @@ class TranslationSystemPickerDropdownBodyComponent {
|
|
|
9862
9777
|
getDomainDisplayName(domain) {
|
|
9863
9778
|
return this.languageAndDomainTranslations[this.domainsLocalizationKey][domain.split(/[ -]+/).join("_").toUpperCase()] ?? domain;
|
|
9864
9779
|
}
|
|
9865
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
9866
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
9780
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerDropdownBodyComponent, deps: [{ token: TldSystemService }, { token: i1$1.TranslateService }, { token: TranslationSystemPickerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
9781
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TranslationSystemPickerDropdownBodyComponent, selector: "tld-translation-system-picker-dropdown-body", inputs: { filterText: "filterText", config: "config" }, outputs: { onSystemClick: "onSystemClick", onLanguageClick: "onLanguageClick", onFilteredLanguageClick: "onFilteredLanguageClick" }, ngImport: i0, template: "<div class=\"dropdown-body\" *ngIf=\"!showFiltered; else filter\">\r\n <tld-translation-system-picker-language-list *ngIf=\"showLanguages\" [languages]=\"groupedLanguages\"\r\n [activeCode]=\"activeLanguageCode\" (clicked)=\"languageClick($event)\" [showTitle]=\"showLanguageTitle\">\r\n </tld-translation-system-picker-language-list>\r\n <tld-translation-system-picker-system-list *ngIf=\"showSystems && systemList.length> 0\" [systems]=\"systemList\"\r\n (clicked)=\"systemClick($event)\" [showTitle]=\"showSystemTitle\" [titleKey]=\"systemListTitle\"\r\n [activeId]=\"activeSystemId\">\r\n </tld-translation-system-picker-system-list>\r\n</div>\r\n<ng-template #filter>\r\n <div class=\"filtered-items\">\r\n <ul>\r\n <li>\r\n <translation-system-picker-button *ngFor=\"let language of filteredLanguages\"\r\n [active]=\"activeLanguageCode === language.code\" (onClick)=\"filteredLanguageClick(language)\">\r\n <span [innerHtml]=\"language.displayName\"></span>\r\n </translation-system-picker-button>\r\n </li>\r\n </ul>\r\n <p class=\"no-results-message\" *ngIf=\"!filteredLanguages.length\">{{\"SYSTEM_PICKER.FILTER_NO_RESULTS\" | translate}}\r\n </p>\r\n </div>\r\n</ng-template>\r\n", styles: [":host{display:inline-block;width:100%}:host .no-results-message{margin:0}.dropdown-body{display:flex;flex:1 1 100%}@media (min-width: 600px){.dropdown-body{flex-direction:row}.dropdown-body tld-translation-system-picker-language-list{padding-right:1rem;border-right:1px solid var(--base-40);order:0}.dropdown-body tld-translation-system-picker-system-list{padding-left:2rem;order:1}}@media (min-width: 0) and (max-width: 599.9px){.dropdown-body{flex-direction:column}.dropdown-body tld-translation-system-picker-language-list,.dropdown-body tld-translation-system-picker-system-list,.dropdown-body .filtered-items{padding-top:1rem;order:1}.dropdown-body tld-translation-system-picker-system-list{padding-bottom:1rem;order:0}.dropdown-body tld-translation-system-picker-language-list+tld-translation-system-picker-system-list{border-bottom:1px solid var(--base-40)}}@media (min-width: 0) and (max-width: 599.9px){.filtered-items{padding-top:1rem;order:1}}ul{list-style-type:none;padding:0;margin:0}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TranslationSystemPickerLanguageListComponent, selector: "tld-translation-system-picker-language-list", inputs: ["languages", "activeCode", "showTitle"], outputs: ["clicked"] }, { kind: "component", type: TranslationSystemPickerSystemListComponent, selector: "tld-translation-system-picker-system-list", inputs: ["systems", "titleKey", "activeId", "showTitle"], outputs: ["clicked"] }, { kind: "component", type: TranslationSystemPickerButtonComponent, selector: "translation-system-picker-button", inputs: ["active", "tooltip"], outputs: ["onClick"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
9867
9782
|
}
|
|
9868
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
9783
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerDropdownBodyComponent, decorators: [{
|
|
9869
9784
|
type: Component,
|
|
9870
9785
|
args: [{ selector: 'tld-translation-system-picker-dropdown-body', template: "<div class=\"dropdown-body\" *ngIf=\"!showFiltered; else filter\">\r\n <tld-translation-system-picker-language-list *ngIf=\"showLanguages\" [languages]=\"groupedLanguages\"\r\n [activeCode]=\"activeLanguageCode\" (clicked)=\"languageClick($event)\" [showTitle]=\"showLanguageTitle\">\r\n </tld-translation-system-picker-language-list>\r\n <tld-translation-system-picker-system-list *ngIf=\"showSystems && systemList.length> 0\" [systems]=\"systemList\"\r\n (clicked)=\"systemClick($event)\" [showTitle]=\"showSystemTitle\" [titleKey]=\"systemListTitle\"\r\n [activeId]=\"activeSystemId\">\r\n </tld-translation-system-picker-system-list>\r\n</div>\r\n<ng-template #filter>\r\n <div class=\"filtered-items\">\r\n <ul>\r\n <li>\r\n <translation-system-picker-button *ngFor=\"let language of filteredLanguages\"\r\n [active]=\"activeLanguageCode === language.code\" (onClick)=\"filteredLanguageClick(language)\">\r\n <span [innerHtml]=\"language.displayName\"></span>\r\n </translation-system-picker-button>\r\n </li>\r\n </ul>\r\n <p class=\"no-results-message\" *ngIf=\"!filteredLanguages.length\">{{\"SYSTEM_PICKER.FILTER_NO_RESULTS\" | translate}}\r\n </p>\r\n </div>\r\n</ng-template>\r\n", styles: [":host{display:inline-block;width:100%}:host .no-results-message{margin:0}.dropdown-body{display:flex;flex:1 1 100%}@media (min-width: 600px){.dropdown-body{flex-direction:row}.dropdown-body tld-translation-system-picker-language-list{padding-right:1rem;border-right:1px solid var(--base-40);order:0}.dropdown-body tld-translation-system-picker-system-list{padding-left:2rem;order:1}}@media (min-width: 0) and (max-width: 599.9px){.dropdown-body{flex-direction:column}.dropdown-body tld-translation-system-picker-language-list,.dropdown-body tld-translation-system-picker-system-list,.dropdown-body .filtered-items{padding-top:1rem;order:1}.dropdown-body tld-translation-system-picker-system-list{padding-bottom:1rem;order:0}.dropdown-body tld-translation-system-picker-language-list+tld-translation-system-picker-system-list{border-bottom:1px solid var(--base-40)}}@media (min-width: 0) and (max-width: 599.9px){.filtered-items{padding-top:1rem;order:1}}ul{list-style-type:none;padding:0;margin:0}\n"] }]
|
|
9871
9786
|
}], ctorParameters: function () { return [{ type: TldSystemService }, { type: i1$1.TranslateService }, { type: TranslationSystemPickerService }]; }, propDecorators: { filterText: [{
|
|
@@ -9907,10 +9822,10 @@ class TranslationSystemPickerFilterComponent {
|
|
|
9907
9822
|
focus() {
|
|
9908
9823
|
this.filterInput.nativeElement.focus();
|
|
9909
9824
|
}
|
|
9910
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
9911
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
9825
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerFilterComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
9826
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TranslationSystemPickerFilterComponent, selector: "tld-translation-system-picker-filter", outputs: { filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true }], ngImport: i0, template: "<mat-form-field color=\"accent\" appearance=\"outline\" floatLabel=\"auto\" class=\"search-input-field\">\r\n <mat-icon matPrefix fxHide.xs>search</mat-icon>\r\n <input #filterInput matInput [(ngModel)]=\"filter\" [placeholder]=\"'SYSTEM_PICKER.SEARCH_PLACEHOLDER' | translate\">\r\n <mat-button matTooltip=\"{{'SYSTEM_PICKER.CLEAR_SEARCH' | translate}}\" mat-icon-button *ngIf=\"filter.length\" matSuffix (click)=\"clear($event)\">\r\n <mat-icon>close</mat-icon>\r\n </mat-button>\r\n</mat-form-field>\r\n", styles: [":host{display:inline-block;width:100%}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap{border-width:1px!important}:host .search-input-field{width:100%}:host .search-input-field ::ng-deep .mat-form-field-wrapper{padding:0;margin:0}:host .search-input-field ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-start,:host .search-input-field ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-end{border-width:1px}:host .search-input-field ::ng-deep .mat-form-field-prefix .mat-icon{color:var(--base-40);margin-right:.5rem;font-size:120%}:host .search-input-field ::ng-deep .mat-form-field-outline{background:var(--base-100)}:host .search-input-field input::placeholder{font-weight:400;font-size:1rem;line-height:1.625rem;color:var(--base-40)}\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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
9912
9827
|
}
|
|
9913
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
9828
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerFilterComponent, decorators: [{
|
|
9914
9829
|
type: Component,
|
|
9915
9830
|
args: [{ selector: 'tld-translation-system-picker-filter', template: "<mat-form-field color=\"accent\" appearance=\"outline\" floatLabel=\"auto\" class=\"search-input-field\">\r\n <mat-icon matPrefix fxHide.xs>search</mat-icon>\r\n <input #filterInput matInput [(ngModel)]=\"filter\" [placeholder]=\"'SYSTEM_PICKER.SEARCH_PLACEHOLDER' | translate\">\r\n <mat-button matTooltip=\"{{'SYSTEM_PICKER.CLEAR_SEARCH' | translate}}\" mat-icon-button *ngIf=\"filter.length\" matSuffix (click)=\"clear($event)\">\r\n <mat-icon>close</mat-icon>\r\n </mat-button>\r\n</mat-form-field>\r\n", styles: [":host{display:inline-block;width:100%}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap{border-width:1px!important}:host .search-input-field{width:100%}:host .search-input-field ::ng-deep .mat-form-field-wrapper{padding:0;margin:0}:host .search-input-field ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-start,:host .search-input-field ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-end{border-width:1px}:host .search-input-field ::ng-deep .mat-form-field-prefix .mat-icon{color:var(--base-40);margin-right:.5rem;font-size:120%}:host .search-input-field ::ng-deep .mat-form-field-outline{background:var(--base-100)}:host .search-input-field input::placeholder{font-weight:400;font-size:1rem;line-height:1.625rem;color:var(--base-40)}\n"] }]
|
|
9916
9831
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { filterInput: [{
|
|
@@ -10078,10 +9993,10 @@ class TranslationSystemPickerDropdownComponent {
|
|
|
10078
9993
|
this.selectBodyConfig();
|
|
10079
9994
|
});
|
|
10080
9995
|
}
|
|
10081
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
10082
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
9996
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerDropdownComponent, deps: [{ token: TranslationSystemPickerService }, { token: i8.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
9997
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TranslationSystemPickerDropdownComponent, 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 class=\"dropdown-content-wrapper\" [class.mobile]=\"isMobile\" (clickOutside)=\"clickOutside()\">\r\n <div *ngIf=\"isMobile\" class=\"system-picker-header\">\r\n <button mat-icon-button (click)=\"back()\">\r\n <mat-icon>arrow_back</mat-icon>\r\n </button>\r\n <ng-container *ngIf=\"!showMobFilter; else filter\">\r\n <h1 class=\" text-l-semi-bold\">{{currentConfig?.headerTitle | translate}}</h1>\r\n <button mat-icon-button (click)=\"toggleFilter()\">\r\n <mat-icon>search</mat-icon>\r\n </button>\r\n </ng-container>\r\n </div>\r\n <div class=\"system-picker-dropdown-content\">\r\n <ng-container *ngIf=\"!isMobile\">\r\n <ng-container *ngTemplateOutlet=\"filter\"></ng-container>\r\n </ng-container>\r\n <tld-translation-system-picker-dropdown-body [config]=\"currentConfig\" [filterText]=\"filterText\"\r\n (onSystemClick)=\"onSystemClick()\" (onLanguageClick)=\"onLanguageClick()\"\r\n (onFilteredLanguageClick)=\"onFilteredLanguageClick()\">\r\n </tld-translation-system-picker-dropdown-body>\r\n </div>\r\n</div>\r\n\r\n<ng-template #filter>\r\n <tld-translation-system-picker-filter (filterChanged)=\"filterChange($event)\">\r\n </tld-translation-system-picker-filter>\r\n</ng-template>", styles: [":host{background-color:var(--base-100);overflow-y:auto;height:100%;width:100%;box-sizing:border-box}:host .system-picker-dropdown-content{padding:1rem 1.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:1.25rem}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4$1.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i12.ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { 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"], outputs: ["onSystemClick", "onLanguageClick", "onFilteredLanguageClick"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
10083
9998
|
}
|
|
10084
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
9999
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerDropdownComponent, decorators: [{
|
|
10085
10000
|
type: Component,
|
|
10086
10001
|
args: [{ selector: 'tld-translation-system-picker-dropdown', template: "<div class=\"dropdown-content-wrapper\" [class.mobile]=\"isMobile\" (clickOutside)=\"clickOutside()\">\r\n <div *ngIf=\"isMobile\" class=\"system-picker-header\">\r\n <button mat-icon-button (click)=\"back()\">\r\n <mat-icon>arrow_back</mat-icon>\r\n </button>\r\n <ng-container *ngIf=\"!showMobFilter; else filter\">\r\n <h1 class=\" text-l-semi-bold\">{{currentConfig?.headerTitle | translate}}</h1>\r\n <button mat-icon-button (click)=\"toggleFilter()\">\r\n <mat-icon>search</mat-icon>\r\n </button>\r\n </ng-container>\r\n </div>\r\n <div class=\"system-picker-dropdown-content\">\r\n <ng-container *ngIf=\"!isMobile\">\r\n <ng-container *ngTemplateOutlet=\"filter\"></ng-container>\r\n </ng-container>\r\n <tld-translation-system-picker-dropdown-body [config]=\"currentConfig\" [filterText]=\"filterText\"\r\n (onSystemClick)=\"onSystemClick()\" (onLanguageClick)=\"onLanguageClick()\"\r\n (onFilteredLanguageClick)=\"onFilteredLanguageClick()\">\r\n </tld-translation-system-picker-dropdown-body>\r\n </div>\r\n</div>\r\n\r\n<ng-template #filter>\r\n <tld-translation-system-picker-filter (filterChanged)=\"filterChange($event)\">\r\n </tld-translation-system-picker-filter>\r\n</ng-template>", styles: [":host{background-color:var(--base-100);overflow-y:auto;height:100%;width:100%;box-sizing:border-box}:host .system-picker-dropdown-content{padding:1rem 1.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:1.25rem}\n"] }]
|
|
10087
10002
|
}], ctorParameters: function () { return [{ type: TranslationSystemPickerService }, { type: i8.BreakpointObserver }]; }, propDecorators: { onKeydownHandler: [{
|
|
@@ -10096,8 +10011,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
10096
10011
|
}] } });
|
|
10097
10012
|
|
|
10098
10013
|
class TldTooltipModule {
|
|
10099
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
10100
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
10014
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10015
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: TldTooltipModule, declarations: [TldTranslateSwitcherComponent,
|
|
10101
10016
|
TldDomainListComponent,
|
|
10102
10017
|
TranslationSystemPickerComponent,
|
|
10103
10018
|
TranslationSystemPickerDropdownComponent,
|
|
@@ -10120,7 +10035,7 @@ class TldTooltipModule {
|
|
|
10120
10035
|
TldDomainListComponent,
|
|
10121
10036
|
TranslationSystemPickerComponent,
|
|
10122
10037
|
TranslationSystemPickerDropdownComponent] });
|
|
10123
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.
|
|
10038
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTooltipModule, imports: [FormsModule,
|
|
10124
10039
|
CommonModule,
|
|
10125
10040
|
BrowserModule,
|
|
10126
10041
|
FlexLayoutModule,
|
|
@@ -10133,7 +10048,7 @@ class TldTooltipModule {
|
|
|
10133
10048
|
FilterWithHighlightModule,
|
|
10134
10049
|
ClickOutsideModule] });
|
|
10135
10050
|
}
|
|
10136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
10051
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTooltipModule, decorators: [{
|
|
10137
10052
|
type: NgModule,
|
|
10138
10053
|
args: [{
|
|
10139
10054
|
declarations: [
|
|
@@ -10173,10 +10088,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
10173
10088
|
class TldTranslateWebService {
|
|
10174
10089
|
wtScriptsAdded = false;
|
|
10175
10090
|
constructor() { }
|
|
10176
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
10177
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
10091
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateWebService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
10092
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateWebService, providedIn: 'root' });
|
|
10178
10093
|
}
|
|
10179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
10094
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateWebService, decorators: [{
|
|
10180
10095
|
type: Injectable,
|
|
10181
10096
|
args: [{
|
|
10182
10097
|
providedIn: 'root'
|
|
@@ -10642,8 +10557,8 @@ class TldTranslateWebsiteComponent {
|
|
|
10642
10557
|
`;
|
|
10643
10558
|
body.appendChild(script);
|
|
10644
10559
|
}
|
|
10645
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
10646
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: TldTranslateWebsiteComponent, selector: "tld-translate-website", inputs: { product: "product", company: "company" }, outputs: { onError: "onError" }, viewQueries: [{ propertyName: "urlInputField", first: true, predicate: ["url"], descendants: true }], ngImport: i0, template: "<div id=\"widget\" class=\"tld-translate-web\">\r\n <div class=\"translate-container-header\">\r\n <a href=\"/\" id=\"home-link\" [attr.title]=\"'WEBTRANSLATE.BACK' | translate\">\r\n <img [src]=\"logoLocation\" alt=\"logo\">\r\n <lib-company-product *ngIf=\"company && product\" [company]=\"company\" [product]=\"product\"></lib-company-product>\r\n </a>\r\n <div [ngClass.lt-sm]=\"'tld-translate-mobile'\">\r\n\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"address-wrapper\">\r\n <div fxFlex class=\"back-btn\">\r\n\r\n <button (click)=\"goToHome()\" color=\"accent\" mat-flat-button [attr.title]=\"'WEBTRANSLATE.BACK' | translate\">\r\n <mat-icon inline=true>chevron_left</mat-icon>\r\n </button>\r\n\r\n </div>\r\n <div fxFlex class=\"\">\r\n <div data-text=\"address\" class=\"\">{{'WEBTRANSLATE.ADDRESS' | translate}}</div>\r\n </div>\r\n <div fxFlex=\"100%\" class=\"address-input\">\r\n <input type=\"url\" #url class=\"url w-100\" autofocus=\"autofocus\" [(ngModel)]=\"urlToTranslate\"\r\n (keyup.enter)=\"loadButtonClicked()\" />\r\n </div>\r\n <div fxFlex class=\"load-btn\">\r\n <button (click)=\"loadButtonClicked()\" color=\"accent\" mat-flat-button\r\n [attr.title]=\"'WEBTRANSLATE.LOAD_PAGE' | translate\" [disabled]=\"!urlToTranslate\">\r\n <mat-icon inline=true>search</mat-icon>\r\n </button>\r\n </div>\r\n\r\n </div>\r\n\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center\" class=\"tld-translate-switcher-wrapper\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxFlex>\r\n <tld-translate-switcher\r\n *ngIf=\"switcherOptions\"\r\n [isCollectionsActivated]=\"isCollectionsActivated\"\r\n [useParentWidth]=\"useParentWidth\"\r\n [disabled]=\"actionButtonDisabled\"\r\n [settings]=\"switcherOptions\"\r\n [showTranslateButton]=\"false\"\r\n [hideOnSmallScreens]=\"false\"\r\n [hideLangMenuLabels]=\"hideLangMenuLabels\"\r\n [maxDisplayedLanguages]=\"maxDisplayedLanguages\"\r\n [showDomainsWithLanguageName]=\"showDomainsWithLanguageName\"\r\n (onDomainChange)=\"systemChange($event)\"\r\n (onActionClick)=\"translateButtonClick()\"\r\n (onLanguageSwap)=\"swapLanguages()\"\r\n (onSourceLanguageChange)=\"sourceLanguageChange($event)\"\r\n (onTargetLanguageChange)=\"targetLanguageChange($event)\">\r\n </tld-translate-switcher>\r\n <div fxFlexAlign=\"center\" class=\"action-btn-wrapper\">\r\n <tld-translate-button\r\n *ngIf=\"showTranslateBtn\"\r\n class=\"switcher-translate-button\"\r\n [disabled]=\"actionButtonDisabled || !urlToTranslate\">\r\n </tld-translate-button>\r\n <button *ngIf=\"showCancel\" mat-flat-button color=\"accent\" (click)=\"cancel()\"\r\n class=\"cancel-button\">{{'WEBTRANSLATE.CANCEL' | translate}}</button>\r\n <button *ngIf=\"showRestore\" mat-flat-button color=\"accent\" (click)=\"restore()\"\r\n class=\"restore-button\">{{'WEBTRANSLATE.RESTORE' | translate}}</button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n\r\n <div id=\"website-frame-container\">\r\n <mat-progress-bar *ngIf=\"showProgress\" color=\"accent\" [mode]=\"mode\" [value]=\"progressValue\">\r\n </mat-progress-bar>\r\n <lib-tld-notification-message [@openCloseAnimation] *ngFor=\"let message of messages; let ix = index\" [message]=\"message\"\r\n (closeClicked)=\"removeMessage(ix)\"></lib-tld-notification-message>\r\n <iframe id=\"letsmt-translate-page-iframe\" name=\"letsmtTranslatePageIframe\" src=\"about:blank\"\r\n [attr.sandbox]=\"sandbox\"></iframe>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".tld-translate-switcher-wrapper{padding:0 .5em;margin-left:auto;margin-right:auto}.translate-container-header{padding:.6em 1em 0;box-sizing:border-box}#widget .translate-container-header{width:100%;height:100%;margin-left:auto;margin-right:auto}#letsmt-translate-page-iframe{width:100%;height:100%;border:0}#website-frame-container{inset:5.92em 0 0;border-top:solid 1px #d4d4d4;position:fixed}#home-link{position:absolute;left:.75em;top:.2em;display:flex;flex-direction:row;text-decoration:none}#home-link img{margin-right:.75em;max-height:5.5em}@media screen and (max-width: 73em){#home-link{display:none}}.back-btn .mat-mdc-unelevated-button,.load-btn .mat-mdc-unelevated-button{width:27px;height:27px;line-height:27px;min-width:27px;padding:0}.back-btn .mat-mdc-unelevated-button .mat-icon,.load-btn .mat-mdc-unelevated-button .mat-icon{vertical-align:top;font-size:1.25em}.address-wrapper{max-width:60em;margin-bottom:.38em;margin-left:auto;margin-right:auto}.load-btn{padding-left:.8em}.back-btn{padding-right:.8em}.cancel-button,.restore-button{min-width:100px;height:36px;align-self:center}.w-100{width:100%}.address-input{padding-left:.9em;padding-right:.65em}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TldTranslateSwitcherComponent, selector: "tld-translate-switcher", inputs: ["buttonDisabled", "showTranslateButton", "hideOnSmallScreens", "disabled", "hideLangMenuLabels", "maxDisplayedLanguages", "collections", "showDomainsWithLanguageName", "isCollectionsActivated", "useParentWidth", "loader", "settings"], outputs: ["onDomainChange", "onActionClick", "onSourceLanguageChange", "onTargetLanguageChange", "onLanguageSwap", "onVendorChange"] }, { kind: "component", type: TldTranslateButtonComponent, selector: "tld-translate-button", inputs: ["disabled", "enablePulseAnimation"], outputs: ["clicked"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexAlignDirective, selector: " [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md], [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md], [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm], [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.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: 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: i12.NotificationMessageComponent, selector: "lib-tld-notification-message", inputs: ["message", "inline"], outputs: ["buttonClicked", "closeClicked", "linkClicked"] }, { kind: "component", type: i12.CompanyProductComponent, selector: "lib-company-product", inputs: ["company", "product"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], animations: [
|
|
10560
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateWebsiteComponent, deps: [{ token: i1$1.TranslateService }, { token: TldTranslateConfigService }, { token: TldTranslateButtonService }, { token: TldAlertService }, { token: i4$3.Router }, { token: i4$3.ActivatedRoute }, { token: TldSystemService }, { token: TerminologyService }, { token: TldTranslateWebService }, { token: IconService }, { token: TRANSLATION_API_VERSION_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
|
|
10561
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateWebsiteComponent, selector: "tld-translate-website", inputs: { product: "product", company: "company" }, outputs: { onError: "onError" }, viewQueries: [{ propertyName: "urlInputField", first: true, predicate: ["url"], descendants: true }], ngImport: i0, template: "<div id=\"widget\" class=\"tld-translate-web\">\r\n <div class=\"translate-container-header\">\r\n <a href=\"/\" id=\"home-link\" [attr.title]=\"'WEBTRANSLATE.BACK' | translate\">\r\n <img [src]=\"logoLocation\" alt=\"logo\">\r\n <lib-company-product *ngIf=\"company && product\" [company]=\"company\" [product]=\"product\"></lib-company-product>\r\n </a>\r\n <div [ngClass.lt-sm]=\"'tld-translate-mobile'\">\r\n\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"address-wrapper\">\r\n <div fxFlex class=\"back-btn\">\r\n\r\n <button (click)=\"goToHome()\" color=\"accent\" mat-flat-button [attr.title]=\"'WEBTRANSLATE.BACK' | translate\">\r\n <mat-icon inline=true>chevron_left</mat-icon>\r\n </button>\r\n\r\n </div>\r\n <div fxFlex class=\"\">\r\n <div data-text=\"address\" class=\"\">{{'WEBTRANSLATE.ADDRESS' | translate}}</div>\r\n </div>\r\n <div fxFlex=\"100%\" class=\"address-input\">\r\n <input type=\"url\" #url class=\"url w-100\" autofocus=\"autofocus\" [(ngModel)]=\"urlToTranslate\"\r\n (keyup.enter)=\"loadButtonClicked()\" />\r\n </div>\r\n <div fxFlex class=\"load-btn\">\r\n <button (click)=\"loadButtonClicked()\" color=\"accent\" mat-flat-button\r\n [attr.title]=\"'WEBTRANSLATE.LOAD_PAGE' | translate\" [disabled]=\"!urlToTranslate\">\r\n <mat-icon inline=true>search</mat-icon>\r\n </button>\r\n </div>\r\n\r\n </div>\r\n\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center\" class=\"tld-translate-switcher-wrapper\">\r\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxFlex>\r\n <tld-translate-switcher\r\n *ngIf=\"switcherOptions\"\r\n [isCollectionsActivated]=\"isCollectionsActivated\"\r\n [useParentWidth]=\"useParentWidth\"\r\n [disabled]=\"actionButtonDisabled\"\r\n [settings]=\"switcherOptions\"\r\n [showTranslateButton]=\"false\"\r\n [hideOnSmallScreens]=\"false\"\r\n [hideLangMenuLabels]=\"hideLangMenuLabels\"\r\n [maxDisplayedLanguages]=\"maxDisplayedLanguages\"\r\n [showDomainsWithLanguageName]=\"showDomainsWithLanguageName\"\r\n (onDomainChange)=\"systemChange($event)\"\r\n (onActionClick)=\"translateButtonClick()\"\r\n (onLanguageSwap)=\"swapLanguages()\"\r\n (onSourceLanguageChange)=\"sourceLanguageChange($event)\"\r\n (onTargetLanguageChange)=\"targetLanguageChange($event)\">\r\n </tld-translate-switcher>\r\n <div fxFlexAlign=\"center\" class=\"action-btn-wrapper\">\r\n <tld-translate-button\r\n *ngIf=\"showTranslateBtn\"\r\n class=\"switcher-translate-button\"\r\n [disabled]=\"actionButtonDisabled || !urlToTranslate\">\r\n </tld-translate-button>\r\n <button *ngIf=\"showCancel\" mat-flat-button color=\"accent\" (click)=\"cancel()\"\r\n class=\"cancel-button\">{{'WEBTRANSLATE.CANCEL' | translate}}</button>\r\n <button *ngIf=\"showRestore\" mat-flat-button color=\"accent\" (click)=\"restore()\"\r\n class=\"restore-button\">{{'WEBTRANSLATE.RESTORE' | translate}}</button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n\r\n <div id=\"website-frame-container\">\r\n <mat-progress-bar *ngIf=\"showProgress\" color=\"accent\" [mode]=\"mode\" [value]=\"progressValue\">\r\n </mat-progress-bar>\r\n <lib-tld-notification-message [@openCloseAnimation] *ngFor=\"let message of messages; let ix = index\" [message]=\"message\"\r\n (closeClicked)=\"removeMessage(ix)\"></lib-tld-notification-message>\r\n <iframe id=\"letsmt-translate-page-iframe\" name=\"letsmtTranslatePageIframe\" src=\"about:blank\"\r\n [attr.sandbox]=\"sandbox\"></iframe>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".tld-translate-switcher-wrapper{padding:0 .5em;margin-left:auto;margin-right:auto}.translate-container-header{padding:.6em 1em 0;box-sizing:border-box}#widget .translate-container-header{width:100%;height:100%;margin-left:auto;margin-right:auto}#letsmt-translate-page-iframe{width:100%;height:100%;border:0}#website-frame-container{inset:5.92em 0 0;border-top:solid 1px #d4d4d4;position:fixed}#home-link{position:absolute;left:.75em;top:.2em;display:flex;flex-direction:row;text-decoration:none}#home-link img{margin-right:.75em;max-height:5.5em}@media screen and (max-width: 73em){#home-link{display:none}}.back-btn .mat-mdc-unelevated-button,.load-btn .mat-mdc-unelevated-button{width:27px;height:27px;line-height:27px;min-width:27px;padding:0}.back-btn .mat-mdc-unelevated-button .mat-icon,.load-btn .mat-mdc-unelevated-button .mat-icon{vertical-align:top;font-size:1.25em}.address-wrapper{max-width:60em;margin-bottom:.38em;margin-left:auto;margin-right:auto}.load-btn{padding-left:.8em}.back-btn{padding-right:.8em}.cancel-button,.restore-button{min-width:100px;height:36px;align-self:center}.w-100{width:100%}.address-input{padding-left:.9em;padding-right:.65em}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TldTranslateSwitcherComponent, selector: "tld-translate-switcher", inputs: ["buttonDisabled", "showTranslateButton", "hideOnSmallScreens", "disabled", "hideLangMenuLabels", "maxDisplayedLanguages", "collections", "showDomainsWithLanguageName", "isCollectionsActivated", "useParentWidth", "loader", "settings"], outputs: ["onDomainChange", "onActionClick", "onSourceLanguageChange", "onTargetLanguageChange", "onLanguageSwap", "onVendorChange"] }, { kind: "component", type: TldTranslateButtonComponent, selector: "tld-translate-button", inputs: ["disabled", "enablePulseAnimation"], outputs: ["clicked"] }, { kind: "component", type: i4$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexAlignDirective, selector: " [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md], [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md], [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm], [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.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: 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: i12.NotificationMessageComponent, selector: "lib-tld-notification-message", inputs: ["message", "inline"], outputs: ["buttonClicked", "closeClicked", "linkClicked"] }, { kind: "component", type: i12.CompanyProductComponent, selector: "lib-company-product", inputs: ["company", "product"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], animations: [
|
|
10647
10562
|
trigger('openCloseAnimation', [
|
|
10648
10563
|
transition(':enter', [
|
|
10649
10564
|
style({ height: 0 }),
|
|
@@ -10653,7 +10568,7 @@ class TldTranslateWebsiteComponent {
|
|
|
10653
10568
|
])
|
|
10654
10569
|
] });
|
|
10655
10570
|
}
|
|
10656
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
10571
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateWebsiteComponent, decorators: [{
|
|
10657
10572
|
type: Component,
|
|
10658
10573
|
args: [{ selector: 'tld-translate-website', animations: [
|
|
10659
10574
|
trigger('openCloseAnimation', [
|
|
@@ -10679,8 +10594,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
10679
10594
|
}] } });
|
|
10680
10595
|
|
|
10681
10596
|
class TldWebModule {
|
|
10682
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
10683
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
10597
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldWebModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10598
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: TldWebModule, declarations: [TldTranslateWebsiteComponent], imports: [CommonModule,
|
|
10684
10599
|
TranslateModule,
|
|
10685
10600
|
TldTooltipModule,
|
|
10686
10601
|
TldCommonModule,
|
|
@@ -10689,7 +10604,7 @@ class TldWebModule {
|
|
|
10689
10604
|
NotificationMessageModule,
|
|
10690
10605
|
CompanyProductModule,
|
|
10691
10606
|
CloseButtonModule], exports: [TldTranslateWebsiteComponent] });
|
|
10692
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.
|
|
10607
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldWebModule, imports: [CommonModule,
|
|
10693
10608
|
TranslateModule,
|
|
10694
10609
|
TldTooltipModule,
|
|
10695
10610
|
TldCommonModule,
|
|
@@ -10699,7 +10614,7 @@ class TldWebModule {
|
|
|
10699
10614
|
CompanyProductModule,
|
|
10700
10615
|
CloseButtonModule] });
|
|
10701
10616
|
}
|
|
10702
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
10617
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldWebModule, decorators: [{
|
|
10703
10618
|
type: NgModule,
|
|
10704
10619
|
args: [{
|
|
10705
10620
|
declarations: [TldTranslateWebsiteComponent],
|
|
@@ -10765,14 +10680,44 @@ class TldTranslateBodyComponent {
|
|
|
10765
10680
|
this.destroy$.next(null);
|
|
10766
10681
|
this.destroy$.complete();
|
|
10767
10682
|
}
|
|
10768
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
10769
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
10683
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateBodyComponent, deps: [{ token: TldTranslateFileService }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
10684
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateBodyComponent, selector: "tld-translate-body", ngImport: i0, template: "<ng-container *ngIf=\"!multipleFilesUploaded\">\r\n <tld-translate-text *ngIf=\"!isFilePreviewLoaded\" (onFileChange)=\"fileUpload($event)\" [filePreviewProgress]=\"filePreviewProgress\"></tld-translate-text>\r\n <tld-translate-file *ngIf=\"isFilePreviewLoaded\" [translationFile]=\"file\"></tld-translate-file>\r\n</ng-container>\r\n<tld-translate-file-multiple [translationFiles]=\"files\" *ngIf=\"multipleFilesUploaded\"></tld-translate-file-multiple>\r\n", styles: ["tld-translate-text,tld-translate-file{flex:1 1 100%}tld-translate-file-multiple{height:100%;max-height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TldTranslateTextComponent, selector: "tld-translate-text", inputs: ["filePreviewProgress"], outputs: ["onFileChange"] }, { kind: "component", type: TldTranslateFileComponent, selector: "tld-translate-file", inputs: ["translationFile"] }, { kind: "component", type: TldTranslateFileMultipleComponent, selector: "tld-translate-file-multiple", inputs: ["translationFiles"] }] });
|
|
10770
10685
|
}
|
|
10771
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
10686
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateBodyComponent, decorators: [{
|
|
10772
10687
|
type: Component,
|
|
10773
10688
|
args: [{ selector: 'tld-translate-body', template: "<ng-container *ngIf=\"!multipleFilesUploaded\">\r\n <tld-translate-text *ngIf=\"!isFilePreviewLoaded\" (onFileChange)=\"fileUpload($event)\" [filePreviewProgress]=\"filePreviewProgress\"></tld-translate-text>\r\n <tld-translate-file *ngIf=\"isFilePreviewLoaded\" [translationFile]=\"file\"></tld-translate-file>\r\n</ng-container>\r\n<tld-translate-file-multiple [translationFiles]=\"files\" *ngIf=\"multipleFilesUploaded\"></tld-translate-file-multiple>\r\n", styles: ["tld-translate-text,tld-translate-file{flex:1 1 100%}tld-translate-file-multiple{height:100%;max-height:100%;width:100%}\n"] }]
|
|
10774
10689
|
}], ctorParameters: function () { return [{ type: TldTranslateFileService }, { type: TldTranslateConfigService }]; } });
|
|
10775
10690
|
|
|
10691
|
+
class WtwLinkParamsService {
|
|
10692
|
+
translate;
|
|
10693
|
+
defaultQueryParams = {
|
|
10694
|
+
lang: this.translate.currentLang
|
|
10695
|
+
};
|
|
10696
|
+
queryString = new BehaviorSubject(this.defaultQueryString);
|
|
10697
|
+
get defaultQueryString() {
|
|
10698
|
+
return `lang=${this.defaultQueryParams.lang}`;
|
|
10699
|
+
}
|
|
10700
|
+
constructor(translate) {
|
|
10701
|
+
this.translate = translate;
|
|
10702
|
+
this.translate.onLangChange.subscribe((language) => {
|
|
10703
|
+
this.defaultQueryParams.lang = language.lang;
|
|
10704
|
+
this.queryString.next(this.defaultQueryString);
|
|
10705
|
+
});
|
|
10706
|
+
}
|
|
10707
|
+
;
|
|
10708
|
+
query() {
|
|
10709
|
+
return this.queryString.asObservable();
|
|
10710
|
+
}
|
|
10711
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: WtwLinkParamsService, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
10712
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: WtwLinkParamsService, providedIn: 'root' });
|
|
10713
|
+
}
|
|
10714
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: WtwLinkParamsService, decorators: [{
|
|
10715
|
+
type: Injectable,
|
|
10716
|
+
args: [{
|
|
10717
|
+
providedIn: 'root'
|
|
10718
|
+
}]
|
|
10719
|
+
}], ctorParameters: function () { return [{ type: i1$1.TranslateService }]; } });
|
|
10720
|
+
|
|
10776
10721
|
class TldTranslateComponent {
|
|
10777
10722
|
translate;
|
|
10778
10723
|
translateFileService;
|
|
@@ -10959,8 +10904,8 @@ class TldTranslateComponent {
|
|
|
10959
10904
|
this.destroy$.next(null);
|
|
10960
10905
|
this.destroy$.complete();
|
|
10961
10906
|
}
|
|
10962
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
10963
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
10907
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateComponent, deps: [{ token: i1$1.TranslateService }, { token: TldTranslateFileService }, { token: TldTranslateTextService }, { token: TldTranslateConfigService }, { token: TldAlertService }, { token: TldTranslateButtonService }, { token: TldSystemService }, { token: AudioRecordService }, { token: TldVoiceInputService }, { token: WtwLinkParamsService }, { token: TranslationSystemPickerService }, { token: IconService }], target: i0.ɵɵFactoryTarget.Component });
|
|
10908
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateComponent, selector: "tld-translate", outputs: { onError: "onError" }, viewQueries: [{ propertyName: "tldTranslateBody", first: true, predicate: TldTranslateBodyComponent, descendants: true }], ngImport: i0, template: "<div fxLayout=\"column\" class=\"h-100 tld-translate\" *ngIf=\"!showNoSystemsError\"\r\n [ngClass.lt-md]=\"'tld-translate-tablet tld-default-border-bottom'\"\r\n [ngClass.lt-sm]=\"'tld-translate-mobile tld-default-border-bottom'\"\r\n [class.tld-translate-multiple-files-active]=\"isMultipleFilesActive\">\r\n <div class=\"tld-translate-wrapper tld-default-border\" fxLayout=\"column\" fxFlex>\r\n <div class=\"tld-translate-switcher-wrapper tld-default-border-bottom\">\r\n <tld-translate-switcher *ngIf=\"switcherOptions && languageMenuVersion === languageMenuV1\"\r\n [disabled]=\"actionButtonDisabled\" [isCollectionsActivated]=\"isCollectionsActivated\" [settings]=\"switcherOptions\"\r\n [maxDisplayedLanguages]=\"maxDisplayedLanguages\" [showDomainsWithLanguageName]=\"showDomainsWithLanguageName\"\r\n [buttonDisabled]=\"actionButtonDisabled\" [hideLangMenuLabels]=\"hideLangMenuLabels\"\r\n (onDomainChange)=\"systemChange($event)\" (onActionClick)=\"translateButtonClick()\"\r\n (onLanguageSwap)=\"swapLanguages()\" (onSourceLanguageChange)=\"sourceLanguageChange($event)\"\r\n (onTargetLanguageChange)=\"targetLanguageChange($event)\" [loader]=\"actionButtonLoader\" [showTranslateButton]=\"showTranslateButton\">\r\n </tld-translate-switcher>\r\n <tld-translation-system-picker *ngIf=\"languageMenuVersion===languageMenuV2\"\r\n [isCollectionsActivated]=\"isCollectionsActivated\"></tld-translation-system-picker>\r\n </div>\r\n <lib-tld-notification-message [inline]=\"true\" *ngFor=\"let message of messages; let ix = index\" [message]=\"message\"\r\n (closeClicked)=\"removeMessage(ix)\">\r\n </lib-tld-notification-message>\r\n <div fxFlex style=\"position: relative;\">\r\n <tld-translate-body fxFlex fxLayoutAlign=\"column\" [attr.source-language]=\"sourceLanguage\"\r\n [attr.target-language]=\"targetLanguage\"></tld-translate-body>\r\n <tld-translation-system-picker-dropdown [ngClass.xs]=\"'mobile'\" *ngIf=\"systemPickerDropdownVisible\">\r\n </tld-translation-system-picker-dropdown>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<lib-tld-notification-message *ngIf=\"showNoSystemsError\" [message]=\"noSystemsError\">\r\n</lib-tld-notification-message>\r\n", styles: [".tld-translate-wrapper{overflow:hidden;background:#ffffff;box-shadow:0 3.2px 7.2px #00000021}.tld-translate-switcher-wrapper{padding:.5em 1em}.h-100{height:100%}tld-translation-system-picker-dropdown{z-index:2}tld-translation-system-picker-dropdown:not(.mobile){position:absolute;width:100%;height:100%}tld-translation-system-picker-dropdown.mobile{position:fixed;top:0;left:0;width:100vw;height:100vh}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.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: 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: TranslationSystemPickerComponent, selector: "tld-translation-system-picker", inputs: ["isCollectionsActivated"] }, { kind: "component", type: TranslationSystemPickerDropdownComponent, selector: "tld-translation-system-picker-dropdown" }, { kind: "component", type: i12.NotificationMessageComponent, selector: "lib-tld-notification-message", inputs: ["message", "inline"], outputs: ["buttonClicked", "closeClicked", "linkClicked"] }, { kind: "component", type: TldTranslateBodyComponent, selector: "tld-translate-body" }], animations: [
|
|
10964
10909
|
trigger('openCloseAnimation', [
|
|
10965
10910
|
transition(':enter', [
|
|
10966
10911
|
style({ height: 0 }),
|
|
@@ -10970,7 +10915,7 @@ class TldTranslateComponent {
|
|
|
10970
10915
|
])
|
|
10971
10916
|
] });
|
|
10972
10917
|
}
|
|
10973
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
10918
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateComponent, decorators: [{
|
|
10974
10919
|
type: Component,
|
|
10975
10920
|
args: [{ selector: 'tld-translate', animations: [
|
|
10976
10921
|
trigger('openCloseAnimation', [
|
|
@@ -11031,10 +10976,10 @@ class MtTermV1Service {
|
|
|
11031
10976
|
};
|
|
11032
10977
|
return new CombinedCollection(null, convertedMtCollection);
|
|
11033
10978
|
}
|
|
11034
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
11035
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
10979
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MtTermV1Service, deps: [{ token: i1$3.HttpClient }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
10980
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MtTermV1Service, providedIn: 'root' });
|
|
11036
10981
|
}
|
|
11037
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
10982
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MtTermV1Service, decorators: [{
|
|
11038
10983
|
type: Injectable,
|
|
11039
10984
|
args: [{
|
|
11040
10985
|
providedIn: 'root'
|
|
@@ -11107,10 +11052,10 @@ class MtTermV2Service {
|
|
|
11107
11052
|
};
|
|
11108
11053
|
return new CombinedCollection(null, convertedMtCollection);
|
|
11109
11054
|
}
|
|
11110
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
11111
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
11055
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MtTermV2Service, deps: [{ token: TldTranslateConfigService }, { token: EningeTermApiService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
11056
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MtTermV2Service, providedIn: 'root' });
|
|
11112
11057
|
}
|
|
11113
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
11058
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: MtTermV2Service, decorators: [{
|
|
11114
11059
|
type: Injectable,
|
|
11115
11060
|
args: [{
|
|
11116
11061
|
providedIn: 'root'
|
|
@@ -11208,10 +11153,10 @@ class FileApiV2Service {
|
|
|
11208
11153
|
return returnValue;
|
|
11209
11154
|
}));
|
|
11210
11155
|
}
|
|
11211
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
11212
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
11156
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: FileApiV2Service, deps: [{ token: i1$3.HttpClient }, { token: TldTranslateConfigService }, { token: TerminologyService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
11157
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: FileApiV2Service, providedIn: 'root' });
|
|
11213
11158
|
}
|
|
11214
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
11159
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: FileApiV2Service, decorators: [{
|
|
11215
11160
|
type: Injectable,
|
|
11216
11161
|
args: [{
|
|
11217
11162
|
providedIn: 'root'
|
|
@@ -11275,10 +11220,10 @@ class TldSystemApiV2Service {
|
|
|
11275
11220
|
};
|
|
11276
11221
|
return systemBase;
|
|
11277
11222
|
}
|
|
11278
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
11279
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
11223
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldSystemApiV2Service, deps: [{ token: TldTranslateConfigService }, { token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
11224
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldSystemApiV2Service, providedIn: 'root' });
|
|
11280
11225
|
}
|
|
11281
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
11226
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldSystemApiV2Service, decorators: [{
|
|
11282
11227
|
type: Injectable,
|
|
11283
11228
|
args: [{
|
|
11284
11229
|
providedIn: 'root'
|
|
@@ -11333,10 +11278,10 @@ class TldSystemApiService {
|
|
|
11333
11278
|
}
|
|
11334
11279
|
return null;
|
|
11335
11280
|
}
|
|
11336
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
11337
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
11281
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldSystemApiService, deps: [{ token: TldTranslateConfigService }, { token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
11282
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldSystemApiService, providedIn: 'root' });
|
|
11338
11283
|
}
|
|
11339
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
11284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldSystemApiService, decorators: [{
|
|
11340
11285
|
type: Injectable,
|
|
11341
11286
|
args: [{
|
|
11342
11287
|
providedIn: 'root'
|
|
@@ -11450,10 +11395,10 @@ class TldTranslateTextApiV2Service {
|
|
|
11450
11395
|
}
|
|
11451
11396
|
});
|
|
11452
11397
|
}
|
|
11453
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
11454
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
11398
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextApiV2Service, deps: [{ token: i1$3.HttpClient }, { token: TldTranslateConfigService }, { token: TerminologyService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
11399
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextApiV2Service, providedIn: 'root' });
|
|
11455
11400
|
}
|
|
11456
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
11401
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextApiV2Service, decorators: [{
|
|
11457
11402
|
type: Injectable,
|
|
11458
11403
|
args: [{
|
|
11459
11404
|
providedIn: 'root'
|
|
@@ -11632,10 +11577,10 @@ class TldTranslateTextApiService {
|
|
|
11632
11577
|
}
|
|
11633
11578
|
});
|
|
11634
11579
|
}
|
|
11635
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
11636
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.
|
|
11580
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextApiService, deps: [{ token: TerminologyService }, { token: i1$3.HttpClient }, { token: TldTranslateConfigService }, { token: TldAlertService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
11581
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextApiService, providedIn: 'root' });
|
|
11637
11582
|
}
|
|
11638
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
11583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextApiService, decorators: [{
|
|
11639
11584
|
type: Injectable,
|
|
11640
11585
|
args: [{
|
|
11641
11586
|
providedIn: 'root'
|
|
@@ -11652,7 +11597,7 @@ function textApiServiceFactory(version, config, http, terminologyService, alerts
|
|
|
11652
11597
|
}
|
|
11653
11598
|
|
|
11654
11599
|
class TldTranslateModule {
|
|
11655
|
-
static forRoot(translationApiVersion, configuration) {
|
|
11600
|
+
static forRoot(translationApiVersion = TranslationApiVersion.V1, configuration) {
|
|
11656
11601
|
const providers = [
|
|
11657
11602
|
{ provide: SYSTEM_SERVICE_TOKEN, useFactory: systemServiceFactory, deps: [TRANSLATION_API_VERSION_TOKEN, TldTranslateConfigService, HttpClient] },
|
|
11658
11603
|
{
|
|
@@ -11705,8 +11650,8 @@ class TldTranslateModule {
|
|
|
11705
11650
|
providers
|
|
11706
11651
|
};
|
|
11707
11652
|
}
|
|
11708
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
11709
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
11653
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
11654
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateModule, declarations: [TldTranslateBodyComponent,
|
|
11710
11655
|
TldTranslateComponent], imports: [CommonModule,
|
|
11711
11656
|
MaterialModule, i1$1.TranslateModule, FormsModule,
|
|
11712
11657
|
HttpClientModule,
|
|
@@ -11717,7 +11662,7 @@ class TldTranslateModule {
|
|
|
11717
11662
|
TldTooltipModule,
|
|
11718
11663
|
NotificationMessageModule,
|
|
11719
11664
|
CloseButtonModule], exports: [TldTranslateComponent] });
|
|
11720
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.
|
|
11665
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateModule, providers: [TranslateService], imports: [CommonModule,
|
|
11721
11666
|
MaterialModule,
|
|
11722
11667
|
TranslateModule.forChild(),
|
|
11723
11668
|
FormsModule,
|
|
@@ -11730,7 +11675,7 @@ class TldTranslateModule {
|
|
|
11730
11675
|
NotificationMessageModule,
|
|
11731
11676
|
CloseButtonModule] });
|
|
11732
11677
|
}
|
|
11733
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
11678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateModule, decorators: [{
|
|
11734
11679
|
type: NgModule,
|
|
11735
11680
|
args: [{
|
|
11736
11681
|
declarations: [
|
|
@@ -11766,5 +11711,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
11766
11711
|
* Generated bundle index. Do not edit.
|
|
11767
11712
|
*/
|
|
11768
11713
|
|
|
11769
|
-
export { AudioRecordService, CombinedCollection, CombinedCollectionTooltipKey, Common, CreateCollectionComponent, EngineTermCollectionScope, EngineTermCollectionSource, EngineTermCollectionStatus, EngineTermCollectionSubStatus, EningeTermApiService, ErrorCode, ExtensionDialogComponent, ExtensionDialogModule, ExtensionDialogService, FILE_API_SERVICE_TOKEN, FileCategories, FileExtensions, FileTranslationSubstatus, FileTypeIcons, FileTypes, HighlightParams, HighlightTreeComponent, IconService, MT_TERM_API_TOKEN, MtCollectionStatus, OPEN_CLOSE_BTN_ICONS_TOKEN, OpenExtensionDialogComponent, OpenedMenu, SYSTEM_SERVICE_TOKEN, SourceAndTargetWrapperComponent, TEXT_API_SERVICE_TOKEN, TLD_TRANSLATE_CONFIG_TOKEN, TRANSLATION_API_VERSION_TOKEN, TermApiService, TerminologyService, TextToSpeechComponent, TextToSpeechModule, TextareaWithBackgroundComponent, TldAlertService, TldAudioModule, TldCommonModule, TldDictateComponent, TldDictionaryComponent, TldDocumentModule, TldDomainListComponent, TldFileTranslateBaseComponent, TldHighlightService, TldLangListComponent, TldListMenuComponent, TldLoaderComponent, TldMessageComponent, TldMessageType, TldOpenCloseButtonComponent, TldRecordComponent, TldSystemService, TldTermCollectionComponent, TldTermCollectionListComponent, TldTermCreateCollectionDialogComponent, TldTermMenuComponent, TldTermModule,
|
|
11714
|
+
export { AudioRecordService, CombinedCollection, CombinedCollectionTooltipKey, Common, CreateCollectionComponent, EngineTermCollectionScope, EngineTermCollectionSource, EngineTermCollectionStatus, EngineTermCollectionSubStatus, EningeTermApiService, ErrorCode, ExtensionDialogComponent, ExtensionDialogModule, ExtensionDialogService, FILE_API_SERVICE_TOKEN, FileCategories, FileExtensions, FileTranslationSubstatus, FileTypeIcons, FileTypes, HighlightParams, HighlightTreeComponent, IconService, MT_TERM_API_TOKEN, MtCollectionStatus, OPEN_CLOSE_BTN_ICONS_TOKEN, OpenExtensionDialogComponent, OpenedMenu, SYSTEM_SERVICE_TOKEN, SourceAndTargetWrapperComponent, TEXT_API_SERVICE_TOKEN, TLD_TRANSLATE_CONFIG_TOKEN, TRANSLATION_API_VERSION_TOKEN, TermApiService, TerminologyService, TextToSpeechComponent, TextToSpeechModule, TextareaWithBackgroundComponent, TldAlertService, TldAudioModule, TldCommonModule, TldDictateComponent, TldDictionaryComponent, TldDocumentModule, TldDomainListComponent, TldFileTranslateBaseComponent, TldHighlightService, TldLangListComponent, TldListMenuComponent, TldLoaderComponent, TldMessageComponent, TldMessageType, TldOpenCloseButtonComponent, TldRecordComponent, TldSystemService, TldTermCollectionComponent, TldTermCollectionListComponent, TldTermCreateCollectionDialogComponent, TldTermMenuComponent, TldTermModule, TldTextModule, TldTooltipModule, TldTranslateAchievementComponent, TldTranslateButtonComponent, TldTranslateComponent, TldTranslateConfigService, TldTranslateFileApiService, TldTranslateFileComponent, TldTranslateFileDownloadButtonComponent, TldTranslateFileMultipleComponent, TldTranslateFileService, TldTranslateImageConversionHelpComponent, TldTranslateModule, TldTranslatePdfConversionHelpComponent, TldTranslateSourceComponent, TldTranslateSuggestComponent, TldTranslateSuggestDialogComponent, TldTranslateSwitcherComponent, TldTranslateTextComponent, TldTranslateTextService, TldTranslateWebsiteComponent, TldVoiceInputApiService, TldVoiceInputService, TldWebModule, TranslateDomainPipe, TranslationApiVersion, TranslationStatuss, TranslationSystemPickerButtonComponent, TranslationSystemPickerComponent, TranslationSystemPickerDropdownComponent, TranslationSystemPickerFilterComponent, TranslationSystemPickerLanguageListComponent, TranslationSystemPickerService, VoiceToTextState, availableLanguages, languageMenuVersion };
|
|
11770
11715
|
//# sourceMappingURL=tilde-nlp-ngx-translate.mjs.map
|