import { KbqPopoverModule } from '@koobiq/components/popover';

Selector: kbq-popover-confirm-component

Properties
Name Description
arrow: boolean
cdkTrapFocus: CdkTrapFocus
changeDetectorRef: ChangeDetectorRef
classMap: {}
closeOnInteraction: boolean
componentColors: typeof KbqComponentColors
confirmButtonText: string
confirmText: string
content: string | TemplateRef
context: { $implicit: any; }
defaultPaddings: boolean
destroyRef: DestroyRef
elementRef: ElementRef
footer: string | TemplateRef
hasCloseButton: boolean
header: string | TemplateRef
hovered: BehaviorSubject Stream that emits when the popup item is hovered.
isContentBottomOverflow: boolean
isContentTopOverflow: boolean
isTrapFocus: boolean
offset: number
onConfirm: Subject
onHideSubject: Subject Subject for notifying that the tooltip has been hidden from the view
popoverContent: ElementRef
prefix: string
renderer: Renderer2
trigger: KbqPopoverTrigger
visibility: PopUpVisibility
visibleChange: EventEmitter
warning: boolean
Methods
addEventListenerForHide
afterHidden
Returns an observable that notifies when the tooltip has been hidden from view.
animationDone
animationStart
checkContentOverflow
detectChanges
handleBodyInteraction
hide
Hides the popup after a specified delay. The hide timeout triggers the hiding of the popup by updating visibility and emitting relevant events. Also, it marks for check to ensure proper change detection, especially for parent components with OnPush strategy.
isTemplateRef
isVisible
markForCheck
onContentChange
onEscape
setStickPosition
show
updateClassMap
updateTrapFocus

Selector: [kbqPopoverConfirm]

Exported as: kbqPopoverConfirm
Properties
Name Description
@Input('kbqPopoverConfirmButtonText')
confirmButtonText: string
@Input('kbqPopoverConfirmText')
confirmText: string
@Output('confirm')
confirm: EventEmitter
arrow: boolean
availablePositions: { [key: string]: ConnectionPositionPair; }
backdropClass: string
closeOnScroll: boolean Controls the behavior of closing the component on scroll. The default value is `false`. Use CloseScrollStrategy as alternative
closingActionsSubscription: Subscription
container: HTMLElement Container for additional positioning, used with kbqPopoverStickToWindow
content: string | TemplateRef
context: unknown Context for popover templates (kbqPopoverHeader, kbqPopoverContent and kbqPopoverFooter).
customClass: string
defaultPaddings: boolean disables default padding for all popover elements (header, content and footer)
destroyRef: DestroyRef
detach: () => void
direction: Directionality
disabled: boolean
elementRef: ElementRef
enterDelay: number
footer: string | TemplateRef
hasBackdrop: boolean
hasClickTrigger: boolean
hasCloseButton: boolean
header: string | TemplateRef
hideIfNotInViewPort: InputSignalWithTransform Controls whether the component should be hidden when it is not visible in the viewport.
hideWithTimeout: boolean Hide pop-up with timeout. Need if you want to show pop-up after leaving trigger
hostView: ViewContainerRef
hovered: BehaviorSubject Stream that emits when the popupTrigger is hovered.
instance: any
isOpen: boolean
leaveDelay: number Delay before closing in milliseconds. The default value for kbqTrigger=PopUpTriggers.Hover is 500 ms.
listeners: Map
mouseEvent: MouseEvent
ngZone: NgZone
offset: number
onPositionChange: ($event: ConnectedOverlayPositionChange) => void
originSelector: string
overlay: Overlay
overlayConfig: OverlayConfig
overlayRef: OverlayRef
placement: "top" | "topLeft" | "topRight" | "right" | "rightTop" | "rightBottom" | "left" | "leftTop" | "leftBottom" | "bottom" | "bottomLeft" | "bottomRight"
placementChange: EventEmitter
placementPriority: string | string[]
popoverPlacement: "top" | "topLeft" | "topRight" | "right" | "rightTop" | "rightBottom" | "left" | "leftTop" | "leftBottom" | "bottom" | "bottomLeft" | "bottomRight"
popoverPlacementPriority: string | string[]
popoverVisible: boolean
portal: ComponentPortal
preventClose: boolean prevents closure by any event
scheduler: AsyncScheduler
scrollDispatcher: ScrollDispatcher
scrollStrategy: () => ScrollStrategy
scrollable: CdkScrollable
size: "small" | "medium" | "large"
stickToWindow: "top" | "right" | "left" | "bottom" Additionally positions the element relative to the window side (Top, Right, Bottom and Left). If container is specified, the positioning will be relative to it.
strategy: FlexibleConnectedPositionStrategy
trigger: string
triggerName: string
visible: boolean
visibleChange: EventEmitter
Methods
clearListeners
closingActions
closingActionsForClick
createOverlay
Create the overlay config and position strategy
defaultClosingActions
focus
getAdjustedPositions
Returns a list of positions that are aligned with the element's dimensions and offsets.
getMouseLeaveListener
getOverlayHandleComponentType
getPrioritizedPositions
getPriorityPlacementStrategy
hide
initListeners
keydownHandler
resetOrigin
setupButtonEvents
show
Overrides the base `show` method to display the overlay component with the specified entry delay and apply default positioning offsets.
touchendHandler
updateClassMap
updateData
updatePlacement
updatePlacementPriority
updatePosition
Updates the position of the current popover.
updateVisible

