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

Vue Vuetify renderers for JSON Forms

import { ControlElement, JsonSchema, JsonFormsRendererRegistryEntry, JsonFormsCellRendererRegistryEntry, JsonFormsUISchemaRegistryEntry, UISchemaElement, ArrayTranslations, Translator } from '@jsonforms/core';
import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, StyleValue, VNodeChild, VNodeProps, AllowedComponentProps, ComponentCustomProps, SlotsType, VNode, GlobalComponents, GlobalDirectives, ComponentOptionsBase, RendererNode, RendererElement, Prop, TransitionProps, Component, ComponentPublicInstance, Ref, ComponentInternalInstance, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, InjectionKey } from 'vue';
import { IconAliases, Styles } from '..';
import { ErrorObject } from 'ajv';
import { JSXComponent, Anchor, TemplateRef } from 'vuetify/lib/util/index.mjs';
import { Density } from 'vuetify/lib/composables/density.mjs';
import { RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric, RouteLocationRaw } from 'vue-router';
import { IconValue } from 'vuetify/lib/composables/icons.mjs';
import { LoaderSlotProps } from 'vuetify/lib/composables/loader.mjs';
import { JSXComponent, Anchor, LocationStrategyFunction, ScrollStrategyFunction } from 'vuetify/lib/types.mjs';
import { FilterPropsOptions } from 'vuetify/lib/util/defineComponent.mjs';
import { Variant } from 'vuetify/lib/composables/variant.mjs';
import { ClassValue } from 'vuetify/lib/composables/component.mjs';
import { RippleDirectiveBinding } from 'vuetify/directives/ripple';
import { ALIGN_CONTENT_VALUES, ALIGN_VALUES } from 'vuetify/lib/components/VGrid/VRow.mjs';
import { Density } from 'vuetify/lib/components/VToolbar/VToolbar.mjs';
import { LocationStrategyFunction, StrategyProps } from 'vuetify/lib/components/VOverlay/locationStrategies.mjs';
import { ScrollStrategyFunction, StrategyProps } from 'vuetify/lib/components/VOverlay/scrollStrategies.mjs';
import { OnCleanup } from '@vue/reactivity';
import { GroupItemProvide, GroupProvide } from 'vuetify/lib/composables/group.mjs';
import { Striped } from 'vuetify/lib/components/VTable/VTable.mjs';

