@tilde-nlp/ngx-translate 4.0.7 → 4.0.8
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/modules/tld-tooltip/translation-system-picker/dropdown-body/translation-system-picker-dropdown-body.component.mjs +2 -2
- package/esm2022/lib/modules/tld-tooltip/translation-system-picker/system-list/translation-system-picker-system-list.component.mjs +2 -2
- package/fesm2022/tilde-nlp-ngx-translate.mjs +4 -4
- package/fesm2022/tilde-nlp-ngx-translate.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/webcomponent/tld-translate.js +1 -1
- package/tilde-nlp-ngx-translate-4.0.8.tgz +0 -0
- package/tilde-nlp-ngx-translate-4.0.7.tgz +0 -0
|
@@ -211,11 +211,11 @@ export class TranslationSystemPickerDropdownBodyComponent {
|
|
|
211
211
|
return this.languageAndDomainTranslations[this.domainsLocalizationKey][domain.split(/[ -]+/).join("_").toUpperCase()] ?? domain;
|
|
212
212
|
}
|
|
213
213
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerDropdownBodyComponent, deps: [{ token: i1.TldSystemService }, { token: i2.TranslateService }, { token: i3.TranslationSystemPickerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
214
|
-
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-
|
|
214
|
+
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-70);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-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}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.TranslationSystemPickerLanguageListComponent, selector: "tld-translation-system-picker-language-list", inputs: ["languages", "activeCode", "showTitle"], outputs: ["clicked"] }, { kind: "component", type: i6.TranslationSystemPickerSystemListComponent, selector: "tld-translation-system-picker-system-list", inputs: ["systems", "titleKey", "activeId", "showTitle"], outputs: ["clicked"] }, { kind: "component", type: i7.TranslationSystemPickerButtonComponent, selector: "translation-system-picker-button", inputs: ["active", "tooltip"], outputs: ["onClick"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
|
|
215
215
|
}
|
|
216
216
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerDropdownBodyComponent, decorators: [{
|
|
217
217
|
type: Component,
|
|
218
|
-
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-
|
|
218
|
+
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-70);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-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}\n"] }]
|
|
219
219
|
}], ctorParameters: function () { return [{ type: i1.TldSystemService }, { type: i2.TranslateService }, { type: i3.TranslationSystemPickerService }]; }, propDecorators: { filterText: [{
|
|
220
220
|
type: Input
|
|
221
221
|
}], config: [{
|
|
@@ -14,11 +14,11 @@ export class TranslationSystemPickerSystemListComponent {
|
|
|
14
14
|
this.clicked.emit(system);
|
|
15
15
|
}
|
|
16
16
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerSystemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
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}
|
|
17
|
+
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}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i3.TranslationSystemPickerButtonComponent, selector: "translation-system-picker-button", inputs: ["active", "tooltip"], outputs: ["onClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
|
|
18
18
|
}
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerSystemListComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
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}
|
|
21
|
+
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}\n"] }]
|
|
22
22
|
}], propDecorators: { systems: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}], titleKey: [{
|
|
@@ -9616,11 +9616,11 @@ class TranslationSystemPickerSystemListComponent {
|
|
|
9616
9616
|
this.clicked.emit(system);
|
|
9617
9617
|
}
|
|
9618
9618
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerSystemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9619
|
-
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}
|
|
9619
|
+
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}\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.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" }] });
|
|
9620
9620
|
}
|
|
9621
9621
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerSystemListComponent, decorators: [{
|
|
9622
9622
|
type: Component,
|
|
9623
|
-
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}
|
|
9623
|
+
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}\n"] }]
|
|
9624
9624
|
}], propDecorators: { systems: [{
|
|
9625
9625
|
type: Input
|
|
9626
9626
|
}], titleKey: [{
|
|
@@ -9835,11 +9835,11 @@ class TranslationSystemPickerDropdownBodyComponent {
|
|
|
9835
9835
|
return this.languageAndDomainTranslations[this.domainsLocalizationKey][domain.split(/[ -]+/).join("_").toUpperCase()] ?? domain;
|
|
9836
9836
|
}
|
|
9837
9837
|
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 });
|
|
9838
|
-
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-
|
|
9838
|
+
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-70);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-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}\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" }] });
|
|
9839
9839
|
}
|
|
9840
9840
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TranslationSystemPickerDropdownBodyComponent, decorators: [{
|
|
9841
9841
|
type: Component,
|
|
9842
|
-
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-
|
|
9842
|
+
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-70);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-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}\n"] }]
|
|
9843
9843
|
}], ctorParameters: function () { return [{ type: TldSystemService }, { type: i1$1.TranslateService }, { type: TranslationSystemPickerService }]; }, propDecorators: { filterText: [{
|
|
9844
9844
|
type: Input
|
|
9845
9845
|
}], config: [{
|