UNPKG

@jsonforms/vue-vuetify

Version:

Vue Vuetify renderers for JSON Forms

1,181 lines (1,180 loc) 118 kB
import { CombinatorSubSchemaRenderInfo, ControlElement, JsonSchema, JsonFormsRendererRegistryEntry, JsonFormsCellRendererRegistryEntry, RankedTester, JsonFormsUISchemaRegistryEntry, UISchemaElement } from '@jsonforms/core'; import { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, StyleValue, CSSProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, SlotsType, VNode, RendererNode, RendererElement, GlobalComponents, GlobalDirectives, ComponentOptionsBase, InjectionKey, VNodeChild, ComponentInternalInstance, ComponentPublicInstance, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue'; import { Styles } from '..'; import { Density } from 'vuetify/lib/composables/density.mjs'; import { JSXComponent, DisplayBreakpoint, Anchor } from 'vuetify/lib/types.mjs'; import { IconValue } from 'vuetify/lib/composables/icons.mjs'; import { VTabsSlot, TabItem, VTabsSlots } from 'vuetify/lib/components/VTabs/VTabs.mjs'; import { GenericProps, FilterPropsOptions } from 'vuetify/lib/util/defineComponent.mjs'; import { GroupProvide, GroupItemProvide } from 'vuetify/lib/composables/group.mjs'; import { RouteLocationAsPathGeneric, RouteLocationAsRelativeGeneric } from 'vue-router'; import { OnCleanup } from '@vue/reactivity'; import { TouchHandlers } from 'vuetify/directives/touch'; import { ControlProps, VWindowSlots } from 'vuetify/lib/components/VWindow/VWindow.mjs'; declare const controlRenderer: DefineComponent<{ schema: JsonSchema; uischema: ControlElement; path: string; enabled?: boolean | undefined; readonly?: boolean | undefined; renderers?: JsonFormsRendererRegistryEntry[] | undefined; cells?: JsonFormsCellRendererRegistryEntry[] | undefined; config?: any; }, { selectedIndex: Ref<number, number>; control: ComputedRef<{ uischema: ControlElement; schema: NonNullable< JsonSchema>; path: string; enabled: boolean; readonly: NonNullable<boolean | undefined>; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[] & { tester: RankedTester; cell: any; }[]; config: any; rootSchema: NonNullable< JsonSchema>; id: string; indexOfFittingSchema: number; uischemas: JsonFormsUISchemaRegistryEntry[]; data: any; label: string; description: string; required: NonNullable<boolean | undefined>; i18nKeyPrefix: string; errors: string; visible: boolean; }> & ComputedRef<{ schema: JsonSchema; uischema: ControlElement; path: string; config: any; label: string; description: string; required: boolean; errors: string; id: string; visible: boolean; enabled: boolean; readonly: boolean; } & { errors: string; }>; handleChange(path: string, value: any): void; styles: Styles; isFocused: Ref<boolean, boolean>; appliedOptions: ComputedRef<any>; controlWrapper: ComputedRef<{ id: string; description: string; errors: string; label: string; visible: boolean; required: boolean; }>; onChange: (value: any) => void; vuetifyProps: (path: string) => any; persistentHint: () => boolean; computedLabel: ComputedRef<string>; clearable: ComputedRef<any>; touched: Ref<boolean, boolean>; handleBlur: () => void; handleFocus: () => void; rawErrors: ComputedRef<string>; }, {}, { anyOfRenderInfos(): CombinatorSubSchemaRenderInfo[]; }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{ schema: JsonSchema; uischema: ControlElement; path: string; enabled?: boolean | undefined; readonly?: boolean | undefined; renderers?: JsonFormsRendererRegistryEntry[] | undefined; cells?: JsonFormsCellRendererRegistryEntry[] | undefined; config?: any; }> & Readonly<{}>, { enabled: boolean; readonly: boolean; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[]; config: Record<string, any>; }, {}, { DispatchRenderer: DefineComponent<ExtractPropTypes<{ schema: { required: true; type: PropType<JsonSchema>; }; uischema: { required: true; type: PropType<UISchemaElement>; }; path: { required: true; type: StringConstructor; }; enabled: { required: false; type: BooleanConstructor; default: undefined; }; readonly: { required: false; type: BooleanConstructor; default: undefined; }; renderers: { required: boolean; type: PropType< JsonFormsRendererRegistryEntry[]>; default: undefined; }; cells: { required: boolean; type: PropType< JsonFormsCellRendererRegistryEntry[]>; default: undefined; }; config: { required: boolean; type: ObjectConstructor; default: undefined; }; }>, { renderer: ComputedRef<{ config: any; uischema: NonNullable< UISchemaElement | undefined>; schema: NonNullable< JsonSchema | undefined>; enabled: NonNullable<boolean | undefined>; readonly: NonNullable<boolean | undefined>; visible: NonNullable<boolean | undefined>; path: string; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[]; uischemas: JsonFormsUISchemaRegistryEntry[]; }>; rootSchema: ComputedRef<NonNullable< JsonSchema>>; }, {}, { determinedRenderer(): any; }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{ schema: { required: true; type: PropType<JsonSchema>; }; uischema: { required: true; type: PropType<UISchemaElement>; }; path: { required: true; type: StringConstructor; }; enabled: { required: false; type: BooleanConstructor; default: undefined; }; readonly: { required: false; type: BooleanConstructor; default: undefined; }; renderers: { required: boolean; type: PropType< JsonFormsRendererRegistryEntry[]>; default: undefined; }; cells: { required: boolean; type: PropType< JsonFormsCellRendererRegistryEntry[]>; default: undefined; }; config: { required: boolean; type: ObjectConstructor; default: undefined; }; }>> & Readonly<{}>, { enabled: boolean; readonly: boolean; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[]; config: Record<string, any>; }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>; CombinatorProperties: DefineComponent<{ schema: JsonSchema; combinatorKeyword: "oneOf" | "anyOf" | "allOf"; path: string; rootSchema: JsonSchema; }, { otherProps: JsonSchema; foundUISchema: UISchemaElement; isLayoutWithElements: boolean; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{ schema: JsonSchema; combinatorKeyword: "oneOf" | "anyOf" | "allOf"; path: string; rootSchema: JsonSchema; }> & Readonly<{}>, {}, {}, { DispatchRenderer: DefineComponent<ExtractPropTypes<{ schema: { required: true; type: PropType<JsonSchema>; }; uischema: { required: true; type: PropType<UISchemaElement>; }; path: { required: true; type: StringConstructor; }; enabled: { required: false; type: BooleanConstructor; default: undefined; }; readonly: { required: false; type: BooleanConstructor; default: undefined; }; renderers: { required: boolean; type: PropType< JsonFormsRendererRegistryEntry[]>; default: undefined; }; cells: { required: boolean; type: PropType< JsonFormsCellRendererRegistryEntry[]>; default: undefined; }; config: { required: boolean; type: ObjectConstructor; default: undefined; }; }>, { renderer: ComputedRef<{ config: any; uischema: NonNullable< UISchemaElement | undefined>; schema: NonNullable< JsonSchema | undefined>; enabled: NonNullable<boolean | undefined>; readonly: NonNullable<boolean | undefined>; visible: NonNullable<boolean | undefined>; path: string; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[]; uischemas: JsonFormsUISchemaRegistryEntry[]; }>; rootSchema: ComputedRef<NonNullable< JsonSchema>>; }, {}, { determinedRenderer(): any; }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{ schema: { required: true; type: PropType<JsonSchema>; }; uischema: { required: true; type: PropType<UISchemaElement>; }; path: { required: true; type: StringConstructor; }; enabled: { required: false; type: BooleanConstructor; default: undefined; }; readonly: { required: false; type: BooleanConstructor; default: undefined; }; renderers: { required: boolean; type: PropType< JsonFormsRendererRegistryEntry[]>; default: undefined; }; cells: { required: boolean; type: PropType< JsonFormsCellRendererRegistryEntry[]>; default: undefined; }; config: { required: boolean; type: ObjectConstructor; default: undefined; }; }>> & Readonly<{}>, { enabled: boolean; readonly: boolean; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[]; config: Record<string, any>; }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>; }, {}, string, ComponentProvideOptions, true, {}, any>; VTabs: { new (...args: any[]): CreateComponentPublicInstanceWithMixins<{ style: string | false | StyleValue[] | CSSProperties | null; mobile: boolean | null; density: Density; tag: string | JSXComponent; multiple: boolean; mandatory: "force" | boolean; selectedClass: string; disabled: boolean; centerActive: boolean; scrollToActive: boolean; direction: "horizontal" | "vertical"; symbol: any; nextIcon: IconValue; prevIcon: IconValue; alignTabs: "center" | "end" | "start" | "title"; fixedTabs: boolean; stacked: boolean; grow: boolean; hideSlider: boolean; inset: boolean; } & { class?: any; mobileBreakpoint?: number | DisplayBreakpoint | undefined; max?: number | undefined; spaced?: "both" | "end" | "start" | undefined; contentClass?: any; showArrows?: string | boolean | undefined; sliderTransition?: "fade" | "grow" | "shift" | undefined; sliderTransitionDuration?: string | number | undefined; color?: string | undefined; bgColor?: string | undefined; height?: string | number | undefined; insetPadding?: string | number | undefined; insetRadius?: string | number | undefined; sliderColor?: string | undefined; } & {}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Omit<{ "update:modelValue": (v: unknown) => true; }, "$children" | "items" | "modelValue" | "update:modelValue" | "v-slot:default" | "v-slot:item" | "v-slot:next" | "v-slot:prev" | "v-slot:tab" | "v-slot:window" | "v-slots" | `v-slot:item.${string}` | `v-slot:tab.${string}`>, VNodeProps & AllowedComponentProps & ComponentCustomProps, { style: StyleValue; mobile: boolean | null; density: Density; tag: string | JSXComponent; multiple: boolean; mandatory: "force" | boolean; selectedClass: string; disabled: boolean; centerActive: boolean; scrollToActive: boolean; direction: "horizontal" | "vertical"; symbol: any; nextIcon: IconValue; prevIcon: IconValue; alignTabs: "center" | "end" | "start" | "title"; fixedTabs: boolean; stacked: boolean; grow: boolean; height: string | number; hideSlider: boolean; inset: boolean; }, true, {}, SlotsType<Partial<{ [x: `tab.${string}`]: (arg: VTabsSlot<unknown>) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; [x: `item.${string}`]: (arg: VTabsSlot<unknown>) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; default: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; tab: (arg: VTabsSlot<unknown>) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; item: (arg: VTabsSlot<unknown>) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; window: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; prev: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; next: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, { style: string | false | StyleValue[] | CSSProperties | null; mobile: boolean | null; density: Density; tag: string | JSXComponent; multiple: boolean; mandatory: "force" | boolean; selectedClass: string; disabled: boolean; centerActive: boolean; scrollToActive: boolean; direction: "horizontal" | "vertical"; symbol: any; nextIcon: IconValue; prevIcon: IconValue; alignTabs: "center" | "end" | "start" | "title"; fixedTabs: boolean; stacked: boolean; grow: boolean; hideSlider: boolean; inset: boolean; } & { class?: any; mobileBreakpoint?: number | DisplayBreakpoint | undefined; max?: number | undefined; spaced?: "both" | "end" | "start" | undefined; contentClass?: any; showArrows?: string | boolean | undefined; sliderTransition?: "fade" | "grow" | "shift" | undefined; sliderTransitionDuration?: string | number | undefined; color?: string | undefined; bgColor?: string | undefined; height?: string | number | undefined; insetPadding?: string | number | undefined; insetRadius?: string | number | undefined; sliderColor?: string | undefined; } & {}, {}, {}, {}, {}, { style: StyleValue; mobile: boolean | null; density: Density; tag: string | JSXComponent; multiple: boolean; mandatory: "force" | boolean; selectedClass: string; disabled: boolean; centerActive: boolean; scrollToActive: boolean; direction: "horizontal" | "vertical"; symbol: any; nextIcon: IconValue; prevIcon: IconValue; alignTabs: "center" | "end" | "start" | "title"; fixedTabs: boolean; stacked: boolean; grow: boolean; height: string | number; hideSlider: boolean; inset: boolean; }>; __isFragment?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & ComponentOptionsBase<{ style: string | false | StyleValue[] | CSSProperties | null; mobile: boolean | null; density: Density; tag: string | JSXComponent; multiple: boolean; mandatory: "force" | boolean; selectedClass: string; disabled: boolean; centerActive: boolean; scrollToActive: boolean; direction: "horizontal" | "vertical"; symbol: any; nextIcon: IconValue; prevIcon: IconValue; alignTabs: "center" | "end" | "start" | "title"; fixedTabs: boolean; stacked: boolean; grow: boolean; hideSlider: boolean; inset: boolean; } & { class?: any; mobileBreakpoint?: number | DisplayBreakpoint | undefined; max?: number | undefined; spaced?: "both" | "end" | "start" | undefined; contentClass?: any; showArrows?: string | boolean | undefined; sliderTransition?: "fade" | "grow" | "shift" | undefined; sliderTransitionDuration?: string | number | undefined; color?: string | undefined; bgColor?: string | undefined; height?: string | number | undefined; insetPadding?: string | number | undefined; insetRadius?: string | number | undefined; sliderColor?: string | undefined; }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Omit<{ "update:modelValue": (v: unknown) => true; }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "items" | "v-slot:item" | "v-slot:next" | "v-slot:prev" | "v-slot:tab" | "v-slot:window" | `v-slot:item.${string}` | `v-slot:tab.${string}`>, string, { style: StyleValue; mobile: boolean | null; density: Density; tag: string | JSXComponent; multiple: boolean; mandatory: "force" | boolean; selectedClass: string; disabled: boolean; centerActive: boolean; scrollToActive: boolean; direction: "horizontal" | "vertical"; symbol: any; nextIcon: IconValue; prevIcon: IconValue; alignTabs: "center" | "end" | "start" | "title"; fixedTabs: boolean; stacked: boolean; grow: boolean; height: string | number; hideSlider: boolean; inset: boolean; }, {}, string, SlotsType<Partial<{ [x: `tab.${string}`]: (arg: VTabsSlot<unknown>) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; [x: `item.${string}`]: (arg: VTabsSlot<unknown>) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; default: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; tab: (arg: VTabsSlot<unknown>) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; item: (arg: VTabsSlot<unknown>) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; window: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; prev: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; next: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new <TModel, T = TabItem>(props: { items?: T[] | undefined; modelValue?: TModel | undefined; "onUpdate:modelValue"?: ((value: TModel) => void) | undefined; }, slots: VTabsSlots<T>) => GenericProps<{ items?: T[] | undefined; modelValue?: TModel | undefined; "onUpdate:modelValue"?: ((value: TModel) => void) | undefined; }, VTabsSlots<T>>) & FilterPropsOptions<{ class: PropType<any>; style: { type: PropType<StyleValue>; default: null; }; mobile: Omit<{ type: PropType<boolean | null>; default: boolean; }, "default" | "type"> & { type: PropType<boolean | null>; default: NonNullable<boolean | null> | null; }; mobileBreakpoint: PropType<number | DisplayBreakpoint>; density: { type: PropType<Density>; default: string; validator: (v: any) => boolean; }; tag: { type: PropType<string | JSXComponent>; default: string; }; modelValue: { type: null; default: undefined; }; multiple: BooleanConstructor; mandatory: { type: PropType<"force" | boolean>; default: NonNullable<"force" | boolean>; }; max: NumberConstructor; selectedClass: Omit<{ type: PropType<string>; default: string; }, "default" | "type"> & { type: PropType<string>; default: string; }; disabled: BooleanConstructor; spaced: PropType<"both" | "end" | "start">; centerActive: BooleanConstructor; scrollToActive: { type: BooleanConstructor; default: boolean; }; contentClass: null; direction: { type: PropType<"horizontal" | "vertical">; default: string; }; symbol: { type: null; default: InjectionKey<GroupProvide>; }; nextIcon: { type: PropType<IconValue>; default: string; }; prevIcon: { type: PropType<IconValue>; default: string; }; showArrows: { type: (BooleanConstructor | StringConstructor)[]; validator: (v: any) => boolean; }; sliderTransition: PropType<"fade" | "grow" | "shift">; sliderTransitionDuration: (NumberConstructor | StringConstructor)[]; alignTabs: { type: PropType<"center" | "end" | "start" | "title">; default: string; }; color: StringConstructor; fixedTabs: BooleanConstructor; items: { type: PropType<readonly TabItem[]>; default: () => never[]; }; stacked: BooleanConstructor; bgColor: StringConstructor; grow: BooleanConstructor; height: { type: (NumberConstructor | StringConstructor)[]; default: undefined; }; hideSlider: BooleanConstructor; inset: BooleanConstructor; insetPadding: (NumberConstructor | StringConstructor)[]; insetRadius: (NumberConstructor | StringConstructor)[]; sliderColor: StringConstructor; }, ExtractPropTypes<{ class: PropType<any>; style: { type: PropType<StyleValue>; default: null; }; mobile: Omit<{ type: PropType<boolean | null>; default: boolean; }, "default" | "type"> & { type: PropType<boolean | null>; default: NonNullable<boolean | null> | null; }; mobileBreakpoint: PropType<number | DisplayBreakpoint>; density: { type: PropType<Density>; default: string; validator: (v: any) => boolean; }; tag: { type: PropType<string | JSXComponent>; default: string; }; modelValue: { type: null; default: undefined; }; multiple: BooleanConstructor; mandatory: { type: PropType<"force" | boolean>; default: NonNullable<"force" | boolean>; }; max: NumberConstructor; selectedClass: Omit<{ type: PropType<string>; default: string; }, "default" | "type"> & { type: PropType<string>; default: string; }; disabled: BooleanConstructor; spaced: PropType<"both" | "end" | "start">; centerActive: BooleanConstructor; scrollToActive: { type: BooleanConstructor; default: boolean; }; contentClass: null; direction: { type: PropType<"horizontal" | "vertical">; default: string; }; symbol: { type: null; default: InjectionKey<GroupProvide>; }; nextIcon: { type: PropType<IconValue>; default: string; }; prevIcon: { type: PropType<IconValue>; default: string; }; showArrows: { type: (BooleanConstructor | StringConstructor)[]; validator: (v: any) => boolean; }; sliderTransition: PropType<"fade" | "grow" | "shift">; sliderTransitionDuration: (NumberConstructor | StringConstructor)[]; alignTabs: { type: PropType<"center" | "end" | "start" | "title">; default: string; }; color: StringConstructor; fixedTabs: BooleanConstructor; items: { type: PropType<readonly TabItem[]>; default: () => never[]; }; stacked: BooleanConstructor; bgColor: StringConstructor; grow: BooleanConstructor; height: { type: (NumberConstructor | StringConstructor)[]; default: undefined; }; hideSlider: BooleanConstructor; inset: BooleanConstructor; insetPadding: (NumberConstructor | StringConstructor)[]; insetRadius: (NumberConstructor | StringConstructor)[]; sliderColor: StringConstructor; }>>; VTab: { new (...args: any[]): CreateComponentPublicInstanceWithMixins<{ style: string | false | StyleValue[] | CSSProperties | null; density: Density; tile: boolean; tag: string | JSXComponent; variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal"; disabled: boolean; selectedClass: string; size: string | number; replace: boolean; exact: boolean; readonly: boolean; slim: boolean; stacked: boolean; ripple: boolean | { class?: string | undefined; keys?: string[] | undefined; }; fixed: boolean; hideSlider: boolean; inset: boolean; direction: "horizontal" | "vertical"; } & { theme?: string | undefined; class?: any; border?: string | number | boolean | undefined; elevation?: string | number | undefined; rounded?: string | number | boolean | undefined; color?: string | undefined; value?: any; height?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; loading?: string | boolean | undefined; href?: string | undefined; to?: string | RouteLocationAsPathGeneric | RouteLocationAsRelativeGeneric | undefined; activeColor?: string | undefined; baseColor?: string | undefined; icon?: boolean | IconValue | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; spaced?: "both" | "end" | "start" | undefined; text?: string | number | boolean | undefined; sliderColor?: string | undefined; sliderTransition?: "fade" | "grow" | "shift" | undefined; sliderTransitionDuration?: string | number | undefined; } & { $children?: { default?: (() => VNodeChild) | undefined; prepend?: (() => VNodeChild) | undefined; append?: (() => VNodeChild) | undefined; loader?: (() => VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | (() => VNodeChild) | VNodeChild; "v-slots"?: { default?: false | (() => VNodeChild) | undefined; prepend?: false | (() => VNodeChild) | undefined; append?: false | (() => VNodeChild) | undefined; loader?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:append"?: false | (() => VNodeChild) | undefined; "v-slot:default"?: false | (() => VNodeChild) | undefined; "v-slot:loader"?: false | (() => VNodeChild) | undefined; "v-slot:prepend"?: false | (() => VNodeChild) | undefined; }, Omit<Omit<{ $: ComponentInternalInstance; $data: {}; $props: Partial<{ style: StyleValue; density: Density; rounded: string | number | boolean; tile: boolean; tag: string | JSXComponent; variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal"; disabled: boolean; size: string | number; replace: boolean; exact: boolean; active: boolean; symbol: any; flat: boolean; block: boolean; readonly: boolean; slim: boolean; stacked: boolean; ripple: boolean | { class?: string | undefined; keys?: string[] | undefined; } | undefined; text: string | number | boolean; }> & Omit<{ theme?: string | undefined; class?: any; style: string | false | StyleValue[] | CSSProperties | null; $children?: { default?: (() => VNodeChild) | undefined; prepend?: (() => VNodeChild) | undefined; append?: (() => VNodeChild) | undefined; loader?: (() => VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | (() => VNodeChild) | VNodeChild; "v-slots"?: { default?: false | (() => VNodeChild) | undefined; prepend?: false | (() => VNodeChild) | undefined; append?: false | (() => VNodeChild) | undefined; loader?: false | (() => VNodeChild) | undefined; } | undefined; border?: string | number | boolean | undefined; density: Density; elevation?: string | number | undefined; rounded?: string | number | boolean | undefined; tile: boolean; tag: string | JSXComponent; color?: string | undefined; variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal"; value?: any; disabled: boolean; selectedClass?: string | undefined; size: string | number; height?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; location?: Anchor | null | undefined; loading?: string | boolean | undefined; position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined; href?: string | undefined; replace: boolean; to?: string | RouteLocationAsPathGeneric | RouteLocationAsRelativeGeneric | undefined; exact: boolean; active?: boolean | undefined; activeColor?: string | undefined; baseColor?: string | undefined; symbol: any; flat: boolean; icon?: boolean | IconValue | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; block: boolean; readonly: boolean; slim: boolean; stacked: boolean; spaced?: "both" | "end" | "start" | undefined; ripple: boolean | { class?: string | undefined; keys?: string[] | undefined; }; text?: string | number | boolean | undefined; "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; "v-slot:append"?: false | (() => VNodeChild) | undefined; "v-slot:default"?: false | (() => VNodeChild) | undefined; "v-slot:loader"?: false | (() => VNodeChild) | undefined; "v-slot:prepend"?: false | (() => VNodeChild) | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "active" | "block" | "density" | "disabled" | "exact" | "flat" | "readonly" | "replace" | "ripple" | "rounded" | "size" | "slim" | "stacked" | "style" | "symbol" | "tag" | "text" | "tile" | "variant">; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ default?: (() => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; prepend?: (() => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; append?: (() => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; loader?: (() => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; }>; $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null; $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null; $host: Element | null; $emit: (event: "group:selected", val: { value: boolean; }) => void; $el: any; $options: ComponentOptionsBase<{ style: string | false | StyleValue[] | CSSProperties | null; density: Density; tile: boolean; tag: string | JSXComponent; variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal"; disabled: boolean; size: string | number; replace: boolean; exact: boolean; symbol: any; flat: boolean; block: boolean; readonly: boolean; slim: boolean; stacked: boolean; ripple: boolean | { class?: string | undefined; keys?: string[] | undefined; }; } & { theme?: string | undefined; class?: any; border?: string | number | boolean | undefined; elevation?: string | number | undefined; rounded?: string | number | boolean | undefined; color?: string | undefined; value?: any; selectedClass?: string | undefined; height?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; location?: Anchor | null | undefined; loading?: string | boolean | undefined; position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined; href?: string | undefined; to?: string | RouteLocationAsPathGeneric | RouteLocationAsRelativeGeneric | undefined; active?: boolean | undefined; activeColor?: string | undefined; baseColor?: string | undefined; icon?: boolean | IconValue | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; spaced?: "both" | "end" | "start" | undefined; text?: string | number | boolean | undefined; } & { $children?: { default?: (() => VNodeChild) | undefined; prepend?: (() => VNodeChild) | undefined; append?: (() => VNodeChild) | undefined; loader?: (() => VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | (() => VNodeChild) | VNodeChild; "v-slots"?: { default?: false | (() => VNodeChild) | undefined; prepend?: false | (() => VNodeChild) | undefined; append?: false | (() => VNodeChild) | undefined; loader?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:append"?: false | (() => VNodeChild) | undefined; "v-slot:default"?: false | (() => VNodeChild) | undefined; "v-slot:loader"?: false | (() => VNodeChild) | undefined; "v-slot:prepend"?: false | (() => VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, { group: GroupItemProvide | null; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "group:selected": (val: { value: boolean; }) => true; }, string, { style: StyleValue; density: Density; rounded: string | number | boolean; tile: boolean; tag: string | JSXComponent; variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal"; disabled: boolean; size: string | number; replace: boolean; exact: boolean; active: boolean; symbol: any; flat: boolean; block: boolean; readonly: boolean; slim: boolean; stacked: boolean; ripple: boolean | { class?: string | undefined; keys?: string[] | undefined; } | undefined; text: string | number | boolean; }, {}, string, SlotsType<Partial<{ default: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; prepend: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; append: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; loader: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & { beforeCreate?: ((() => void)[] | (() => void)) | undefined; created?: ((() => void)[] | (() => void)) | undefined; beforeMount?: ((() => void)[] | (() => void)) | undefined; mounted?: ((() => void)[] | (() => void)) | undefined; beforeUpdate?: ((() => void)[] | (() => void)) | undefined; updated?: ((() => void)[] | (() => void)) | undefined; activated?: ((() => void)[] | (() => void)) | undefined; deactivated?: ((() => void)[] | (() => void)) | undefined; beforeDestroy?: ((() => void)[] | (() => void)) | undefined; beforeUnmount?: ((() => void)[] | (() => void)) | undefined; destroyed?: ((() => void)[] | (() => void)) | undefined; unmounted?: ((() => void)[] | (() => void)) | undefined; renderTracked?: (((e: DebuggerEvent) => void)[] | ((e: DebuggerEvent) => void)) | undefined; renderTriggered?: (((e: DebuggerEvent) => void)[] | ((e: DebuggerEvent) => void)) | undefined; errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => void | boolean)[] | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => void | boolean)) | undefined; }; $forceUpdate: () => void; $nextTick: nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: OnCleanup) => any : (args_0: any, args_1: any, args_2: OnCleanup) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle; } & Readonly<{ style: StyleValue; density: Density; rounded: string | number | boolean; tile: boolean; tag: string | JSXComponent; variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal"; disabled: boolean; size: string | number; replace: boolean; exact: boolean; active: boolean; symbol: any; flat: boolean; block: boolean; readonly: boolean; slim: boolean; stacked: boolean; ripple: boolean | { class?: string | undefined; keys?: string[] | undefined; } | undefined; text: string | number | boolean; }> & Omit<{ style: string | false | StyleValue[] | CSSProperties | null; density: Density; tile: boolean; tag: string | JSXComponent; variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal"; disabled: boolean; size: string | number; replace: boolean; exact: boolean; symbol: any; flat: boolean; block: boolean; readonly: boolean; slim: boolean; stacked: boolean; ripple: boolean | { class?: string | undefined; keys?: string[] | undefined; }; } & { theme?: string | undefined; class?: any; border?: string | number | boolean | undefined; elevation?: string | number | undefined; rounded?: string | number | boolean | undefined; color?: string | undefined; value?: any; selectedClass?: string | undefined; height?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; location?: Anchor | null | undefined; loading?: string | boolean | undefined; position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined; href?: string | undefined; to?: string | RouteLocationAsPathGeneric | RouteLocationAsRelativeGeneric | undefined; active?: boolean | undefined; activeColor?: string | undefined; baseColor?: string | undefined; icon?: boolean | IconValue | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; spaced?: "both" | "end" | "start" | undefined; text?: string | number | boolean | undefined; } & { $children?: { default?: (() => VNodeChild) | undefined; prepend?: (() => VNodeChild) | undefined; append?: (() => VNodeChild) | undefined; loader?: (() => VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | (() => VNodeChild) | VNodeChild; "v-slots"?: { default?: false | (() => VNodeChild) | undefined; prepend?: false | (() => VNodeChild) | undefined; append?: false | (() => VNodeChild) | undefined; loader?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:append"?: false | (() => VNodeChild) | undefined; "v-slot:default"?: false | (() => VNodeChild) | undefined; "v-slot:loader"?: false | (() => VNodeChild) | undefined; "v-slot:prepend"?: false | (() => VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, "group" | ("active" | "block" | "density" | "disabled" | "exact" | "flat" | "readonly" | "replace" | "ripple" | "rounded" | "size" | "slim" | "stacked" | "style" | "symbol" | "tag" | "text" | "tile" | "variant")> & ShallowUnwrapRef<{ group: GroupItemProvide | null; }> & {} & ComponentCustomProperties & {}, "$children" | "activeColor" | "appendIcon" | "baseColor" | "border" | "class" | "color" | "elevation" | "height" | "href" | "icon" | "loading" | "location" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onGroup:selected" | "position" | "prependIcon" | "selectedClass" | "spaced" | "theme" | "to" | "v-slot:append" | "v-slot:default" | "v-slot:loader" | "v-slot:prepend" | "v-slots" | "value" | "width" | ("active" | "block" | "density" | "disabled" | "exact" | "flat" | "readonly" | "replace" | "ripple" | "rounded" | "size" | "slim" | "stacked" | "style" | "symbol" | "tag" | "text" | "tile" | "variant") | keyof VNodeProps>, `$${any}`> & { _allExposed: { group: GroupItemProvide | null; } | {}; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, { style: StyleValue; density: Density; rounded: string | n