bootstrap-vue-next
Version:
BootstrapVueNext is an early and lovely component library for Vue 3 & Nuxt 3 based on Bootstrap 5 and Typescript.
783 lines (782 loc) • 313 kB
text/typescript
import { Ref } from 'vue';
import { OrchestratorCreateOptions, PopoverOrchestratorCreateParam, PopoverOrchestratorParam, PromiseWithComponent, TooltipOrchestratorCreateParam, TooltipOrchestratorParam } from '../../types/ComponentOrchestratorTypes';
import { BPopover, BTooltip } from '../../components';
export declare const usePopover: () => {
_isOrchestratorInstalled: Ref<boolean, boolean>;
create: (obj: PopoverOrchestratorCreateParam | TooltipOrchestratorCreateParam, tooltip?: boolean, options?: OrchestratorCreateOptions) => PromiseWithComponent<typeof BPopover | typeof BTooltip, PopoverOrchestratorParam | TooltipOrchestratorParam>;
popover: (obj: PopoverOrchestratorCreateParam, options?: OrchestratorCreateOptions) => PromiseWithComponent<({
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue?: Exclude<import('../..').BPopoverProps["modelValue"], undefined>;
} & {
body?: string | undefined;
id?: string | undefined;
target?: (string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null) | undefined;
unmountLazy?: boolean | undefined;
click?: boolean | undefined;
focus?: boolean | undefined;
title?: string | undefined;
show?: boolean | undefined;
initialAnimation?: boolean | undefined;
noAnimation?: boolean | undefined;
noFade?: boolean | undefined;
lazy?: boolean | undefined;
transProps?: Readonly<import('vue').TransitionProps> | undefined;
visible?: boolean | undefined;
bodyClass?: import('../../types/AnyValuedAttributes').ClassValue;
teleportTo?: string | import('vue').RendererElement | null | undefined;
tooltip?: boolean | undefined;
boundary?: (import('@floating-ui/vue').Boundary | import('../../../node_modules/@floating-ui/core').RootBoundary) | undefined;
boundaryPadding?: import('../../../node_modules/@floating-ui/core').Padding | undefined;
closeOnHide?: boolean | undefined;
hover?: boolean | undefined;
delay?: (number | Readonly<{
show: number;
hide: number;
}>) | undefined;
floatingMiddleware?: {
name: string;
options?: any;
fn: (state: {
x: number;
y: number;
placement: import('../../../node_modules/@floating-ui/core').Placement;
strategy: import('../../../node_modules/@floating-ui/core').Strategy;
initialPlacement: import('../../../node_modules/@floating-ui/core').Placement;
middlewareData: import('../../../node_modules/@floating-ui/core').MiddlewareData;
rects: import('../../../node_modules/@floating-ui/core').ElementRects;
platform: import('../../../node_modules/@floating-ui/core').Platform;
elements: import('@floating-ui/vue').Elements;
}) => import('../../../node_modules/@floating-ui/core').MiddlewareReturn | Promise<import('../../../node_modules/@floating-ui/core').MiddlewareReturn>;
}[];
hideMargin?: number | undefined;
inline?: boolean | undefined;
manual?: boolean | undefined;
noAutoClose?: boolean | undefined;
noFlip?: boolean | undefined;
noHide?: boolean | undefined;
noShift?: boolean | undefined;
noSize?: boolean | undefined;
noninteractive?: boolean | undefined;
offset?: (import('../../types/CommonTypes').Numberish | null) | undefined;
placement?: import('../..').PopoverPlacement | undefined;
realtime?: boolean | undefined;
reference?: (string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null) | undefined;
strategy?: import('../../../node_modules/@floating-ui/core').Strategy | undefined;
titleClass?: import('../../types/AnyValuedAttributes').ClassValue;
teleportDisabled?: boolean | undefined;
}> & Readonly<{
onOk?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onBlur?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onCancel?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onPointerleave?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onToggle?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onHidden?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onShow?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onShow-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onHide?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onHide-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onToggle-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onShown?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick-outside"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onClose-on-hide"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
}>, {
hide: (trigger?: string, noTriggerEmit?: boolean) => Promise<string>;
show: (resolveOnHide?: boolean) => Promise<boolean | string>;
toggle: (resolveOnHide?: boolean) => Promise<boolean | string>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
ok: (value: import('../..').BvTriggerableEvent) => any;
blur: (value: import('../..').BvTriggerableEvent) => any;
cancel: (value: import('../..').BvTriggerableEvent) => any;
pointerleave: (value: import('../..').BvTriggerableEvent) => any;
toggle: (value: import('../..').BvTriggerableEvent) => any;
hidden: (value: import('../..').BvTriggerableEvent) => any;
show: (value: import('../..').BvTriggerableEvent) => any;
"show-prevented": (value: import('../..').BvTriggerableEvent) => any;
hide: (value: import('../..').BvTriggerableEvent) => any;
"hide-prevented": (value: import('../..').BvTriggerableEvent) => any;
"toggle-prevented": (value: import('../..').BvTriggerableEvent) => any;
shown: (value: import('../..').BvTriggerableEvent) => any;
"update:modelValue": (value: boolean) => any;
"click-outside": (value: import('../..').BvTriggerableEvent) => any;
"close-on-hide": (value: import('../..').BvTriggerableEvent) => any;
}, import('vue').PublicProps, {
body: string;
id: string;
target: string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null;
unmountLazy: boolean;
click: boolean;
focus: boolean;
title: string;
show: boolean;
initialAnimation: boolean;
noFade: boolean;
lazy: boolean;
visible: boolean;
bodyClass: import('../../types/AnyValuedAttributes').ClassValue;
teleportTo: string | import('vue').RendererElement | null;
tooltip: boolean;
boundary: import('@floating-ui/vue').Boundary | import('../../../node_modules/@floating-ui/core').RootBoundary;
boundaryPadding: import('../../../node_modules/@floating-ui/core').Padding;
closeOnHide: boolean;
hover: boolean;
delay: number | Readonly<{
show: number;
hide: number;
}>;
floatingMiddleware: {
name: string;
options?: any;
fn: (state: {
x: number;
y: number;
placement: import('../../../node_modules/@floating-ui/core').Placement;
strategy: import('../../../node_modules/@floating-ui/core').Strategy;
initialPlacement: import('../../../node_modules/@floating-ui/core').Placement;
middlewareData: import('../../../node_modules/@floating-ui/core').MiddlewareData;
rects: import('../../../node_modules/@floating-ui/core').ElementRects;
platform: import('../../../node_modules/@floating-ui/core').Platform;
elements: import('@floating-ui/vue').Elements;
}) => import('../../../node_modules/@floating-ui/core').MiddlewareReturn | Promise<import('../../../node_modules/@floating-ui/core').MiddlewareReturn>;
}[];
hideMargin: number;
inline: boolean;
manual: boolean;
noAutoClose: boolean;
noFlip: boolean;
noHide: boolean;
noShift: boolean;
noSize: boolean;
noninteractive: boolean;
offset: import('../../types/CommonTypes').Numberish | null;
placement: import('../..').PopoverPlacement;
realtime: boolean;
reference: string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null;
strategy: import('../../../node_modules/@floating-ui/core').Strategy;
titleClass: import('../../types/AnyValuedAttributes').ClassValue;
teleportDisabled: boolean;
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
_placeholder: HTMLSpanElement;
_element: HTMLDivElement;
_arrow: HTMLDivElement;
_content: HTMLDivElement;
}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
modelValue?: Exclude<import('../..').BPopoverProps["modelValue"], undefined>;
} & {
body?: string | undefined;
id?: string | undefined;
target?: (string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null) | undefined;
unmountLazy?: boolean | undefined;
click?: boolean | undefined;
focus?: boolean | undefined;
title?: string | undefined;
show?: boolean | undefined;
initialAnimation?: boolean | undefined;
noAnimation?: boolean | undefined;
noFade?: boolean | undefined;
lazy?: boolean | undefined;
transProps?: Readonly<import('vue').TransitionProps> | undefined;
visible?: boolean | undefined;
bodyClass?: import('../../types/AnyValuedAttributes').ClassValue;
teleportTo?: string | import('vue').RendererElement | null | undefined;
tooltip?: boolean | undefined;
boundary?: (import('@floating-ui/vue').Boundary | import('../../../node_modules/@floating-ui/core').RootBoundary) | undefined;
boundaryPadding?: import('../../../node_modules/@floating-ui/core').Padding | undefined;
closeOnHide?: boolean | undefined;
hover?: boolean | undefined;
delay?: (number | Readonly<{
show: number;
hide: number;
}>) | undefined;
floatingMiddleware?: {
name: string;
options?: any;
fn: (state: {
x: number;
y: number;
placement: import('../../../node_modules/@floating-ui/core').Placement;
strategy: import('../../../node_modules/@floating-ui/core').Strategy;
initialPlacement: import('../../../node_modules/@floating-ui/core').Placement;
middlewareData: import('../../../node_modules/@floating-ui/core').MiddlewareData;
rects: import('../../../node_modules/@floating-ui/core').ElementRects;
platform: import('../../../node_modules/@floating-ui/core').Platform;
elements: import('@floating-ui/vue').Elements;
}) => import('../../../node_modules/@floating-ui/core').MiddlewareReturn | Promise<import('../../../node_modules/@floating-ui/core').MiddlewareReturn>;
}[];
hideMargin?: number | undefined;
inline?: boolean | undefined;
manual?: boolean | undefined;
noAutoClose?: boolean | undefined;
noFlip?: boolean | undefined;
noHide?: boolean | undefined;
noShift?: boolean | undefined;
noSize?: boolean | undefined;
noninteractive?: boolean | undefined;
offset?: (import('../../types/CommonTypes').Numberish | null) | undefined;
placement?: import('../..').PopoverPlacement | undefined;
realtime?: boolean | undefined;
reference?: (string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null) | undefined;
strategy?: import('../../../node_modules/@floating-ui/core').Strategy | undefined;
titleClass?: import('../../types/AnyValuedAttributes').ClassValue;
teleportDisabled?: boolean | undefined;
}> & Readonly<{
onOk?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onBlur?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onCancel?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onPointerleave?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onToggle?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onHidden?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onShow?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onShow-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onHide?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onHide-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onToggle-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onShown?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick-outside"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onClose-on-hide"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
}>, {
hide: (trigger?: string, noTriggerEmit?: boolean) => Promise<string>;
show: (resolveOnHide?: boolean) => Promise<boolean | string>;
toggle: (resolveOnHide?: boolean) => Promise<boolean | string>;
}, {}, {}, {}, {
body: string;
id: string;
target: string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null;
unmountLazy: boolean;
click: boolean;
focus: boolean;
title: string;
show: boolean;
initialAnimation: boolean;
noFade: boolean;
lazy: boolean;
visible: boolean;
bodyClass: import('../../types/AnyValuedAttributes').ClassValue;
teleportTo: string | import('vue').RendererElement | null;
tooltip: boolean;
boundary: import('@floating-ui/vue').Boundary | import('../../../node_modules/@floating-ui/core').RootBoundary;
boundaryPadding: import('../../../node_modules/@floating-ui/core').Padding;
closeOnHide: boolean;
hover: boolean;
delay: number | Readonly<{
show: number;
hide: number;
}>;
floatingMiddleware: {
name: string;
options?: any;
fn: (state: {
x: number;
y: number;
placement: import('../../../node_modules/@floating-ui/core').Placement;
strategy: import('../../../node_modules/@floating-ui/core').Strategy;
initialPlacement: import('../../../node_modules/@floating-ui/core').Placement;
middlewareData: import('../../../node_modules/@floating-ui/core').MiddlewareData;
rects: import('../../../node_modules/@floating-ui/core').ElementRects;
platform: import('../../../node_modules/@floating-ui/core').Platform;
elements: import('@floating-ui/vue').Elements;
}) => import('../../../node_modules/@floating-ui/core').MiddlewareReturn | Promise<import('../../../node_modules/@floating-ui/core').MiddlewareReturn>;
}[];
hideMargin: number;
inline: boolean;
manual: boolean;
noAutoClose: boolean;
noFlip: boolean;
noHide: boolean;
noShift: boolean;
noSize: boolean;
noninteractive: boolean;
offset: import('../../types/CommonTypes').Numberish | null;
placement: import('../..').PopoverPlacement;
realtime: boolean;
reference: string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null;
strategy: import('../../../node_modules/@floating-ui/core').Strategy;
titleClass: import('../../types/AnyValuedAttributes').ClassValue;
teleportDisabled: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{
modelValue?: Exclude<import('../..').BPopoverProps["modelValue"], undefined>;
} & {
body?: string | undefined;
id?: string | undefined;
target?: (string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null) | undefined;
unmountLazy?: boolean | undefined;
click?: boolean | undefined;
focus?: boolean | undefined;
title?: string | undefined;
show?: boolean | undefined;
initialAnimation?: boolean | undefined;
noAnimation?: boolean | undefined;
noFade?: boolean | undefined;
lazy?: boolean | undefined;
transProps?: Readonly<import('vue').TransitionProps> | undefined;
visible?: boolean | undefined;
bodyClass?: import('../../types/AnyValuedAttributes').ClassValue;
teleportTo?: string | import('vue').RendererElement | null | undefined;
tooltip?: boolean | undefined;
boundary?: (import('@floating-ui/vue').Boundary | import('../../../node_modules/@floating-ui/core').RootBoundary) | undefined;
boundaryPadding?: import('../../../node_modules/@floating-ui/core').Padding | undefined;
closeOnHide?: boolean | undefined;
hover?: boolean | undefined;
delay?: (number | Readonly<{
show: number;
hide: number;
}>) | undefined;
floatingMiddleware?: import('@floating-ui/vue').Middleware[] | undefined;
hideMargin?: number | undefined;
inline?: boolean | undefined;
manual?: boolean | undefined;
noAutoClose?: boolean | undefined;
noFlip?: boolean | undefined;
noHide?: boolean | undefined;
noShift?: boolean | undefined;
noSize?: boolean | undefined;
noninteractive?: boolean | undefined;
offset?: (import('../../types/CommonTypes').Numberish | null) | undefined;
placement?: import('../..').PopoverPlacement | undefined;
realtime?: boolean | undefined;
reference?: (string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null) | undefined;
strategy?: import('../../../node_modules/@floating-ui/core').Strategy | undefined;
titleClass?: import('../../types/AnyValuedAttributes').ClassValue;
teleportDisabled?: boolean | undefined;
}> & Readonly<{
onOk?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onBlur?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onCancel?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onPointerleave?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onToggle?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onHidden?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onShow?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onShow-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onHide?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onHide-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onToggle-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onShown?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick-outside"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onClose-on-hide"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
}>, {
hide: (trigger?: string, noTriggerEmit?: boolean) => Promise<string>;
show: (resolveOnHide?: boolean) => Promise<boolean | string>;
toggle: (resolveOnHide?: boolean) => Promise<boolean | string>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
ok: (value: import('../..').BvTriggerableEvent) => any;
blur: (value: import('../..').BvTriggerableEvent) => any;
cancel: (value: import('../..').BvTriggerableEvent) => any;
pointerleave: (value: import('../..').BvTriggerableEvent) => any;
toggle: (value: import('../..').BvTriggerableEvent) => any;
hidden: (value: import('../..').BvTriggerableEvent) => any;
show: (value: import('../..').BvTriggerableEvent) => any;
"show-prevented": (value: import('../..').BvTriggerableEvent) => any;
hide: (value: import('../..').BvTriggerableEvent) => any;
"hide-prevented": (value: import('../..').BvTriggerableEvent) => any;
"toggle-prevented": (value: import('../..').BvTriggerableEvent) => any;
shown: (value: import('../..').BvTriggerableEvent) => any;
"update:modelValue": (value: boolean) => any;
"click-outside": (value: import('../..').BvTriggerableEvent) => any;
"close-on-hide": (value: import('../..').BvTriggerableEvent) => any;
}, string, {
body: string;
id: string;
target: string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null;
unmountLazy: boolean;
click: boolean;
focus: boolean;
title: string;
show: boolean;
initialAnimation: boolean;
noFade: boolean;
lazy: boolean;
visible: boolean;
bodyClass: import('../../types/AnyValuedAttributes').ClassValue;
teleportTo: string | import('vue').RendererElement | null;
tooltip: boolean;
boundary: import('@floating-ui/vue').Boundary | import('../../../node_modules/@floating-ui/core').RootBoundary;
boundaryPadding: import('../../../node_modules/@floating-ui/core').Padding;
closeOnHide: boolean;
hover: boolean;
delay: number | Readonly<{
show: number;
hide: number;
}>;
floatingMiddleware: {
name: string;
options?: any;
fn: (state: import('@floating-ui/vue').MiddlewareState) => import('../../../node_modules/@floating-ui/core').MiddlewareReturn | Promise<import('../../../node_modules/@floating-ui/core').MiddlewareReturn>;
}[];
hideMargin: number;
inline: boolean;
manual: boolean;
noAutoClose: boolean;
noFlip: boolean;
noHide: boolean;
noShift: boolean;
noSize: boolean;
noninteractive: boolean;
offset: import('../../types/CommonTypes').Numberish | null;
placement: import('../..').PopoverPlacement;
realtime: boolean;
reference: string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null;
strategy: import('../../../node_modules/@floating-ui/core').Strategy;
titleClass: import('../../types/AnyValuedAttributes').ClassValue;
teleportDisabled: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: Readonly<import('../..').BPopoverSlots> & import('../..').BPopoverSlots;
})) | ({
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
modelValue?: Exclude<import('../..').BTooltipProps["modelValue"], undefined>;
} & {
body?: string | undefined;
id?: string | undefined;
target?: (string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null) | undefined;
unmountLazy?: boolean | undefined;
click?: boolean | undefined;
focus?: boolean | undefined;
title?: string | undefined;
show?: boolean | undefined;
initialAnimation?: boolean | undefined;
noAnimation?: boolean | undefined;
noFade?: boolean | undefined;
lazy?: boolean | undefined;
transProps?: Readonly<import('vue').TransitionProps> | undefined;
visible?: boolean | undefined;
bodyClass?: import('../../types/AnyValuedAttributes').ClassValue;
teleportTo?: string | import('vue').RendererElement | null | undefined;
boundary?: (import('@floating-ui/vue').Boundary | import('../../../node_modules/@floating-ui/core').RootBoundary) | undefined;
boundaryPadding?: import('../../../node_modules/@floating-ui/core').Padding | undefined;
closeOnHide?: boolean | undefined;
hover?: boolean | undefined;
delay?: (number | Readonly<{
show: number;
hide: number;
}>) | undefined;
floatingMiddleware?: {
name: string;
options?: any;
fn: (state: {
x: number;
y: number;
placement: import('../../../node_modules/@floating-ui/core').Placement;
strategy: import('../../../node_modules/@floating-ui/core').Strategy;
initialPlacement: import('../../../node_modules/@floating-ui/core').Placement;
middlewareData: import('../../../node_modules/@floating-ui/core').MiddlewareData;
rects: import('../../../node_modules/@floating-ui/core').ElementRects;
platform: import('../../../node_modules/@floating-ui/core').Platform;
elements: import('@floating-ui/vue').Elements;
}) => import('../../../node_modules/@floating-ui/core').MiddlewareReturn | Promise<import('../../../node_modules/@floating-ui/core').MiddlewareReturn>;
}[];
hideMargin?: number | undefined;
inline?: boolean | undefined;
manual?: boolean | undefined;
noAutoClose?: boolean | undefined;
noFlip?: boolean | undefined;
noHide?: boolean | undefined;
noShift?: boolean | undefined;
noSize?: boolean | undefined;
noninteractive?: boolean | undefined;
offset?: (import('../../types/CommonTypes').Numberish | null) | undefined;
placement?: import('../..').PopoverPlacement | undefined;
realtime?: boolean | undefined;
reference?: (string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null) | undefined;
strategy?: import('../../../node_modules/@floating-ui/core').Strategy | undefined;
titleClass?: import('../../types/AnyValuedAttributes').ClassValue;
teleportDisabled?: boolean | undefined;
interactive?: boolean | undefined;
}> & Readonly<{
onOk?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onBlur?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onCancel?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onPointerleave?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onToggle?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onHidden?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onShow?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onShow-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onHide?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onHide-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onToggle-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onShown?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick-outside"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onClose-on-hide"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
}>, {
hide: () => void;
show: () => void;
toggle: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
ok: (value: import('../..').BvTriggerableEvent) => any;
blur: (value: import('../..').BvTriggerableEvent) => any;
cancel: (value: import('../..').BvTriggerableEvent) => any;
pointerleave: (value: import('../..').BvTriggerableEvent) => any;
toggle: (value: import('../..').BvTriggerableEvent) => any;
hidden: (value: import('../..').BvTriggerableEvent) => any;
show: (value: import('../..').BvTriggerableEvent) => any;
"show-prevented": (value: import('../..').BvTriggerableEvent) => any;
hide: (value: import('../..').BvTriggerableEvent) => any;
"hide-prevented": (value: import('../..').BvTriggerableEvent) => any;
"toggle-prevented": (value: import('../..').BvTriggerableEvent) => any;
shown: (value: import('../..').BvTriggerableEvent) => any;
"update:modelValue": (value: boolean) => any;
"click-outside": (value: import('../..').BvTriggerableEvent) => any;
"close-on-hide": (value: import('../..').BvTriggerableEvent) => any;
}, import('vue').PublicProps, {
id: string;
target: string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null;
unmountLazy: boolean;
click: boolean;
focus: boolean;
title: string;
show: boolean;
initialAnimation: boolean;
noFade: boolean;
lazy: boolean;
visible: boolean;
bodyClass: import('../../types/AnyValuedAttributes').ClassValue;
teleportTo: string | import('vue').RendererElement | null;
hover: boolean;
delay: number | Readonly<{
show: number;
hide: number;
}>;
floatingMiddleware: {
name: string;
options?: any;
fn: (state: {
x: number;
y: number;
placement: import('../../../node_modules/@floating-ui/core').Placement;
strategy: import('../../../node_modules/@floating-ui/core').Strategy;
initialPlacement: import('../../../node_modules/@floating-ui/core').Placement;
middlewareData: import('../../../node_modules/@floating-ui/core').MiddlewareData;
rects: import('../../../node_modules/@floating-ui/core').ElementRects;
platform: import('../../../node_modules/@floating-ui/core').Platform;
elements: import('@floating-ui/vue').Elements;
}) => import('../../../node_modules/@floating-ui/core').MiddlewareReturn | Promise<import('../../../node_modules/@floating-ui/core').MiddlewareReturn>;
}[];
hideMargin: number;
inline: boolean;
manual: boolean;
noAutoClose: boolean;
noFlip: boolean;
noHide: boolean;
noShift: boolean;
noninteractive: boolean;
offset: import('../../types/CommonTypes').Numberish | null;
placement: import('../..').PopoverPlacement;
realtime: boolean;
reference: string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null;
strategy: import('../../../node_modules/@floating-ui/core').Strategy;
titleClass: import('../../types/AnyValuedAttributes').ClassValue;
teleportDisabled: boolean;
interactive: boolean;
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
_popover: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly modelValue?: Exclude<import('../..').BPopoverProps["modelValue"], undefined> | undefined;
readonly body?: string | undefined;
readonly id?: string | undefined;
readonly target?: (string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null) | undefined;
readonly unmountLazy?: boolean | undefined;
readonly click?: boolean | undefined;
readonly focus?: boolean | undefined;
readonly title?: string | undefined;
readonly show?: boolean | undefined;
readonly initialAnimation?: boolean | undefined;
readonly noAnimation?: boolean | undefined;
readonly noFade?: boolean | undefined;
readonly lazy?: boolean | undefined;
readonly transProps?: Readonly<import('vue').TransitionProps> | undefined;
readonly visible?: boolean | undefined;
readonly bodyClass?: import('../../types/AnyValuedAttributes').ClassValue;
readonly teleportTo?: string | import('vue').RendererElement | null | undefined;
readonly tooltip?: boolean | undefined;
readonly boundary?: (import('@floating-ui/vue').Boundary | import('../../../node_modules/@floating-ui/core').RootBoundary) | undefined;
readonly boundaryPadding?: import('../../../node_modules/@floating-ui/core').Padding | undefined;
readonly closeOnHide?: boolean | undefined;
readonly hover?: boolean | undefined;
readonly delay?: (number | Readonly<{
show: number;
hide: number;
}>) | undefined;
readonly floatingMiddleware?: {
name: string;
options?: any;
fn: (state: {
x: number;
y: number;
placement: import('../../../node_modules/@floating-ui/core').Placement;
strategy: import('../../../node_modules/@floating-ui/core').Strategy;
initialPlacement: import('../../../node_modules/@floating-ui/core').Placement;
middlewareData: import('../../../node_modules/@floating-ui/core').MiddlewareData;
rects: import('../../../node_modules/@floating-ui/core').ElementRects;
platform: import('../../../node_modules/@floating-ui/core').Platform;
elements: import('@floating-ui/vue').Elements;
}) => import('../../../node_modules/@floating-ui/core').MiddlewareReturn | Promise<import('../../../node_modules/@floating-ui/core').MiddlewareReturn>;
}[];
readonly hideMargin?: number | undefined;
readonly inline?: boolean | undefined;
readonly manual?: boolean | undefined;
readonly noAutoClose?: boolean | undefined;
readonly noFlip?: boolean | undefined;
readonly noHide?: boolean | undefined;
readonly noShift?: boolean | undefined;
readonly noSize?: boolean | undefined;
readonly noninteractive?: boolean | undefined;
readonly offset?: (import('../../types/CommonTypes').Numberish | null) | undefined;
readonly placement?: import('../..').PopoverPlacement | undefined;
readonly realtime?: boolean | undefined;
readonly reference?: (string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null) | undefined;
readonly strategy?: import('../../../node_modules/@floating-ui/core').Strategy | undefined;
readonly titleClass?: import('../../types/AnyValuedAttributes').ClassValue;
readonly teleportDisabled?: boolean | undefined;
readonly onOk?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
readonly onBlur?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
readonly onCancel?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
readonly onPointerleave?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
readonly onToggle?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
readonly onHidden?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
readonly onShow?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
readonly "onShow-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
readonly onHide?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
readonly "onHide-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
readonly "onToggle-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
readonly onShown?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
readonly "onClick-outside"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
readonly "onClose-on-hide"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
_placeholder: HTMLSpanElement;
_element: HTMLDivElement;
_arrow: HTMLDivElement;
_content: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "ok", value: import('../..').BvTriggerableEvent) => void) & ((event: "blur", value: import('../..').BvTriggerableEvent) => void) & ((event: "cancel", value: import('../..').BvTriggerableEvent) => void) & ((event: "pointerleave", value: import('../..').BvTriggerableEvent) => void) & ((event: "toggle", value: import('../..').BvTriggerableEvent) => void) & ((event: "hidden", value: import('../..').BvTriggerableEvent) => void) & ((event: "show", value: import('../..').BvTriggerableEvent) => void) & ((event: "show-prevented", value: import('../..').BvTriggerableEvent) => void) & ((event: "hide", value: import('../..').BvTriggerableEvent) => void) & ((event: "hide-prevented", value: import('../..').BvTriggerableEvent) => void) & ((event: "toggle-prevented", value: import('../..').BvTriggerableEvent) => void) & ((event: "shown", value: import('../..').BvTriggerableEvent) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "click-outside", value: import('../..').BvTriggerableEvent) => void) & ((event: "close-on-hide", value: import('../..').BvTriggerableEvent) => void);
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<{
modelValue?: Exclude<import('../..').BPopoverProps["modelValue"], undefined>;
} & {
body?: string | undefined;
id?: string | undefined;
target?: (string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null) | undefined;
unmountLazy?: boolean | undefined;
click?: boolean | undefined;
focus?: boolean | undefined;
title?: string | undefined;
show?: boolean | undefined;
initialAnimation?: boolean | undefined;
noAnimation?: boolean | undefined;
noFade?: boolean | undefined;
lazy?: boolean | undefined;
transProps?: Readonly<import('vue').TransitionProps> | undefined;
visible?: boolean | undefined;
bodyClass?: import('../../types/AnyValuedAttributes').ClassValue;
teleportTo?: string | import('vue').RendererElement | null | undefined;
tooltip?: boolean | undefined;
boundary?: (import('@floating-ui/vue').Boundary | import('../../../node_modules/@floating-ui/core').RootBoundary) | undefined;
boundaryPadding?: import('../../../node_modules/@floating-ui/core').Padding | undefined;
closeOnHide?: boolean | undefined;
hover?: boolean | undefined;
delay?: (number | Readonly<{
show: number;
hide: number;
}>) | undefined;
floatingMiddleware?: {
name: string;
options?: any;
fn: (state: {
x: number;
y: number;
placement: import('../../../node_modules/@floating-ui/core').Placement;
strategy: import('../../../node_modules/@floating-ui/core').Strategy;
initialPlacement: import('../../../node_modules/@floating-ui/core').Placement;
middlewareData: import('../../../node_modules/@floating-ui/core').MiddlewareData;
rects: import('../../../node_modules/@floating-ui/core').ElementRects;
platform: import('../../../node_modules/@floating-ui/core').Platform;
elements: import('@floating-ui/vue').Elements;
}) => import('../../../node_modules/@floating-ui/core').MiddlewareReturn | Promise<import('../../../node_modules/@floating-ui/core').MiddlewareReturn>;
}[];
hideMargin?: number | undefined;
inline?: boolean | undefined;
manual?: boolean | undefined;
noAutoClose?: boolean | undefined;
noFlip?: boolean | undefined;
noHide?: boolean | undefined;
noShift?: boolean | undefined;
noSize?: boolean | undefined;
noninteractive?: boolean | undefined;
offset?: (import('../../types/CommonTypes').Numberish | null) | undefined;
placement?: import('../..').PopoverPlacement | undefined;
realtime?: boolean | undefined;
reference?: (string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null) | undefined;
strategy?: import('../../../node_modules/@floating-ui/core').Strategy | undefined;
titleClass?: import('../../types/AnyValuedAttributes').ClassValue;
teleportDisabled?: boolean | undefined;
}> & Readonly<{
onOk?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onBlur?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onCancel?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onPointerleave?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onToggle?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onHidden?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onShow?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onShow-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onHide?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onHide-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onToggle-prevented"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
onShown?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick-outside"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
"onClose-on-hide"?: ((value: import('../..').BvTriggerableEvent) => any) | undefined;
}>, {
hide: (trigger?: string, noTriggerEmit?: boolean) => Promise<string>;
show: (resolveOnHide?: boolean) => Promise<boolean | string>;
toggle: (resolveOnHide?: boolean) => Promise<boolean | string>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
ok: (value: import('../..').BvTriggerableEvent) => any;
blur: (value: import('../..').BvTriggerableEvent) => any;
cancel: (value: import('../..').BvTriggerableEvent) => any;
pointerleave: (value: import('../..').BvTriggerableEvent) => any;
toggle: (value: import('../..').BvTriggerableEvent) => any;
hidden: (value: import('../..').BvTriggerableEvent) => any;
show: (value: import('../..').BvTriggerableEvent) => any;
"show-prevented": (value: import('../..').BvTriggerableEvent) => any;
hide: (value: import('../..').BvTriggerableEvent) => any;
"hide-prevented": (value: import('../..').BvTriggerableEvent) => any;
"toggle-prevented": (value: import('../..').BvTriggerableEvent) => any;
shown: (value: import('../..').BvTriggerableEvent) => any;
"update:modelValue": (value: boolean) => any;
"click-outside": (value: import('../..').BvTriggerableEvent) => any;
"close-on-hide": (value: import('../..').BvTriggerableEvent) => any;
}, string, {
body: string;
id: string;
target: string | Readonly<import('vue').ComponentPublicInstance> | Readonly<HTMLElement> | null;
unmountLazy: boolean;
click: boolean;
focus: boolean;
title: string;
show: boolean;