Selector: kbq-popover-component

Properties
Name Description
arrow: boolean
cdkTrapFocus: CdkTrapFocus
changeDetectorRef: ChangeDetectorRef
classMap: {}
closeOnInteraction: boolean
componentColors: typeof KbqComponentColors
content: string | TemplateRef
context: { $implicit: any; }
defaultPaddings: boolean
destroyRef: DestroyRef
elementRef: ElementRef
footer: string | TemplateRef
hasCloseButton: boolean
header: string | TemplateRef
hovered: BehaviorSubject Stream that emits when the popup item is hovered.
isContentBottomOverflow: boolean
isContentTopOverflow: boolean
isTrapFocus: boolean
offset: number
onHideSubject: Subject Subject for notifying that the tooltip has been hidden from the view
popoverContent: ElementRef
prefix: string
renderer: Renderer2
trigger: KbqPopoverTrigger
visibility: PopUpVisibility
visibleChange: EventEmitter
warning: boolean
Methods
addEventListenerForHide
afterHidden
Returns an observable that notifies when the tooltip has been hidden from view.
animationDone
animationStart
checkContentOverflow
detectChanges
handleBodyInteraction
hide
Hides the popup after a specified delay. The hide timeout triggers the hiding of the popup by updating visibility and emitting relevant events. Also, it marks for check to ensure proper change detection, especially for parent components with OnPush strategy.
isTemplateRef
isVisible
markForCheck
onContentChange
onEscape
setStickPosition
show
updateClassMap
updateTrapFocus

Selector: [kbqPopover]

