@jsonforms/vue-vuetify/lib/complex/OneOfRenderer.d.ts

Vue Vuetify renderers for JSON Forms

import { CombinatorSubSchemaRenderInfo, ControlElement, JsonSchema, JsonFormsRendererRegistryEntry, JsonFormsCellRendererRegistryEntry, Translator, RankedTester, JsonFormsUISchemaRegistryEntry, CombinatorTranslations, UISchemaElement } from '@jsonforms/core';
import { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, StyleValue, CSSProperties, VNodeChild, VNodeProps, AllowedComponentProps, ComponentCustomProps, SlotsType, VNode, RendererNode, RendererElement, GlobalComponents, GlobalDirectives, ComponentOptionsBase, TransitionProps, Component, ComponentPublicInstance, ComponentInternalInstance, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, InjectionKey, ShallowRef, WritableComputedRef } from 'vue';
import { Styles } from '..';
import { LocationStrategyFunction, Anchor, ScrollStrategyFunction, JSXComponent, FilterFunction } from 'vuetify/lib/types.mjs';
import { FilterPropsOptions, GenericProps } from 'vuetify/lib/util/defineComponent.mjs';
import { TemplateRef, SelectItemKey } from 'vuetify/lib/util/helpers.mjs';
import { OnCleanup } from '@vue/reactivity';
import { Density } from 'vuetify/lib/composables/density.mjs';
import { RouteLocationAsPathGeneric, RouteLocationAsRelativeGeneric } from 'vue-router';
import { IconValue } from 'vuetify/lib/composables/icons.mjs';
import { LoaderSlotProps } from 'vuetify/lib/composables/loader.mjs';
import { GroupItemProvide, GroupProvide } from 'vuetify/lib/composables/group.mjs';
import { FilterKeys, FilterMode, FilterKeyFunctions } from 'vuetify/lib/composables/filter.mjs';
import { ValidationResult } from 'vuetify/lib/composables/validation.mjs';
import { ValueComparator } from 'vuetify/lib/util/deepEqual.mjs';
import { SelectStrategyProp, OpenStrategyProp, ItemsRegistrationType, ActiveStrategyProp } from 'vuetify/lib/composables/nested/nested.mjs';
import { ListItemSlot, ListItemTitleSlot, ListItemSubtitleSlot } from 'vuetify/lib/components/VList/VListItem.mjs';
import { ListItem } from 'vuetify/lib/composables/list-items.mjs';
import { VInputSlot, VInputSlots } from 'vuetify/lib/components/VInput/VInput.mjs';
import { VMessageSlot } from 'vuetify/lib/components/VMessages/VMessages.mjs';
import { DefaultInputSlot, VFieldSlot, VFieldSlots } from 'vuetify/lib/components/VField/VField.mjs';
import { VCounterSlot } from 'vuetify/lib/components/VCounter/VCounter.mjs';
import { ItemType, Value } from 'vuetify/lib/components/VSelect/VSelect.mjs';

