@jsonforms/vue-vuetify/lib/layouts/CategorizationStepperRenderer.d.ts

Vue Vuetify renderers for JSON Forms

import { Layout, JsonSchema, JsonFormsRendererRegistryEntry, JsonFormsCellRendererRegistryEntry, UISchemaElement, JsonFormsUISchemaRegistryEntry } from '@jsonforms/core';
import { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, StyleValue, VNodeProps, AllowedComponentProps, ComponentCustomProps, SlotsType, VNode, GlobalComponents, GlobalDirectives, ComponentOptionsBase, VNodeChild, RendererNode, RendererElement } from 'vue';
import { Styles } from '..';
import { JSXComponent, Anchor } from 'vuetify/lib/util/index.mjs';
import { StepperItem, StepperItemSlot, ValidationRule } from 'vuetify/lib/components/VStepper/VStepperItem.mjs';
import { IconValue } from 'vuetify/lib/composables/icons.mjs';
import { DisplayBreakpoint, JSXComponent, Anchor } from 'vuetify/lib/types.mjs';
import { StepperVerticalItemActionSlot } from 'vuetify/lib/labs/VStepperVertical/VStepperVerticalItem.mjs';
import { VStepperSlot } from 'vuetify/lib/components/VStepper/VStepper.mjs';
import { VStepperVerticalSlots } from 'vuetify/lib/labs/VStepperVertical/VStepperVertical.mjs';
import { GenericProps, FilterPropsOptions } from 'vuetify/lib/util/defineComponent.mjs';
import { ClassValue } from 'vuetify/lib/composables/component.mjs';
import { RippleDirectiveBinding } from 'vuetify/directives/ripple';
import { DisplayBreakpoint } from 'vuetify/lib/composables/display.mjs';
import { Density } from 'vuetify/lib/composables/density.mjs';
import { RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric, RouteLocationRaw } from 'vue-router';
import { LoaderSlotProps } from 'vuetify/lib/composables/loader.mjs';
import { Variant } from 'vuetify/lib/composables/variant.mjs';

