packages/ecl/components/ecl-menu/ecl-menu-mega/ecl-menu-mega.component.ts
This component acts as a wrapper for the second level of menu items, that are children of one root item. Provides functionality for some common events like keyboard navigation and manages relations between sub items.
AfterContentInit
OnDestroy
| selector | ecl-menu-mega |
| templateUrl | ./ecl-menu-mega.component.html |
Properties |
Methods |
Inputs |
Outputs |
HostBindings |
Accessors |
constructor(differs: IterableDiffers, el: ElementRef)
|
|||||||||
|
Parameters :
|
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| menuItemSelect |
Type : EventEmitter
|
| menuMegaItemParentFocus |
Type : EventEmitter
|
|
Used in keyboard navigation, when focus has to be moved to the parent item. |
| menuMegaLastItemTab |
Type : EventEmitter
|
|
Used when kyboard navigation with TAB reaches the last sub item. |
| class |
Type : string
|
| class.ecl-menu__mega--rtl |
Type : boolean | any
|
Default value : false
|
| style.left.px |
Type : number | null
|
| style.right.px |
Type : number | null
|
| selectFirstSubItem |
selectFirstSubItem()
|
|
Returns :
void
|
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| eclMenuMegaItems |
Type : QueryList<EclMenuMegaItemComponent>
|
Decorators :
@ContentChildren(EclMenuMegaItemComponent)
|
|
List of the sub items. |
| Public el |
Type : ElementRef
|
| isRtlDisplay |
Type : boolean | any
|
Default value : false
|
Decorators :
@HostBinding('class.ecl-menu__mega--rtl')
|
| offsetLeft |
Type : number | null
|
Decorators :
@HostBinding('style.left.px')
|
| offsetRight |
Type : number | null
|
Decorators :
@HostBinding('style.right.px')
|
| cssClasses |
getcssClasses()
|