declare const controlRenderer: DefineComponent<{
    schema: JsonSchema;
    uischema: ControlElement;
    path: string;
    enabled?: boolean | undefined;
    readonly?: boolean | undefined;
    renderers?: JsonFormsRendererRegistryEntry[] | undefined;
    cells?: JsonFormsCellRendererRegistryEntry[] | undefined;
    config?: any;
}, {
    selectedIndex: Ref<number | null, number | null>;
    dialog: Ref<boolean, boolean>;
    newSelectedIndex: Ref<number | null, number | null>;
    t: ComputedRef<Translator>;
    control: ComputedRef<{
        uischema: ControlElement;
        schema: NonNullable< JsonSchema>;
        path: string;
        enabled: boolean;
        readonly: NonNullable<boolean | undefined>;
        renderers: JsonFormsRendererRegistryEntry[];
        cells: JsonFormsCellRendererRegistryEntry[] & {
            tester: RankedTester;
            cell: any;
        }[];
        config: any;
        rootSchema: NonNullable< JsonSchema>;
        id: string;
        indexOfFittingSchema: number;
        uischemas: JsonFormsUISchemaRegistryEntry[];
        data: any;
        label: string;
        description: string;
        required: NonNullable<boolean | undefined>;
        i18nKeyPrefix: string;
        errors: string;
        visible: boolean;
    }> & ComputedRef<{
        schema: JsonSchema;
        uischema: ControlElement;
        path: string;
        config: any;
        label: string;
        description: string;
        required: boolean;
        errors: string;
        id: string;
        visible: boolean;
        enabled: boolean;
        readonly: boolean;
    } & {
        errors: string;
    }> & ComputedRef<{
        i18nKeyPrefix: string;
        label: string;
    } & {
        translations: CombinatorTranslations;
    }>;
    handleChange(path: string, value: any): void;
    styles: Styles;
    isFocused: Ref<boolean, boolean>;
    appliedOptions: ComputedRef<any>;
    controlWrapper: ComputedRef<{
        id: string;
        description: string;
        errors: string;
        label: string;
        visible: boolean;
        required: boolean;
    }>;
    onChange: (value: any) => void;
    vuetifyProps: (path: string) => any;
    persistentHint: () => boolean;
    computedLabel: ComputedRef<string>;
    clearable: ComputedRef<any>;
    touched: Ref<boolean, boolean>;
    handleBlur: () => void;
    handleFocus: () => void;
    rawErrors: ComputedRef<string>;
}, {}, {
    oneOfRenderInfos(): (CombinatorSubSchemaRenderInfo & {
        index: number;
    })[];
}, {
    handleSelectChange(selectIndex: number | null): void;
    confirm(): void;
    cancel(): void;
    openNewTab(newIndex: number | null): void;
}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
    schema: JsonSchema;
    uischema: ControlElement;
    path: string;
    enabled?: boolean | undefined;
    readonly?: boolean | undefined;
    renderers?: JsonFormsRendererRegistryEntry[] | undefined;
    cells?: JsonFormsCellRendererRegistryEntry[] | undefined;
    config?: any;
}> & Readonly<{}>, {
    enabled: boolean;
    readonly: boolean;
    renderers: JsonFormsRendererRegistryEntry[];
    cells: JsonFormsCellRendererRegistryEntry[];
    config: Record<string, any>;
}, {}, {
    DispatchRenderer: DefineComponent<ExtractPropTypes<{
        schema: {
            required: true;
            type: PropType<JsonSchema>;
        };
        uischema: {
            required: true;
            type: PropType<UISchemaElement>;
        };
        path: {
            required: true;
            type: StringConstructor;
        };
        enabled: {
            required: false;
            type: BooleanConstructor;
            default: undefined;
        };
        readonly: {
            required: false;
            type: BooleanConstructor;
            default: undefined;
        };
        renderers: {
            required: boolean;
            type: PropType< JsonFormsRendererRegistryEntry[]>;
            default: undefined;
        };
        cells: {
            required: boolean;
            type: PropType< JsonFormsCellRendererRegistryEntry[]>;
            default: undefined;
        };
        config: {
            required: boolean;
            type: ObjectConstructor;
            default: undefined;
        };
    }>, {
        renderer: ComputedRef<{
            config: any;
            uischema: NonNullable< UISchemaElement | undefined>;
            schema: NonNullable< JsonSchema | undefined>;
            enabled: NonNullable<boolean | undefined>;
            readonly: NonNullable<boolean | undefined>;
            visible: NonNullable<boolean | undefined>;
            path: string;
            renderers: JsonFormsRendererRegistryEntry[];
            cells: JsonFormsCellRendererRegistryEntry[];
            uischemas: JsonFormsUISchemaRegistryEntry[];
        }>;
        rootSchema: ComputedRef<NonNullable< JsonSchema>>;
    }, {}, {
        determinedRenderer(): any;
    }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
        schema: {
            required: true;
            type: PropType<JsonSchema>;
        };
        uischema: {
            required: true;
            type: PropType<UISchemaElement>;
        };
        path: {
            required: true;
            type: StringConstructor;
        };
        enabled: {
            required: false;
            type: BooleanConstructor;
            default: undefined;
        };
        readonly: {
            required: false;
            type: BooleanConstructor;
            default: undefined;
        };
        renderers: {
            required: boolean;
            type: PropType< JsonFormsRendererRegistryEntry[]>;
            default: undefined;
        };
        cells: {
            required: boolean;
            type: PropType< JsonFormsCellRendererRegistryEntry[]>;
            default: undefined;
        };
        config: {
            required: boolean;
            type: ObjectConstructor;
            default: undefined;
        };
    }>> & Readonly<{}>, {
        enabled: boolean;
        readonly: boolean;
        renderers: JsonFormsRendererRegistryEntry[];
        cells: JsonFormsCellRendererRegistryEntry[];
        config: Record<string, any>;
    }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
    CombinatorProperties: DefineComponent<{
        schema: JsonSchema;
        combinatorKeyword: "oneOf" | "anyOf" | "allOf";
        path: string;
        rootSchema: JsonSchema;
    }, {
        otherProps: JsonSchema;
        foundUISchema: UISchemaElement;
        isLayoutWithElements: boolean;
    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
        schema: JsonSchema;
        combinatorKeyword: "oneOf" | "anyOf" | "allOf";
        path: string;
        rootSchema: JsonSchema;
    }> & Readonly<{}>, {}, {}, {
        DispatchRenderer: DefineComponent<ExtractPropTypes<{
            schema: {
                required: true;
                type: PropType<JsonSchema>;
            };
            uischema: {
                required: true;
                type: PropType<UISchemaElement>;
            };
            path: {
                required: true;
                type: StringConstructor;
            };
            enabled: {
                required: false;
                type: BooleanConstructor;
                default: undefined;
            };
            readonly: {
                required: false;
                type: BooleanConstructor;
                default: undefined;
            };
            renderers: {
                required: boolean;
                type: PropType< JsonFormsRendererRegistryEntry[]>;
                default: undefined;
            };
            cells: {
                required: boolean;
                type: PropType< JsonFormsCellRendererRegistryEntry[]>;
                default: undefined;
            };
            config: {
                required: boolean;
                type: ObjectConstructor;
                default: undefined;
            };
        }>, {
            renderer: ComputedRef<{
                config: any;
                uischema: NonNullable< UISchemaElement | undefined>;
                schema: NonNullable< JsonSchema | undefined>;
                enabled: NonNullable<boolean | undefined>;
                readonly: NonNullable<boolean | undefined>;
                visible: NonNullable<boolean | undefined>;
                path: string;
                renderers: JsonFormsRendererRegistryEntry[];
                cells: JsonFormsCellRendererRegistryEntry[];
                uischemas: JsonFormsUISchemaRegistryEntry[];
            }>;
            rootSchema: ComputedRef<NonNullable< JsonSchema>>;
        }, {}, {
            determinedRenderer(): any;
        }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
            schema: {
                required: true;
                type: PropType<JsonSchema>;
            };
            uischema: {
                required: true;
                type: PropType<UISchemaElement>;
            };
            path: {
                required: true;
                type: StringConstructor;
            };
            enabled: {
                required: false;
                type: BooleanConstructor;
                default: undefined;
            };
            readonly: {
                required: false;
                type: BooleanConstructor;
                default: undefined;
            };
            renderers: {
                required: boolean;
                type: PropType< JsonFormsRendererRegistryEntry[]>;
                default: undefined;
            };
            cells: {
                required: boolean;
                type: PropType< JsonFormsCellRendererRegistryEntry[]>;
                default: undefined;
            };
            config: {
                required: boolean;
                type: ObjectConstructor;
                default: undefined;
            };
        }>> & Readonly<{}>, {
            enabled: boolean;
            readonly: boolean;
            renderers: JsonFormsRendererRegistryEntry[];
            cells: JsonFormsCellRendererRegistryEntry[];
            config: Record<string, any>;
        }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
    }, {}, string, ComponentProvideOptions, true, {}, any>;
    VDialog: {
        new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
            style: string | false | StyleValue[] | CSSProperties | null;
            locationStrategy: "connected" | "static" | LocationStrategyFunction;
            location: Anchor;
            origin: "auto" | "overlap" | Anchor;
            stickToTarget: boolean;
            viewportMargin: string | number;
            scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
            activatorProps: Record<string, any>;
            openOnHover: boolean;
            closeOnContentClick: boolean;
            retainFocus: boolean;
            captureFocus: boolean;
            eager: boolean;
            transition: string | boolean | {
                component: {
                    new (...args: any[]): CreateComponentPublicInstanceWithMixins<{} & {
                        target?: HTMLElement | [x: number, y: number] | undefined;
                    } & {
                        $children?: {
                            default?: (() => VNodeChild) | undefined;
                        } | {
                            $stable?: boolean | undefined;
                        } | (() => VNodeChild) | VNodeChild;
                        "v-slots"?: {
                            default?: false | (() => VNodeChild) | undefined;
                        } | undefined;
                    } & {
                        "v-slot:default"?: false | (() => VNodeChild) | undefined;
                    }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {}, true, {}, SlotsType<Partial<{
                        default: () => VNode<RendererNode, RendererElement, {
                            [key: string]: any;
                        }>[];
                    }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, {} & {
                        target?: HTMLElement | [x: number, y: number] | undefined;
                    } & {
                        $children?: {
                            default?: (() => VNodeChild) | undefined;
                        } | {
                            $stable?: boolean | undefined;
                        } | (() => VNodeChild) | VNodeChild;
                        "v-slots"?: {
                            default?: false | (() => VNodeChild) | undefined;
                        } | undefined;
                    } & {
                        "v-slot:default"?: false | (() => VNodeChild) | undefined;
                    }, () => JSX.Element, {}, {}, {}, {}>;
                    __isFragment?: undefined;
                    __isTeleport?: undefined;
                    __isSuspense?: undefined;
                } & ComponentOptionsBase<{} & {
                    target?: HTMLElement | [x: number, y: number] | undefined;
                } & {
                    $children?: {
                        default?: (() => VNodeChild) | undefined;
                    } | {
                        $stable?: boolean | undefined;
                    } | (() => VNodeChild) | VNodeChild;
                    "v-slots"?: {
                        default?: false | (() => VNodeChild) | undefined;
                    } | undefined;
                } & {
                    "v-slot:default"?: false | (() => VNodeChild) | undefined;
                }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, SlotsType<Partial<{
                    default: () => VNode<RendererNode, RendererElement, {
                        [key: string]: any;
                    }>[];
                }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
                    target: PropType<HTMLElement | [x: number, y: number]>;
                }, ExtractPropTypes<{
                    target: PropType<HTMLElement | [x: number, y: number]>;
                }>>;
            } | ( TransitionProps & {
                component?: Component | undefined;
            }) | null;
            absolute: boolean;
            closeOnBack: boolean;
            contained: boolean;
            disabled: boolean;
            noClickAnimation: boolean;
            modelValue: boolean;
            persistent: boolean;
            scrim: string | boolean;
            zIndex: string | number;
            fullscreen: boolean;
            scrollable: boolean;
        } & {
            theme?: string | undefined;
            class?: any;
            offset?: string | number | number[] | undefined;
            height?: string | number | undefined;
            maxHeight?: string | number | undefined;
            maxWidth?: string | number | undefined;
            minHeight?: string | number | undefined;
            minWidth?: string | number | undefined;
            width?: string | number | undefined;
            closeDelay?: string | number | undefined;
            openDelay?: string | number | undefined;
            target?: "cursor" | "parent" | Element | [x: number, y: number] | ComponentPublicInstance | (string & {}) | undefined;
            activator?: "parent" | Element | ComponentPublicInstance | (string & {}) | undefined;
            openOnClick?: boolean | undefined;
            openOnFocus?: boolean | undefined;
            attach?: string | boolean | Element | undefined;
            contentClass?: any;
            contentProps?: any;
            opacity?: string | number | undefined;
        } & {
            $children?: {
                default?: ((arg: {
                    isActive: Ref<boolean, boolean>;
                }) => VNodeChild) | undefined;
                activator?: ((arg: {
                    isActive: boolean;
                    props: Record<string, any>;
                    targetRef: TemplateRef;
                }) => VNodeChild) | undefined;
            } | {
                $stable?: boolean | undefined;
            } | ((arg: {
                isActive: Ref<boolean, boolean>;
            }) => VNodeChild) | VNodeChild;
            "v-slots"?: {
                default?: false | ((arg: {
                    isActive: Ref<boolean, boolean>;
                }) => VNodeChild) | undefined;
                activator?: false | ((arg: {
                    isActive: boolean;
                    props: Record<string, any>;
                    targetRef: TemplateRef;
                }) => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:activator"?: false | ((arg: {
                isActive: boolean;
                props: Record<string, any>;
                targetRef: TemplateRef;
            }) => VNodeChild) | undefined;
            "v-slot:default"?: false | ((arg: {
                isActive: Ref<boolean, boolean>;
            }) => VNodeChild) | undefined;
        } & {
            onAfterEnter?: (() => any) | undefined;
            onAfterLeave?: (() => any) | undefined;
            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
        }, Omit<Omit<{
            $: ComponentInternalInstance;
            $data: {};
            $props: Partial<{
                style: StyleValue;
                locationStrategy: "connected" | "static" | LocationStrategyFunction;
                location: Anchor;
                origin: "auto" | "overlap" | Anchor;
                stickToTarget: boolean;
                viewportMargin: string | number;
                scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
                activatorProps: Record<string, any>;
                openOnClick: boolean;
                openOnHover: boolean;
                openOnFocus: boolean;
                closeOnContentClick: boolean;
                retainFocus: boolean;
                captureFocus: boolean;
                eager: boolean;
                absolute: boolean;
                closeOnBack: boolean;
                contained: boolean;
                disabled: boolean;
                noClickAnimation: boolean;
                modelValue: boolean;
                persistent: boolean;
                scrim: string | boolean;
                zIndex: string | number;
                _disableGlobalStack: boolean;
            }> & Omit<{
                theme?: string | undefined;
                class?: any;
                style: string | false | StyleValue[] | CSSProperties | null;
                $children?: {
                    default?: ((arg: {
                        isActive: Ref<boolean, boolean>;
                    }) => VNodeChild) | undefined;
                    activator?: ((arg: {
                        isActive: boolean;
                        props: Record<string, any>;
                        targetRef: TemplateRef;
                    }) => VNodeChild) | undefined;
                } | {
                    $stable?: boolean | undefined;
                } | ((arg: {
                    isActive: Ref<boolean, boolean>;
                }) => VNodeChild) | VNodeChild;
                "v-slots"?: {
                    default?: false | ((arg: {
                        isActive: Ref<boolean, boolean>;
                    }) => VNodeChild) | undefined;
                    activator?: false | ((arg: {
                        isActive: boolean;
                        props: Record<string, any>;
                        targetRef: TemplateRef;
                    }) => VNodeChild) | undefined;
                } | undefined;
                locationStrategy: "connected" | "static" | LocationStrategyFunction;
                location: Anchor;
                origin: "auto" | "overlap" | Anchor;
                offset?: string | number | number[] | undefined;
                stickToTarget: boolean;
                viewportMargin: string | number;
                scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
                height?: string | number | undefined;
                maxHeight?: string | number | undefined;
                maxWidth?: string | number | undefined;
                minHeight?: string | number | undefined;
                minWidth?: string | number | undefined;
                width?: string | number | undefined;
                closeDelay?: string | number | undefined;
                openDelay?: string | number | undefined;
                target?: "cursor" | "parent" | Element | [x: number, y: number] | ComponentPublicInstance | (string & {}) | undefined;
                activator?: "parent" | Element | ComponentPublicInstance | (string & {}) | undefined;
                activatorProps: Record<string, any>;
                openOnClick?: boolean | undefined;
                openOnHover: boolean;
                openOnFocus?: boolean | undefined;
                closeOnContentClick: boolean;
                retainFocus: boolean;
                captureFocus: boolean;
                eager: boolean;
                transition?: string | boolean | ( TransitionProps & {
                    component?: Component | undefined;
                }) | null | undefined;
                absolute: boolean;
                attach?: string | boolean | Element | undefined;
                closeOnBack: boolean;
                contained: boolean;
                contentClass?: any;
                contentProps?: any;
                disabled: boolean;
                opacity?: string | number | undefined;
                noClickAnimation: boolean;
                modelValue: boolean;
                persistent: boolean;
                scrim: string | boolean;
                zIndex: string | number;
                _disableGlobalStack: boolean;
                onAfterEnter?: (() => any) | undefined;
                onAfterLeave?: (() => any) | undefined;
                "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
                onKeydown?: ((e: KeyboardEvent) => any) | undefined;
                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                "v-slot:activator"?: false | ((arg: {
                    isActive: boolean;
                    props: Record<string, any>;
                    targetRef: TemplateRef;
                }) => VNodeChild) | undefined;
                "v-slot:default"?: false | ((arg: {
                    isActive: Ref<boolean, boolean>;
                }) => VNodeChild) | undefined;
            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "_disableGlobalStack" | "absolute" | "activatorProps" | "captureFocus" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "retainFocus" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "viewportMargin" | "zIndex">;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            };
            $slots: Readonly<{
                default?: ((arg: {
                    isActive: Ref<boolean, boolean>;
                }) => VNode<RendererNode, RendererElement, {
                    [key: string]: any;
                }>[]) | undefined;
                activator?: ((arg: {
                    isActive: boolean;
                    props: Record<string, any>;
                    targetRef: TemplateRef;
                }) => VNode<RendererNode, RendererElement, {
                    [key: string]: any;
                }>[]) | undefined;
            }>;
            $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null;
            $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null;
            $host: Element | null;
            $emit: ((event: "afterEnter") => void) & ((event: "afterLeave") => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "keydown", e: KeyboardEvent) => void) & ((event: "update:modelValue", value: boolean) => void);
            $el: any;
            $options: ComponentOptionsBase<{
                style: string | false | StyleValue[] | CSSProperties | null;
                locationStrategy: "connected" | "static" | LocationStrategyFunction;
                location: Anchor;
                origin: "auto" | "overlap" | Anchor;
                stickToTarget: boolean;
                viewportMargin: string | number;
                scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
                activatorProps: Record<string, any>;
                openOnHover: boolean;
                closeOnContentClick: boolean;
                retainFocus: boolean;
                captureFocus: boolean;
                eager: boolean;
                absolute: boolean;
                closeOnBack: boolean;
                contained: boolean;
                disabled: boolean;
                noClickAnimation: boolean;
                modelValue: boolean;
                persistent: boolean;
                scrim: string | boolean;
                zIndex: string | number;
                _disableGlobalStack: boolean;
            } & {
                theme?: string | undefined;
                class?: any;
                offset?: string | number | number[] | undefined;
                height?: string | number | undefined;
                maxHeight?: string | number | undefined;
                maxWidth?: string | number | undefined;
                minHeight?: string | number | undefined;
                minWidth?: string | number | undefined;
                width?: string | number | undefined;
                closeDelay?: string | number | undefined;
                openDelay?: string | number | undefined;
                target?: "cursor" | "parent" | Element | [x: number, y: number] | ComponentPublicInstance | (string & {}) | undefined;
                activator?: "parent" | Element | ComponentPublicInstance | (string & {}) | undefined;
                openOnClick?: boolean | undefined;
                openOnFocus?: boolean | undefined;
                transition?: string | boolean | ( TransitionProps & {
                    component?: Component | undefined;
                }) | null | undefined;
                attach?: string | boolean | Element | undefined;
                contentClass?: any;
                contentProps?: any;
                opacity?: string | number | undefined;
            } & {
                $children?: {
                    default?: ((arg: {
                        isActive: Ref<boolean, boolean>;
                    }) => VNodeChild) | undefined;
                    activator?: ((arg: {
                        isActive: boolean;
                        props: Record<string, any>;
                        targetRef: TemplateRef;
                    }) => VNodeChild) | undefined;
                } | {
                    $stable?: boolean | undefined;
                } | ((arg: {
                    isActive: Ref<boolean, boolean>;
                }) => VNodeChild) | VNodeChild;
                "v-slots"?: {
                    default?: false | ((arg: {
                        isActive: Ref<boolean, boolean>;
                    }) => VNodeChild) | undefined;
                    activator?: false | ((arg: {
                        isActive: boolean;
                        props: Record<string, any>;
                        targetRef: TemplateRef;
                    }) => VNodeChild) | undefined;
                } | undefined;
            } & {
                "v-slot:activator"?: false | ((arg: {
                    isActive: boolean;
                    props: Record<string, any>;
                    targetRef: TemplateRef;
                }) => VNodeChild) | undefined;
                "v-slot:default"?: false | ((arg: {
                    isActive: Ref<boolean, boolean>;
                }) => VNodeChild) | undefined;
            } & {
                onAfterEnter?: (() => any) | undefined;
                onAfterLeave?: (() => any) | undefined;
                "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
                onKeydown?: ((e: KeyboardEvent) => any) | undefined;
                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
            }, {
                activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
                scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
                target: ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
                animateClick: () => void;
                contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
                rootEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
                globalTop: Readonly< Ref<boolean, boolean>>;
                localTop: Readonly< Ref<boolean, boolean>>;
                updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
            }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
                "click:outside": (e: MouseEvent) => true;
                "update:modelValue": (value: boolean) => true;
                keydown: (e: KeyboardEvent) => true;
                afterEnter: () => true;
                afterLeave: () => true;
            }, string, {
                style: StyleValue;
                locationStrategy: "connected" | "static" | LocationStrategyFunction;
                location: Anchor;
                origin: "auto" | "overlap" | Anchor;
                stickToTarget: boolean;
                viewportMargin: string | number;
                scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
                activatorProps: Record<string, any>;
                openOnClick: boolean;
                openOnHover: boolean;
                openOnFocus: boolean;
                closeOnContentClick: boolean;
                retainFocus: boolean;
                captureFocus: boolean;
                eager: boolean;
                absolute: boolean;
                closeOnBack: boolean;
                contained: boolean;
                disabled: boolean;
                noClickAnimation: boolean;
                modelValue: boolean;
                persistent: boolean;
                scrim: string | boolean;
                zIndex: string | number;
                _disableGlobalStack: boolean;
            }, {}, string, SlotsType<Partial<{
                default: (arg: {
                    isActive: Ref<boolean, boolean>;
                }) => VNode<RendererNode, RendererElement, {
                    [key: string]: any;
                }>[];
                activator: (arg: {
                    isActive: boolean;
                    props: Record<string, any>;
                    targetRef: TemplateRef;
                }) => VNode<RendererNode, RendererElement, {
                    [key: string]: any;
                }>[];
            }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                beforeCreate?: ((() => void)[] | (() => void)) | undefined;
                created?: ((() => void)[] | (() => void)) | undefined;
                beforeMount?: ((() => void)[] | (() => void)) | undefined;
                mounted?: ((() => void)[] | (() => void)) | undefined;
                beforeUpdate?: ((() => void)[] | (() => void)) | undefined;
                updated?: ((() => void)[] | (() => void)) | undefined;
                activated?: ((() => void)[] | (() => void)) | undefined;
                deactivated?: ((() => void)[] | (() => void)) | undefined;
                beforeDestroy?: ((() => void)[] | (() => void)) | undefined;
                beforeUnmount?: ((() => void)[] | (() => void)) | undefined;
                destroyed?: ((() => void)[] | (() => void)) | undefined;
                unmounted?: ((() => void)[] | (() => void)) | undefined;
                renderTracked?: (((e: DebuggerEvent) => void)[] | ((e: DebuggerEvent) => void)) | undefined;
                renderTriggered?: (((e: DebuggerEvent) => void)[] | ((e: DebuggerEvent) => void)) | undefined;
                errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => void | boolean)[] | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => void | boolean)) | undefined;
            };
            $forceUpdate: () => void;
            $nextTick: nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: OnCleanup) => any : (args_0: any, args_1: any, args_2: OnCleanup) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
        } & Readonly<{
            style: StyleValue;
            locationStrategy: "connected" | "static" | LocationStrategyFunction;
            location: Anchor;
            origin: "auto" | "overlap" | Anchor;
            stickToTarget: boolean;
            viewportMargin: string | number;
            scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
            activatorProps: Record<string, any>;
            openOnClick: boolean;
            openOnHover: boolean;
            openOnFocus: boolean;
            closeOnContentClick: boolean;
            retainFocus: boolean;
            captureFocus: boolean;
            eager: boolean;
            absolute: boolean;
            closeOnBack: boolean;
            contained: boolean;
            disabled: boolean;
            noClickAnimation: boolean;
            modelValue: boolean;
            persistent: boolean;
            scrim: string | boolean;
            zIndex: string | number;
            _disableGlobalStack: boolean;
        }> & Omit<{
            style: string | false | StyleValue[] | CSSProperties | null;
            locationStrategy: "connected" | "static" | LocationStrategyFunction;
            location: Anchor;
            origin: "auto" | "overlap" | Anchor;
            stickToTarget: boolean;
            viewportMargin: string | number;
            scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
            activatorProps: Record<string, any>;
            openOnHover: boolean;
            closeOnContentClick: boolean;
            retainFocus: boolean;
            captureFocus: boolean;
            eager: boolean;
            absolute: boolean;
            closeOnBack: boolean;
            contained: boolean;
            disabled: boolean;
            noClickAnimation: boolean;
            modelValue: boolean;
            persistent: boolean;
            scrim: string | boolean;
            zIndex: string | number;
            _disableGlobalStack: boolean;
        } & {
            theme?: string | undefined;
            class?: any;
            offset?: string | number | number[] | undefined;
            height?: string | number | undefined;
            maxHeight?: string | number | undefined;
            maxWidth?: string | number | undefined;
            minHeight?: string | number | undefined;
            minWidth?: string | number | undefined;
            width?: string | number | undefined;
            closeDelay?: string | number | undefined;
            openDelay?: string | number | undefined;
            target?: "cursor" | "parent" | Element | [x: number, y: number] | ComponentPublicInstance | (string & {}) | undefined;
            activator?: "parent" | Element | ComponentPublicInstance | (string & {}) | undefined;
            openOnClick?: boolean | undefined;
            openOnFocus?: boolean | undefined;
            transition?: string | boolean | ( TransitionProps & {
                component?: Component | undefined;
            }) | null | undefined;
            attach?: string | boolean | Element | undefined;
            contentClass?: any;
            contentProps?: any;
            opacity?: string | number | undefined;
        } & {
            $children?: {
                default?: ((arg: {
                    isActive: Ref<boolean, boolean>;
                }) => VNodeChild) | undefined;
                activator?: ((arg: {
                    isActive: boolean;
                    props: Record<string, any>;
                    targetRef: TemplateRef;
                }) => VNodeChild) | undefined;
            } | {
                $stable?: boolean | undefined;
            } | ((arg: {
                isActive: Ref<boolean, boolean>;
            }) => VNodeChild) | VNodeChild;
            "v-slots"?: {
                default?: false | ((arg: {
                    isActive: Ref<boolean, boolean>;
                }) => VNodeChild) | undefined;
                activator?: false | ((arg: {
                    isActive: boolean;
                    props: Record<string, any>;
                    targetRef: TemplateRef;
                }) => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:activator"?: false | ((arg: {
                isActive: boolean;
                props: Record<string, any>;
                targetRef: TemplateRef;
            }) => VNodeChild) | undefined;
            "v-slot:default"?: false | ((arg: {
                isActive: Ref<boolean, boolean>;
            }) => VNodeChild) | undefined;
        } & {
            onAfterEnter?: (() => any) | undefined;
            onAfterLeave?: (() => any) | undefined;
            "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
            onKeydown?: ((e: KeyboardEvent) => any) | undefined;
            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
        }, "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "rootEl" | "scrimEl" | "target" | "updateLocation" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "captureFocus" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "retainFocus" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "viewportMargin" | "zIndex")> & ShallowUnwrapRef<{
            activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
            scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
            target: ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
            animateClick: () => void;
            contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
            rootEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
            globalTop: Readonly< Ref<boolean, boolean>>;
            localTop: Readonly< Ref<boolean, boolean>>;
            updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
        }> & {} & ComponentCustomProperties & {}, "$children" | "activator" | "attach" | "class" | "closeDelay" | "contentClass" | "contentProps" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "offset" | "onAfterEnter" | "onAfterLeave" | "onClick:outside" | "onKeydown" | "onUpdate:modelValue" | "opacity" | "openDelay" | "target" | "theme" | "transition" | "v-slot:activator" | "v-slot:default" | "v-slots" | "width" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "captureFocus" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "retainFocus" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "viewportMargin" | "zIndex") | keyof VNodeProps>, `$${any}`> & {
            _allExposed: {
                activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
                scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
                target: ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
                animateClick: () => void;
                contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
                rootEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
                globalTop: Readonly< Ref<boolean, boolean>>;
                localTop: Readonly< Ref<boolean, boolean>>;
                updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
            } | {};
        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
            "update:modelValue": (value: boolean) => true;
            afterEnter: () => true;
            afterLeave: () => true;
        }, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
            style: StyleValue;
            locationStrategy: "connected" | "static" | LocationStrategyFunction;
            location: Anchor;
            origin: "auto" | "overlap" | Anchor;
            stickToTarget: boolean;
            viewportMargin: string | number;
            scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
            activatorProps: Record<string, any>;
            openOnClick: boolean;
            openOnHover: boolean;
            openOnFocus: boolean;
            closeOnContentClick: boolean;
            retainFocus: boolean;
            captureFocus: boolean;
            eager: boolean;
            transition: string | boolean | {
                component: {
                    new (...args: any[]): CreateComponentPublicInstanceWithMixins<{} & {
                        target?: HTMLElement | [x: number, y: number] | undefined;
                    } & {
                        $children?: {
                            default?: (() => VNodeChild) | undefined;
                        } | {
                            $stable?: boolean | undefined;
                        } | (() => VNodeChild) | VNodeChild;
                        "v-slots"?: {
                            default?: false | (() => VNodeChild) | undefined;
                        } | undefined;
                    } & {
                        "v-slot:default"?: false | (() => VNodeChild) | undefined;
                    }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {}, true, {}, SlotsType<Partial<{
                        default: () => VNode<RendererNode, RendererElement, {
                            [key: string]: any;
                        }>[];
                    }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
                        P: {};
                        B: {};
                        D: {};
                        C: {};
                        M: {};
                        Defaults: {};
                    }, {} & {
                        target?: HTMLElement | [x: number, y: number] | undefined;
                    } & {
                        $children?: {
                            default?: (() => VNodeChild) | undefined;
                        } | {
                            $stable?: boolean | undefined;
                        } | (() => VNodeChild) | VNodeChild;
                        "v-slots"?: {
                            default?: false | (() => VNodeChild) | undefined;
                        } | undefined;
                    } & {
                        "v-slot:default"?: false | (() => VNodeChild) | undefined;
                    }, () => JSX.Element, {}, {}, {}, {}>;
                    __isFragment?: undefined;
                    __isTeleport?: undefined;
                    __isSuspense?: undefined;
                } & ComponentOptionsBase<{} & {
                    target?: HTMLElement | [x: number, y: number] | undefined;
                } & {
                    $children?: {
                        default?: (() => VNodeChild) | undefined;
                    } | {
                        $stable?: boolean | undefined;
                    } | (() => VNodeChild) | VNodeChild;
                    "v-slots"?: {
                        default?: false | (() => VNodeChild) | undefined;
                    } | undefined;
                } & {
                    "v-slot:default"?: false | (() => VNodeChild) | undefined;
                }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, SlotsType<Partial<{
                    default: () => VNode<RendererNode, RendererElement, {
                        [key: string]: any;
                    }>[];
                }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
                    target: PropType<HTMLElement | [x: number, y: number]>;
                }, ExtractPropTypes<{
                    target: PropType<HTMLElement | [x: number, y: number]>;
                }>>;
            } | ( TransitionProps & {
                component?: Component | undefined;
            }) | null;
            absolute: boolean;
            closeOnBack: boolean;
            contained: boolean;
            disabled: boolean;
            noClickAnimation: boolean;
            modelValue: boolean;
            persistent: boolean;
            scrim: string | boolean;
            zIndex: string | number;
            fullscreen: boolean;
            scrollable: boolean;
        }, true, {}, SlotsType<Partial<{
            default: (arg: {