packages/ecl/components/ecl-popover/ecl-popover.component.ts
Component representing an ECL Popover.
It handles toggling visibility, positioning, and closing behavior of the popover.
AfterViewInit
AfterContentInit
OnDestroy
| HostDirectives |
ECLClickOutsideDirective
Outputs : eclClickOutside
|
| selector | ecl-popover |
| imports |
EUI_ECL_BUTTON
EUI_ECL_ICON
|
| templateUrl | ./ecl-popover.component.html |
Properties |
Methods |
Inputs |
Outputs |
HostBindings |
HostListeners |
Accessors |
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| closeEvent |
| openEvent |
| class |
Type : string
|
| document:keydown.escape |
document:keydown.escape()
|
|
Closes the popover when the Escape key is pressed. |
| document:scroll |
document:scroll()
|
|
Recalculates popover position when the document is scrolled. |
| eclClickOutside |
eclClickOutside()
|
|
Handler triggered when a click outside the popover is detected. Closes the popover if it is open. |
| handlePushClass | ||||||
handlePushClass(direction: string)
|
||||||
|
Check whether the popover is going out of its scrollable container and apply the needed repositioning.
Parameters :
Returns :
void
|
| onClickOutsidePopover |
onClickOutsidePopover()
|
Decorators :
@HostListener('eclClickOutside')
|
|
Handler triggered when a click outside the popover is detected. Closes the popover if it is open.
Returns :
void
|
| onDocumentScroll |
onDocumentScroll()
|
Decorators :
@HostListener('document:scroll')
|
|
Recalculates popover position when the document is scrolled.
Returns :
void
|
| onEscapeKeydownHandler |
onEscapeKeydownHandler()
|
Decorators :
@HostListener('document:keydown.escape')
|
|
Closes the popover when the Escape key is pressed.
Returns :
void
|
| getCssClasses | ||||||
getCssClasses(rootClass: string)
|
||||||
|
Parameters :
Returns :
string
|
| eclPopoverContainerElement |
Type : ElementRef
|
Decorators :
@ViewChild('container')
|
|
Reference to the popover container element. |
| eclPopoverScrollableElement |
Type : ElementRef
|
Decorators :
@ViewChild('scrollable')
|
|
Reference to the scrollable content element inside the popover. |
| eclPopoverToggle |
Type : EclPopoverToggleDirective
|
Decorators :
@ContentChild(EclPopoverToggleDirective)
|
|
Reference to the toggle element used to open/close the popover. |
| popoverPosition |
Type : string
|
|
Current calculated position class of the popover. |
| cssClasses |
getcssClasses()
|