vuetify

import * as vue from 'vue'; import { ComponentPropsOptions, ExtractPropTypes, ComponentInternalInstance, Ref, ComputedRef, DirectiveBinding, PropType, ComponentPublicInstance, FunctionalComponent } from 'vue'; // @ts-ignore import * as vue_router from 'vue-router'; type ClassValue = any; declare const block: readonly ["top", "bottom"]; declare const inline: readonly ["start", "end", "left", "right"]; type Tblock = typeof block[number]; type Tinline = typeof inline[number]; type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`; interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> { filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>; } interface GroupItem { id: number; value: Ref<unknown>; disabled: Ref<boolean | undefined>; useIndexAsValue?: boolean; } interface GroupProvide { register: (item: GroupItem, cmp: ComponentInternalInstance) => void; unregister: (id: number) => void; select: (id: number, value: boolean) => void; selected: Ref<Readonly<number[]>>; isSelected: (id: number) => boolean; prev: () => void; next: () => void; selectedClass: Ref<string | undefined>; items: ComputedRef<{ id: number; value: unknown; disabled: boolean | undefined; }[]>; disabled: Ref<boolean | undefined>; getItemIndex: (value: unknown) => number; } interface GroupItemProvide { id: number; isSelected: Ref<boolean>; isFirst: Ref<boolean>; isLast: Ref<boolean>; toggle: () => void; select: (value: boolean) => void; selectedClass: Ref<(string | undefined)[] | false>; value: Ref<unknown>; disabled: Ref<boolean | undefined>; group: GroupProvide; } interface RippleDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> { value?: boolean | { class: string; }; modifiers: { center?: boolean; circle?: boolean; stop?: boolean; }; } type Density = null | 'default' | 'comfortable' | 'compact'; type JSXComponent<Props = any> = { new (): ComponentPublicInstance<Props>; } | FunctionalComponent<Props>; type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent; declare const IconValue: PropType<IconValue>; declare const allowedVariants: readonly ["elevated", "flat", "tonal", "outlined", "text", "plain"]; type Variant = typeof allowedVariants[number]; declare const VTab: { new (...args: any[]): vue.CreateComponentPublicInstance<{ replace: boolean; fixed: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; direction: "horizontal" | "vertical"; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; tile: boolean; density: Density; selectedClass: string; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; hideSlider: boolean; } & { 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; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; theme?: string | undefined; rounded?: string | number | boolean | undefined; baseColor?: string | undefined; activeColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; sliderColor?: string | undefined; } & { $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; }, Omit<Omit<{ $: vue.ComponentInternalInstance; $data: {}; $props: Partial<{ symbol: any; replace: boolean; flat: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; block: boolean; active: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; rounded: string | number | boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; }> & Omit<{ symbol: any; replace: boolean; flat: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; block: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; location?: Anchor | null | undefined; height?: string | number | undefined; width?: string | number | undefined; active?: boolean | 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" | "static" | "sticky" | "relative" | undefined; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; theme?: string | undefined; rounded?: string | number | boolean | undefined; baseColor?: string | undefined; selectedClass?: string | undefined; activeColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & { symbol: any; replace: boolean; flat: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; block: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { location?: Anchor | null | undefined; height?: string | number | undefined; width?: string | number | undefined; active?: boolean | 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" | "static" | "sticky" | "relative" | undefined; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; theme?: string | undefined; rounded?: string | number | boolean | undefined; baseColor?: string | undefined; selectedClass?: string | undefined; activeColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, "symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple">; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ default?: (() => vue.VNode[]) | undefined; prepend?: (() => vue.VNode[]) | undefined; append?: (() => vue.VNode[]) | undefined; loader?: (() => vue.VNode[]) | undefined; }>; $root: vue.ComponentPublicInstance | null; $parent: vue.ComponentPublicInstance | null; $emit: (event: "group:selected", val: { value: boolean; }) => void; $el: any; $options: vue.ComponentOptionsBase<{ symbol: any; replace: boolean; flat: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; block: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { location?: Anchor | null | undefined; height?: string | number | undefined; width?: string | number | undefined; active?: boolean | 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" | "static" | "sticky" | "relative" | undefined; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; theme?: string | undefined; rounded?: string | number | boolean | undefined; baseColor?: string | undefined; selectedClass?: string | undefined; activeColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, { group: GroupItemProvide | null; }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, { 'group:selected': (val: { value: boolean; }) => true; }, string, { symbol: any; replace: boolean; flat: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; block: boolean; active: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; rounded: string | number | boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; }, {}, string, vue.SlotsType<Partial<{ default: () => vue.VNode[]; prepend: () => vue.VNode[]; append: () => vue.VNode[]; loader: () => vue.VNode[]; }>>> & { beforeCreate?: (() => void) | (() => void)[]; created?: (() => void) | (() => void)[]; beforeMount?: (() => void) | (() => void)[]; mounted?: (() => void) | (() => void)[]; beforeUpdate?: (() => void) | (() => void)[]; updated?: (() => void) | (() => void)[]; activated?: (() => void) | (() => void)[]; deactivated?: (() => void) | (() => void)[]; beforeDestroy?: (() => void) | (() => void)[]; beforeUnmount?: (() => void) | (() => void)[]; destroyed?: (() => void) | (() => void)[]; unmounted?: (() => void) | (() => void)[]; renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]; renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: typeof vue.nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle; } & Omit<{ symbol: any; replace: boolean; flat: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; block: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { location?: Anchor | null | undefined; height?: string | number | undefined; width?: string | number | undefined; active?: boolean | 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" | "static" | "sticky" | "relative" | undefined; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; theme?: string | undefined; rounded?: string | number | boolean | undefined; baseColor?: string | undefined; selectedClass?: string | undefined; activeColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, "group"> & vue.ShallowUnwrapRef<{ group: GroupItemProvide | null; }> & {} & vue.ComponentCustomProperties & {}, "key" | "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "text" | "class" | "ref" | "icon" | "$children" | "href" | "elevation" | "to" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:prepend" | "v-slot:append" | "baseColor" | "selectedClass" | "onGroup:selected" | "activeColor" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`> & { _allExposed: { group: GroupItemProvide | null; } | {}; }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & { replace: boolean; fixed: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; direction: "horizontal" | "vertical"; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; tile: boolean; density: Density; selectedClass: string; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; hideSlider: boolean; } & { 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; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; theme?: string | undefined; rounded?: string | number | boolean | undefined; baseColor?: string | undefined; activeColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; sliderColor?: string | undefined; } & { $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; }, { replace: boolean; fixed: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; direction: "horizontal" | "vertical"; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; rounded: string | number | boolean; tile: boolean; density: Density; selectedClass: string; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; hideSlider: boolean; }, true, {}, vue.SlotsType<Partial<{ default: () => vue.VNode[]; prepend: () => vue.VNode[]; append: () => vue.VNode[]; loader: () => vue.VNode[]; }>>, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, { replace: boolean; fixed: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; direction: "horizontal" | "vertical"; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; tile: boolean; density: Density; selectedClass: string; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; hideSlider: boolean; } & { 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; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; theme?: string | undefined; rounded?: string | number | boolean | undefined; baseColor?: string | undefined; activeColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; sliderColor?: string | undefined; } & { $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; }, Omit<Omit<{ $: vue.ComponentInternalInstance; $data: {}; $props: Partial<{ symbol: any; replace: boolean; flat: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; block: boolean; active: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; rounded: string | number | boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; }> & Omit<{ symbol: any; replace: boolean; flat: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; block: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; location?: Anchor | null | undefined; height?: string | number | undefined; width?: string | number | undefined; active?: boolean | 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" | "static" | "sticky" | "relative" | undefined; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; theme?: string | undefined; rounded?: string | number | boolean | undefined; baseColor?: string | undefined; selectedClass?: string | undefined; activeColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & { symbol: any; replace: boolean; flat: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; block: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { location?: Anchor | null | undefined; height?: string | number | undefined; width?: string | number | undefined; active?: boolean | 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" | "static" | "sticky" | "relative" | undefined; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; theme?: string | undefined; rounded?: string | number | boolean | undefined; baseColor?: string | undefined; selectedClass?: string | undefined; activeColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, "symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple">; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ default?: (() => vue.VNode[]) | undefined; prepend?: (() => vue.VNode[]) | undefined; append?: (() => vue.VNode[]) | undefined; loader?: (() => vue.VNode[]) | undefined; }>; $root: vue.ComponentPublicInstance | null; $parent: vue.ComponentPublicInstance | null; $emit: (event: "group:selected", val: { value: boolean; }) => void; $el: any; $options: vue.ComponentOptionsBase<{ symbol: any; replace: boolean; flat: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; block: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { location?: Anchor | null | undefined; height?: string | number | undefined; width?: string | number | undefined; active?: boolean | 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" | "static" | "sticky" | "relative" | undefined; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; theme?: string | undefined; rounded?: string | number | boolean | undefined; baseColor?: string | undefined; selectedClass?: string | undefined; activeColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, { group: GroupItemProvide | null; }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, { 'group:selected': (val: { value: boolean; }) => true; }, string, { symbol: any; replace: boolean; flat: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; block: boolean; active: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; rounded: string | number | boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; }, {}, string, vue.SlotsType<Partial<{ default: () => vue.VNode[]; prepend: () => vue.VNode[]; append: () => vue.VNode[]; loader: () => vue.VNode[]; }>>> & { beforeCreate?: (() => void) | (() => void)[]; created?: (() => void) | (() => void)[]; beforeMount?: (() => void) | (() => void)[]; mounted?: (() => void) | (() => void)[]; beforeUpdate?: (() => void) | (() => void)[]; updated?: (() => void) | (() => void)[]; activated?: (() => void) | (() => void)[]; deactivated?: (() => void) | (() => void)[]; beforeDestroy?: (() => void) | (() => void)[]; beforeUnmount?: (() => void) | (() => void)[]; destroyed?: (() => void) | (() => void)[]; unmounted?: (() => void) | (() => void)[]; renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]; renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: typeof vue.nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle; } & Omit<{ symbol: any; replace: boolean; flat: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; block: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { location?: Anchor | null | undefined; height?: string | number | undefined; width?: string | number | undefined; active?: boolean | 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" | "static" | "sticky" | "relative" | undefined; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; theme?: string | undefined; rounded?: string | number | boolean | undefined; baseColor?: string | undefined; selectedClass?: string | undefined; activeColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, "group"> & vue.ShallowUnwrapRef<{ group: GroupItemProvide | null; }> & {} & vue.ComponentCustomProperties & {}, "key" | "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "text" | "class" | "ref" | "icon" | "$children" | "href" | "elevation" | "to" | "theme" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:prepend" | "v-slot:append" | "baseColor" | "selectedClass" | "onGroup:selected" | "activeColor" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`> & { _allExposed: { group: GroupItemProvide | null; } | {}; }, {}, {}, {}, { replace: boolean; fixed: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; direction: "horizontal" | "vertical"; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; rounded: string | number | boolean; tile: boolean; density: Density; selectedClass: string; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; hideSlider: boolean; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & vue.ComponentOptionsBase<{ replace: boolean; fixed: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; direction: "horizontal" | "vertical"; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; tile: boolean; density: Density; selectedClass: string; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; hideSlider: boolean; } & { 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; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; theme?: string | undefined; rounded?: string | number | boolean | undefined; baseColor?: string | undefined; activeColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; sliderColor?: string | undefined; } & { $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; }, Omit<Omit<{ $: vue.ComponentInternalInstance; $data: {}; $props: Partial<{ symbol: any; replace: boolean; flat: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; block: boolean; active: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; rounded: string | number | boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; }> & Omit<{ symbol: any; replace: boolean; flat: boolean; variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"; exact: boolean; block: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; readonly: boolean; tag: string; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; location?: Anchor | null | undefined; height?: string | number | undefined; width?: string | number | undefined; active?: boolean | 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" | "static" | "sticky" | "relative" | undefined; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undef