ecabs-components 0.0.17 → 0.0.19
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/styles/material/_theme.scss +99 -0
- package/styles/material/overrides/_autocomplete.scss +11 -0
- package/styles/material/overrides/_button.scss +81 -0
- package/styles/material/overrides/_card.scss +17 -0
- package/styles/material/overrides/_chip.scss +108 -0
- package/styles/material/overrides/_datepicker.scss +169 -0
- package/styles/material/overrides/_dialog.scss +8 -0
- package/styles/material/overrides/_divider.scss +3 -0
- package/styles/material/overrides/_expansion.scss +31 -0
- package/styles/material/overrides/_form.scss +47 -0
- package/styles/material/overrides/_icon.scss +3 -0
- package/styles/material/overrides/_menu.scss +3 -0
- package/styles/material/overrides/_paginator.scss +0 -0
- package/styles/material/overrides/_phone.scss +24 -0
- package/styles/material/overrides/_select.scss +48 -0
- package/styles/material/overrides/_tab.scss +23 -0
- package/styles/material/overrides/_table.scss +12 -0
- package/styles/material/overrides/_toaster.scss +38 -0
- package/styles/material/overrides/_toggle.scss +10 -0
- package/styles/material/overrides/_tooltip.scss +3 -0
- package/styles/material/overrides/index.scss +19 -0
- package/styles/scss/base/_heading.scss +17 -0
- package/styles/scss/base/_normalize.scss +78 -0
- package/styles/scss/base/index.scss +2 -0
- package/styles/scss/modules/_autocomplete.scss +29 -0
- package/styles/scss/modules/_button.scss +281 -0
- package/styles/scss/modules/_card.scss +23 -0
- package/styles/scss/modules/_chip.scss +56 -0
- package/styles/scss/modules/_datepicker.scss +422 -0
- package/styles/scss/modules/_dialog.scss +14 -0
- package/styles/scss/modules/_divider.scss +3 -0
- package/styles/scss/modules/_form.scss +221 -0
- package/styles/scss/modules/_icon.scss +30 -0
- package/styles/scss/modules/_img.scss +32 -0
- package/styles/scss/modules/_legend.scss +64 -0
- package/styles/scss/modules/_list.scss +17 -0
- package/styles/scss/modules/_map.scss +112 -0
- package/styles/scss/modules/_percentage.scss +33 -0
- package/styles/scss/modules/_phone.scss +23 -0
- package/styles/scss/modules/_select.scss +37 -0
- package/styles/scss/modules/_statuses.scss +31 -0
- package/styles/scss/modules/_tab.scss +16 -0
- package/styles/scss/modules/_table.scss +107 -0
- package/styles/scss/modules/_timepicker.scss +96 -0
- package/styles/scss/modules/_toaster.scss +53 -0
- package/styles/scss/modules/_tooltip.scss +7 -0
- package/styles/scss/modules/drag-drop.scss +31 -0
- package/styles/scss/modules/index.scss +23 -0
- package/styles/scss/utilities/_colors.scss +52 -0
- package/styles/scss/utilities/_fonts.scss +26 -0
- package/styles/scss/utilities/_functions.scss +27 -0
- package/styles/scss/utilities/_helpers.scss +5 -0
- package/styles/scss/utilities/_mixins.scss +65 -0
- package/styles/scss/utilities/_variables.scss +19 -0
- package/styles/scss/utilities/index.scss +6 -0
- package/styles/styles.scss +5 -0
- 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
|
}] } });
|