declare const controlRenderer: DefineComponent<{
    schema: JsonSchema;
    uischema: ControlElement;
    path: string;
    enabled?: boolean | undefined;
    renderers?: JsonFormsRendererRegistryEntry[] | undefined;
    cells?: JsonFormsCellRendererRegistryEntry[] | undefined;
    config?: any;
}, {
    icons: {
        current: ComputedRef<IconAliases>;
    };
    control: ComputedRef<{
        arraySchema: NonNullable< JsonSchema>;
        childErrors: ErrorObject[];
        uischemas: JsonFormsUISchemaRegistryEntry[];
        renderers: JsonFormsRendererRegistryEntry[];
        cells: JsonFormsCellRendererRegistryEntry[];
        label: string;
        description: string;
        required: NonNullable<boolean | undefined>;
        i18nKeyPrefix: string;
        uischema: ControlElement;
        errors: string;
        data: any;
        rootSchema: NonNullable< JsonSchema>;
        id: string;
        config: any;
        schema: NonNullable< JsonSchema>;
        enabled: boolean;
        visible: boolean;
        path: string;
    }> & ComputedRef<{
        label: string;
        required: boolean;
        config: any;
        uischema: UISchemaElement;
        schema: JsonSchema;
        data: any;
        childErrors: ErrorObject[];
        i18nKeyPrefix: string;
    } & {
        childErrors: ErrorObject<string, Record<string, any>, unknown>[];
        translations: ArrayTranslations;
    }>;
    addItem(path: string, value: any): () => void;
    removeItems?(path: string, toDelete: number[]): () => void;
    moveUp?(path: string, toMove: number): () => void;
    moveDown?(path: string, toMove: number): () => void;
    styles: Styles;
    appliedOptions: ComputedRef<any>;
    childLabelForIndex: (index: number | null) => string;
    computedLabel: ComputedRef<string>;
    vuetifyProps: (path: string) => any;
    rawChildErrors: ErrorObject<string, Record<string, any>, unknown>[];
}, {}, {
    dataLength(): number;
    validColumnProps(): string[];
}, {
    composePaths: (path1: string, path2: string) => string;
    createDefaultValue: (schema: JsonSchema, rootSchema: JsonSchema) => any;
    addButtonClick(): void;
    moveUpClick(event: Event, toMove: number): void;
    moveDownClick(event: Event, toMove: number): void;
    removeItemsClick(event: Event, toDelete: number[]): void;
    title(prop: string): string;
    resolveUiSchema(propName: string): ControlElement;
    controlWithoutLabel(scope: string): ControlElement;
}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
    schema: JsonSchema;
    uischema: ControlElement;
    path: string;
    enabled?: boolean | undefined;
    renderers?: JsonFormsRendererRegistryEntry[] | undefined;
    cells?: JsonFormsCellRendererRegistryEntry[] | undefined;
    config?: any;
}> & Readonly<{}>, {
    enabled: 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;
        };
        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>;
            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;
        };
        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;
        renderers: JsonFormsRendererRegistryEntry[];
        cells: JsonFormsCellRendererRegistryEntry[];
        config: Record<string, any>;
    }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
    VCard: {
        new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
            replace: boolean;
            flat: boolean;
            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
            exact: boolean;
            style: StyleValue;
            disabled: boolean;
            tag: string | JSXComponent;
            density: Density;
            tile: boolean;
            ripple: boolean | {
                class?: string;
                keys?: number[];
            } | undefined;
            hover: boolean;
        } & {
            link?: boolean | undefined;
            location?: Anchor | null | undefined;
            height?: string | number | undefined;
            width?: string | number | undefined;
            border?: string | number | boolean | undefined;
            color?: string | undefined;
            maxHeight?: string | number | undefined;
            maxWidth?: string | number | undefined;
            minHeight?: string | number | undefined;
            minWidth?: string | number | undefined;
            position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
            loading?: string | boolean | undefined;
            title?: string | number | boolean | undefined;
            image?: string | undefined;
            text?: string | number | boolean | undefined;
            class?: any;
            theme?: string | undefined;
            to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
            href?: string | undefined;
            elevation?: string | number | undefined;
            rounded?: string | number | boolean | undefined;
            prependIcon?: IconValue | undefined;
            appendIcon?: IconValue | undefined;
            appendAvatar?: string | undefined;
            prependAvatar?: string | undefined;
            subtitle?: string | number | boolean | undefined;
        } & {
            $children?: VNodeChild | (() => VNodeChild) | {
                default?: (() => VNodeChild) | undefined;
                prepend?: (() => VNodeChild) | undefined;
                append?: (() => VNodeChild) | undefined;
                title?: (() => VNodeChild) | undefined;
                subtitle?: (() => VNodeChild) | undefined;
                actions?: (() => VNodeChild) | undefined;
                text?: (() => VNodeChild) | undefined;
                loader?: ((arg: LoaderSlotProps) => VNodeChild) | undefined;
                image?: (() => VNodeChild) | undefined;
                item?: (() => VNodeChild) | undefined;
            };
            "v-slots"?: {
                default?: false | (() => VNodeChild) | undefined;
                prepend?: false | (() => VNodeChild) | undefined;
                append?: false | (() => VNodeChild) | undefined;
                title?: false | (() => VNodeChild) | undefined;
                subtitle?: false | (() => VNodeChild) | undefined;
                actions?: false | (() => VNodeChild) | undefined;
                text?: false | (() => VNodeChild) | undefined;
                loader?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined;
                image?: false | (() => VNodeChild) | undefined;
                item?: false | (() => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | (() => VNodeChild) | undefined;
            "v-slot:prepend"?: false | (() => VNodeChild) | undefined;
            "v-slot:append"?: false | (() => VNodeChild) | undefined;
            "v-slot:title"?: false | (() => VNodeChild) | undefined;
            "v-slot:subtitle"?: false | (() => VNodeChild) | undefined;
            "v-slot:actions"?: false | (() => VNodeChild) | undefined;
            "v-slot:text"?: false | (() => VNodeChild) | undefined;
            "v-slot:loader"?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined;
            "v-slot:image"?: false | (() => VNodeChild) | undefined;
            "v-slot:item"?: false | (() => VNodeChild) | undefined;
        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
            replace: boolean;
            link: boolean;
            flat: boolean;
            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
            exact: boolean;
            style: StyleValue;
            title: string | number | boolean;
            text: string | number | boolean;
            disabled: boolean;
            tag: string | JSXComponent;
            density: Density;
            rounded: string | number | boolean;
            tile: boolean;
            ripple: boolean | {
                class?: string;
                keys?: number[];
            } | undefined;
            subtitle: string | number | boolean;
            hover: boolean;
        }, true, {}, SlotsType<Partial<{
            default: () => VNode[];
            prepend: () => VNode[];
            append: () => VNode[];
            title: () => VNode[];
            subtitle: () => VNode[];
            actions: () => VNode[];
            text: () => VNode[];
            loader: (arg: LoaderSlotProps) => VNode[];
            image: () => VNode[];
            item: () => VNode[];
        }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, {
            replace: boolean;
            flat: boolean;
            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
            exact: boolean;
            style: StyleValue;
            disabled: boolean;
            tag: string | JSXComponent;
            density: Density;
            tile: boolean;
            ripple: boolean | {
                class?: string;
                keys?: number[];
            } | undefined;
            hover: boolean;
        } & {
            link?: boolean | undefined;
            location?: Anchor | null | undefined;
            height?: string | number | undefined;
            width?: string | number | undefined;
            border?: string | number | boolean | undefined;
            color?: string | undefined;
            maxHeight?: string | number | undefined;
            maxWidth?: string | number | undefined;
            minHeight?: string | number | undefined;
            minWidth?: string | number | undefined;
            position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
            loading?: string | boolean | undefined;
            title?: string | number | boolean | undefined;
            image?: string | undefined;
            text?: string | number | boolean | undefined;
            class?: any;
            theme?: string | undefined;
            to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
            href?: string | undefined;
            elevation?: string | number | undefined;
            rounded?: string | number | boolean | undefined;
            prependIcon?: IconValue | undefined;
            appendIcon?: IconValue | undefined;
            appendAvatar?: string | undefined;
            prependAvatar?: string | undefined;
            subtitle?: string | number | boolean | undefined;
        } & {
            $children?: VNodeChild | (() => VNodeChild) | {
                default?: (() => VNodeChild) | undefined;
                prepend?: (() => VNodeChild) | undefined;
                append?: (() => VNodeChild) | undefined;
                title?: (() => VNodeChild) | undefined;
                subtitle?: (() => VNodeChild) | undefined;
                actions?: (() => VNodeChild) | undefined;
                text?: (() => VNodeChild) | undefined;
                loader?: ((arg: LoaderSlotProps) => VNodeChild) | undefined;
                image?: (() => VNodeChild) | undefined;
                item?: (() => VNodeChild) | undefined;
            };
            "v-slots"?: {
                default?: false | (() => VNodeChild) | undefined;
                prepend?: false | (() => VNodeChild) | undefined;
                append?: false | (() => VNodeChild) | undefined;
                title?: false | (() => VNodeChild) | undefined;
                subtitle?: false | (() => VNodeChild) | undefined;
                actions?: false | (() => VNodeChild) | undefined;
                text?: false | (() => VNodeChild) | undefined;
                loader?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined;
                image?: false | (() => VNodeChild) | undefined;
                item?: false | (() => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | (() => VNodeChild) | undefined;
            "v-slot:prepend"?: false | (() => VNodeChild) | undefined;
            "v-slot:append"?: false | (() => VNodeChild) | undefined;
            "v-slot:title"?: false | (() => VNodeChild) | undefined;
            "v-slot:subtitle"?: false | (() => VNodeChild) | undefined;
            "v-slot:actions"?: false | (() => VNodeChild) | undefined;
            "v-slot:text"?: false | (() => VNodeChild) | undefined;
            "v-slot:loader"?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined;
            "v-slot:image"?: false | (() => VNodeChild) | undefined;
            "v-slot:item"?: false | (() => VNodeChild) | undefined;
        }, {}, {}, {}, {}, {
            replace: boolean;
            link: boolean;
            flat: boolean;
            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
            exact: boolean;
            style: StyleValue;
            title: string | number | boolean;
            text: string | number | boolean;
            disabled: boolean;
            tag: string | JSXComponent;
            density: Density;
            rounded: string | number | boolean;
            tile: boolean;
            ripple: boolean | {
                class?: string;
                keys?: number[];
            } | undefined;
            subtitle: string | number | boolean;
            hover: boolean;
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & ComponentOptionsBase<{
        replace: boolean;
        flat: boolean;
        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
        exact: boolean;
        style: StyleValue;
        disabled: boolean;
        tag: string | JSXComponent;
        density: Density;
        tile: boolean;
        ripple: boolean | {
            class?: string;
            keys?: number[];
        } | undefined;
        hover: boolean;
    } & {
        link?: boolean | undefined;
        location?: Anchor | null | undefined;
        height?: string | number | undefined;
        width?: string | number | undefined;
        border?: string | number | boolean | undefined;
        color?: string | undefined;
        maxHeight?: string | number | undefined;
        maxWidth?: string | number | undefined;
        minHeight?: string | number | undefined;
        minWidth?: string | number | undefined;
        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
        loading?: string | boolean | undefined;
        title?: string | number | boolean | undefined;
        image?: string | undefined;
        text?: string | number | boolean | undefined;
        class?: any;
        theme?: string | undefined;
        to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
        href?: string | undefined;
        elevation?: string | number | undefined;
        rounded?: string | number | boolean | undefined;
        prependIcon?: IconValue | undefined;
        appendIcon?: IconValue | undefined;
        appendAvatar?: string | undefined;
        prependAvatar?: string | undefined;
        subtitle?: string | number | boolean | undefined;
    } & {
        $children?: VNodeChild | (() => VNodeChild) | {
            default?: (() => VNodeChild) | undefined;
            prepend?: (() => VNodeChild) | undefined;
            append?: (() => VNodeChild) | undefined;
            title?: (() => VNodeChild) | undefined;
            subtitle?: (() => VNodeChild) | undefined;
            actions?: (() => VNodeChild) | undefined;
            text?: (() => VNodeChild) | undefined;
            loader?: ((arg: LoaderSlotProps) => VNodeChild) | undefined;
            image?: (() => VNodeChild) | undefined;
            item?: (() => VNodeChild) | undefined;
        };
        'v-slots'?: {
            default?: false | (() => VNodeChild) | undefined;
            prepend?: false | (() => VNodeChild) | undefined;
            append?: false | (() => VNodeChild) | undefined;
            title?: false | (() => VNodeChild) | undefined;
            subtitle?: false | (() => VNodeChild) | undefined;
            actions?: false | (() => VNodeChild) | undefined;
            text?: false | (() => VNodeChild) | undefined;
            loader?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined;
            image?: false | (() => VNodeChild) | undefined;
            item?: false | (() => VNodeChild) | undefined;
        } | undefined;
    } & {
        "v-slot:default"?: false | (() => VNodeChild) | undefined;
        "v-slot:prepend"?: false | (() => VNodeChild) | undefined;
        "v-slot:append"?: false | (() => VNodeChild) | undefined;
        "v-slot:title"?: false | (() => VNodeChild) | undefined;
        "v-slot:subtitle"?: false | (() => VNodeChild) | undefined;
        "v-slot:actions"?: false | (() => VNodeChild) | undefined;
        "v-slot:text"?: false | (() => VNodeChild) | undefined;
        "v-slot:loader"?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined;
        "v-slot:image"?: false | (() => VNodeChild) | undefined;
        "v-slot:item"?: false | (() => VNodeChild) | undefined;
    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
        replace: boolean;
        link: boolean;
        flat: boolean;
        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
        exact: boolean;
        style: StyleValue;
        title: string | number | boolean;
        text: string | number | boolean;
        disabled: boolean;
        tag: string | JSXComponent;
        density: Density;
        rounded: string | number | boolean;
        tile: boolean;
        ripple: boolean | {
            class?: string;
            keys?: number[];
        } | undefined;
        subtitle: string | number | boolean;
        hover: boolean;
    }, {}, string, SlotsType<Partial<{
        default: () => VNode[];
        prepend: () => VNode[];
        append: () => VNode[];
        title: () => VNode[];
        subtitle: () => VNode[];
        actions: () => VNode[];
        text: () => VNode[];
        loader: (arg: LoaderSlotProps) => VNode[];
        image: () => VNode[];
        item: () => VNode[];
    }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
        color: StringConstructor;
        variant: Omit<{
            type: PropType<Variant>;
            default: string;
            validator: (v: any) => boolean;
        }, "type" | "default"> & {
            type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
            default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
        };
        theme: StringConstructor;
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        href: StringConstructor;
        replace: BooleanConstructor;
        to: PropType<RouteLocationRaw>;
        exact: BooleanConstructor;
        rounded: {
            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
            default: undefined;
        };
        tile: BooleanConstructor;
        position: {
            type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
            validator: (v: any) => boolean;
        };
        location: PropType< Anchor | null>;
        loading: (StringConstructor | BooleanConstructor)[];
        elevation: {
            type: (StringConstructor | NumberConstructor)[];
            validator(v: any): boolean;
        };
        height: (StringConstructor | NumberConstructor)[];
        maxHeight: (StringConstructor | NumberConstructor)[];
        maxWidth: (StringConstructor | NumberConstructor)[];
        minHeight: (StringConstructor | NumberConstructor)[];
        minWidth: (StringConstructor | NumberConstructor)[];
        width: (StringConstructor | NumberConstructor)[];
        density: {
            type: PropType<Density>;
            default: string;
            validator: (v: any) => boolean;
        };
        class: PropType<ClassValue>;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
        appendAvatar: StringConstructor;
        appendIcon: PropType<IconValue>;
        disabled: BooleanConstructor;
        flat: BooleanConstructor;
        hover: BooleanConstructor;
        image: StringConstructor;
        link: {
            type: BooleanConstructor;
            default: undefined;
        };
        prependAvatar: StringConstructor;
        prependIcon: PropType<IconValue>;
        ripple: {
            type: PropType< RippleDirectiveBinding["value"]>;
            default: boolean;
        };
        subtitle: {
            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
            default: undefined;
        };
        text: {
            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
            default: undefined;
        };
        title: {
            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
            default: undefined;
        };
    }, ExtractPropTypes<{
        color: StringConstructor;
        variant: Omit<{
            type: PropType<Variant>;
            default: string;
            validator: (v: any) => boolean;
        }, "type" | "default"> & {
            type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
            default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
        };
        theme: StringConstructor;
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        href: StringConstructor;
        replace: BooleanConstructor;
        to: PropType<RouteLocationRaw>;
        exact: BooleanConstructor;
        rounded: {
            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
            default: undefined;
        };
        tile: BooleanConstructor;
        position: {
            type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
            validator: (v: any) => boolean;
        };
        location: PropType< Anchor | null>;
        loading: (StringConstructor | BooleanConstructor)[];
        elevation: {
            type: (StringConstructor | NumberConstructor)[];
            validator(v: any): boolean;
        };
        height: (StringConstructor | NumberConstructor)[];
        maxHeight: (StringConstructor | NumberConstructor)[];
        maxWidth: (StringConstructor | NumberConstructor)[];
        minHeight: (StringConstructor | NumberConstructor)[];
        minWidth: (StringConstructor | NumberConstructor)[];
        width: (StringConstructor | NumberConstructor)[];
        density: {
            type: PropType<Density>;
            default: string;
            validator: (v: any) => boolean;
        };
        class: PropType<ClassValue>;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
        appendAvatar: StringConstructor;
        appendIcon: PropType<IconValue>;
        disabled: BooleanConstructor;
        flat: BooleanConstructor;
        hover: BooleanConstructor;
        image: StringConstructor;
        link: {
            type: BooleanConstructor;
            default: undefined;
        };
        prependAvatar: StringConstructor;
        prependIcon: PropType<IconValue>;
        ripple: {
            type: PropType< RippleDirectiveBinding["value"]>;
            default: boolean;
        };
        subtitle: {
            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
            default: undefined;
        };
        text: {
            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
            default: undefined;
        };
        title: {
            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
            default: undefined;
        };
    }>>;
    VCardTitle: {
        new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
            style: StyleValue;
            tag: string;
        } & {
            class?: any;
        } & {
            $children?: VNodeChild | {
                default?: (() => VNodeChild) | undefined;
            } | (() => VNodeChild);
            "v-slots"?: {
                default?: false | (() => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | (() => VNodeChild) | undefined;
        }, () => VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
            style: StyleValue;
            tag: string;
        }, true, {}, SlotsType<Partial<{
            default: () => VNode[];
        }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, {
            style: StyleValue;
            tag: string;
        } & {
            class?: any;
        } & {
            $children?: VNodeChild | {
                default?: (() => VNodeChild) | undefined;
            } | (() => VNodeChild);
            "v-slots"?: {
                default?: false | (() => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | (() => VNodeChild) | undefined;
        }, () => VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }>, {}, {}, {}, {
            style: StyleValue;
            tag: string;
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & ComponentOptionsBase<{
        style: StyleValue;
        tag: string;
    } & {
        class?: any;
    } & {
        $children?: VNodeChild | {
            default?: (() => VNodeChild) | undefined;
        } | (() => VNodeChild);
        'v-slots'?: {
            default?: false | (() => VNodeChild) | undefined;
        } | undefined;
    } & {
        "v-slot:default"?: false | (() => VNodeChild) | undefined;
    }, () => VNode<RendererNode, RendererElement, {
        [key: string]: any;
    }>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
        style: StyleValue;
        tag: string;
    }, {}, string, SlotsType<Partial<{
        default: () => VNode[];
    }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
        class: PropType<ClassValue>;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        tag: {
            type: StringConstructor;
            default: string;
        };
    }, ExtractPropTypes<{
        class: PropType<ClassValue>;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        tag: {
            type: StringConstructor;
            default: string;
        };
    }>>;
    VCardText: {
        new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
            style: StyleValue;
            tag: string | JSXComponent;
        } & {
            opacity?: string | number | undefined;
            class?: any;
        } & {
            $children?: VNodeChild | {
                default?: (() => VNodeChild) | undefined;
            } | (() => VNodeChild);
            "v-slots"?: {
                default?: false | (() => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | (() => VNodeChild) | undefined;
        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
            style: StyleValue;
            tag: string | JSXComponent;
        }, true, {}, SlotsType<Partial<{
            default: () => VNode[];
        }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, {
            style: StyleValue;
            tag: string | JSXComponent;
        } & {
            opacity?: string | number | undefined;
            class?: any;
        } & {
            $children?: VNodeChild | {
                default?: (() => VNodeChild) | undefined;
            } | (() => VNodeChild);
            "v-slots"?: {
                default?: false | (() => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | (() => VNodeChild) | undefined;
        }, {}, {}, {}, {}, {
            style: StyleValue;
            tag: string | JSXComponent;
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & ComponentOptionsBase<{
        style: StyleValue;
        tag: string | JSXComponent;
    } & {
        opacity?: string | number | undefined;
        class?: any;
    } & {
        $children?: VNodeChild | {
            default?: (() => VNodeChild) | undefined;
        } | (() => VNodeChild);
        'v-slots'?: {
            default?: false | (() => VNodeChild) | undefined;
        } | undefined;
    } & {
        "v-slot:default"?: false | (() => VNodeChild) | undefined;
    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
        style: StyleValue;
        tag: string | JSXComponent;
    }, {}, string, SlotsType<Partial<{
        default: () => VNode[];
    }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        class: PropType<ClassValue>;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        opacity: (StringConstructor | NumberConstructor)[];
    }, ExtractPropTypes<{
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        class: PropType<ClassValue>;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        opacity: (StringConstructor | NumberConstructor)[];
    }>>;
    VRow: {
        new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
            alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            style: StyleValue;
            tag: string | JSXComponent;
            dense: boolean;
            justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            align: "center" | "end" | "start" | "stretch" | "baseline";
            noGutters: boolean;
        } & {
            class?: any;
            alignSm?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignMd?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignLg?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignXl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignXxl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            justifySm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            alignContentSm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
        } & {
            $children?: VNodeChild | {
                default?: (() => VNodeChild) | undefined;
            } | (() => VNodeChild);
            "v-slots"?: {
                default?: false | (() => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | (() => VNodeChild) | undefined;
        }, () => VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
            alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            style: StyleValue;
            tag: string | JSXComponent;
            dense: boolean;
            justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            align: "center" | "end" | "start" | "stretch" | "baseline";
            noGutters: boolean;
        }, true, {}, SlotsType<Partial<{
            default: () => VNode[];
        }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, {
            alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            style: StyleValue;
            tag: string | JSXComponent;
            dense: boolean;
            justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            align: "center" | "end" | "start" | "stretch" | "baseline";
            noGutters: boolean;
        } & {
            class?: any;
            alignSm?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignMd?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignLg?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignXl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignXxl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            justifySm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            alignContentSm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
        } & {
            $children?: VNodeChild | {
                default?: (() => VNodeChild) | undefined;
            } | (() => VNodeChild);
            "v-slots"?: {
                default?: false | (() => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | (() => VNodeChild) | undefined;
        }, () => VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }>, {}, {}, {}, {
            alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            style: StyleValue;
            tag: string | JSXComponent;
            dense: boolean;
            justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            align: "center" | "end" | "start" | "stretch" | "baseline";
            noGutters: boolean;
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & ComponentOptionsBase<{
        alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
        style: StyleValue;
        tag: string | JSXComponent;
        dense: boolean;
        justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
        align: "center" | "end" | "start" | "stretch" | "baseline";
        noGutters: boolean;
    } & {
        class?: any;
        alignSm?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
        alignMd?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
        alignLg?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
        alignXl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
        alignXxl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
        justifySm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
        justifyMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
        justifyLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
        justifyXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
        justifyXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
        alignContentSm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
        alignContentMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
        alignContentLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
        alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
        alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
    } & {
        $children?: VNodeChild | {
            default?: (() => VNodeChild) | undefined;
        } | (() => VNodeChild);
        'v-slots'?: {
            default?: false | (() => VNodeChild) | undefined;
        } | undefined;
    } & {
        "v-slot:default"?: false | (() => VNodeChild) | undefined;
    }, () => VNode<RendererNode, RendererElement, {
        [key: string]: any;
    }>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
        alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
        style: StyleValue;
        tag: string | JSXComponent;
        dense: boolean;
        justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
        align: "center" | "end" | "start" | "stretch" | "baseline";
        noGutters: boolean;
    }, {}, string, SlotsType<Partial<{
        default: () => VNode[];
    }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        class: PropType<ClassValue>;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        alignContentSm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContent: {
            type: PropType< ALIGN_CONTENT_VALUES[number]>;
            default: null;
            validator: (str: any) => boolean;
        };
        justifySm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justify: {
            type: PropType< ALIGN_CONTENT_VALUES[number]>;
            default: null;
            validator: (str: any) => boolean;
        };
        alignSm: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
        alignMd: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
        alignLg: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
        alignXl: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
        alignXxl: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
        dense: BooleanConstructor;
        noGutters: BooleanConstructor;
        align: {
            type: PropType< ALIGN_VALUES[number]>;
            default: null;
            validator: (str: any) => boolean;
        };
    }, ExtractPropTypes<{
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        class: PropType<ClassValue>;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        alignContentSm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContent: {
            type: PropType< ALIGN_CONTENT_VALUES[number]>;
            default: null;
            validator: (str: any) => boolean;
        };
        justifySm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justify: {
            type: PropType< ALIGN_CONTENT_VALUES[number]>;
            default: null;
            validator: (str: any) => boolean;