ecabs-components 1.0.0 → 1.0.1
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/ecabs-language-selector/ecabs-language-selector.component.mjs +51 -0
- package/esm2022/lib/ecabs-language-selector/ecabs-language-selector.module.mjs +35 -0
- package/esm2022/lib/models/language.models.mjs +2 -0
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/ecabs-components.mjs +73 -1
- package/fesm2022/ecabs-components.mjs.map +1 -1
- package/lib/ecabs-language-selector/ecabs-language-selector.component.d.ts +17 -0
- package/lib/ecabs-language-selector/ecabs-language-selector.module.d.ts +11 -0
- package/lib/models/language.models.d.ts +4 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/material/form-field";
|
|
5
|
+
import * as i3 from "@angular/material/select";
|
|
6
|
+
import * as i4 from "@angular/material/core";
|
|
7
|
+
import * as i5 from "@angular/forms";
|
|
8
|
+
export class EcabsLanguageSelectorComponent {
|
|
9
|
+
languages = [];
|
|
10
|
+
currentLanguage;
|
|
11
|
+
languageChanged = new EventEmitter();
|
|
12
|
+
selectedLang;
|
|
13
|
+
ngOnChanges() {
|
|
14
|
+
this.selectedLang = this.currentLanguage;
|
|
15
|
+
}
|
|
16
|
+
toggleLang() {
|
|
17
|
+
return this.matchSelected() ? this.languageChanged.emit(this.matchSelected()) : undefined;
|
|
18
|
+
}
|
|
19
|
+
matchSelected() {
|
|
20
|
+
return this.languages?.find((lang) => lang.iso_code === this.selectedLang);
|
|
21
|
+
}
|
|
22
|
+
standardLang(code) {
|
|
23
|
+
return this.standardise(code);
|
|
24
|
+
}
|
|
25
|
+
flagClass(lang) {
|
|
26
|
+
return `fi fi-${lang?.slice(-2).toLowerCase()}`;
|
|
27
|
+
}
|
|
28
|
+
standardise(code) {
|
|
29
|
+
if (!code) {
|
|
30
|
+
return undefined;
|
|
31
|
+
}
|
|
32
|
+
const lang = new Intl.DisplayNames([code], {
|
|
33
|
+
type: 'language',
|
|
34
|
+
languageDisplay: 'standard',
|
|
35
|
+
});
|
|
36
|
+
return lang.of(code);
|
|
37
|
+
}
|
|
38
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: EcabsLanguageSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: EcabsLanguageSelectorComponent, selector: "ecabs-language-selector", inputs: { languages: "languages", currentLanguage: "currentLanguage" }, outputs: { languageChanged: "languageChanged" }, usesOnChanges: true, ngImport: i0, template: "<mat-form-field>\r\n\t<mat-select class=\"capitalize\" [(ngModel)]=\"selectedLang\" name=\"language\" (ngModelChange)=\"toggleLang()\"\r\n\t\t\t\t\t\t\tpanelClass=\"wide-select\">\r\n\t\t<mat-select-trigger>\r\n\t\t\t<div class=\"flex items-center\">\r\n\t\t\t\t<span [ngClass]=\"flagClass(matchSelected()?.iso_code)\"></span>\r\n\t\t\t\t<div class=\"ml-2\">{{standardLang(matchSelected()?.iso_code)}}</div>\r\n\t\t\t</div>\r\n\t\t</mat-select-trigger>\r\n\t\t<mat-option class=\"capitalize\" *ngFor=\"let lang of languages\" [value]=\"lang.iso_code\">\r\n\t\t\t<div class=\"flex items-center\">\r\n\t\t\t\t<span [ngClass]=\"flagClass(lang?.iso_code)\"></span>\r\n\t\t\t\t<div class=\"ml-2\">{{standardLang(lang?.iso_code)}}</div>\r\n\t\t\t</div>\r\n\t\t</mat-option>\r\n\t</mat-select>\r\n</mat-form-field>\r\n", styles: [":host::ng-deep .mat-mdc-select{padding:0;border:0}:host::ng-deep .mat-mdc-select .mat-mdc-select-arrow-wrapper{display:none}:host::ng-deep .mat-mdc-select,:host::ng-deep .mat-mdc-select .mdc-list-item{font-size:12px}\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: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], 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"] }] });
|
|
40
|
+
}
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: EcabsLanguageSelectorComponent, decorators: [{
|
|
42
|
+
type: Component,
|
|
43
|
+
args: [{ selector: 'ecabs-language-selector', template: "<mat-form-field>\r\n\t<mat-select class=\"capitalize\" [(ngModel)]=\"selectedLang\" name=\"language\" (ngModelChange)=\"toggleLang()\"\r\n\t\t\t\t\t\t\tpanelClass=\"wide-select\">\r\n\t\t<mat-select-trigger>\r\n\t\t\t<div class=\"flex items-center\">\r\n\t\t\t\t<span [ngClass]=\"flagClass(matchSelected()?.iso_code)\"></span>\r\n\t\t\t\t<div class=\"ml-2\">{{standardLang(matchSelected()?.iso_code)}}</div>\r\n\t\t\t</div>\r\n\t\t</mat-select-trigger>\r\n\t\t<mat-option class=\"capitalize\" *ngFor=\"let lang of languages\" [value]=\"lang.iso_code\">\r\n\t\t\t<div class=\"flex items-center\">\r\n\t\t\t\t<span [ngClass]=\"flagClass(lang?.iso_code)\"></span>\r\n\t\t\t\t<div class=\"ml-2\">{{standardLang(lang?.iso_code)}}</div>\r\n\t\t\t</div>\r\n\t\t</mat-option>\r\n\t</mat-select>\r\n</mat-form-field>\r\n", styles: [":host::ng-deep .mat-mdc-select{padding:0;border:0}:host::ng-deep .mat-mdc-select .mat-mdc-select-arrow-wrapper{display:none}:host::ng-deep .mat-mdc-select,:host::ng-deep .mat-mdc-select .mdc-list-item{font-size:12px}\n"] }]
|
|
44
|
+
}], propDecorators: { languages: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], currentLanguage: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], languageChanged: [{
|
|
49
|
+
type: Output
|
|
50
|
+
}] } });
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNhYnMtbGFuZ3VhZ2Utc2VsZWN0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWNhYnMtY29tcG9uZW50cy9zcmMvbGliL2VjYWJzLWxhbmd1YWdlLXNlbGVjdG9yL2VjYWJzLWxhbmd1YWdlLXNlbGVjdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VjYWJzLWNvbXBvbmVudHMvc3JjL2xpYi9lY2Ficy1sYW5ndWFnZS1zZWxlY3Rvci9lY2Ficy1sYW5ndWFnZS1zZWxlY3Rvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUWxGLE1BQU0sT0FBTyw4QkFBOEI7SUFFekMsU0FBUyxHQUFxQixFQUFFLENBQUM7SUFHakMsZUFBZSxDQUFTO0lBR3hCLGVBQWUsR0FBaUMsSUFBSSxZQUFZLEVBQWtCLENBQUM7SUFFbkYsWUFBWSxDQUFTO0lBRXJCLFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDM0MsQ0FBQztJQUVELFVBQVU7UUFDUixPQUFPLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUUsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUM5RixDQUFDO0lBRUQsYUFBYTtRQUNYLE9BQU8sSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUUsQ0FBRSxJQUFJLEVBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLEtBQUssSUFBSSxDQUFDLFlBQVksQ0FBRSxDQUFDO0lBQ2pGLENBQUM7SUFFRCxZQUFZLENBQUUsSUFBWTtRQUN4QixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUUsSUFBSSxDQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELFNBQVMsQ0FBRSxJQUFZO1FBQ3JCLE9BQU8sU0FBVSxJQUFJLEVBQUUsS0FBSyxDQUFFLENBQUMsQ0FBQyxDQUFFLENBQUMsV0FBVyxFQUFHLEVBQUUsQ0FBQztJQUN0RCxDQUFDO0lBRU8sV0FBVyxDQUFFLElBQVk7UUFDL0IsSUFBSyxDQUFDLElBQUksRUFBRztZQUNYLE9BQU8sU0FBUyxDQUFDO1NBQ2xCO1FBQ0QsTUFBTSxJQUFJLEdBQUcsSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFFLENBQUUsSUFBSSxDQUFFLEVBQUU7WUFDNUMsSUFBSSxFQUFFLFVBQVU7WUFDaEIsZUFBZSxFQUFFLFVBQVU7U0FDNUIsQ0FBRSxDQUFDO1FBQ0osT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFFLElBQUksQ0FBRSxDQUFDO0lBQ3pCLENBQUM7dUdBekNVLDhCQUE4QjsyRkFBOUIsOEJBQThCLDZNQ1IzQyw2eUJBaUJBOzsyRkRUYSw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UseUJBQXlCOzhCQU1uQyxTQUFTO3NCQURSLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLGVBQWU7c0JBRGQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3RhbmRhcmRMb2NhbGUgfSBmcm9tICcuLi9tb2RlbHMvbGFuZ3VhZ2UubW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoIHtcclxuICBzZWxlY3RvcjogJ2VjYWJzLWxhbmd1YWdlLXNlbGVjdG9yJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZWNhYnMtbGFuZ3VhZ2Utc2VsZWN0b3IuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWyAnLi9lY2Ficy1sYW5ndWFnZS1zZWxlY3Rvci5jb21wb25lbnQuc2NzcycgXSxcclxufSApXHJcbmV4cG9ydCBjbGFzcyBFY2Fic0xhbmd1YWdlU2VsZWN0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIEBJbnB1dCgpXHJcbiAgbGFuZ3VhZ2VzOiBTdGFuZGFyZExvY2FsZVtdID0gW107XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgY3VycmVudExhbmd1YWdlOiBzdHJpbmc7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIGxhbmd1YWdlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPFN0YW5kYXJkTG9jYWxlPiA9IG5ldyBFdmVudEVtaXR0ZXI8U3RhbmRhcmRMb2NhbGU+KCk7XHJcblxyXG4gIHNlbGVjdGVkTGFuZzogc3RyaW5nO1xyXG5cclxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRMYW5nID0gdGhpcy5jdXJyZW50TGFuZ3VhZ2U7XHJcbiAgfVxyXG5cclxuICB0b2dnbGVMYW5nKCk6IHZvaWQge1xyXG4gICAgcmV0dXJuIHRoaXMubWF0Y2hTZWxlY3RlZCgpID8gdGhpcy5sYW5ndWFnZUNoYW5nZWQuZW1pdCggdGhpcy5tYXRjaFNlbGVjdGVkKCkgKSA6IHVuZGVmaW5lZDtcclxuICB9XHJcblxyXG4gIG1hdGNoU2VsZWN0ZWQoKTogU3RhbmRhcmRMb2NhbGUge1xyXG4gICAgcmV0dXJuIHRoaXMubGFuZ3VhZ2VzPy5maW5kKCAoIGxhbmcgKSA9PiBsYW5nLmlzb19jb2RlID09PSB0aGlzLnNlbGVjdGVkTGFuZyApO1xyXG4gIH1cclxuXHJcbiAgc3RhbmRhcmRMYW5nKCBjb2RlOiBzdHJpbmcgKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLnN0YW5kYXJkaXNlKCBjb2RlICk7XHJcbiAgfVxyXG5cclxuICBmbGFnQ2xhc3MoIGxhbmc6IHN0cmluZyApOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGBmaSBmaS0keyBsYW5nPy5zbGljZSggLTIgKS50b0xvd2VyQ2FzZSgpIH1gO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzdGFuZGFyZGlzZSggY29kZTogc3RyaW5nICk6IHN0cmluZyB7XHJcbiAgICBpZiAoICFjb2RlICkge1xyXG4gICAgICByZXR1cm4gdW5kZWZpbmVkO1xyXG4gICAgfVxyXG4gICAgY29uc3QgbGFuZyA9IG5ldyBJbnRsLkRpc3BsYXlOYW1lcyggWyBjb2RlIF0sIHtcclxuICAgICAgdHlwZTogJ2xhbmd1YWdlJyxcclxuICAgICAgbGFuZ3VhZ2VEaXNwbGF5OiAnc3RhbmRhcmQnLFxyXG4gICAgfSApO1xyXG4gICAgcmV0dXJuIGxhbmcub2YoIGNvZGUgKTtcclxuICB9XHJcbn1cclxuIiwiPG1hdC1mb3JtLWZpZWxkPlxyXG5cdDxtYXQtc2VsZWN0IGNsYXNzPVwiY2FwaXRhbGl6ZVwiIFsobmdNb2RlbCldPVwic2VsZWN0ZWRMYW5nXCIgbmFtZT1cImxhbmd1YWdlXCIgKG5nTW9kZWxDaGFuZ2UpPVwidG9nZ2xlTGFuZygpXCJcclxuXHRcdFx0XHRcdFx0XHRwYW5lbENsYXNzPVwid2lkZS1zZWxlY3RcIj5cclxuXHRcdDxtYXQtc2VsZWN0LXRyaWdnZXI+XHJcblx0XHRcdDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlclwiPlxyXG5cdFx0XHRcdDxzcGFuIFtuZ0NsYXNzXT1cImZsYWdDbGFzcyhtYXRjaFNlbGVjdGVkKCk/Lmlzb19jb2RlKVwiPjwvc3Bhbj5cclxuXHRcdFx0XHQ8ZGl2IGNsYXNzPVwibWwtMlwiPnt7c3RhbmRhcmRMYW5nKG1hdGNoU2VsZWN0ZWQoKT8uaXNvX2NvZGUpfX08L2Rpdj5cclxuXHRcdFx0PC9kaXY+XHJcblx0XHQ8L21hdC1zZWxlY3QtdHJpZ2dlcj5cclxuXHRcdDxtYXQtb3B0aW9uIGNsYXNzPVwiY2FwaXRhbGl6ZVwiICpuZ0Zvcj1cImxldCBsYW5nIG9mIGxhbmd1YWdlc1wiIFt2YWx1ZV09XCJsYW5nLmlzb19jb2RlXCI+XHJcblx0XHRcdDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlclwiPlxyXG5cdFx0XHRcdDxzcGFuIFtuZ0NsYXNzXT1cImZsYWdDbGFzcyhsYW5nPy5pc29fY29kZSlcIj48L3NwYW4+XHJcblx0XHRcdFx0PGRpdiBjbGFzcz1cIm1sLTJcIj57e3N0YW5kYXJkTGFuZyhsYW5nPy5pc29fY29kZSl9fTwvZGl2PlxyXG5cdFx0XHQ8L2Rpdj5cclxuXHRcdDwvbWF0LW9wdGlvbj5cclxuXHQ8L21hdC1zZWxlY3Q+XHJcbjwvbWF0LWZvcm0tZmllbGQ+XHJcbiJdfQ==
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { EcabsLanguageSelectorComponent } from './ecabs-language-selector.component';
|
|
4
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
5
|
+
import { MatSelectModule } from '@angular/material/select';
|
|
6
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class EcabsLanguageSelectorModule {
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: EcabsLanguageSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.1", ngImport: i0, type: EcabsLanguageSelectorModule, declarations: [EcabsLanguageSelectorComponent], imports: [CommonModule,
|
|
11
|
+
MatSelectModule,
|
|
12
|
+
MatFormFieldModule,
|
|
13
|
+
FormsModule,
|
|
14
|
+
ReactiveFormsModule], exports: [EcabsLanguageSelectorComponent] });
|
|
15
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: EcabsLanguageSelectorModule, imports: [CommonModule,
|
|
16
|
+
MatSelectModule,
|
|
17
|
+
MatFormFieldModule,
|
|
18
|
+
FormsModule,
|
|
19
|
+
ReactiveFormsModule] });
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: EcabsLanguageSelectorModule, decorators: [{
|
|
22
|
+
type: NgModule,
|
|
23
|
+
args: [{
|
|
24
|
+
declarations: [EcabsLanguageSelectorComponent],
|
|
25
|
+
imports: [
|
|
26
|
+
CommonModule,
|
|
27
|
+
MatSelectModule,
|
|
28
|
+
MatFormFieldModule,
|
|
29
|
+
FormsModule,
|
|
30
|
+
ReactiveFormsModule
|
|
31
|
+
],
|
|
32
|
+
exports: [EcabsLanguageSelectorComponent],
|
|
33
|
+
}]
|
|
34
|
+
}] });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNhYnMtbGFuZ3VhZ2Utc2VsZWN0b3IubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWNhYnMtY29tcG9uZW50cy9zcmMvbGliL2VjYWJzLWxhbmd1YWdlLXNlbGVjdG9yL2VjYWJzLWxhbmd1YWdlLXNlbGVjdG9yLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUNyRixPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQWFsRSxNQUFNLE9BQU8sMkJBQTJCO3VHQUEzQiwyQkFBMkI7d0dBQTNCLDJCQUEyQixpQkFWdEIsOEJBQThCLGFBRTVDLFlBQVk7WUFDWixlQUFlO1lBQ2Ysa0JBQWtCO1lBQ2xCLFdBQVc7WUFDWCxtQkFBbUIsYUFFViw4QkFBOEI7d0dBRTlCLDJCQUEyQixZQVJwQyxZQUFZO1lBQ1osZUFBZTtZQUNmLGtCQUFrQjtZQUNsQixXQUFXO1lBQ1gsbUJBQW1COzsyRkFJViwyQkFBMkI7a0JBWHZDLFFBQVE7bUJBQUU7b0JBQ1QsWUFBWSxFQUFFLENBQUUsOEJBQThCLENBQUU7b0JBQ2hELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2Ysa0JBQWtCO3dCQUNsQixXQUFXO3dCQUNYLG1CQUFtQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFLENBQUUsOEJBQThCLENBQUU7aUJBQzVDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRWNhYnNMYW5ndWFnZVNlbGVjdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9lY2Ficy1sYW5ndWFnZS1zZWxlY3Rvci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTWF0U2VsZWN0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2VsZWN0JztcclxuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XHJcblxyXG5ATmdNb2R1bGUoIHtcclxuICBkZWNsYXJhdGlvbnM6IFsgRWNhYnNMYW5ndWFnZVNlbGVjdG9yQ29tcG9uZW50IF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWF0U2VsZWN0TW9kdWxlLFxyXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbIEVjYWJzTGFuZ3VhZ2VTZWxlY3RvckNvbXBvbmVudCBdLFxyXG59IClcclxuZXhwb3J0IGNsYXNzIEVjYWJzTGFuZ3VhZ2VTZWxlY3Rvck1vZHVsZSB7IH1cclxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFuZ3VhZ2UubW9kZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWNhYnMtY29tcG9uZW50cy9zcmMvbGliL21vZGVscy9sYW5ndWFnZS5tb2RlbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgU3RhbmRhcmRMb2NhbGUge1xyXG4gIGlzb19jb2RlOiBzdHJpbmc7XHJcbiAgbG9jYWxlOiBzdHJpbmc7XHJcbn1cclxuIl19
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -46,4 +46,6 @@ export * from './lib/ecabs-dialog-message/ecabs-dialog-message.component';
|
|
|
46
46
|
export * from './lib/ecabs-dialog-message/ecabs-dialog-message.module';
|
|
47
47
|
export * from './lib/ecabs-breadcrumb/ecabs-breadcrumb.component';
|
|
48
48
|
export * from './lib/ecabs-breadcrumb/ecabs-breadcrumb.module';
|
|
49
|
-
|
|
49
|
+
export * from './lib/ecabs-language-selector/ecabs-language-selector.component';
|
|
50
|
+
export * from './lib/ecabs-language-selector/ecabs-language-selector.module';
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2VjYWJzLWNvbXBvbmVudHMvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYywwREFBMEQsQ0FBQztBQUN6RSxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsZ0dBQWdHLENBQUM7QUFDL0csY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLCtHQUErRyxDQUFDO0FBQzlILGNBQWMsNERBQTRELENBQUM7QUFDM0UsY0FBYyxrREFBa0QsQ0FBQztBQUNqRSxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsaUVBQWlFLENBQUM7QUFDaEYsY0FBYyw4REFBOEQsQ0FBQztBQUM3RSxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsd0ZBQXdGLENBQUM7QUFDdkcsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsaUVBQWlFLENBQUM7QUFDaEYsY0FBYyw4REFBOEQsQ0FBQztBQUM3RSxjQUFjLDZEQUE2RCxDQUFDO0FBQzVFLGNBQWMsMERBQTBELENBQUM7QUFDekUsY0FBYyxtRkFBbUYsQ0FBQztBQUNsRyxjQUFjLGdGQUFnRixDQUFDO0FBQy9GLGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYywyREFBMkQsQ0FBQztBQUMxRSxjQUFjLHdEQUF3RCxDQUFDO0FBQ3ZFLGNBQWMsMkRBQTJELENBQUM7QUFDMUUsY0FBYyx3REFBd0QsQ0FBQztBQUN2RSxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYyxpRUFBaUUsQ0FBQztBQUNoRixjQUFjLDhEQUE4RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvZWNhYnMtbG9hZGluZy9lY2Ficy1sb2FkaW5nLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2VjYWJzLWxvYWRpbmcvZWNhYnMtbG9hZGluZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1sb2FkaW5nL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1idXR0b25zL2VjYWJzLWJ1dHRvbnMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZWNhYnMtYnV0dG9ucy9lY2Ficy1idXR0b25zLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2VjYWJzLWlucHV0L2VjYWJzLWlucHV0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2VjYWJzLWlucHV0L2VjYWJzLWlucHV0Lm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2VjYWJzLXNlbGVjdC9lY2Ficy1zZWxlY3QubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZWNhYnMtc2VsZWN0L2VjYWJzLXNlbGVjdC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy10ZXh0YXJlYS9lY2Ficy10ZXh0YXJlYS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy10ZXh0YXJlYS9lY2Ficy10ZXh0YXJlYS5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9lY2Ficy1jb21wb25lbnRzLnNlcnZpY2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9iYXNlL3ZhbGlkYXRpb24vdmFsaWRhdGlvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9iYXNlL3ZhbGlkYXRpb24vdmFsaWRhdGlvbi5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1jaGVja2JveC10b2dnbGUvZWNhYnMtY2hlY2tib3gtdG9nZ2xlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2VjYWJzLWNoZWNrYm94LXRvZ2dsZS9lY2Ficy1jaGVja2JveC10b2dnbGUubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZWNhYnMtZGF0ZS1waWNrZXIvZWNhYnMtZGF0ZS1waWNrZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZWNhYnMtZGF0ZS1waWNrZXIvY29tcG9uZW50cy9lY2Ficy1kYXRlLXBpY2tlci1oZWFkZXIvZWNhYnMtZGF0ZS1waWNrZXItaGVhZGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2VjYWJzLWRhdGUtdGltZS1waWNrZXIvZWNhYnMtZGF0ZS10aW1lLXBpY2tlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1kYXRlLXRpbWUtcGlja2VyL2NvbXBvbmVudHMvZWNhYnMtZGF0ZS10aW1lLXBpY2tlci1oZWFkZXIvZWNhYnMtZGF0ZS10aW1lLXBpY2tlci1oZWFkZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZWNhYnMtZGF0ZS10aW1lLXBpY2tlci9lY2Ficy1kYXRlLXRpbWUtcGlja2VyLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2VjYWJzLWRhdGUtcGlja2VyL2VjYWJzLWRhdGUtcGlja2VyLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2VjYWJzLWluY3JlbWVudC9lY2Ficy1pbmNyZW1lbnQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZWNhYnMtaW5jcmVtZW50L2VjYWJzLWluY3JlbWVudC5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1waG9uZS9lY2Ficy1waG9uZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1waG9uZS9lY2Ficy1waG9uZS5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1yYWRpby1idXR0b24tbGlzdC9lY2Ficy1yYWRpby1idXR0b24tbGlzdC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1yYWRpby1idXR0b24tbGlzdC9lY2Ficy1yYWRpby1idXR0b24tbGlzdC5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy10aW1lcGlja2VyL2VjYWJzLXRpbWVwaWNrZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZWNhYnMtdGltZXBpY2tlci9jb21wb25ldHMvZWNhYnMtdGltZS1saXN0LXBhbmVsL2VjYWJzLXRpbWUtbGlzdC1wYW5lbC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy10aW1lcGlja2VyL2VjYWJzLXRpbWVwaWNrZXIuc2VydmljZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2VjYWJzLXRpbWVwaWNrZXIvZWNhYnMtdGltZXBpY2tlci5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1lbXB0eS1wbGFjZWhvbGRlci9lY2Ficy1lbXB0eS1wbGFjZWhvbGRlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1lbXB0eS1wbGFjZWhvbGRlci9lY2Ficy1lbXB0eS1wbGFjZWhvbGRlci5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1leHBhbnNpb24tcGFuZWwvZWNhYnMtZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2VjYWJzLWV4cGFuc2lvbi1wYW5lbC9lY2Ficy1leHBhbnNpb24tcGFuZWwubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZWNhYnMtdGFibGUvZWNhYnMtdGFibGUtZmlsdGVyLXdyYXBwZXIvZWNhYnMtdGFibGUtZmlsdGVyLXdyYXBwZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZWNhYnMtdGFibGUvZWNhYnMtdGFibGUtZmlsdGVyLXdyYXBwZXIvZWNhYnMtdGFibGUtZmlsdGVyLXdyYXBwZXIubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZWNhYnMtdGFibGUvZWNhYnMtdGFibGUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZWNhYnMtdGFibGUvZWNhYnMtdGFibGUubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZWNhYnMtbm90ZS9lY2Ficy1ub3RlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2VjYWJzLW5vdGUvZWNhYnMtbm90ZS5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1kaWFsb2ctY29uZmlybS9lY2Ficy1kaWFsb2ctY29uZmlybS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1kaWFsb2ctY29uZmlybS9lY2Ficy1kaWFsb2ctY29uZmlybS5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1kaWFsb2ctbWVzc2FnZS9lY2Ficy1kaWFsb2ctbWVzc2FnZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1kaWFsb2ctbWVzc2FnZS9lY2Ficy1kaWFsb2ctbWVzc2FnZS5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lY2Ficy1icmVhZGNydW1iL2VjYWJzLWJyZWFkY3J1bWIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZWNhYnMtYnJlYWRjcnVtYi9lY2Ficy1icmVhZGNydW1iLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2VjYWJzLWxhbmd1YWdlLXNlbGVjdG9yL2VjYWJzLWxhbmd1YWdlLXNlbGVjdG9yLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2VjYWJzLWxhbmd1YWdlLXNlbGVjdG9yL2VjYWJzLWxhbmd1YWdlLXNlbGVjdG9yLm1vZHVsZSc7XHJcbiJdfQ==
|
|
@@ -2967,9 +2967,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImpor
|
|
|
2967
2967
|
}]
|
|
2968
2968
|
}] });
|
|
2969
2969
|
|
|
2970
|
+
class EcabsLanguageSelectorComponent {
|
|
2971
|
+
languages = [];
|
|
2972
|
+
currentLanguage;
|
|
2973
|
+
languageChanged = new EventEmitter();
|
|
2974
|
+
selectedLang;
|
|
2975
|
+
ngOnChanges() {
|
|
2976
|
+
this.selectedLang = this.currentLanguage;
|
|
2977
|
+
}
|
|
2978
|
+
toggleLang() {
|
|
2979
|
+
return this.matchSelected() ? this.languageChanged.emit(this.matchSelected()) : undefined;
|
|
2980
|
+
}
|
|
2981
|
+
matchSelected() {
|
|
2982
|
+
return this.languages?.find((lang) => lang.iso_code === this.selectedLang);
|
|
2983
|
+
}
|
|
2984
|
+
standardLang(code) {
|
|
2985
|
+
return this.standardise(code);
|
|
2986
|
+
}
|
|
2987
|
+
flagClass(lang) {
|
|
2988
|
+
return `fi fi-${lang?.slice(-2).toLowerCase()}`;
|
|
2989
|
+
}
|
|
2990
|
+
standardise(code) {
|
|
2991
|
+
if (!code) {
|
|
2992
|
+
return undefined;
|
|
2993
|
+
}
|
|
2994
|
+
const lang = new Intl.DisplayNames([code], {
|
|
2995
|
+
type: 'language',
|
|
2996
|
+
languageDisplay: 'standard',
|
|
2997
|
+
});
|
|
2998
|
+
return lang.of(code);
|
|
2999
|
+
}
|
|
3000
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: EcabsLanguageSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3001
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: EcabsLanguageSelectorComponent, selector: "ecabs-language-selector", inputs: { languages: "languages", currentLanguage: "currentLanguage" }, outputs: { languageChanged: "languageChanged" }, usesOnChanges: true, ngImport: i0, template: "<mat-form-field>\r\n\t<mat-select class=\"capitalize\" [(ngModel)]=\"selectedLang\" name=\"language\" (ngModelChange)=\"toggleLang()\"\r\n\t\t\t\t\t\t\tpanelClass=\"wide-select\">\r\n\t\t<mat-select-trigger>\r\n\t\t\t<div class=\"flex items-center\">\r\n\t\t\t\t<span [ngClass]=\"flagClass(matchSelected()?.iso_code)\"></span>\r\n\t\t\t\t<div class=\"ml-2\">{{standardLang(matchSelected()?.iso_code)}}</div>\r\n\t\t\t</div>\r\n\t\t</mat-select-trigger>\r\n\t\t<mat-option class=\"capitalize\" *ngFor=\"let lang of languages\" [value]=\"lang.iso_code\">\r\n\t\t\t<div class=\"flex items-center\">\r\n\t\t\t\t<span [ngClass]=\"flagClass(lang?.iso_code)\"></span>\r\n\t\t\t\t<div class=\"ml-2\">{{standardLang(lang?.iso_code)}}</div>\r\n\t\t\t</div>\r\n\t\t</mat-option>\r\n\t</mat-select>\r\n</mat-form-field>\r\n", styles: [":host::ng-deep .mat-mdc-select{padding:0;border:0}:host::ng-deep .mat-mdc-select .mat-mdc-select-arrow-wrapper{display:none}:host::ng-deep .mat-mdc-select,:host::ng-deep .mat-mdc-select .mdc-list-item{font-size:12px}\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: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "directive", type: i4.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2$1.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"] }] });
|
|
3002
|
+
}
|
|
3003
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: EcabsLanguageSelectorComponent, decorators: [{
|
|
3004
|
+
type: Component,
|
|
3005
|
+
args: [{ selector: 'ecabs-language-selector', template: "<mat-form-field>\r\n\t<mat-select class=\"capitalize\" [(ngModel)]=\"selectedLang\" name=\"language\" (ngModelChange)=\"toggleLang()\"\r\n\t\t\t\t\t\t\tpanelClass=\"wide-select\">\r\n\t\t<mat-select-trigger>\r\n\t\t\t<div class=\"flex items-center\">\r\n\t\t\t\t<span [ngClass]=\"flagClass(matchSelected()?.iso_code)\"></span>\r\n\t\t\t\t<div class=\"ml-2\">{{standardLang(matchSelected()?.iso_code)}}</div>\r\n\t\t\t</div>\r\n\t\t</mat-select-trigger>\r\n\t\t<mat-option class=\"capitalize\" *ngFor=\"let lang of languages\" [value]=\"lang.iso_code\">\r\n\t\t\t<div class=\"flex items-center\">\r\n\t\t\t\t<span [ngClass]=\"flagClass(lang?.iso_code)\"></span>\r\n\t\t\t\t<div class=\"ml-2\">{{standardLang(lang?.iso_code)}}</div>\r\n\t\t\t</div>\r\n\t\t</mat-option>\r\n\t</mat-select>\r\n</mat-form-field>\r\n", styles: [":host::ng-deep .mat-mdc-select{padding:0;border:0}:host::ng-deep .mat-mdc-select .mat-mdc-select-arrow-wrapper{display:none}:host::ng-deep .mat-mdc-select,:host::ng-deep .mat-mdc-select .mdc-list-item{font-size:12px}\n"] }]
|
|
3006
|
+
}], propDecorators: { languages: [{
|
|
3007
|
+
type: Input
|
|
3008
|
+
}], currentLanguage: [{
|
|
3009
|
+
type: Input
|
|
3010
|
+
}], languageChanged: [{
|
|
3011
|
+
type: Output
|
|
3012
|
+
}] } });
|
|
3013
|
+
|
|
3014
|
+
class EcabsLanguageSelectorModule {
|
|
3015
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: EcabsLanguageSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3016
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.1", ngImport: i0, type: EcabsLanguageSelectorModule, declarations: [EcabsLanguageSelectorComponent], imports: [CommonModule,
|
|
3017
|
+
MatSelectModule,
|
|
3018
|
+
MatFormFieldModule,
|
|
3019
|
+
FormsModule,
|
|
3020
|
+
ReactiveFormsModule], exports: [EcabsLanguageSelectorComponent] });
|
|
3021
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: EcabsLanguageSelectorModule, imports: [CommonModule,
|
|
3022
|
+
MatSelectModule,
|
|
3023
|
+
MatFormFieldModule,
|
|
3024
|
+
FormsModule,
|
|
3025
|
+
ReactiveFormsModule] });
|
|
3026
|
+
}
|
|
3027
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: EcabsLanguageSelectorModule, decorators: [{
|
|
3028
|
+
type: NgModule,
|
|
3029
|
+
args: [{
|
|
3030
|
+
declarations: [EcabsLanguageSelectorComponent],
|
|
3031
|
+
imports: [
|
|
3032
|
+
CommonModule,
|
|
3033
|
+
MatSelectModule,
|
|
3034
|
+
MatFormFieldModule,
|
|
3035
|
+
FormsModule,
|
|
3036
|
+
ReactiveFormsModule
|
|
3037
|
+
],
|
|
3038
|
+
exports: [EcabsLanguageSelectorComponent],
|
|
3039
|
+
}]
|
|
3040
|
+
}] });
|
|
3041
|
+
|
|
2970
3042
|
/**
|
|
2971
3043
|
* Generated bundle index. Do not edit.
|
|
2972
3044
|
*/
|
|
2973
3045
|
|
|
2974
|
-
export { ButtonsComponent, DialogConfirmComponent, DialogConfirmModule, EcabsBreadcrumbComponent, EcabsBreadcrumbModule, EcabsButtonsModule, EcabsCheckboxToggleComponent, EcabsCheckboxToggleModule, EcabsComponentsService, EcabsDatePickerComponent, EcabsDatePickerHeaderComponent, EcabsDatePickerModule, EcabsDateTimePickerComponent, EcabsDateTimePickerHeaderComponent, EcabsDatetimePickerModule, EcabsDialogMessageComponent, EcabsDialogMessageModule, EcabsEmptyPlaceholderComponent, EcabsEmptyPlaceholderModule, EcabsExpansionPanelComponent, EcabsExpansionPanelModule, EcabsIncrementComponent, EcabsIncrementModule, EcabsInputComponent, EcabsInputModule, EcabsLoadingComponent, EcabsLoadingModule, EcabsPhoneComponent, EcabsPhoneModule, EcabsRadioButtonListComponent, EcabsRadioButtonListModule, EcabsSelectComponent, EcabsSelectModule, EcabsSpinnerComponent, EcabsTableFilterWrapperComponent, EcabsTableFilterWrapperModule, EcabsTableModule, EcabsTextAreaModule, EcabsTextareaComponent, EcabsTimeListPanelComponent, EcabsTimepickerComponent, EcabsTimepickerModule, FormTimePickerService, NoteComponent, NoteModule, TableComponent, ValidationComponent, ValidationModule, scrollFactory };
|
|
3046
|
+
export { ButtonsComponent, DialogConfirmComponent, DialogConfirmModule, EcabsBreadcrumbComponent, EcabsBreadcrumbModule, EcabsButtonsModule, EcabsCheckboxToggleComponent, EcabsCheckboxToggleModule, EcabsComponentsService, EcabsDatePickerComponent, EcabsDatePickerHeaderComponent, EcabsDatePickerModule, EcabsDateTimePickerComponent, EcabsDateTimePickerHeaderComponent, EcabsDatetimePickerModule, EcabsDialogMessageComponent, EcabsDialogMessageModule, EcabsEmptyPlaceholderComponent, EcabsEmptyPlaceholderModule, EcabsExpansionPanelComponent, EcabsExpansionPanelModule, EcabsIncrementComponent, EcabsIncrementModule, EcabsInputComponent, EcabsInputModule, EcabsLanguageSelectorComponent, EcabsLanguageSelectorModule, EcabsLoadingComponent, EcabsLoadingModule, EcabsPhoneComponent, EcabsPhoneModule, EcabsRadioButtonListComponent, EcabsRadioButtonListModule, EcabsSelectComponent, EcabsSelectModule, EcabsSpinnerComponent, EcabsTableFilterWrapperComponent, EcabsTableFilterWrapperModule, EcabsTableModule, EcabsTextAreaModule, EcabsTextareaComponent, EcabsTimeListPanelComponent, EcabsTimepickerComponent, EcabsTimepickerModule, FormTimePickerService, NoteComponent, NoteModule, TableComponent, ValidationComponent, ValidationModule, scrollFactory };
|
|
2975
3047
|
//# sourceMappingURL=ecabs-components.mjs.map
|