ecabs-components 0.0.18 → 0.0.20
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/esm2020/lib/ecabs-language-selector/ecabs-language-selector.component.mjs +4 -10
- package/fesm2015/ecabs-components.mjs +3 -9
- package/fesm2015/ecabs-components.mjs.map +1 -1
- package/fesm2020/ecabs-components.mjs +3 -9
- package/fesm2020/ecabs-components.mjs.map +1 -1
- package/lib/ecabs-language-selector/ecabs-language-selector.component.d.ts +4 -7
- package/package.json +1 -1
- package/esm2020/lib/models/language.models.mjs +0 -2
- package/lib/models/language.models.d.ts +0 -4
|
@@ -8,12 +8,8 @@ import * as i5 from "@angular/forms";
|
|
|
8
8
|
export class EcabsLanguageSelectorComponent {
|
|
9
9
|
constructor() {
|
|
10
10
|
this.languages = [];
|
|
11
|
-
this.showLabelTitle = true;
|
|
12
11
|
this.languageChanged = new EventEmitter();
|
|
13
12
|
}
|
|
14
|
-
get panelClass() {
|
|
15
|
-
return this.showLabelTitle ? 'wide-select' : 'wide-select no-title';
|
|
16
|
-
}
|
|
17
13
|
ngOnChanges() {
|
|
18
14
|
this.selectedLang = this.currentLanguage;
|
|
19
15
|
}
|
|
@@ -21,7 +17,7 @@ export class EcabsLanguageSelectorComponent {
|
|
|
21
17
|
return this.matchSelected() ? this.languageChanged.emit(this.matchSelected()) : undefined;
|
|
22
18
|
}
|
|
23
19
|
matchSelected() {
|
|
24
|
-
return this.languages?.find((lang) => lang
|
|
20
|
+
return this.languages?.find((lang) => lang === this.selectedLang);
|
|
25
21
|
}
|
|
26
22
|
standardLang(code) {
|
|
27
23
|
return this.standardise(code);
|
|
@@ -41,17 +37,15 @@ export class EcabsLanguageSelectorComponent {
|
|
|
41
37
|
}
|
|
42
38
|
}
|
|
43
39
|
EcabsLanguageSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EcabsLanguageSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
-
EcabsLanguageSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: EcabsLanguageSelectorComponent, selector: "ecabs-language-selector", inputs: { languages: "languages", currentLanguage: "currentLanguage"
|
|
40
|
+
EcabsLanguageSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: EcabsLanguageSelectorComponent, selector: "ecabs-language-selector", inputs: { languages: "languages", currentLanguage: "currentLanguage" }, outputs: { languageChanged: "languageChanged" }, usesOnChanges: true, ngImport: i0, template: "<mat-form-field>\r\n <mat-select class=\"capitalize\" [(ngModel)]=\"selectedLang\" name=\"language\" (ngModelChange)=\"toggleLang()\"\r\n panelClass=\"wide-select\">\r\n <mat-select-trigger>\r\n <div class=\"flex items-center\">\r\n <span [ngClass]=\"flagClass(matchSelected())\"></span>\r\n <div class=\"ml-2\">{{standardLang(matchSelected())}}</div>\r\n </div>\r\n </mat-select-trigger>\r\n <mat-option class=\"capitalize\" *ngFor=\"let lang of languages\" [value]=\"lang\">\r\n <div class=\"flex items-center\">\r\n <span [ngClass]=\"flagClass(lang)\"></span>\r\n <div class=\"ml-2\">{{standardLang(lang)}}</div>\r\n </div>\r\n </mat-option>\r\n </mat-select>\r\n</mat-form-field>\r\n", styles: [":host::ng-deep .mat-select{padding:0;border:0}:host::ng-deep .mat-select .mat-select-arrow{border:none}:host::ng-deep .mat-select,:host::ng-deep .mat-select .mat-option{font-size:12px}:host::ng-deep .mat-form-field-infix{width:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "directive", type: i3.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
45
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EcabsLanguageSelectorComponent, decorators: [{
|
|
46
42
|
type: Component,
|
|
47
|
-
args: [{ selector: 'ecabs-language-selector', template: "<mat-form-field>\r\n
|
|
43
|
+
args: [{ selector: 'ecabs-language-selector', template: "<mat-form-field>\r\n <mat-select class=\"capitalize\" [(ngModel)]=\"selectedLang\" name=\"language\" (ngModelChange)=\"toggleLang()\"\r\n panelClass=\"wide-select\">\r\n <mat-select-trigger>\r\n <div class=\"flex items-center\">\r\n <span [ngClass]=\"flagClass(matchSelected())\"></span>\r\n <div class=\"ml-2\">{{standardLang(matchSelected())}}</div>\r\n </div>\r\n </mat-select-trigger>\r\n <mat-option class=\"capitalize\" *ngFor=\"let lang of languages\" [value]=\"lang\">\r\n <div class=\"flex items-center\">\r\n <span [ngClass]=\"flagClass(lang)\"></span>\r\n <div class=\"ml-2\">{{standardLang(lang)}}</div>\r\n </div>\r\n </mat-option>\r\n </mat-select>\r\n</mat-form-field>\r\n", styles: [":host::ng-deep .mat-select{padding:0;border:0}:host::ng-deep .mat-select .mat-select-arrow{border:none}:host::ng-deep .mat-select,:host::ng-deep .mat-select .mat-option{font-size:12px}:host::ng-deep .mat-form-field-infix{width:auto}\n"] }]
|
|
48
44
|
}], propDecorators: { languages: [{
|
|
49
45
|
type: Input
|
|
50
46
|
}], currentLanguage: [{
|
|
51
47
|
type: Input
|
|
52
|
-
}], showLabelTitle: [{
|
|
53
|
-
type: Input
|
|
54
48
|
}], languageChanged: [{
|
|
55
49
|
type: Output
|
|
56
50
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNhYnMtbGFuZ3VhZ2Utc2VsZWN0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWNhYnMtY29tcG9uZW50cy9zcmMvbGliL2VjYWJzLWxhbmd1YWdlLXNlbGVjdG9yL2VjYWJzLWxhbmd1YWdlLXNlbGVjdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VjYWJzLWNvbXBvbmVudHMvc3JjL2xpYi9lY2Ficy1sYW5ndWFnZS1zZWxlY3Rvci9lY2Ficy1sYW5ndWFnZS1zZWxlY3Rvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBT2xGLE1BQU0sT0FBTyw4QkFBOEI7SUFMM0M7UUFPRSxjQUFTLEdBQWEsRUFBRSxDQUFDO1FBTXpCLG9CQUFlLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7S0FrQ3BFO0lBOUJDLFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDM0MsQ0FBQztJQUVELFVBQVU7UUFDUixPQUFPLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUUsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUM5RixDQUFDO0lBRUQsYUFBYTtRQUNYLE9BQU8sSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUUsQ0FBRSxJQUFJLEVBQUcsRUFBRSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsWUFBWSxDQUFFLENBQUM7SUFDeEUsQ0FBQztJQUVELFlBQVksQ0FBRSxJQUFZO1FBQ3hCLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBRSxJQUFJLENBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsU0FBUyxDQUFFLElBQVk7UUFDckIsT0FBTyxTQUFVLElBQUksRUFBRSxLQUFLLENBQUUsQ0FBQyxDQUFDLENBQUUsQ0FBQyxXQUFXLEVBQUcsRUFBRSxDQUFDO0lBQ3RELENBQUM7SUFFTyxXQUFXLENBQUUsSUFBWTtRQUMvQixJQUFLLENBQUMsSUFBSSxFQUFHO1lBQ1gsT0FBTyxTQUFTLENBQUM7U0FDbEI7UUFDRCxNQUFNLElBQUksR0FBRyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUUsQ0FBRSxJQUFJLENBQUUsRUFBRTtZQUM1QyxJQUFJLEVBQUUsVUFBVTtZQUNoQixlQUFlLEVBQUUsVUFBVTtTQUM1QixDQUFFLENBQUM7UUFDSixPQUFPLElBQUksQ0FBQyxFQUFFLENBQUUsSUFBSSxDQUFFLENBQUM7SUFDekIsQ0FBQzs7MkhBekNVLDhCQUE4QjsrR0FBOUIsOEJBQThCLDZNQ1AzQyw0dkJBaUJBOzJGRFZhLDhCQUE4QjtrQkFMMUMsU0FBUzsrQkFDRSx5QkFBeUI7OEJBTW5DLFNBQVM7c0JBRFIsS0FBSztnQkFJTixlQUFlO3NCQURkLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCgge1xyXG4gIHNlbGVjdG9yOiAnZWNhYnMtbGFuZ3VhZ2Utc2VsZWN0b3InLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9lY2Ficy1sYW5ndWFnZS1zZWxlY3Rvci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbICcuL2VjYWJzLWxhbmd1YWdlLXNlbGVjdG9yLmNvbXBvbmVudC5zY3NzJyBdLFxyXG59IClcclxuZXhwb3J0IGNsYXNzIEVjYWJzTGFuZ3VhZ2VTZWxlY3RvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcbiAgQElucHV0KClcclxuICBsYW5ndWFnZXM6IHN0cmluZ1tdID0gW107XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgY3VycmVudExhbmd1YWdlOiBzdHJpbmc7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIGxhbmd1YWdlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuXHJcbiAgc2VsZWN0ZWRMYW5nOiBzdHJpbmc7XHJcblxyXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xyXG4gICAgdGhpcy5zZWxlY3RlZExhbmcgPSB0aGlzLmN1cnJlbnRMYW5ndWFnZTtcclxuICB9XHJcblxyXG4gIHRvZ2dsZUxhbmcoKTogdm9pZCB7XHJcbiAgICByZXR1cm4gdGhpcy5tYXRjaFNlbGVjdGVkKCkgPyB0aGlzLmxhbmd1YWdlQ2hhbmdlZC5lbWl0KCB0aGlzLm1hdGNoU2VsZWN0ZWQoKSApIDogdW5kZWZpbmVkO1xyXG4gIH1cclxuXHJcbiAgbWF0Y2hTZWxlY3RlZCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMubGFuZ3VhZ2VzPy5maW5kKCAoIGxhbmcgKSA9PiBsYW5nID09PSB0aGlzLnNlbGVjdGVkTGFuZyApO1xyXG4gIH1cclxuXHJcbiAgc3RhbmRhcmRMYW5nKCBjb2RlOiBzdHJpbmcgKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLnN0YW5kYXJkaXNlKCBjb2RlICk7XHJcbiAgfVxyXG5cclxuICBmbGFnQ2xhc3MoIGxhbmc6IHN0cmluZyApOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGBmaSBmaS0keyBsYW5nPy5zbGljZSggLTIgKS50b0xvd2VyQ2FzZSgpIH1gO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzdGFuZGFyZGlzZSggY29kZTogc3RyaW5nICk6IHN0cmluZyB7XHJcbiAgICBpZiAoICFjb2RlICkge1xyXG4gICAgICByZXR1cm4gdW5kZWZpbmVkO1xyXG4gICAgfVxyXG4gICAgY29uc3QgbGFuZyA9IG5ldyBJbnRsLkRpc3BsYXlOYW1lcyggWyBjb2RlIF0sIHtcclxuICAgICAgdHlwZTogJ2xhbmd1YWdlJyxcclxuICAgICAgbGFuZ3VhZ2VEaXNwbGF5OiAnc3RhbmRhcmQnLFxyXG4gICAgfSApO1xyXG4gICAgcmV0dXJuIGxhbmcub2YoIGNvZGUgKTtcclxuICB9XHJcbn1cclxuIiwiPG1hdC1mb3JtLWZpZWxkPlxyXG4gIDxtYXQtc2VsZWN0IGNsYXNzPVwiY2FwaXRhbGl6ZVwiIFsobmdNb2RlbCldPVwic2VsZWN0ZWRMYW5nXCIgbmFtZT1cImxhbmd1YWdlXCIgKG5nTW9kZWxDaGFuZ2UpPVwidG9nZ2xlTGFuZygpXCJcclxuICAgICAgICAgICAgICBwYW5lbENsYXNzPVwid2lkZS1zZWxlY3RcIj5cclxuICAgIDxtYXQtc2VsZWN0LXRyaWdnZXI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgIDxzcGFuIFtuZ0NsYXNzXT1cImZsYWdDbGFzcyhtYXRjaFNlbGVjdGVkKCkpXCI+PC9zcGFuPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtbC0yXCI+e3tzdGFuZGFyZExhbmcobWF0Y2hTZWxlY3RlZCgpKX19PC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9tYXQtc2VsZWN0LXRyaWdnZXI+XHJcbiAgICA8bWF0LW9wdGlvbiBjbGFzcz1cImNhcGl0YWxpemVcIiAqbmdGb3I9XCJsZXQgbGFuZyBvZiBsYW5ndWFnZXNcIiBbdmFsdWVdPVwibGFuZ1wiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCBpdGVtcy1jZW50ZXJcIj5cclxuICAgICAgICA8c3BhbiBbbmdDbGFzc109XCJmbGFnQ2xhc3MobGFuZylcIj48L3NwYW4+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1sLTJcIj57e3N0YW5kYXJkTGFuZyhsYW5nKX19PC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9tYXQtb3B0aW9uPlxyXG4gIDwvbWF0LXNlbGVjdD5cclxuPC9tYXQtZm9ybS1maWVsZD5cclxuIl19
|
|
@@ -2876,12 +2876,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
2876
2876
|
class EcabsLanguageSelectorComponent {
|
|
2877
2877
|
constructor() {
|
|
2878
2878
|
this.languages = [];
|
|
2879
|
-
this.showLabelTitle = true;
|
|
2880
2879
|
this.languageChanged = new EventEmitter();
|
|
2881
2880
|
}
|
|
2882
|
-
get panelClass() {
|
|
2883
|
-
return this.showLabelTitle ? 'wide-select' : 'wide-select no-title';
|
|
2884
|
-
}
|
|
2885
2881
|
ngOnChanges() {
|
|
2886
2882
|
this.selectedLang = this.currentLanguage;
|
|
2887
2883
|
}
|
|
@@ -2890,7 +2886,7 @@ class EcabsLanguageSelectorComponent {
|
|
|
2890
2886
|
}
|
|
2891
2887
|
matchSelected() {
|
|
2892
2888
|
var _a;
|
|
2893
|
-
return (_a = this.languages) === null || _a === void 0 ? void 0 : _a.find((lang) => lang
|
|
2889
|
+
return (_a = this.languages) === null || _a === void 0 ? void 0 : _a.find((lang) => lang === this.selectedLang);
|
|
2894
2890
|
}
|
|
2895
2891
|
standardLang(code) {
|
|
2896
2892
|
return this.standardise(code);
|
|
@@ -2910,16 +2906,14 @@ class EcabsLanguageSelectorComponent {
|
|
|
2910
2906
|
}
|
|
2911
2907
|
}
|
|
2912
2908
|
EcabsLanguageSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EcabsLanguageSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2913
|
-
EcabsLanguageSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: EcabsLanguageSelectorComponent, selector: "ecabs-language-selector", inputs: { languages: "languages", currentLanguage: "currentLanguage"
|
|
2909
|
+
EcabsLanguageSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: EcabsLanguageSelectorComponent, selector: "ecabs-language-selector", inputs: { languages: "languages", currentLanguage: "currentLanguage" }, outputs: { languageChanged: "languageChanged" }, usesOnChanges: true, ngImport: i0, template: "<mat-form-field>\r\n <mat-select class=\"capitalize\" [(ngModel)]=\"selectedLang\" name=\"language\" (ngModelChange)=\"toggleLang()\"\r\n panelClass=\"wide-select\">\r\n <mat-select-trigger>\r\n <div class=\"flex items-center\">\r\n <span [ngClass]=\"flagClass(matchSelected())\"></span>\r\n <div class=\"ml-2\">{{standardLang(matchSelected())}}</div>\r\n </div>\r\n </mat-select-trigger>\r\n <mat-option class=\"capitalize\" *ngFor=\"let lang of languages\" [value]=\"lang\">\r\n <div class=\"flex items-center\">\r\n <span [ngClass]=\"flagClass(lang)\"></span>\r\n <div class=\"ml-2\">{{standardLang(lang)}}</div>\r\n </div>\r\n </mat-option>\r\n </mat-select>\r\n</mat-form-field>\r\n", styles: [":host::ng-deep .mat-select{padding:0;border:0}:host::ng-deep .mat-select .mat-select-arrow{border:none}:host::ng-deep .mat-select,:host::ng-deep .mat-select .mat-option{font-size:12px}:host::ng-deep .mat-form-field-infix{width:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
2914
2910
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EcabsLanguageSelectorComponent, decorators: [{
|
|
2915
2911
|
type: Component,
|
|
2916
|
-
args: [{ selector: 'ecabs-language-selector', template: "<mat-form-field>\r\n
|
|
2912
|
+
args: [{ selector: 'ecabs-language-selector', template: "<mat-form-field>\r\n <mat-select class=\"capitalize\" [(ngModel)]=\"selectedLang\" name=\"language\" (ngModelChange)=\"toggleLang()\"\r\n panelClass=\"wide-select\">\r\n <mat-select-trigger>\r\n <div class=\"flex items-center\">\r\n <span [ngClass]=\"flagClass(matchSelected())\"></span>\r\n <div class=\"ml-2\">{{standardLang(matchSelected())}}</div>\r\n </div>\r\n </mat-select-trigger>\r\n <mat-option class=\"capitalize\" *ngFor=\"let lang of languages\" [value]=\"lang\">\r\n <div class=\"flex items-center\">\r\n <span [ngClass]=\"flagClass(lang)\"></span>\r\n <div class=\"ml-2\">{{standardLang(lang)}}</div>\r\n </div>\r\n </mat-option>\r\n </mat-select>\r\n</mat-form-field>\r\n", styles: [":host::ng-deep .mat-select{padding:0;border:0}:host::ng-deep .mat-select .mat-select-arrow{border:none}:host::ng-deep .mat-select,:host::ng-deep .mat-select .mat-option{font-size:12px}:host::ng-deep .mat-form-field-infix{width:auto}\n"] }]
|
|
2917
2913
|
}], propDecorators: { languages: [{
|
|
2918
2914
|
type: Input
|
|
2919
2915
|
}], currentLanguage: [{
|
|
2920
2916
|
type: Input
|
|
2921
|
-
}], showLabelTitle: [{
|
|
2922
|
-
type: Input
|
|
2923
2917
|
}], languageChanged: [{
|
|
2924
2918
|
type: Output
|
|
2925
2919
|
}] } });
|