import { KbqPopoverModule } from '@koobiq/components/popover';Selector: kbq-popover-confirm-component
| 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 |
Selector: [kbqPopoverConfirm]
Exported as: kbqPopoverConfirm| 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 |
Selector: kbq-popover-component
| 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 |
Selector: [kbqPopover]
Exported as: kbqPopover| 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 |
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>;