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.
AfterContentInit
OnDestroy
| HostDirectives |
ECLClickOutsideDirective
Outputs : eclClickOutside
|
| selector | ecl-popover |
| imports |
EUI_ECL_BUTTON
EUI_ECL_ICON
|
| templateUrl | ./ecl-popover.component.html |
Properties |
Methods |
Inputs |
HostBindings |
HostListeners |
Accessors |
constructor(el: ElementRef, renderer: Renderer2)
|
|||||||||
|
Parameters :
|
| class |
Type : string
|
| e2eAttr |
Type : any
|
| tabindex |
Type : number
|
| class |
Type : string
|
| document:keydown.escape |
Arguments : '$event'
|
document:keydown.escape(event: KeyboardEvent)
|
|
Closes the popover when the Escape key is pressed. |
| document:scroll |
Arguments : '$event'
|
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. |
| window:resize |
Arguments : '$event'
|
window:resize()
|
|
Recalculates popover position when the window is resized. |
| onClickOutsidePopover |
onClickOutsidePopover()
|
Decorators :
@HostListener('eclClickOutside')
|
|
Handler triggered when a click outside the popover is detected. Closes the popover if it is open.
Returns :
void
|
| onClose |
onClose()
|
|
Public method used to close the popover and reset related styles.
Returns :
void
|
| onDocumentScroll |
onDocumentScroll()
|
Decorators :
@HostListener('document:scroll', ['$event'])
|
|
Recalculates popover position when the document is scrolled.
Returns :
void
|
| onEscapeKeydownHandler | ||||||
onEscapeKeydownHandler(event: KeyboardEvent)
|
||||||
Decorators :
@HostListener('document:keydown.escape', ['$event'])
|
||||||
|
Closes the popover when the Escape key is pressed.
Parameters :
Returns :
void
|
| onWindowResize |
onWindowResize()
|
Decorators :
@HostListener('window:resize', ['$event'])
|
|
Recalculates popover position when the window is resized.
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. |
| isHidden |
Default value : true
|
|
Controls visibility of the popover. |
| popoverPosition |
Type : string
|
|
Current calculated position class of the popover. |
| cssClasses |
getcssClasses()
|