@jsonforms/vue-vuetify
Version:
Vue Vuetify renderers for JSON Forms
1,181 lines (1,180 loc) • 118 kB
TypeScript
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