@tilde-nlp/ngx-translate 9.1.26 → 9.1.28
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.
|
@@ -5901,7 +5901,7 @@ class TldTranslateSystemManagementService {
|
|
|
5901
5901
|
return false;
|
|
5902
5902
|
}
|
|
5903
5903
|
isTerminologySupported(system) {
|
|
5904
|
-
return system.includesTerminology;
|
|
5904
|
+
return system.includesTerminology || system.supportsExtractedTerms;
|
|
5905
5905
|
}
|
|
5906
5906
|
changeSourceLanguage(sourceLanguageCode) {
|
|
5907
5907
|
if (sourceLanguageCode === this.activeSystem.targetLanguage) {
|
|
@@ -6953,8 +6953,11 @@ class FileApiService {
|
|
|
6953
6953
|
formData.append("fileName", properties.file.originalFileName);
|
|
6954
6954
|
formData.append("srcLang", properties.system.sourceLanguage);
|
|
6955
6955
|
formData.append("trgLang", properties.system.targetLanguage);
|
|
6956
|
+
const selectedSystem = this.terminologyService.engines[this.systemManagementService.getActiveSystemObj().id].selected;
|
|
6957
|
+
const collection = this.systemManagementService.getActiveSystemObj().supportsExtractedTerms ?
|
|
6958
|
+
selectedSystem.termCollection.collectionGuid : selectedSystem.mtCollection?.id;
|
|
6956
6959
|
if (this.terminologyService.engines[this.systemManagementService.getActiveSystemObj().id]?.selected) {
|
|
6957
|
-
formData.append("termCollections",
|
|
6960
|
+
formData.append("termCollections", collection);
|
|
6958
6961
|
}
|
|
6959
6962
|
if (properties.system.domain) {
|
|
6960
6963
|
formData.append("domain", properties.system.domain);
|
|
@@ -8413,15 +8416,17 @@ class TldTranslateTextApiService {
|
|
|
8413
8416
|
srcLang: params.system.detectedLanguage ?? params.system.sourceLanguage,
|
|
8414
8417
|
domain: params.system.domain
|
|
8415
8418
|
};
|
|
8416
|
-
const
|
|
8419
|
+
const currentSystem = this.systemManagementService.getActiveSystemObj();
|
|
8420
|
+
const currentSystemId = currentSystem.id;
|
|
8417
8421
|
const selected = this.terminologyService.engines[currentSystemId]?.selected;
|
|
8422
|
+
const selectedCollection = selected?.mtCollection?.id ?? selected?.termId;
|
|
8418
8423
|
const localStorageCollections = localStorage.getItem(this.terminologyService.LOCAL_STORAGE_KEY);
|
|
8419
8424
|
let currentSystemCollection;
|
|
8420
8425
|
if (localStorageCollections?.length) {
|
|
8421
8426
|
currentSystemCollection = JSON.parse(localStorageCollections)[currentSystemId] ?? '';
|
|
8422
8427
|
}
|
|
8423
8428
|
if (selected) {
|
|
8424
|
-
requestParams.termCollections =
|
|
8429
|
+
requestParams.termCollections = currentSystem.supportsExtractedTerms ? [selected.termCollection.collectionGuid] : [selectedCollection];
|
|
8425
8430
|
}
|
|
8426
8431
|
else if (currentSystemCollection && params.system.detectedLanguage) {
|
|
8427
8432
|
// when language is detected we should also check if this system was used before and if there collection selected
|
|
@@ -10271,6 +10276,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
10271
10276
|
type: Output
|
|
10272
10277
|
}] } });
|
|
10273
10278
|
|
|
10279
|
+
class TranslationSystemPickerTagsComponent {
|
|
10280
|
+
languageTags = input(...(ngDevMode ? [undefined, { debugName: "languageTags" }] : []));
|
|
10281
|
+
language = input(...(ngDevMode ? [undefined, { debugName: "language" }] : []));
|
|
10282
|
+
activeCode = input(...(ngDevMode ? [undefined, { debugName: "activeCode" }] : []));
|
|
10283
|
+
activeVendor = input(...(ngDevMode ? [undefined, { debugName: "activeVendor" }] : []));
|
|
10284
|
+
activeDomain = input(...(ngDevMode ? [undefined, { debugName: "activeDomain" }] : []));
|
|
10285
|
+
isLangCodeAndVendorActive = computed(() => {
|
|
10286
|
+
return this.language().code === this.activeCode() && this.language().vendor === this.activeVendor();
|
|
10287
|
+
}, ...(ngDevMode ? [{ debugName: "isLangCodeAndVendorActive" }] : []));
|
|
10288
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerTagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10289
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TranslationSystemPickerTagsComponent, isStandalone: false, selector: "translation-system-picker-tags", inputs: { languageTags: { classPropertyName: "languageTags", publicName: "languageTags", isSignal: true, isRequired: false, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null }, activeCode: { classPropertyName: "activeCode", publicName: "activeCode", isSignal: true, isRequired: false, transformFunction: null }, activeVendor: { classPropertyName: "activeVendor", publicName: "activeVendor", isSignal: true, isRequired: false, transformFunction: null }, activeDomain: { classPropertyName: "activeDomain", publicName: "activeDomain", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@for (langTag of languageTags(); track langTag) {\r\n\t@for (tag of langTag.tags; track tag) {\r\n\t\t<span [class.active]=\"isLangCodeAndVendorActive() && activeDomain() === langTag.domain\" class=\"system-picker-tag\">\r\n\t\t\t{{ tag | translate }}\r\n\t\t</span>\r\n\t}\r\n}\r\n", styles: ["::ng-deep .system-picker-tag{display:inline-block;color:var(--info-dark);background-color:var(--info-light);font-size:.7rem;font-weight:700;border-radius:12px;padding:4px 8px;margin-left:4px}::ng-deep .mobile .system-picker-tag{padding:0 8px}::ng-deep .active.system-picker-tag{color:var(--primary);background-color:transparent;border:1px solid var(--accent)}\n"], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
10290
|
+
}
|
|
10291
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerTagsComponent, decorators: [{
|
|
10292
|
+
type: Component,
|
|
10293
|
+
args: [{ selector: 'translation-system-picker-tags', standalone: false, template: "@for (langTag of languageTags(); track langTag) {\r\n\t@for (tag of langTag.tags; track tag) {\r\n\t\t<span [class.active]=\"isLangCodeAndVendorActive() && activeDomain() === langTag.domain\" class=\"system-picker-tag\">\r\n\t\t\t{{ tag | translate }}\r\n\t\t</span>\r\n\t}\r\n}\r\n", styles: ["::ng-deep .system-picker-tag{display:inline-block;color:var(--info-dark);background-color:var(--info-light);font-size:.7rem;font-weight:700;border-radius:12px;padding:4px 8px;margin-left:4px}::ng-deep .mobile .system-picker-tag{padding:0 8px}::ng-deep .active.system-picker-tag{color:var(--primary);background-color:transparent;border:1px solid var(--accent)}\n"] }]
|
|
10294
|
+
}], propDecorators: { languageTags: [{ type: i0.Input, args: [{ isSignal: true, alias: "languageTags", required: false }] }], language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], activeCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeCode", required: false }] }], activeVendor: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeVendor", required: false }] }], activeDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeDomain", required: false }] }] } });
|
|
10295
|
+
|
|
10274
10296
|
class TranslationSystemPickerLanguageListComponent {
|
|
10275
10297
|
systemManagementService;
|
|
10276
10298
|
systemPickerService;
|
|
@@ -10330,11 +10352,11 @@ class TranslationSystemPickerLanguageListComponent {
|
|
|
10330
10352
|
this.systemPickerService.closeOpened();
|
|
10331
10353
|
}
|
|
10332
10354
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerLanguageListComponent, deps: [{ token: TldTranslateSystemManagementService }, { token: TranslationSystemPickerService }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
10333
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TranslationSystemPickerLanguageListComponent, isStandalone: false, selector: "tld-translation-system-picker-language-list", inputs: { languages: "languages", activeCode: "activeCode", activeVendor: "activeVendor", activeDomain: "activeDomain", isMobile: "isMobile", showTitle: "showTitle", isSourceOpened: "isSourceOpened", showFiltered: "showFiltered", menuState: "menuState" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "expandableLanguagePanel", first: true, predicate: ["expandableLanguagePanel"], descendants: true }], ngImport: i0, template: "<div [class.single-column]=\"singleLanguageColumn\" class=\"translation-system-picker-wrapper\">\r\n\t<h1 class=\"text-m-semi-bold\" *ngIf=\"showTitle\">{{ titleKey | translate }}</h1>\r\n\r\n\t<div *ngIf=\"isAutoLanguageDetectionEnabled && menuState === openedSourceState\" class=\"language-group\">\r\n\t\t<translation-system-picker-button class=\"detect-language-btn\" [active]=\"activeCode === languageAutoDetectionKey\" (onClick)=\"enableLanguageDetection()\">\r\n\t\t\t{{ \"LANGUAGES.AUTO\" | translate }}\r\n\t\t</translation-system-picker-button>\r\n\t</div>\r\n\r\n\t<ng-template [ngTemplateOutlet]=\"isMobile && !isSourceOpened ? expandableLanguageGroup : languageGroup\"></ng-template>\r\n</div>\r\n\r\n<ng-template #languageGroup>\r\n\t<div *ngFor=\"let group of languages\" class=\"language-group\">\r\n\t\t<span class=\"text-l-semi-bold grouped-by-symbol\">{{ group.groupedBy | uppercase }}</span>\r\n\t\t<ul [ngClass.lt-sm]=\"'mobile'\">\r\n\t\t\t<li *ngFor=\"let language of group.group\">\r\n\t\t\t\t<translation-system-picker-button [active]=\"activeCode === language.code\" (onClick)=\"languageClick(language)\">\r\n\t\t\t\t\t{{ language.displayName }}\r\n\
|
|
10355
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TranslationSystemPickerLanguageListComponent, isStandalone: false, selector: "tld-translation-system-picker-language-list", inputs: { languages: "languages", activeCode: "activeCode", activeVendor: "activeVendor", activeDomain: "activeDomain", isMobile: "isMobile", showTitle: "showTitle", isSourceOpened: "isSourceOpened", showFiltered: "showFiltered", menuState: "menuState" }, outputs: { clicked: "clicked" }, viewQueries: [{ propertyName: "expandableLanguagePanel", first: true, predicate: ["expandableLanguagePanel"], descendants: true }], ngImport: i0, template: "<div [class.single-column]=\"singleLanguageColumn\" class=\"translation-system-picker-wrapper\">\r\n\t<h1 class=\"text-m-semi-bold\" *ngIf=\"showTitle\">{{ titleKey | translate }}</h1>\r\n\r\n\t<div *ngIf=\"isAutoLanguageDetectionEnabled && menuState === openedSourceState\" class=\"language-group\">\r\n\t\t<translation-system-picker-button class=\"detect-language-btn\" [active]=\"activeCode === languageAutoDetectionKey\" (onClick)=\"enableLanguageDetection()\">\r\n\t\t\t{{ \"LANGUAGES.AUTO\" | translate }}\r\n\t\t</translation-system-picker-button>\r\n\t</div>\r\n\r\n\t<ng-template [ngTemplateOutlet]=\"isMobile && !isSourceOpened ? expandableLanguageGroup : languageGroup\"></ng-template>\r\n</div>\r\n\r\n<ng-template #languageGroup>\r\n\t<div *ngFor=\"let group of languages\" class=\"language-group\">\r\n\t\t<span class=\"text-l-semi-bold grouped-by-symbol\">{{ group.groupedBy | uppercase }}</span>\r\n\t\t<ul [ngClass.lt-sm]=\"'mobile'\">\r\n\t\t\t<li *ngFor=\"let language of group.group\">\r\n\t\t\t\t<translation-system-picker-button [active]=\"activeCode === language.code\" (onClick)=\"languageClick(language)\">\r\n\t\t\t\t\t{{ language.displayName }}\r\n\r\n\t\t\t\t\t<translation-system-picker-tags\r\n\t\t\t\t\t\t[language]=\"language\"\r\n\t\t\t\t\t\t[activeCode]=\"activeCode\"\r\n\t\t\t\t\t\t[activeVendor]=\"activeVendor\"\r\n\t\t\t\t\t\t[activeDomain]=\"activeDomain\"\r\n\t\t\t\t\t\t[languageTags]=\"language.tags\">\r\n\t\t\t\t\t</translation-system-picker-tags>\r\n\t\t\t\t</translation-system-picker-button>\r\n\t\t\t</li>\r\n\t\t</ul>\r\n\t</div>\r\n</ng-template>\r\n\r\n<ng-template #expandableLanguageGroup>\r\n\t<mat-accordion>\r\n\t\t<mat-expansion-panel #expandableLanguagePanel [expanded]=\"true\" [class.mob-language-list]=\"expandableLanguagePanel.expanded\">\r\n\t\t\t<mat-expansion-panel-header>\r\n\t\t\t\t<mat-panel-title>\r\n\t\t\t\t\t<b>{{ \"SYSTEM_PICKER.LANGUAGE\" | translate }}</b\r\n\t\t\t\t\t> {{ activeCode | languageTranslate }}\r\n\t\t\t\t</mat-panel-title>\r\n\t\t\t</mat-expansion-panel-header>\r\n\t\t\t<ng-content></ng-content>\r\n\r\n\t\t\t@if (!showFiltered) {\r\n\t\t\t<ng-template [ngTemplateOutlet]=\"languageGroup\"> </ng-template>\r\n\t\t\t}\r\n\t\t</mat-expansion-panel>\r\n\t</mat-accordion>\r\n</ng-template>\r\n", styles: ["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}@media (min-width: 600px){.translation-system-picker-wrapper{margin-left:-1rem;column-count:2;column-gap:1rem;column-width:13.75rem;column-fill:balance}}.single-column{column-count:1}.detect-language-btn{margin-left:1.4rem;white-space:nowrap}:host ::ng-deep .detect-language-btn button{max-width:inherit!important}.detect-language-mobile{width:18px!important}.language-group{display:flex;flex-direction:row;justify-content:start;align-items:flex-start}.grouped-by-symbol{width:1.5rem;margin-top:2px!important;display:inline-flex;align-items:center;height:36px}.language-group-col{display:flex;flex-direction:column;width:100%}.mob-language-list{max-height:70dvh;overflow-y:auto}@media (min-width: 0) and (max-width: 599.9px){.grouped-by-symbol,.detect-language-icon{margin:0}}@media (min-width: 600px){.grouped-by-symbol:not(.detect-language-icon){margin:0 0 0 1rem}}@media (min-width: 600px){.detect-language-btn{margin:0 0 0 2.4rem}}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i6.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i5$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i5$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: TranslationSystemPickerButtonComponent, selector: "translation-system-picker-button", inputs: ["active", "isRecentSystemList", "isDomainList", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: TranslationSystemPickerTagsComponent, selector: "translation-system-picker-tags", inputs: ["languageTags", "language", "activeCode", "activeVendor", "activeDomain"] }, { kind: "pipe", type: i3$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.LanguageTranslatePipe, name: "languageTranslate" }] });
|
|
10334
10356
|
}
|
|
10335
10357
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerLanguageListComponent, decorators: [{
|
|
10336
10358
|
type: Component,
|
|
10337
|
-
args: [{ selector: 'tld-translation-system-picker-language-list', standalone: false, template: "<div [class.single-column]=\"singleLanguageColumn\" class=\"translation-system-picker-wrapper\">\r\n\t<h1 class=\"text-m-semi-bold\" *ngIf=\"showTitle\">{{ titleKey | translate }}</h1>\r\n\r\n\t<div *ngIf=\"isAutoLanguageDetectionEnabled && menuState === openedSourceState\" class=\"language-group\">\r\n\t\t<translation-system-picker-button class=\"detect-language-btn\" [active]=\"activeCode === languageAutoDetectionKey\" (onClick)=\"enableLanguageDetection()\">\r\n\t\t\t{{ \"LANGUAGES.AUTO\" | translate }}\r\n\t\t</translation-system-picker-button>\r\n\t</div>\r\n\r\n\t<ng-template [ngTemplateOutlet]=\"isMobile && !isSourceOpened ? expandableLanguageGroup : languageGroup\"></ng-template>\r\n</div>\r\n\r\n<ng-template #languageGroup>\r\n\t<div *ngFor=\"let group of languages\" class=\"language-group\">\r\n\t\t<span class=\"text-l-semi-bold grouped-by-symbol\">{{ group.groupedBy | uppercase }}</span>\r\n\t\t<ul [ngClass.lt-sm]=\"'mobile'\">\r\n\t\t\t<li *ngFor=\"let language of group.group\">\r\n\t\t\t\t<translation-system-picker-button [active]=\"activeCode === language.code\" (onClick)=\"languageClick(language)\">\r\n\t\t\t\t\t{{ language.displayName }}\r\n\
|
|
10359
|
+
args: [{ selector: 'tld-translation-system-picker-language-list', standalone: false, template: "<div [class.single-column]=\"singleLanguageColumn\" class=\"translation-system-picker-wrapper\">\r\n\t<h1 class=\"text-m-semi-bold\" *ngIf=\"showTitle\">{{ titleKey | translate }}</h1>\r\n\r\n\t<div *ngIf=\"isAutoLanguageDetectionEnabled && menuState === openedSourceState\" class=\"language-group\">\r\n\t\t<translation-system-picker-button class=\"detect-language-btn\" [active]=\"activeCode === languageAutoDetectionKey\" (onClick)=\"enableLanguageDetection()\">\r\n\t\t\t{{ \"LANGUAGES.AUTO\" | translate }}\r\n\t\t</translation-system-picker-button>\r\n\t</div>\r\n\r\n\t<ng-template [ngTemplateOutlet]=\"isMobile && !isSourceOpened ? expandableLanguageGroup : languageGroup\"></ng-template>\r\n</div>\r\n\r\n<ng-template #languageGroup>\r\n\t<div *ngFor=\"let group of languages\" class=\"language-group\">\r\n\t\t<span class=\"text-l-semi-bold grouped-by-symbol\">{{ group.groupedBy | uppercase }}</span>\r\n\t\t<ul [ngClass.lt-sm]=\"'mobile'\">\r\n\t\t\t<li *ngFor=\"let language of group.group\">\r\n\t\t\t\t<translation-system-picker-button [active]=\"activeCode === language.code\" (onClick)=\"languageClick(language)\">\r\n\t\t\t\t\t{{ language.displayName }}\r\n\r\n\t\t\t\t\t<translation-system-picker-tags\r\n\t\t\t\t\t\t[language]=\"language\"\r\n\t\t\t\t\t\t[activeCode]=\"activeCode\"\r\n\t\t\t\t\t\t[activeVendor]=\"activeVendor\"\r\n\t\t\t\t\t\t[activeDomain]=\"activeDomain\"\r\n\t\t\t\t\t\t[languageTags]=\"language.tags\">\r\n\t\t\t\t\t</translation-system-picker-tags>\r\n\t\t\t\t</translation-system-picker-button>\r\n\t\t\t</li>\r\n\t\t</ul>\r\n\t</div>\r\n</ng-template>\r\n\r\n<ng-template #expandableLanguageGroup>\r\n\t<mat-accordion>\r\n\t\t<mat-expansion-panel #expandableLanguagePanel [expanded]=\"true\" [class.mob-language-list]=\"expandableLanguagePanel.expanded\">\r\n\t\t\t<mat-expansion-panel-header>\r\n\t\t\t\t<mat-panel-title>\r\n\t\t\t\t\t<b>{{ \"SYSTEM_PICKER.LANGUAGE\" | translate }}</b\r\n\t\t\t\t\t> {{ activeCode | languageTranslate }}\r\n\t\t\t\t</mat-panel-title>\r\n\t\t\t</mat-expansion-panel-header>\r\n\t\t\t<ng-content></ng-content>\r\n\r\n\t\t\t@if (!showFiltered) {\r\n\t\t\t<ng-template [ngTemplateOutlet]=\"languageGroup\"> </ng-template>\r\n\t\t\t}\r\n\t\t</mat-expansion-panel>\r\n\t</mat-accordion>\r\n</ng-template>\r\n", styles: ["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}@media (min-width: 600px){.translation-system-picker-wrapper{margin-left:-1rem;column-count:2;column-gap:1rem;column-width:13.75rem;column-fill:balance}}.single-column{column-count:1}.detect-language-btn{margin-left:1.4rem;white-space:nowrap}:host ::ng-deep .detect-language-btn button{max-width:inherit!important}.detect-language-mobile{width:18px!important}.language-group{display:flex;flex-direction:row;justify-content:start;align-items:flex-start}.grouped-by-symbol{width:1.5rem;margin-top:2px!important;display:inline-flex;align-items:center;height:36px}.language-group-col{display:flex;flex-direction:column;width:100%}.mob-language-list{max-height:70dvh;overflow-y:auto}@media (min-width: 0) and (max-width: 599.9px){.grouped-by-symbol,.detect-language-icon{margin:0}}@media (min-width: 600px){.grouped-by-symbol:not(.detect-language-icon){margin:0 0 0 1rem}}@media (min-width: 600px){.detect-language-btn{margin:0 0 0 2.4rem}}\n"] }]
|
|
10338
10360
|
}], ctorParameters: () => [{ type: TldTranslateSystemManagementService }, { type: TranslationSystemPickerService }, { type: TldTranslateConfigService }], propDecorators: { expandableLanguagePanel: [{
|
|
10339
10361
|
type: ViewChild,
|
|
10340
10362
|
args: ['expandableLanguagePanel']
|
|
@@ -10732,7 +10754,10 @@ class TranslationSystemPickerDropdownBodyComponent {
|
|
|
10732
10754
|
let tags = [];
|
|
10733
10755
|
if (languageChips) {
|
|
10734
10756
|
languageChips.domainChipSet.forEach((domainKey) => {
|
|
10735
|
-
|
|
10757
|
+
let key = `${this.activeData.sourceLang.lang}|${curr}|${domainKey}`;
|
|
10758
|
+
if (this.activeData.sourceLang.lang === curr) {
|
|
10759
|
+
key = `${curr}|${this.activeData.targetLang.lang}|${domainKey}`;
|
|
10760
|
+
}
|
|
10736
10761
|
if (languageChips.systemMap.has(key)) {
|
|
10737
10762
|
chip = languageChips.systemMap.get(key);
|
|
10738
10763
|
if (this.configService.textConfig.domainTags[domainKey]) {
|
|
@@ -10754,11 +10779,11 @@ class TranslationSystemPickerDropdownBodyComponent {
|
|
|
10754
10779
|
return domainTranslate.transform(domain, true);
|
|
10755
10780
|
}
|
|
10756
10781
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerDropdownBodyComponent, deps: [{ token: TldTranslateSystemManagementService }, { token: i1.TranslateService }, { token: TranslationSystemPickerService }, { token: i4.LanguageTranslateService }, { token: TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
10757
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TranslationSystemPickerDropdownBodyComponent, isStandalone: false, selector: "tld-translation-system-picker-dropdown-body", inputs: { filterText: "filterText", config: "config", isMobile: "isMobile" }, outputs: { onSystemClick: "onSystemClick", onLanguageClick: "onLanguageClick", onFilteredLanguageClick: "onFilteredLanguageClick" }, ngImport: i0, template: "<div [class.mobile]=\"isMobile\" class=\"dropdown-body\" *ngIf=\"!showFiltered || (!isSourceOpened && showFiltered && isMobile); else filter\">\r\n\t<tld-translation-system-picker-language-list\r\n\t\t*ngIf=\"showLanguages\"\r\n\t\t[showFiltered]=\"showFiltered\"\r\n\t\t[isSourceOpened]=\"isSourceOpened\"\r\n\t\t[isMobile]=\"isMobile\"\r\n\t\t[languages]=\"groupedLanguages\"\r\n\t\t[activeCode]=\"activeLanguageCode\"\r\n\t\t[activeVendor]=\"activeVendor\"\r\n\t\t[activeDomain]=\"activeDomain\"\r\n\t\t(clicked)=\"languageClick($event)\"\r\n\t\t[showTitle]=\"showLanguageTitle\"\r\n\t\t[menuState]=\"menuState\"\r\n\t>\r\n\t\t<ng-content></ng-content>\r\n\r\n\t\t@if (isMobile && showFiltered) {\r\n\t\t<ng-template [ngTemplateOutlet]=\"filter\"></ng-template>\r\n\t\t}\r\n\t</tld-translation-system-picker-language-list>\r\n\t<tld-translation-system-picker-system-list\r\n\t\t*ngIf=\"showSystems && systemList?.length > 0\"\r\n\t\t[class.domain-list]=\"systemListTitle === domainsTitleKey\"\r\n\t\t[isSourceOpened]=\"isSourceOpened\"\r\n\t\t[isMobile]=\"isMobile\"\r\n\t\t[activeDomain]=\"activeDomain\"\r\n\t\t[isDomainList]=\"systemListTitle === domainsTitleKey\"\r\n\t\t[isRecentSystemList]=\"systemListTitle === recentSystemTitleKey\"\r\n\t\t[systems]=\"systemList\"\r\n\t\t[showTitle]=\"showSystemTitle\"\r\n\t\t[titleKey]=\"systemListTitle\"\r\n\t\t[activeId]=\"activeSystemId\"\r\n\t\t[icon]=\"systemListTitle === recentSystemTitleKey ? historyIcon : null\"\r\n\t\t(clicked)=\"systemClick($event)\"\r\n\t>\r\n\t</tld-translation-system-picker-system-list>\r\n</div>\r\n<ng-template #filter>\r\n\t<div *ngIf=\"showLanguages\" class=\"filtered-items\">\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<translation-system-picker-button *ngFor=\"let language of filteredLanguages\" [active]=\"activeLanguageCode === language.code\" (onClick)=\"filteredLanguageClick(language)\">\r\n\t\t\t\t\t<span [innerHtml]=\"language.displayName\"></span>\r\n\r\n\t\t\t\t\t
|
|
10782
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TranslationSystemPickerDropdownBodyComponent, isStandalone: false, selector: "tld-translation-system-picker-dropdown-body", inputs: { filterText: "filterText", config: "config", isMobile: "isMobile" }, outputs: { onSystemClick: "onSystemClick", onLanguageClick: "onLanguageClick", onFilteredLanguageClick: "onFilteredLanguageClick" }, ngImport: i0, template: "<div [class.mobile]=\"isMobile\" class=\"dropdown-body\" *ngIf=\"!showFiltered || (!isSourceOpened && showFiltered && isMobile); else filter\">\r\n\t<tld-translation-system-picker-language-list\r\n\t\t*ngIf=\"showLanguages\"\r\n\t\t[showFiltered]=\"showFiltered\"\r\n\t\t[isSourceOpened]=\"isSourceOpened\"\r\n\t\t[isMobile]=\"isMobile\"\r\n\t\t[languages]=\"groupedLanguages\"\r\n\t\t[activeCode]=\"activeLanguageCode\"\r\n\t\t[activeVendor]=\"activeVendor\"\r\n\t\t[activeDomain]=\"activeDomain\"\r\n\t\t(clicked)=\"languageClick($event)\"\r\n\t\t[showTitle]=\"showLanguageTitle\"\r\n\t\t[menuState]=\"menuState\"\r\n\t>\r\n\t\t<ng-content></ng-content>\r\n\r\n\t\t@if (isMobile && showFiltered) {\r\n\t\t<ng-template [ngTemplateOutlet]=\"filter\"></ng-template>\r\n\t\t}\r\n\t</tld-translation-system-picker-language-list>\r\n\t<tld-translation-system-picker-system-list\r\n\t\t*ngIf=\"showSystems && systemList?.length > 0\"\r\n\t\t[class.domain-list]=\"systemListTitle === domainsTitleKey\"\r\n\t\t[isSourceOpened]=\"isSourceOpened\"\r\n\t\t[isMobile]=\"isMobile\"\r\n\t\t[activeDomain]=\"activeDomain\"\r\n\t\t[isDomainList]=\"systemListTitle === domainsTitleKey\"\r\n\t\t[isRecentSystemList]=\"systemListTitle === recentSystemTitleKey\"\r\n\t\t[systems]=\"systemList\"\r\n\t\t[showTitle]=\"showSystemTitle\"\r\n\t\t[titleKey]=\"systemListTitle\"\r\n\t\t[activeId]=\"activeSystemId\"\r\n\t\t[icon]=\"systemListTitle === recentSystemTitleKey ? historyIcon : null\"\r\n\t\t(clicked)=\"systemClick($event)\"\r\n\t>\r\n\t</tld-translation-system-picker-system-list>\r\n</div>\r\n<ng-template #filter>\r\n\t<div *ngIf=\"showLanguages\" class=\"filtered-items\">\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<translation-system-picker-button *ngFor=\"let language of filteredLanguages\" [active]=\"activeLanguageCode === language.code\" (onClick)=\"filteredLanguageClick(language)\">\r\n\t\t\t\t\t<span [innerHtml]=\"language.displayName\"></span>\r\n\r\n\t\t\t\t\t<translation-system-picker-tags [languageTags]=\"language.tags\" [language]=\"language\" [activeCode]=\"activeLanguageCode\" [activeVendor]=\"activeVendor\" [activeDomain]=\"activeDomain\"></translation-system-picker-tags>\r\n\t\t\t\t</translation-system-picker-button>\r\n\t\t\t</li>\r\n\t\t</ul>\r\n\t\t<p class=\"no-results-message\" *ngIf=\"!filteredLanguages?.length\">{{ \"SYSTEM_PICKER.FILTER_NO_RESULTS\" | translate }}</p>\r\n\t</div>\r\n</ng-template>\r\n", styles: [":host{display:inline-block}:host .no-results-message{margin:0}.dropdown-body{display:flex;max-height:100%;overflow-y:auto;flex:1 1 100%}.dropdown-body tld-translation-system-picker-language-list{width:100%}@media (min-width: 600px){.dropdown-body{flex-direction:row}.dropdown-body tld-translation-system-picker-language-list{padding-right:1rem;order:0}.dropdown-body tld-translation-system-picker-system-list{padding-left:1.5rem;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:not(.domain-list){border-bottom:1px solid var(--base-70)}}@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}::ng-deep mat-expansion-panel{box-shadow:none!important;background:none!important}::ng-deep .mat-expansion-indicator svg{margin:0!important}::ng-deep .mat-expansion-panel-header,::ng-deep .mat-expansion-panel-body{padding:0 12px!important}::ng-deep .mat-expansion-panel-header.mat-expanded{height:48px!important}.mobile .domain-list{order:1!important;border-top:1px solid var(--base-70);margin-top:12px;padding:0}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TranslationSystemPickerLanguageListComponent, selector: "tld-translation-system-picker-language-list", inputs: ["languages", "activeCode", "activeVendor", "activeDomain", "isMobile", "showTitle", "isSourceOpened", "showFiltered", "menuState"], outputs: ["clicked"] }, { kind: "component", type: TranslationSystemPickerSystemListComponent, selector: "tld-translation-system-picker-system-list", inputs: ["titleKey", "activeId", "showTitle", "icon", "isRecentSystemList", "isDomainList", "isSourceOpened", "isMobile", "activeDomain", "systems"], outputs: ["clicked"] }, { kind: "component", type: TranslationSystemPickerButtonComponent, selector: "translation-system-picker-button", inputs: ["active", "isRecentSystemList", "isDomainList", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: TranslationSystemPickerTagsComponent, selector: "translation-system-picker-tags", inputs: ["languageTags", "language", "activeCode", "activeVendor", "activeDomain"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
|
|
10758
10783
|
}
|
|
10759
10784
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TranslationSystemPickerDropdownBodyComponent, decorators: [{
|
|
10760
10785
|
type: Component,
|
|
10761
|
-
args: [{ selector: 'tld-translation-system-picker-dropdown-body', standalone: false, template: "<div [class.mobile]=\"isMobile\" class=\"dropdown-body\" *ngIf=\"!showFiltered || (!isSourceOpened && showFiltered && isMobile); else filter\">\r\n\t<tld-translation-system-picker-language-list\r\n\t\t*ngIf=\"showLanguages\"\r\n\t\t[showFiltered]=\"showFiltered\"\r\n\t\t[isSourceOpened]=\"isSourceOpened\"\r\n\t\t[isMobile]=\"isMobile\"\r\n\t\t[languages]=\"groupedLanguages\"\r\n\t\t[activeCode]=\"activeLanguageCode\"\r\n\t\t[activeVendor]=\"activeVendor\"\r\n\t\t[activeDomain]=\"activeDomain\"\r\n\t\t(clicked)=\"languageClick($event)\"\r\n\t\t[showTitle]=\"showLanguageTitle\"\r\n\t\t[menuState]=\"menuState\"\r\n\t>\r\n\t\t<ng-content></ng-content>\r\n\r\n\t\t@if (isMobile && showFiltered) {\r\n\t\t<ng-template [ngTemplateOutlet]=\"filter\"></ng-template>\r\n\t\t}\r\n\t</tld-translation-system-picker-language-list>\r\n\t<tld-translation-system-picker-system-list\r\n\t\t*ngIf=\"showSystems && systemList?.length > 0\"\r\n\t\t[class.domain-list]=\"systemListTitle === domainsTitleKey\"\r\n\t\t[isSourceOpened]=\"isSourceOpened\"\r\n\t\t[isMobile]=\"isMobile\"\r\n\t\t[activeDomain]=\"activeDomain\"\r\n\t\t[isDomainList]=\"systemListTitle === domainsTitleKey\"\r\n\t\t[isRecentSystemList]=\"systemListTitle === recentSystemTitleKey\"\r\n\t\t[systems]=\"systemList\"\r\n\t\t[showTitle]=\"showSystemTitle\"\r\n\t\t[titleKey]=\"systemListTitle\"\r\n\t\t[activeId]=\"activeSystemId\"\r\n\t\t[icon]=\"systemListTitle === recentSystemTitleKey ? historyIcon : null\"\r\n\t\t(clicked)=\"systemClick($event)\"\r\n\t>\r\n\t</tld-translation-system-picker-system-list>\r\n</div>\r\n<ng-template #filter>\r\n\t<div *ngIf=\"showLanguages\" class=\"filtered-items\">\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<translation-system-picker-button *ngFor=\"let language of filteredLanguages\" [active]=\"activeLanguageCode === language.code\" (onClick)=\"filteredLanguageClick(language)\">\r\n\t\t\t\t\t<span [innerHtml]=\"language.displayName\"></span>\r\n\r\n\t\t\t\t\t
|
|
10786
|
+
args: [{ selector: 'tld-translation-system-picker-dropdown-body', standalone: false, template: "<div [class.mobile]=\"isMobile\" class=\"dropdown-body\" *ngIf=\"!showFiltered || (!isSourceOpened && showFiltered && isMobile); else filter\">\r\n\t<tld-translation-system-picker-language-list\r\n\t\t*ngIf=\"showLanguages\"\r\n\t\t[showFiltered]=\"showFiltered\"\r\n\t\t[isSourceOpened]=\"isSourceOpened\"\r\n\t\t[isMobile]=\"isMobile\"\r\n\t\t[languages]=\"groupedLanguages\"\r\n\t\t[activeCode]=\"activeLanguageCode\"\r\n\t\t[activeVendor]=\"activeVendor\"\r\n\t\t[activeDomain]=\"activeDomain\"\r\n\t\t(clicked)=\"languageClick($event)\"\r\n\t\t[showTitle]=\"showLanguageTitle\"\r\n\t\t[menuState]=\"menuState\"\r\n\t>\r\n\t\t<ng-content></ng-content>\r\n\r\n\t\t@if (isMobile && showFiltered) {\r\n\t\t<ng-template [ngTemplateOutlet]=\"filter\"></ng-template>\r\n\t\t}\r\n\t</tld-translation-system-picker-language-list>\r\n\t<tld-translation-system-picker-system-list\r\n\t\t*ngIf=\"showSystems && systemList?.length > 0\"\r\n\t\t[class.domain-list]=\"systemListTitle === domainsTitleKey\"\r\n\t\t[isSourceOpened]=\"isSourceOpened\"\r\n\t\t[isMobile]=\"isMobile\"\r\n\t\t[activeDomain]=\"activeDomain\"\r\n\t\t[isDomainList]=\"systemListTitle === domainsTitleKey\"\r\n\t\t[isRecentSystemList]=\"systemListTitle === recentSystemTitleKey\"\r\n\t\t[systems]=\"systemList\"\r\n\t\t[showTitle]=\"showSystemTitle\"\r\n\t\t[titleKey]=\"systemListTitle\"\r\n\t\t[activeId]=\"activeSystemId\"\r\n\t\t[icon]=\"systemListTitle === recentSystemTitleKey ? historyIcon : null\"\r\n\t\t(clicked)=\"systemClick($event)\"\r\n\t>\r\n\t</tld-translation-system-picker-system-list>\r\n</div>\r\n<ng-template #filter>\r\n\t<div *ngIf=\"showLanguages\" class=\"filtered-items\">\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<translation-system-picker-button *ngFor=\"let language of filteredLanguages\" [active]=\"activeLanguageCode === language.code\" (onClick)=\"filteredLanguageClick(language)\">\r\n\t\t\t\t\t<span [innerHtml]=\"language.displayName\"></span>\r\n\r\n\t\t\t\t\t<translation-system-picker-tags [languageTags]=\"language.tags\" [language]=\"language\" [activeCode]=\"activeLanguageCode\" [activeVendor]=\"activeVendor\" [activeDomain]=\"activeDomain\"></translation-system-picker-tags>\r\n\t\t\t\t</translation-system-picker-button>\r\n\t\t\t</li>\r\n\t\t</ul>\r\n\t\t<p class=\"no-results-message\" *ngIf=\"!filteredLanguages?.length\">{{ \"SYSTEM_PICKER.FILTER_NO_RESULTS\" | translate }}</p>\r\n\t</div>\r\n</ng-template>\r\n", styles: [":host{display:inline-block}:host .no-results-message{margin:0}.dropdown-body{display:flex;max-height:100%;overflow-y:auto;flex:1 1 100%}.dropdown-body tld-translation-system-picker-language-list{width:100%}@media (min-width: 600px){.dropdown-body{flex-direction:row}.dropdown-body tld-translation-system-picker-language-list{padding-right:1rem;order:0}.dropdown-body tld-translation-system-picker-system-list{padding-left:1.5rem;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:not(.domain-list){border-bottom:1px solid var(--base-70)}}@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}::ng-deep mat-expansion-panel{box-shadow:none!important;background:none!important}::ng-deep .mat-expansion-indicator svg{margin:0!important}::ng-deep .mat-expansion-panel-header,::ng-deep .mat-expansion-panel-body{padding:0 12px!important}::ng-deep .mat-expansion-panel-header.mat-expanded{height:48px!important}.mobile .domain-list{order:1!important;border-top:1px solid var(--base-70);margin-top:12px;padding:0}\n"] }]
|
|
10762
10787
|
}], ctorParameters: () => [{ type: TldTranslateSystemManagementService }, { type: i1.TranslateService }, { type: TranslationSystemPickerService }, { type: i4.LanguageTranslateService }, { type: TldTranslateConfigService }], propDecorators: { filterText: [{
|
|
10763
10788
|
type: Input
|
|
10764
10789
|
}], config: [{
|
|
@@ -10980,7 +11005,8 @@ class TldTooltipModule {
|
|
|
10980
11005
|
TranslationSystemPickerFilterComponent,
|
|
10981
11006
|
TranslationSystemPickerDropdownBodyComponent,
|
|
10982
11007
|
TranslationSystemPickerButtonComponent,
|
|
10983
|
-
TranslationSystemPickerGroupsComponent
|
|
11008
|
+
TranslationSystemPickerGroupsComponent,
|
|
11009
|
+
TranslationSystemPickerTagsComponent], imports: [FormsModule,
|
|
10984
11010
|
CommonModule,
|
|
10985
11011
|
FlexLayoutModule,
|
|
10986
11012
|
TranslateModule,
|
|
@@ -11033,7 +11059,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
11033
11059
|
TranslationSystemPickerFilterComponent,
|
|
11034
11060
|
TranslationSystemPickerDropdownBodyComponent,
|
|
11035
11061
|
TranslationSystemPickerButtonComponent,
|
|
11036
|
-
TranslationSystemPickerGroupsComponent
|
|
11062
|
+
TranslationSystemPickerGroupsComponent,
|
|
11063
|
+
TranslationSystemPickerTagsComponent
|
|
11037
11064
|
],
|
|
11038
11065
|
imports: [
|
|
11039
11066
|
FormsModule,
|