UNPKG

bootstrap-vue-3

Version:

Early (but lovely) implementation of Vue 3, Bootstrap 5 and Typescript

1,014 lines (1,013 loc) 29.2 kB
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;