packages/components/eui-language-selector/language-selector.component.ts
This component displays available languages and allows users to select their preferred language. It adapts its display based on the number of available languages:
The component integrates with EuiAppShellService to manage language state and uses TranslateService for localization.
OnInit
AfterViewInit
OnDestroy
OnChanges
| encapsulation | ViewEncapsulation.None |
| providers |
EuiDialogService
|
| selector | eui-language-selector |
| imports |
AsyncPipe
NgTemplateOutlet
EUI_DROPDOWN
EUI_ICON
EUI_BUTTON
|
| templateUrl | ./language-selector.component.html |
| styleUrl | ./language-selector.scss |
Properties |
Methods |
Inputs |
Outputs |
HostBindings |
Accessors |
| aria-label |
Type : string
|
| euiPrimary |
Type : boolean
|
Default value : false
|
| hasLanguageSelection |
Type : boolean
|
Default value : true
|
| isToolbarSelector |
Type : boolean
|
Default value : false
|
| languageSelectorClick |
Type : EventEmitter
|
| class |
Type : string
|
| onClick |
onClick()
|
|
Returns :
void
|
| onLanguageChanged | ||||||||
onLanguageChanged(language: EuiLanguage)
|
||||||||
|
Updates the active language in the application.
Parameters :
Returns :
void
|
| onOpen | ||||||||||
onOpen(titleLabel: string)
|
||||||||||
|
Opens a modal dialog with the full list of available languages.
Parameters :
Returns :
void
|
| appShellService |
Type : unknown
|
Default value : inject(EuiAppShellService)
|
| languages |
Type : EuiLanguage[]
|
| selectedLanguage |
Type : EuiLanguage
|
| cssClasses |
getcssClasses()
|
| isShowDropDown |
getisShowDropDown()
|
|
returns true if there are at least one and max four languages.
Returns :
boolean
|
| isShowModal |
getisShowModal()
|
|
returns true if there are at least five languages.
Returns :
boolean
|