bootstrap-vue-3
Version:
Early (but lovely) implementation of Vue 3, Bootstrap 5 and Typescript
1,014 lines (1,013 loc) • 29.2 kB
TypeScript
import { Modal } from 'bootstrap';
import type { Booleanish, ClassValue, ColorVariant, InputSize } from '../types';
declare const _sfc_main: import("vue").DefineComponent<{
bodyBgVariant: {
type: null;
required: false;
};
bodyClass: {
type: null;
required: false;
};
bodyTextVariant: {
type: null;
required: false;
};
busy: {
type: null;
required: false;
default: boolean;
};
lazy: {
type: null;
required: false;
default: boolean;
};
buttonSize: {
type: null;
required: false;
default: string;
};
cancelDisabled: {
type: null;
required: false;
default: boolean;
};
cancelTitle: {
type: StringConstructor;
required: false;
default: string;
};
cancelVariant: {
type: null;
required: false;
default: string;
};
centered: {
type: null;
required: false;
default: boolean;
};
contentClass: {
type: null;
required: false;
};
dialogClass: {
type: null;
required: false;
};
footerBgVariant: {
type: null;
required: false;
};
footerBorderVariant: {
type: null;
required: false;
};
footerClass: {
type: null;
required: false;
};
footerTextVariant: {
type: null;
required: false;
};
fullscreen: {
type: (StringConstructor | BooleanConstructor)[];
required: false;
default: boolean;
};
headerBgVariant: {
type: null;
required: false;
};
headerBorderVariant: {
type: null;
required: false;
};
headerClass: {
type: null;
required: false;
};
headerCloseLabel: {
type: StringConstructor;
required: false;
default: string;
};
headerCloseWhite: {
type: null;
required: false;
default: boolean;
};
headerTextVariant: {
type: null;
required: false;
};
hideBackdrop: {
type: null;
required: false;
default: boolean;
};
hideFooter: {
type: null;
required: false;
default: boolean;
};
hideHeader: {
type: null;
required: false;
default: boolean;
};
hideHeaderClose: {
type: null;
required: false;
default: boolean;
};
id: {
type: StringConstructor;
required: false;
};
modalClass: {
type: null;
required: false;
};
modelValue: {
type: null;
required: false;
default: boolean;
};
noCloseOnBackdrop: {
type: null;
required: false;
default: boolean;
};
noCloseOnEsc: {
type: null;
required: false;
default: boolean;
};
noFade: {
type: null;
required: false;
default: boolean;
};
noFocus: {
type: null;
required: false;
default: boolean;
};
okDisabled: {
type: null;
required: false;
default: boolean;
};
okOnly: {
type: null;
required: false;
default: boolean;
};
okTitle: {
type: StringConstructor;
required: false;
default: string;
};
okVariant: {
type: null;
required: false;
default: string;
};
scrollable: {
type: null;
required: false;
default: boolean;
};
show: {
type: null;
required: false;
default: boolean;
};
size: {
type: StringConstructor;
required: false;
};
title: {
type: StringConstructor;
required: false;
};
titleClass: {
type: StringConstructor;
required: false;
};
titleSrOnly: {
type: null;
required: false;
default: boolean;
};
titleTag: {
type: StringConstructor;
required: false;
default: string;
};
}, {
props: {
bodyBgVariant?: ColorVariant | undefined;
bodyClass?: ClassValue | undefined;
bodyTextVariant?: ColorVariant | undefined;
busy: Booleanish;
lazy: Booleanish;
buttonSize: InputSize;
cancelDisabled: Booleanish;
cancelTitle: string;
cancelVariant: ColorVariant;
centered: Booleanish;
contentClass?: ClassValue | undefined;
dialogClass?: ClassValue | undefined;
footerBgVariant?: ColorVariant | undefined;
footerBorderVariant?: ColorVariant | undefined;
footerClass?: ClassValue | undefined;
footerTextVariant?: ColorVariant | undefined;
fullscreen: boolean | string;
headerBgVariant?: ColorVariant | undefined;
headerBorderVariant?: ColorVariant | undefined;
headerClass?: ClassValue | undefined;
headerCloseLabel: string;
headerCloseWhite: Booleanish;
headerTextVariant?: ColorVariant | undefined;
hideBackdrop: Booleanish;
hideFooter: Booleanish;
hideHeader: Booleanish;
hideHeaderClose: Booleanish;
id?: string | undefined;
modalClass?: ClassValue | undefined;
modelValue: Booleanish;
noCloseOnBackdrop: Booleanish;
noCloseOnEsc: Booleanish;
noFade: Booleanish;
noFocus: Booleanish;
okDisabled: Booleanish;
okOnly: Booleanish;
okTitle: string;
okVariant: ColorVariant;
scrollable: Booleanish;
show: Booleanish;
size?: "sm" | "lg" | "xl" | undefined;
title?: string | undefined;
titleClass?: string | undefined;
titleSrOnly: Booleanish;
titleTag: string;
};
busyBoolean: import("vue").ComputedRef<boolean>;
lazyBoolean: import("vue").ComputedRef<boolean>;
cancelDisabledBoolean: import("vue").ComputedRef<boolean>;
centeredBoolean: import("vue").ComputedRef<boolean>;
headerCloseWhiteBoolean: import("vue").ComputedRef<boolean>;
hideBackdropBoolean: import("vue").ComputedRef<boolean>;
hideFooterBoolean: import("vue").ComputedRef<boolean>;
hideHeaderBoolean: import("vue").ComputedRef<boolean>;
hideHeaderCloseBoolean: import("vue").ComputedRef<boolean>;
modelValueBoolean: import("vue").ComputedRef<boolean>;
noCloseOnBackdropBoolean: import("vue").ComputedRef<boolean>;
noCloseOnEscBoolean: import("vue").ComputedRef<boolean>;
noFadeBoolean: import("vue").ComputedRef<boolean>;
noFocusBoolean: import("vue").ComputedRef<boolean>;
okDisabledBoolean: import("vue").ComputedRef<boolean>;
okOnlyBoolean: import("vue").ComputedRef<boolean>;
scrollableBoolean: import("vue").ComputedRef<boolean>;
showBoolean: import("vue").ComputedRef<boolean>;
titleSrOnlyBoolean: import("vue").ComputedRef<boolean>;
lazyLoadCompleted: import("vue").Ref<boolean>;
computedId: import("vue").ComputedRef<string>;
emit: {
(e: 'update:modelValue', value: boolean): void;
(e: 'show', value: Event): void;
(e: 'shown', value: Event): void;
(e: 'hide', value: Event): void;
(e: 'hidden', value: Event): void;
(e: 'hide-prevented', value: Event): void;
(e: 'ok'): void;
(e: 'cancel'): void;
};
element: import("vue").Ref<HTMLElement | undefined>;
instance: import("vue").Ref<Modal | undefined>;
modalClasses: import("vue").ComputedRef<(ClassValue | undefined)[]>;
modalDialogClasses: import("vue").ComputedRef<(ClassValue | undefined)[]>;
computedBodyClasses: import("vue").ComputedRef<(string | (string | Record<string, boolean | null | undefined>)[] | Record<string, boolean | null | undefined> | {
[x: string]: ColorVariant | undefined;
} | undefined)[]>;
computedHeaderClasses: import("vue").ComputedRef<(string | (string | Record<string, boolean | null | undefined>)[] | Record<string, boolean | null | undefined> | {
[x: string]: ColorVariant | undefined;
} | undefined)[]>;
computedFooterClasses: import("vue").ComputedRef<(string | (string | Record<string, boolean | null | undefined>)[] | Record<string, boolean | null | undefined> | {
[x: string]: ColorVariant | undefined;
} | undefined)[]>;
computedTitleClasses: import("vue").ComputedRef<(string | {
"visually-hidden": boolean;
} | undefined)[]>;
disableCancel: import("vue").ComputedRef<boolean>;
disableOk: import("vue").ComputedRef<boolean>;
modalShowed: (e: Event) => void;
modalHided: (e: Event) => void;
modalShow: (e: Event) => void;
modalHide: (e: Event) => void;
show: () => void;
hide: () => void;
getInstance: () => Modal;
BButton: import("vue").DefineComponent<{
active: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
disabled: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
href: {
type: StringConstructor;
required: false;
};
pill: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
pressed: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
rel: {
type: StringConstructor;
default: undefined;
};
size: {
type: import("vue").PropType<InputSize>;
default: string;
};
squared: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
tag: {
type: StringConstructor;
default: string;
};
target: {
type: import("vue").PropType<import("../types/LinkTarget").default>;
default: string;
};
type: {
type: import("vue").PropType<import("../types/ButtonType").default>;
default: string;
};
variant: {
type: import("vue").PropType<import("../types/ButtonVariant").default>;
default: string;
};
loading: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
loadingMode: {
type: import("vue").PropType<"fill" | "inline">;
default: string;
};
activeClass: {
type: StringConstructor;
default: string;
};
append: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
event: {
type: (StringConstructor | ArrayConstructor)[];
default: string;
};
exact: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
exactActiveClass: {
type: StringConstructor;
default: string;
};
replace: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
routerComponentName: {
type: StringConstructor;
default: string;
};
routerTag: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
default: null;
};
}, {
classes: import("vue").ComputedRef<{
[x: string]: boolean;
active: boolean;
'rounded-pill': boolean;
'rounded-0': boolean;
disabled: boolean;
}>;
attrs: import("vue").ComputedRef<{
'aria-disabled': boolean | null;
'aria-pressed': boolean | null;
autocomplete: string | null;
disabled: boolean | null;
href: string | undefined;
rel: string | null | undefined;
role: string | null;
target: import("../types/LinkTarget").default | null;
type: import("../types/ButtonType").default | null;
to: import("vue-router").RouteLocationRaw | null;
append: Booleanish | null;
activeClass: string | null;
event: string | unknown[] | null;
exact: Booleanish | null;
exactActiveClass: string | null;
replace: Booleanish | null;
routerComponentName: string | null;
routerTag: string | null;
}>;
computedTag: import("vue").ComputedRef<string | import("vue").DefineComponent<{
active: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
activeClass: {
type: StringConstructor;
default: string;
};
append: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
disabled: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
event: {
type: (StringConstructor | ArrayConstructor)[];
default: string;
};
exact: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
exactActiveClass: {
type: StringConstructor;
default: string;
};
href: {
type: StringConstructor;
};
rel: {
type: StringConstructor;
default: null;
};
replace: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
routerComponentName: {
type: StringConstructor;
default: string;
};
routerTag: {
type: StringConstructor;
default: string;
};
target: {
type: import("vue").PropType<import("../types/LinkTarget").default>;
default: string;
};
to: {
type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
default: null;
};
}, {
tag: import("vue").ComputedRef<string>;
routerAttr: import("vue").ComputedRef<{
to: import("vue-router").RouteLocationRaw;
href: string;
target: import("../types/LinkTarget").default;
rel: string | null;
tabindex: unknown;
'aria-disabled': string | null;
}>;
link: import("vue").Ref<HTMLElement>;
clicked: (e: MouseEvent) => void;
activeBoolean: import("vue").ComputedRef<boolean>;
appendBoolean: import("vue").ComputedRef<boolean>;
disabledBoolean: import("vue").ComputedRef<boolean>;
replaceBoolean: import("vue").ComputedRef<boolean>;
exactBoolean: import("vue").ComputedRef<boolean>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
active: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
activeClass: {
type: StringConstructor;
default: string;
};
append: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
disabled: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
event: {
type: (StringConstructor | ArrayConstructor)[];
default: string;
};
exact: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
exactActiveClass: {
type: StringConstructor;
default: string;
};
href: {
type: StringConstructor;
};
rel: {
type: StringConstructor;
default: null;
};
replace: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
routerComponentName: {
type: StringConstructor;
default: string;
};
routerTag: {
type: StringConstructor;
default: string;
};
target: {
type: import("vue").PropType<import("../types/LinkTarget").default>;
default: string;
};
to: {
type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
default: null;
};
}>> & {
onClick?: ((...args: any[]) => any) | undefined;
}, {
replace: Booleanish;
disabled: Booleanish;
exact: Booleanish;
active: Booleanish;
activeClass: string;
append: Booleanish;
event: string | unknown[];
exactActiveClass: string;
rel: string;
routerComponentName: string;
routerTag: string;
target: import("../types/LinkTarget").default;
to: import("vue-router").RouteLocationRaw;
}>>;
clicked: (e: MouseEvent) => void;
loadingBoolean: import("vue").ComputedRef<boolean>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:pressed")[], "click" | "update:pressed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
active: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
disabled: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
href: {
type: StringConstructor;
required: false;
};
pill: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
pressed: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
rel: {
type: StringConstructor;
default: undefined;
};
size: {
type: import("vue").PropType<InputSize>;
default: string;
};
squared: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
tag: {
type: StringConstructor;
default: string;
};
target: {
type: import("vue").PropType<import("../types/LinkTarget").default>;
default: string;
};
type: {
type: import("vue").PropType<import("../types/ButtonType").default>;
default: string;
};
variant: {
type: import("vue").PropType<import("../types/ButtonVariant").default>;
default: string;
};
loading: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
loadingMode: {
type: import("vue").PropType<"fill" | "inline">;
default: string;
};
activeClass: {
type: StringConstructor;
default: string;
};
append: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
event: {
type: (StringConstructor | ArrayConstructor)[];
default: string;
};
exact: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
exactActiveClass: {
type: StringConstructor;
default: string;
};
replace: {
type: import("vue").PropType<Booleanish>;
default: boolean;
};
routerComponentName: {
type: StringConstructor;
default: string;
};
routerTag: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
default: null;
};
}>> & {
onClick?: ((...args: any[]) => any) | undefined;
"onUpdate:pressed"?: ((...args: any[]) => any) | undefined;
}, {
replace: Booleanish;
type: import("../types/ButtonType").default;
tag: string;
variant: import("../types/ButtonVariant").default;
disabled: Booleanish;
size: InputSize;
exact: Booleanish;
active: Booleanish;
activeClass: string;
append: Booleanish;
event: string | unknown[];
exactActiveClass: string;
rel: string;
routerComponentName: string;
routerTag: string;
target: import("../types/LinkTarget").default;
to: import("vue-router").RouteLocationRaw;
pill: Booleanish;
pressed: Booleanish;
squared: Booleanish;
loading: Booleanish;
loadingMode: "fill" | "inline";
}>;
BCloseButton: import("vue").DefineComponent<{
ariaLabel: {
type: StringConstructor;
required: false;
default: string;
};
disabled: {
type: null;
required: false;
default: boolean;
};
white: {
type: null;
required: false;
default: boolean;
};
type: {
type: null;
required: false;
default: string;
};
}, {
props: {
ariaLabel: string;
disabled: Booleanish;
white: Booleanish;
type: import("../types/ButtonType").default;
};
emit: (e: "click", value: MouseEvent) => void;
disabledBoolean: import("vue").ComputedRef<boolean>;
whiteBoolean: import("vue").ComputedRef<boolean>;
classes: import("vue").ComputedRef<{
'btn-close-white': boolean;
}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
ariaLabel: {
type: StringConstructor;
required: false;
default: string;
};
disabled: {
type: null;
required: false;
default: boolean;
};
white: {
type: null;
required: false;
default: boolean;
};
type: {
type: null;
required: false;
default: string;
};
}>> & {
onClick?: ((...args: any[]) => any) | undefined;
}, {
type: any;
ariaLabel: string;
disabled: any;
white: any;
}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "show" | "shown" | "hide" | "hidden" | "hide-prevented" | "ok" | "cancel")[], "update:modelValue" | "show" | "shown" | "hide" | "hidden" | "hide-prevented" | "ok" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
bodyBgVariant: {
type: null;
required: false;
};
bodyClass: {
type: null;
required: false;
};
bodyTextVariant: {
type: null;
required: false;
};
busy: {
type: null;
required: false;
default: boolean;
};
lazy: {
type: null;
required: false;
default: boolean;
};
buttonSize: {
type: null;
required: false;
default: string;
};
cancelDisabled: {
type: null;
required: false;
default: boolean;
};
cancelTitle: {
type: StringConstructor;
required: false;
default: string;
};
cancelVariant: {
type: null;
required: false;
default: string;
};
centered: {
type: null;
required: false;
default: boolean;
};
contentClass: {
type: null;
required: false;
};
dialogClass: {
type: null;
required: false;
};
footerBgVariant: {
type: null;
required: false;
};
footerBorderVariant: {
type: null;
required: false;
};
footerClass: {
type: null;
required: false;
};
footerTextVariant: {
type: null;
required: false;
};
fullscreen: {
type: (StringConstructor | BooleanConstructor)[];
required: false;
default: boolean;
};
headerBgVariant: {
type: null;
required: false;
};
headerBorderVariant: {
type: null;
required: false;
};
headerClass: {
type: null;
required: false;
};
headerCloseLabel: {
type: StringConstructor;
required: false;
default: string;
};
headerCloseWhite: {
type: null;
required: false;
default: boolean;
};
headerTextVariant: {
type: null;
required: false;
};
hideBackdrop: {
type: null;
required: false;
default: boolean;
};
hideFooter: {
type: null;
required: false;
default: boolean;
};
hideHeader: {
type: null;
required: false;
default: boolean;
};
hideHeaderClose: {
type: null;
required: false;
default: boolean;
};
id: {
type: StringConstructor;
required: false;
};
modalClass: {
type: null;
required: false;
};
modelValue: {
type: null;
required: false;
default: boolean;
};
noCloseOnBackdrop: {
type: null;
required: false;
default: boolean;
};
noCloseOnEsc: {
type: null;
required: false;
default: boolean;
};
noFade: {
type: null;
required: false;
default: boolean;
};
noFocus: {
type: null;
required: false;
default: boolean;
};
okDisabled: {
type: null;
required: false;
default: boolean;
};
okOnly: {
type: null;
required: false;
default: boolean;
};
okTitle: {
type: StringConstructor;
required: false;
default: string;
};
okVariant: {
type: null;
required: false;
default: string;
};
scrollable: {
type: null;
required: false;
default: boolean;
};
show: {
type: null;
required: false;
default: boolean;
};
size: {
type: StringConstructor;
required: false;
};
title: {
type: StringConstructor;
required: false;
};
titleClass: {
type: StringConstructor;
required: false;
};
titleSrOnly: {
type: null;
required: false;
default: boolean;
};
titleTag: {
type: StringConstructor;
required: false;
default: string;
};
}>> & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onShow?: ((...args: any[]) => any) | undefined;
onShown?: ((...args: any[]) => any) | undefined;
onHide?: ((...args: any[]) => any) | undefined;
onHidden?: ((...args: any[]) => any) | undefined;
onCancel?: ((...args: any[]) => any) | undefined;
onOk?: ((...args: any[]) => any) | undefined;
"onHide-prevented"?: ((...args: any[]) => any) | undefined;
}, {
show: any;
modelValue: any;
titleTag: string;
lazy: any;
busy: any;
buttonSize: any;
cancelDisabled: any;
cancelTitle: string;
cancelVariant: any;
centered: any;
fullscreen: string | boolean;
headerCloseLabel: string;
headerCloseWhite: any;
hideBackdrop: any;
hideFooter: any;
hideHeader: any;
hideHeaderClose: any;
noCloseOnBackdrop: any;
noCloseOnEsc: any;
noFade: any;
noFocus: any;
okDisabled: any;
okOnly: any;
okTitle: string;
okVariant: any;
scrollable: any;
titleSrOnly: any;
}>;
export default _sfc_main;