declare const layoutRenderer: DefineComponent<{
    schema: JsonSchema;
    uischema: Layout;
    path: string;
    enabled?: boolean | undefined;
    renderers?: JsonFormsRendererRegistryEntry[] | undefined;
    cells?: JsonFormsCellRendererRegistryEntry[] | undefined;
    config?: any;
}, {
    activeCategory: Ref<number, number>;
    layout: ComputedRef<{
        uischema: NonNullable<Layout & UISchemaElement>;
        schema: NonNullable< JsonSchema>;
        path: string;
        enabled: boolean;
        renderers: JsonFormsRendererRegistryEntry[];
        cells: JsonFormsCellRendererRegistryEntry[];
        config: any;
        direction: NonNullable<"row" | "column">;
        label: string;
        data: any;
        visible: boolean;
    }>;
    categories: ComputedRef<{
        uischema: NonNullable<Layout & UISchemaElement>;
        schema: NonNullable< JsonSchema>;
        path: string;
        enabled: boolean;
        renderers: JsonFormsRendererRegistryEntry[];
        cells: JsonFormsCellRendererRegistryEntry[];
        config: any;
        direction: NonNullable<"row" | "column">;
        label: string;
        data: any;
        visible: boolean;
    }>[];
    styles: Styles;
    appliedOptions: ComputedRef<any>;
    vuetifyProps: (path: string) => any;
}, {}, {
    visibleCategories(): ComputedRef<{
        uischema: NonNullable<Layout & UISchemaElement>;
        schema: NonNullable< JsonSchema>;
        path: string;
        enabled: boolean;
        renderers: JsonFormsRendererRegistryEntry[];
        cells: JsonFormsCellRendererRegistryEntry[];
        config: any;
        direction: NonNullable<"row" | "column">;
        label: string;
        data: any;
        visible: boolean;
    }>[];
    visibleCategoryLabels(): string[];
}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
    schema: JsonSchema;
    uischema: Layout;
    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>;
    VStepperVertical: {
        new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
            flat: boolean;
            variant: "default" | "inset" | "accordion" | "popout";
            style: StyleValue;
            eager: boolean;
            mobile: boolean | null;
            disabled: boolean;
            multiple: boolean;
            readonly: boolean;
            tag: string | JSXComponent;
            mandatory: boolean | "force";
            focusable: boolean;
            items: readonly StepperItem[];
            itemValue: string;
            tile: boolean;
            ripple: boolean | {
                class?: string;
                keys?: number[];
            } | undefined;
            collapseIcon: IconValue;
            expandIcon: IconValue;
            itemTitle: string;
            hideActions: boolean;
            prevText: string;
            nextText: string;
            editable: boolean;
            altLabels: boolean;
            nonLinear: boolean;
        } & {
            max?: number | undefined;
            color?: string | undefined;
            class?: any;
            theme?: string | undefined;
            elevation?: string | number | undefined;
            mobileBreakpoint?: number | DisplayBreakpoint | undefined;
            rounded?: string | number | boolean | undefined;
            selectedClass?: string | undefined;
            bgColor?: string | undefined;
            completeIcon?: IconValue | undefined;
            editIcon?: IconValue | undefined;
            errorIcon?: IconValue | undefined;
        } & {}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Omit<{
            "update:modelValue": (val: any) => true;
        }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:actions" | "v-slot:title" | "v-slot:next" | "v-slot:prev" | "v-slot:subtitle" | `v-slot:item.${string}` | "v-slot:icon" | `v-slot:header-item.${string}`>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
            flat: boolean;
            variant: "default" | "inset" | "accordion" | "popout";
            style: StyleValue;
            eager: boolean;
            mobile: boolean | null;
            disabled: boolean;
            multiple: boolean;
            readonly: boolean;
            tag: string | JSXComponent;
            mandatory: boolean | "force";
            focusable: boolean;
            items: readonly StepperItem[];
            itemValue: string;
            rounded: string | number | boolean;
            tile: boolean;
            ripple: boolean | {
                class?: string;
                keys?: number[];
            } | undefined;
            collapseIcon: IconValue;
            expandIcon: IconValue;
            itemTitle: string;
            hideActions: boolean;
            prevText: string;
            nextText: string;
            editable: boolean;
            altLabels: boolean;
            nonLinear: boolean;
        }, true, {}, SlotsType<Partial<{
            [x: `header-item.${string}`]: (arg: StepperItemSlot<unknown>) => VNode[];
            [x: `item.${string}`]: (arg: StepperItemSlot<unknown>) => VNode[];
            actions: (arg: StepperVerticalItemActionSlot<unknown>) => VNode[];
            default: (arg: VStepperSlot & {
                step: unknown;
            }) => VNode[];
            icon: (arg: StepperItemSlot<unknown>) => VNode[];
            title: (arg: StepperItemSlot<unknown>) => VNode[];
            subtitle: (arg: StepperItemSlot<unknown>) => VNode[];
            prev: (arg: StepperVerticalItemActionSlot<unknown>) => VNode[];
            next: (arg: StepperVerticalItemActionSlot<unknown>) => VNode[];
        }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, {
            flat: boolean;
            variant: "default" | "inset" | "accordion" | "popout";
            style: StyleValue;
            eager: boolean;
            mobile: boolean | null;
            disabled: boolean;
            multiple: boolean;
            readonly: boolean;
            tag: string | JSXComponent;
            mandatory: boolean | "force";
            focusable: boolean;
            items: readonly StepperItem[];
            itemValue: string;
            tile: boolean;
            ripple: boolean | {
                class?: string;
                keys?: number[];
            } | undefined;
            collapseIcon: IconValue;
            expandIcon: IconValue;
            itemTitle: string;
            hideActions: boolean;
            prevText: string;
            nextText: string;
            editable: boolean;
            altLabels: boolean;
            nonLinear: boolean;
        } & {
            max?: number | undefined;
            color?: string | undefined;
            class?: any;
            theme?: string | undefined;
            elevation?: string | number | undefined;
            mobileBreakpoint?: number | DisplayBreakpoint | undefined;
            rounded?: string | number | boolean | undefined;
            selectedClass?: string | undefined;
            bgColor?: string | undefined;
            completeIcon?: IconValue | undefined;
            editIcon?: IconValue | undefined;
            errorIcon?: IconValue | undefined;
        } & {}, {}, {}, {}, {}, {
            flat: boolean;
            variant: "default" | "inset" | "accordion" | "popout";
            style: StyleValue;
            eager: boolean;
            mobile: boolean | null;
            disabled: boolean;
            multiple: boolean;
            readonly: boolean;
            tag: string | JSXComponent;
            mandatory: boolean | "force";
            focusable: boolean;
            items: readonly StepperItem[];
            itemValue: string;
            rounded: string | number | boolean;
            tile: boolean;
            ripple: boolean | {
                class?: string;
                keys?: number[];
            } | undefined;
            collapseIcon: IconValue;
            expandIcon: IconValue;
            itemTitle: string;
            hideActions: boolean;
            prevText: string;
            nextText: string;
            editable: boolean;
            altLabels: boolean;
            nonLinear: boolean;
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & ComponentOptionsBase<{
        flat: boolean;
        variant: "default" | "inset" | "accordion" | "popout";
        style: StyleValue;
        eager: boolean;
        mobile: boolean | null;
        disabled: boolean;
        multiple: boolean;
        readonly: boolean;
        tag: string | JSXComponent;
        mandatory: boolean | "force";
        focusable: boolean;
        items: readonly StepperItem[];
        itemValue: string;
        tile: boolean;
        ripple: boolean | {
            class?: string;
            keys?: number[];
        } | undefined;
        collapseIcon: IconValue;
        expandIcon: IconValue;
        itemTitle: string;
        hideActions: boolean;
        prevText: string;
        nextText: string;
        editable: boolean;
        altLabels: boolean;
        nonLinear: boolean;
    } & {
        max?: number | undefined;
        color?: string | undefined;
        class?: any;
        theme?: string | undefined;
        elevation?: string | number | undefined;
        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
        rounded?: string | number | boolean | undefined;
        selectedClass?: string | undefined;
        bgColor?: string | undefined;
        completeIcon?: IconValue | undefined;
        editIcon?: IconValue | undefined;
        errorIcon?: IconValue | undefined;
    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Omit<{
        'update:modelValue': (val: any) => true;
    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:title" | "v-slot:subtitle" | "v-slot:actions" | `v-slot:item.${string}` | "v-slot:next" | "v-slot:prev" | "v-slot:icon" | `v-slot:header-item.${string}`>, string, {
        flat: boolean;
        variant: "default" | "inset" | "accordion" | "popout";
        style: StyleValue;
        eager: boolean;
        mobile: boolean | null;
        disabled: boolean;
        multiple: boolean;
        readonly: boolean;
        tag: string | JSXComponent;
        mandatory: boolean | "force";
        focusable: boolean;
        items: readonly StepperItem[];
        itemValue: string;
        rounded: string | number | boolean;
        tile: boolean;
        ripple: boolean | {
            class?: string;
            keys?: number[];
        } | undefined;
        collapseIcon: IconValue;
        expandIcon: IconValue;
        itemTitle: string;
        hideActions: boolean;
        prevText: string;
        nextText: string;
        editable: boolean;
        altLabels: boolean;
        nonLinear: boolean;
    }, {}, string, SlotsType<Partial<{
        [x: `header-item.${string}`]: (arg: StepperItemSlot<unknown>) => VNode[];
        [x: `item.${string}`]: (arg: StepperItemSlot<unknown>) => VNode[];
        actions: (arg: StepperVerticalItemActionSlot<unknown>) => VNode[];
        default: (arg: VStepperSlot & {
            step: unknown;
        }) => VNode[];
        icon: (arg: StepperItemSlot<unknown>) => VNode[];
        title: (arg: StepperItemSlot<unknown>) => VNode[];
        subtitle: (arg: StepperItemSlot<unknown>) => VNode[];
        prev: (arg: StepperVerticalItemActionSlot<unknown>) => VNode[];
        next: (arg: StepperVerticalItemActionSlot<unknown>) => VNode[];
    }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new <T = number>(props: {
        modelValue?: T;
        "onUpdate:modelValue"?: (value: T) => void;
    }, slots: VStepperVerticalSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
        flat: BooleanConstructor;
        variant: Omit<{
            type: PropType<"default" | "inset" | "accordion" | "popout">;
            default: string;
            validator: (v: any) => boolean;
        }, "type" | "default"> & {
            type: PropType<"default" | "inset" | "accordion" | "popout">;
            default: NonNullable<"default" | "inset" | "accordion" | "popout">;
        };
        max: NumberConstructor;
        color: StringConstructor;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        eager: BooleanConstructor;
        disabled: BooleanConstructor;
        multiple: BooleanConstructor;
        readonly: BooleanConstructor;
        class: PropType<ClassValue>;
        theme: StringConstructor;
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        mandatory: {
            type: PropType<boolean | "force">;
            default: NonNullable<boolean | "force">;
        };
        elevation: {
            type: (StringConstructor | NumberConstructor)[];
            validator(v: any): boolean;
        };
        focusable: BooleanConstructor;
        modelValue: {
            type: null;
            default: undefined;
        };
        rounded: {
            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
            default: undefined;
        };
        tile: BooleanConstructor;
        selectedClass: StringConstructor;
        bgColor: StringConstructor;
        ripple: {
            type: PropType< RippleDirectiveBinding["value"]>;
            default: boolean;
        };
        collapseIcon: {
            type: PropType<IconValue>;
            default: string;
        };
        expandIcon: {
            type: PropType<IconValue>;
            default: string;
        };
        hideActions: BooleanConstructor;
        mobile: {
            type: PropType<boolean | null>;
            default: boolean;
        };
        mobileBreakpoint: PropType<number | DisplayBreakpoint>;
        altLabels: BooleanConstructor;
        completeIcon: PropType<IconValue>;
        editIcon: PropType<IconValue>;
        editable: BooleanConstructor;
        errorIcon: PropType<IconValue>;
        items: {
            type: PropType<readonly StepperItem[]>;
            default: () => never[];
        };
        itemTitle: {
            type: StringConstructor;
            default: string;
        };
        itemValue: {
            type: StringConstructor;
            default: string;
        };
        nonLinear: BooleanConstructor;
        prevText: {
            type: StringConstructor;
            default: string;
        };
        nextText: {
            type: StringConstructor;
            default: string;
        };
    }, ExtractPropTypes<{
        flat: BooleanConstructor;
        variant: Omit<{
            type: PropType<"default" | "inset" | "accordion" | "popout">;
            default: string;
            validator: (v: any) => boolean;
        }, "type" | "default"> & {
            type: PropType<"default" | "inset" | "accordion" | "popout">;
            default: NonNullable<"default" | "inset" | "accordion" | "popout">;
        };
        max: NumberConstructor;
        color: StringConstructor;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        eager: BooleanConstructor;
        disabled: BooleanConstructor;
        multiple: BooleanConstructor;
        readonly: BooleanConstructor;
        class: PropType<ClassValue>;
        theme: StringConstructor;
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        mandatory: {
            type: PropType<boolean | "force">;
            default: NonNullable<boolean | "force">;
        };
        elevation: {
            type: (StringConstructor | NumberConstructor)[];
            validator(v: any): boolean;
        };
        focusable: BooleanConstructor;
        modelValue: {
            type: null;
            default: undefined;
        };
        rounded: {
            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
            default: undefined;
        };
        tile: BooleanConstructor;
        selectedClass: StringConstructor;
        bgColor: StringConstructor;
        ripple: {
            type: PropType< RippleDirectiveBinding["value"]>;
            default: boolean;
        };
        collapseIcon: {
            type: PropType<IconValue>;
            default: string;
        };
        expandIcon: {
            type: PropType<IconValue>;
            default: string;
        };
        hideActions: BooleanConstructor;
        mobile: {
            type: PropType<boolean | null>;
            default: boolean;
        };
        mobileBreakpoint: PropType<number | DisplayBreakpoint>;
        altLabels: BooleanConstructor;
        completeIcon: PropType<IconValue>;
        editIcon: PropType<IconValue>;
        editable: BooleanConstructor;
        errorIcon: PropType<IconValue>;
        items: {
            type: PropType<readonly StepperItem[]>;
            default: () => never[];
        };
        itemTitle: {
            type: StringConstructor;
            default: string;
        };
        itemValue: {
            type: StringConstructor;
            default: string;
        };
        nonLinear: BooleanConstructor;
        prevText: {
            type: StringConstructor;
            default: string;
        };
        nextText: {
            type: StringConstructor;
            default: string;
        };
    }>>;
    VStepperVerticalItem: {
        new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
            error: boolean;
            complete: boolean;
            style: StyleValue;
            eager: boolean;
            disabled: boolean;
            readonly: boolean;
            tag: string | JSXComponent;
            static: boolean;
            focusable: boolean;
            rules: readonly ValidationRule[];
            tile: boolean;
            ripple: boolean | {
                class?: string;
                keys?: number[];
            } | undefined;
            collapseIcon: IconValue;
            expandIcon: IconValue;
            hideActions: boolean;
            completeIcon: IconValue;
            editable: boolean;
            editIcon: IconValue;
            errorIcon: IconValue;
        } & {
            height?: string | number | undefined;
            width?: string | number | undefined;
            color?: string | undefined;
            maxHeight?: string | number | undefined;
            maxWidth?: string | number | undefined;
            minHeight?: string | number | undefined;
            minWidth?: string | number | undefined;
            value?: any;
            title?: string | undefined;
            text?: string | undefined;
            class?: any;
            icon?: IconValue | undefined;
            elevation?: string | number | undefined;
            rounded?: string | number | boolean | undefined;
            selectedClass?: string | undefined;
            bgColor?: string | undefined;
            subtitle?: string | undefined;
        } & {
            $children?: VNodeChild | ((arg: StepperItemSlot<any>) => VNodeChild) | {
                default?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                icon?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                subtitle?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                title?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                text?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                prev?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
                next?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
                actions?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
            };
            "v-slots"?: {
                default?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                icon?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                subtitle?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                title?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                text?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                prev?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
                next?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
                actions?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            "v-slot:icon"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            "v-slot:subtitle"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            "v-slot:title"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            "v-slot:text"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            "v-slot:prev"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
            "v-slot:next"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
            "v-slot:actions"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
        } & {
            "onClick:prev"?: (() => any) | undefined;
            "onClick:next"?: (() => any) | undefined;
            "onClick:finish"?: (() => any) | undefined;
        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
            "click:next": () => true;
            "click:prev": () => true;
            "click:finish": () => true;
        }, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
            error: boolean;
            complete: boolean;
            style: StyleValue;
            eager: boolean;
            disabled: boolean;
            readonly: boolean;
            tag: string | JSXComponent;
            static: boolean;
            focusable: boolean;
            rules: readonly ValidationRule[];
            rounded: string | number | boolean;
            tile: boolean;
            ripple: boolean | {
                class?: string;
                keys?: number[];
            } | undefined;
            collapseIcon: IconValue;
            expandIcon: IconValue;
            hideActions: boolean;
            completeIcon: IconValue;
            editable: boolean;
            editIcon: IconValue;
            errorIcon: IconValue;
        }, true, {}, SlotsType<Partial<{
            default: (arg: StepperItemSlot<any>) => VNode[];
            icon: (arg: StepperItemSlot<any>) => VNode[];
            subtitle: (arg: StepperItemSlot<any>) => VNode[];
            title: (arg: StepperItemSlot<any>) => VNode[];
            text: (arg: StepperItemSlot<any>) => VNode[];
            prev: (arg: StepperVerticalItemActionSlot<any>) => VNode[];
            next: (arg: StepperVerticalItemActionSlot<any>) => VNode[];
            actions: (arg: StepperVerticalItemActionSlot<any>) => VNode[];
        }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, {
            error: boolean;
            complete: boolean;
            style: StyleValue;
            eager: boolean;
            disabled: boolean;
            readonly: boolean;
            tag: string | JSXComponent;
            static: boolean;
            focusable: boolean;
            rules: readonly ValidationRule[];
            tile: boolean;
            ripple: boolean | {
                class?: string;
                keys?: number[];
            } | undefined;
            collapseIcon: IconValue;
            expandIcon: IconValue;
            hideActions: boolean;
            completeIcon: IconValue;
            editable: boolean;
            editIcon: IconValue;
            errorIcon: IconValue;
        } & {
            height?: string | number | undefined;
            width?: string | number | undefined;
            color?: string | undefined;
            maxHeight?: string | number | undefined;
            maxWidth?: string | number | undefined;
            minHeight?: string | number | undefined;
            minWidth?: string | number | undefined;
            value?: any;
            title?: string | undefined;
            text?: string | undefined;
            class?: any;
            icon?: IconValue | undefined;
            elevation?: string | number | undefined;
            rounded?: string | number | boolean | undefined;
            selectedClass?: string | undefined;
            bgColor?: string | undefined;
            subtitle?: string | undefined;
        } & {
            $children?: VNodeChild | ((arg: StepperItemSlot<any>) => VNodeChild) | {
                default?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                icon?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                subtitle?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                title?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                text?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                prev?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
                next?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
                actions?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
            };
            "v-slots"?: {
                default?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                icon?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                subtitle?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                title?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                text?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
                prev?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
                next?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
                actions?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            "v-slot:icon"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            "v-slot:subtitle"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            "v-slot:title"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            "v-slot:text"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            "v-slot:prev"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
            "v-slot:next"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
            "v-slot:actions"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
        } & {
            "onClick:prev"?: (() => any) | undefined;
            "onClick:next"?: (() => any) | undefined;
            "onClick:finish"?: (() => any) | undefined;
        }, {}, {}, {}, {}, {
            error: boolean;
            complete: boolean;
            style: StyleValue;
            eager: boolean;
            disabled: boolean;
            readonly: boolean;
            tag: string | JSXComponent;
            static: boolean;
            focusable: boolean;
            rules: readonly ValidationRule[];
            rounded: string | number | boolean;
            tile: boolean;
            ripple: boolean | {
                class?: string;
                keys?: number[];
            } | undefined;
            collapseIcon: IconValue;
            expandIcon: IconValue;
            hideActions: boolean;
            completeIcon: IconValue;
            editable: boolean;
            editIcon: IconValue;
            errorIcon: IconValue;
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & ComponentOptionsBase<{
        error: boolean;
        complete: boolean;
        style: StyleValue;
        eager: boolean;
        disabled: boolean;
        readonly: boolean;
        tag: string | JSXComponent;
        static: boolean;
        focusable: boolean;
        rules: readonly ValidationRule[];
        tile: boolean;
        ripple: boolean | {
            class?: string;
            keys?: number[];
        } | undefined;
        collapseIcon: IconValue;
        expandIcon: IconValue;
        hideActions: boolean;
        completeIcon: IconValue;
        editable: boolean;
        editIcon: IconValue;
        errorIcon: IconValue;
    } & {
        height?: string | number | undefined;
        width?: string | number | undefined;
        color?: string | undefined;
        maxHeight?: string | number | undefined;
        maxWidth?: string | number | undefined;
        minHeight?: string | number | undefined;
        minWidth?: string | number | undefined;
        value?: any;
        title?: string | undefined;
        text?: string | undefined;
        class?: any;
        icon?: IconValue | undefined;
        elevation?: string | number | undefined;
        rounded?: string | number | boolean | undefined;
        selectedClass?: string | undefined;
        bgColor?: string | undefined;
        subtitle?: string | undefined;
    } & {
        $children?: VNodeChild | ((arg: StepperItemSlot<any>) => VNodeChild) | {
            default?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            icon?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            subtitle?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            title?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            text?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            prev?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
            next?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
            actions?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
        };
        'v-slots'?: {
            default?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            icon?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            subtitle?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            title?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            text?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
            prev?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
            next?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
            actions?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
        } | undefined;
    } & {
        "v-slot:default"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
        "v-slot:icon"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
        "v-slot:subtitle"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
        "v-slot:title"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
        "v-slot:text"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
        "v-slot:prev"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
        "v-slot:next"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
        "v-slot:actions"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
    } & {
        "onClick:prev"?: (() => any) | undefined;
        "onClick:next"?: (() => any) | undefined;
        "onClick:finish"?: (() => any) | undefined;
    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
        'click:next': () => true;
        'click:prev': () => true;
        'click:finish': () => true;
    }, string, {
        error: boolean;
        complete: boolean;
        style: StyleValue;
        eager: boolean;
        disabled: boolean;
        readonly: boolean;
        tag: string | JSXComponent;
        static: boolean;
        focusable: boolean;
        rules: readonly ValidationRule[];
        rounded: string | number | boolean;
        tile: boolean;
        ripple: boolean | {
            class?: string;
            keys?: number[];
        } | undefined;
        collapseIcon: IconValue;
        expandIcon: IconValue;
        hideActions: boolean;
        completeIcon: IconValue;
        editable: boolean;
        editIcon: IconValue;
        errorIcon: IconValue;
    }, {}, string, SlotsType<Partial<{
        default: (arg: StepperItemSlot<any>) => VNode[];
        icon: (arg: StepperItemSlot<any>) => VNode[];
        subtitle: (arg: StepperItemSlot<any>) => VNode[];
        title: (arg: StepperItemSlot<any>) => VNode[];
        text: (arg: StepperItemSlot<any>) => VNode[];
        prev: (arg: StepperVerticalItemActionSlot<any>) => VNode[];
        next: (arg: StepperVerticalItemActionSlot<any>) => VNode[];
        actions: (arg: StepperVerticalItemActionSlot<any>) => VNode[];
    }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
        height: (StringConstructor | NumberConstructor)[];
        width: (StringConstructor | NumberConstructor)[];
        color: StringConstructor;
        maxHeight: (StringConstructor | NumberConstructor)[];
        maxWidth: (StringConstructor | NumberConstructor)[];
        minHeight: (StringConstructor | NumberConstructor)[];
        minWidth: (StringConstructor | NumberConstructor)[];
        value: null;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        title: StringConstructor;
        text: StringConstructor;
        eager: BooleanConstructor;
        disabled: BooleanConstructor;
        readonly: BooleanConstructor;
        class: PropType<ClassValue>;
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        static: BooleanConstructor;
        elevation: {
            type: (StringConstructor | NumberConstructor)[];
            validator(v: any): boolean;
        };
        focusable: BooleanConstructor;
        rounded: {
            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
            default: undefined;
        };
        tile: BooleanConstructor;
        selectedClass: StringConstructor;
        bgColor: StringConstructor;
        ripple: {
            type: PropType< RippleDirectiveBinding["value"]>;
            default: boolean;
        };
        collapseIcon: Omit<{
            type: PropType<IconValue>;
            default: string;
        }, "type" | "default"> & {
            type: PropType<IconValue>;
            default: NonNullable< IconValue>;
        };
        expandIcon: Omit<{
            type: PropType<IconValue>;
            default: string;
        }, "type" | "default"> & {
            type: PropType<IconValue>;
            default: NonNullable< IconValue>;
        };
        subtitle: StringConstructor;
        complete: BooleanConstructor;
        completeIcon: {
            type: PropType<IconValue>;
            default: string;
        };
        editable: BooleanConstructor;
        editIcon: {
            type: PropType<IconValue>;
            default: string;
        };
        error: BooleanConstructor;
        errorIcon: {
            type: PropType<IconValue>;
            default: string;
        };
        icon: PropType<IconValue>;
        rules: {
            type: PropType<readonly ValidationRule[]>;
            default: () => never[];
        };
        hideActions: BooleanConstructor;
    }, ExtractPropTypes<{
        height: (StringConstructor | NumberConstructor)[];
        width: (StringConstructor | NumberConstructor)[];
        color: StringConstructor;
        maxHeight: (StringConstructor | NumberConstructor)[];
        maxWidth: (StringConstructor | NumberConstructor)[];
        minHeight: (StringConstructor | NumberConstructor)[];
        minWidth: (StringConstructor | NumberConstructor)[];
        value: null;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        title: StringConstructor;
        text: StringConstructor;
        eager: BooleanConstructor;
        disabled: BooleanConstructor;
        readonly: BooleanConstructor;
        class: PropType<ClassValue>;
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        static: BooleanConstructor;
        elevation: {
            type: (StringConstructor | NumberConstructor)[];
            validator(v: any): boolean;
        };
        focusable: BooleanConstructor;
        rounded: {
            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
            default: undefined;
        };
        tile: BooleanConstructor;
        selectedClass: StringConstructor;
        bgColor: StringConstructor;
        ripple: {
            type: PropType< RippleDirectiveBinding["value"]>;
            default: boolean;
        };
        collapseIcon: Omit<{
            type: PropType<IconValue>;
            default: string;
        }, "type" | "default"> & {
            type: PropType<IconValue>;
            default: NonNullable< IconValue>;
        };
        expandIcon: Omit<{
            type: PropType<IconValue>;
            default: string;
        }, "type" | "default"> & {
            type: PropType<IconValue>;
            default: NonNullable< IconValue>;
        };
        subtitle: StringConstructor;
        complete: BooleanConstructor;
        completeIcon: {
            type: PropType<IconValue>;
            default: string;
        };
        editable: BooleanConstructor;
        editIcon: {
            type: PropType<IconValue>;
            default: string;
        };
        error: BooleanConstructor;
        errorIcon: {
            type: PropType<IconValue>;
            default: string;
        };
        icon: PropType<IconValue>;
        rules: {
            type: PropType<readonly ValidationRule[]>;
            default: () => never[];
        };
        hideActions: BooleanConstructor;
    }>>;
    VStepper: {
        new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
            flat: boolean;
            style: StyleValue;
            mobile: boolean | null;
            disabled: boolean;
            multiple: boolean;
            tag: string | JSXComponent;
            mandatory: boolean | "force";
            items: readonly StepperItem[];
            itemValue: string;
            tile: boolean;
            selectedClass: string;
            itemTitle: string;
            hideActions: boolean;
            prevText: string;
            nextText: string;
            editable: boolean;
            altLabels: boolean;
            nonLinear: boolean;
        } & {
            max?: number | 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;
            class?: any;
            theme?: string | undefined;
            elevation?: string | number | undefined;
            mobileBreakpoint?: number | DisplayBreakpoint | undefined;
            modelValue?: any;
            rounded?: string | number | boolean | undefined;
            bgColor?: string | undefined;
            completeIcon?: IconValue | undefined;
            editIcon?: IconValue | undefined;
            errorIcon?: IconValue | undefined;
        } & {
            $children?: VNodeChild | {
                [x: `header-item.${string}`]: ((arg: StepperItemSlot) => VNodeChild) | undefined;
                [x: `item.${string}`]: ((arg: StepperItem) => VNodeChild) | undefined;
                actions?: ((arg: VStepperSlot) => VNodeChild) | undefined;
                default?: ((arg: VStepperSlot) => VNodeChild) | undefined;
                header?: ((arg: StepperItem) => VNodeChild) | undefined;
                "header-item"?: ((arg: StepperItemSlot) => VNodeChild) | undefined;
                icon?: ((arg: StepperItemSlot) => VNodeChild) | undefined;
                title?: ((arg: StepperItemSlot) => VNodeChild) | undefined;
                subtitle?: ((arg: StepperItemSlot) => VNodeChild) | undefined;
                item?: ((arg: StepperItem) => VNodeChild) | undefined;
                prev?: (() => VNodeChild) | undefined;
                next?: (() => VNodeChild) | undefined;
            } | ((arg: VStepperSlot) => VNodeChild);
            "v-slots"?: {
                [x: `header-item.${string}`]: false | ((arg: StepperItemSlot) => VNodeChild) | undefined;
                [x: `item.${string}`]: false | ((arg: StepperItem) => VNodeChild) | undefined;
                actions?: false | ((arg: VStepperSlot) => VNodeChild) | undefined;
                default?: false | ((arg: VStepperSlot) => VNodeChild) | undefined;
                header?: false | ((arg: StepperItem) => VNodeChild) | undefined;
                "header-item"?: false | ((arg: StepperItemSlot) => VNodeChild) | undefined;
                icon?: false | ((arg: StepperItemSlot) => VNodeChild) | undefined;
                title?: false | ((arg: StepperItemSlot) => VNodeChild) | undefined;
                subtitle?: false | ((arg: StepperItemSlot) => VNodeChild) | undefined;
                item?: false | ((arg: StepperItem) => VNodeChild) | undefined;
                prev?: false | (() => VNodeChild) | undefined;
                next?: false | (() => VNodeChild) | undefined;
            } | undefined;
        } & {
            [x: `v-slot:header-item.${string}`]: false | ((arg: StepperItemSlot) => VNodeChild) | undefined;
            [x: `v-slot:item.${string}`]: false | ((arg: StepperItem) => VNodeChild) | undefined;
            "v-slot:actions"?: false | ((arg: VStepperSlot) => VNodeChild) | undefined;
            "v-slot:default"?: false | ((arg: VStepperSlot) => VNodeChild) | undefined;
            "v-slot:header"?: false | ((arg: StepperItem) => VNodeChild) | undefined;
            "v-slot:header-item"?: false | ((arg: StepperItemSlot) => VNodeChild) | undefined;
            "v-slot:icon"?: false | ((arg: StepperItemSlot) => VNodeChild) | undefined;
            "v-slot:title"?: false | ((arg: StepperItemSlot) => VNodeChild) | undefined;
            "v-slot:subtitle"?: false | ((arg: StepperItemSlot) => VNodeChild) | undefined;
            "v-slot:item"?: false | ((arg: StepperItem) => VNodeChild) | undefined;
            "v-slot:prev"?: false | (() => VNodeChild) | undefined;
            "v-slot:next"?: false | (() => VNodeChild) | undefined;
        } & {
            "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
        }, {
            prev: () => void;
            next: () => void;
        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
            "update:modelValue": (v: unknown) => true;
        }, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
            flat: boolean;
            style: StyleValue;
            mobile: boolean | null;
            disabled: boolean;
            multiple: boolean;
            tag: string | JSXComponent;
            mandatory: boolean | "force";
            modelValue: any;
            items: readonly StepperItem[];
            itemValue: string;
            rounded: string | number | boolean;
            tile: boolean;
            selectedClass: string;
            itemTitle: string;
            hideActions: boolean;
            prevText: string;