Exported as: kbqPopover
Properties
Name Description
@Input('kbqPopoverArrow')
arrow: boolean
@Input()
backdropClass: string
@Input()
closeOnScroll: boolean
Controls the behavior of closing the component on scroll. The default value is `false`. Use CloseScrollStrategy as alternative
@Input()
container: HTMLElement
Container for additional positioning, used with kbqPopoverStickToWindow
@Input('kbqPopoverContent')
content: string | TemplateRef
@Input('kbqPopoverContext')
context: unknown
Context for popover templates (kbqPopoverHeader, kbqPopoverContent and kbqPopoverFooter).
@Input('kbqPopoverClass')
customClass: string
@Input()
defaultPaddings: boolean
disables default padding for all popover elements (header, content and footer)
@Input('kbqPopoverDisabled')
disabled: boolean
@Input('kbqPopoverFooter')
footer: string | TemplateRef
@Input()
hasBackdrop: boolean
@Input()
hasCloseButton: boolean
@Input('kbqPopoverHeader')
header: string | TemplateRef
@Input()
hideIfNotInViewPort: InputSignalWithTransform
Controls whether the component should be hidden when it is not visible in the viewport.
@Input('kbqLeaveDelay')
leaveDelay: number
Delay before closing in milliseconds. The default value for kbqTrigger=PopUpTriggers.Hover is 500 ms.
@Input('kbqPopoverOffset')
offset: number
@Input('kbqPopoverPlacement')
popoverPlacement: "top" | "topLeft" | "topRight" | "right" | "rightTop" | "rightBottom" | "left" | "leftTop" | "leftBottom" | "bottom" | "bottomLeft" | "bottomRight"
@Input('kbqPopoverPlacementPriority')
popoverPlacementPriority: string | string[]
@Input('kbqPopoverVisible')
popoverVisible: boolean
@Input('kbqPopoverPreventClose')
preventClose: boolean
prevents closure by any event
@Input('kbqPopoverSize')
size: "small" | "medium" | "large"
@Input('kbqPopoverStickToWindow')
stickToWindow: "top" | "right" | "left" | "bottom"
Additionally positions the element relative to the window side (Top, Right, Bottom and Left). If container is specified, the positioning will be relative to it.
@Input('kbqTrigger')
trigger: string
@Output('kbqPopoverPlacementChange')
placementChange: EventEmitter
@Output('kbqPopoverVisibleChange')
visibleChange: EventEmitter
availablePositions: { [key: string]: ConnectionPositionPair; }
closingActionsSubscription: Subscription
destroyRef: DestroyRef
detach: () => void
direction: Directionality
elementRef: ElementRef
enterDelay: number
hasClickTrigger: boolean
hideWithTimeout: boolean Hide pop-up with timeout. Need if you want to show pop-up after leaving trigger
hostView: ViewContainerRef
hovered: BehaviorSubject Stream that emits when the popupTrigger is hovered.
instance: any
isOpen: boolean
listeners: Map
mouseEvent: MouseEvent
ngZone: NgZone
onPositionChange: ($event: ConnectedOverlayPositionChange) => void
originSelector: string
overlay: Overlay
overlayConfig: OverlayConfig
overlayRef: OverlayRef
placement: "top" | "topLeft" | "topRight" | "right" | "rightTop" | "rightBottom" | "left" | "leftTop" | "leftBottom" | "bottom" | "bottomLeft" | "bottomRight"
placementPriority: string | string[]
portal: ComponentPortal
scheduler: AsyncScheduler
scrollDispatcher: ScrollDispatcher
scrollStrategy: () => ScrollStrategy
scrollable: CdkScrollable
strategy: FlexibleConnectedPositionStrategy
triggerName: string
visible: boolean
Methods
clearListeners
closingActions
closingActionsForClick
createOverlay
Create the overlay config and position strategy
defaultClosingActions
focus
getAdjustedPositions
Returns a list of positions that are aligned with the element's dimensions and offsets.
getMouseLeaveListener
getOverlayHandleComponentType
getPrioritizedPositions
getPriorityPlacementStrategy
hide
initListeners
keydownHandler
resetOrigin
show
Overrides the base `show` method to display the overlay component with the specified entry delay and apply default positioning offsets.
touchendHandler
updateClassMap
updateData
updatePlacement
updatePlacementPriority
updatePosition
Updates the position of the current popover.
updateVisible

Creates an error to be thrown if the user supplied an invalid popover position.

const getKbqPopoverInvalidPositionError: ;
const kbqPopoverAnimations: { readonly popoverState: AnimationTriggerMetadata; };
const KBQ_POPOVER_CONFIRM_TEXT: InjectionToken<string>;
const KBQ_POPOVER_CONFIRM_BUTTON_TEXT: InjectionToken<string>;
const defaultOffsetYWithArrow: number;
const KBQ_POPOVER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
Docs Feedback
If you have any questions or would like to contribute to writing the documentation, please create an issue in our GitHub repository.