vuetify
Version:
Vue Material Component Framework
927 lines (926 loc) • 87.5 kB
TypeScript
import type { PropType } from 'vue';
export declare const makeVTabProps: <Defaults extends {
replace?: unknown;
variant?: unknown;
exact?: unknown;
height?: unknown;
width?: unknown;
border?: unknown;
color?: unknown;
maxHeight?: unknown;
maxWidth?: unknown;
minHeight?: unknown;
minWidth?: unknown;
value?: unknown;
loading?: unknown;
style?: unknown;
text?: unknown;
disabled?: unknown;
size?: unknown;
readonly?: unknown;
class?: unknown;
theme?: unknown;
tag?: unknown;
to?: unknown;
icon?: unknown;
href?: unknown;
elevation?: unknown;
density?: unknown;
rounded?: unknown;
tile?: unknown;
baseColor?: unknown;
selectedClass?: unknown;
activeColor?: unknown;
prependIcon?: unknown;
appendIcon?: unknown;
slim?: unknown;
stacked?: unknown;
ripple?: unknown;
fixed?: unknown;
sliderColor?: unknown;
hideSlider?: unknown;
direction?: unknown;
} = {}>(defaults?: Defaults | undefined) => {
replace: unknown extends Defaults["replace"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["replace"] ? boolean : boolean | Defaults["replace"]>;
default: unknown extends Defaults["replace"] ? boolean : boolean | Defaults["replace"];
};
variant: unknown extends Defaults["variant"] ? Omit<Omit<{
type: PropType<import("../../composables/variant.js").Variant>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
}, "type" | "default"> & {
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
} : Omit<Omit<Omit<{
type: PropType<import("../../composables/variant.js").Variant>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
}, "type" | "default"> & {
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
}, "type" | "default"> & {
type: PropType<unknown extends Defaults["variant"] ? "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" : "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | Defaults["variant"]>;
default: unknown extends Defaults["variant"] ? "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" : NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"> | Defaults["variant"];
};
exact: unknown extends Defaults["exact"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["exact"] ? boolean : boolean | Defaults["exact"]>;
default: unknown extends Defaults["exact"] ? boolean : boolean | Defaults["exact"];
};
height: unknown extends Defaults["height"] ? (StringConstructor | NumberConstructor)[] : {
type: PropType<unknown extends Defaults["height"] ? string | number : string | number | Defaults["height"]>;
default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
};
width: unknown extends Defaults["width"] ? (StringConstructor | NumberConstructor)[] : {
type: PropType<unknown extends Defaults["width"] ? string | number : string | number | Defaults["width"]>;
default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"];
};
border: unknown extends Defaults["border"] ? (StringConstructor | BooleanConstructor | NumberConstructor)[] : {
type: PropType<unknown extends Defaults["border"] ? string | number | boolean : string | number | boolean | Defaults["border"]>;
default: unknown extends Defaults["border"] ? string | number | boolean : NonNullable<string | number | boolean> | Defaults["border"];
};
color: unknown extends Defaults["color"] ? StringConstructor : {
type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
};
maxHeight: unknown extends Defaults["maxHeight"] ? (StringConstructor | NumberConstructor)[] : {
type: PropType<unknown extends Defaults["maxHeight"] ? string | number : string | number | Defaults["maxHeight"]>;
default: unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"];
};
maxWidth: unknown extends Defaults["maxWidth"] ? (StringConstructor | NumberConstructor)[] : {
type: PropType<unknown extends Defaults["maxWidth"] ? string | number : string | number | Defaults["maxWidth"]>;
default: unknown extends Defaults["maxWidth"] ? string | number : NonNullable<string | number> | Defaults["maxWidth"];
};
minHeight: unknown extends Defaults["minHeight"] ? (StringConstructor | NumberConstructor)[] : {
type: PropType<unknown extends Defaults["minHeight"] ? string | number : string | number | Defaults["minHeight"]>;
default: unknown extends Defaults["minHeight"] ? string | number : NonNullable<string | number> | Defaults["minHeight"];
};
minWidth: unknown extends Defaults["minWidth"] ? (StringConstructor | NumberConstructor)[] : {
type: PropType<unknown extends Defaults["minWidth"] ? string | number : string | number | Defaults["minWidth"]>;
default: unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"];
};
value: unknown extends Defaults["value"] ? null : {
type: PropType<unknown extends Defaults["value"] ? any : any>;
default: unknown extends Defaults["value"] ? any : any;
};
loading: unknown extends Defaults["loading"] ? (StringConstructor | BooleanConstructor)[] : {
type: PropType<unknown extends Defaults["loading"] ? string | boolean : string | boolean | Defaults["loading"]>;
default: unknown extends Defaults["loading"] ? string | boolean : NonNullable<string | boolean> | Defaults["loading"];
};
style: unknown extends Defaults["style"] ? {
type: PropType<import("vue").StyleValue>;
default: null;
} : Omit<{
type: PropType<import("vue").StyleValue>;
default: null;
}, "type" | "default"> & {
type: PropType<unknown extends Defaults["style"] ? import("vue").StyleValue : import("vue").StyleValue | Defaults["style"]>;
default: unknown extends Defaults["style"] ? import("vue").StyleValue : NonNullable<import("vue").StyleValue> | Defaults["style"];
};
text: unknown extends Defaults["text"] ? {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
} : Omit<{
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
}, "type" | "default"> & {
type: PropType<unknown extends Defaults["text"] ? string | number | boolean : string | number | boolean | Defaults["text"]>;
default: unknown extends Defaults["text"] ? string | number | boolean : NonNullable<string | number | boolean> | Defaults["text"];
};
disabled: unknown extends Defaults["disabled"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
};
size: unknown extends Defaults["size"] ? {
type: (StringConstructor | NumberConstructor)[];
default: string;
} : Omit<{
type: (StringConstructor | NumberConstructor)[];
default: string;
}, "type" | "default"> & {
type: PropType<unknown extends Defaults["size"] ? string | number : string | number | Defaults["size"]>;
default: unknown extends Defaults["size"] ? string | number : NonNullable<string | number> | Defaults["size"];
};
readonly: unknown extends Defaults["readonly"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"]>;
default: unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"];
};
class: unknown extends Defaults["class"] ? PropType<any> : {
type: PropType<unknown extends Defaults["class"] ? any : any>;
default: unknown extends Defaults["class"] ? any : any;
};
theme: unknown extends Defaults["theme"] ? StringConstructor : {
type: PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>;
default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"];
};
tag: unknown extends Defaults["tag"] ? Omit<{
type: PropType<string | import("../../util/index.js").JSXComponent>;
default: string;
}, "type" | "default"> & {
type: PropType<string | import("../../util/index.js").JSXComponent>;
default: NonNullable<string | import("../../util/index.js").JSXComponent>;
} : Omit<Omit<{
type: PropType<string | import("../../util/index.js").JSXComponent>;
default: string;
}, "type" | "default"> & {
type: PropType<string | import("../../util/index.js").JSXComponent>;
default: NonNullable<string | import("../../util/index.js").JSXComponent>;
}, "type" | "default"> & {
type: PropType<unknown extends Defaults["tag"] ? string | import("../../util/index.js").JSXComponent : string | import("../../util/index.js").JSXComponent | Defaults["tag"]>;
default: unknown extends Defaults["tag"] ? string | import("../../util/index.js").JSXComponent : NonNullable<string | import("../../util/index.js").JSXComponent> | Defaults["tag"];
};
to: unknown extends Defaults["to"] ? PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric> : {
type: PropType<unknown extends Defaults["to"] ? string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric : string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | Defaults["to"]>;
default: unknown extends Defaults["to"] ? string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric : NonNullable<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric> | Defaults["to"];
};
icon: unknown extends Defaults["icon"] ? PropType<boolean | import("../../composables/icons.js").IconValue> : {
type: PropType<unknown extends Defaults["icon"] ? boolean | import("../../composables/icons.js").IconValue : boolean | import("../../composables/icons.js").IconValue | Defaults["icon"]>;
default: unknown extends Defaults["icon"] ? boolean | import("../../composables/icons.js").IconValue : NonNullable<boolean | import("../../composables/icons.js").IconValue> | Defaults["icon"];
};
href: unknown extends Defaults["href"] ? StringConstructor : {
type: PropType<unknown extends Defaults["href"] ? string : string | Defaults["href"]>;
default: unknown extends Defaults["href"] ? string : string | Defaults["href"];
};
elevation: unknown extends Defaults["elevation"] ? {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
} : Omit<{
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
}, "type" | "default"> & {
type: PropType<unknown extends Defaults["elevation"] ? string | number : string | number | Defaults["elevation"]>;
default: unknown extends Defaults["elevation"] ? string | number : NonNullable<string | number> | Defaults["elevation"];
};
density: unknown extends Defaults["density"] ? {
type: PropType<import("../../composables/density.js").Density>;
default: string;
validator: (v: any) => boolean;
} : Omit<{
type: PropType<import("../../composables/density.js").Density>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<unknown extends Defaults["density"] ? import("../../composables/density.js").Density : import("../../composables/density.js").Density | Defaults["density"]>;
default: unknown extends Defaults["density"] ? import("../../composables/density.js").Density : NonNullable<import("../../composables/density.js").Density> | Defaults["density"];
};
rounded: unknown extends Defaults["rounded"] ? {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
} : Omit<{
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
}, "type" | "default"> & {
type: PropType<unknown extends Defaults["rounded"] ? string | number | boolean : string | number | boolean | Defaults["rounded"]>;
default: unknown extends Defaults["rounded"] ? string | number | boolean : NonNullable<string | number | boolean> | Defaults["rounded"];
};
tile: unknown extends Defaults["tile"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"]>;
default: unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"];
};
baseColor: unknown extends Defaults["baseColor"] ? StringConstructor : {
type: PropType<unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"]>;
default: unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"];
};
selectedClass: unknown extends Defaults["selectedClass"] ? {
type: PropType<string>;
default: string;
} : Omit<{
type: PropType<string>;
default: string;
}, "type" | "default"> & {
type: PropType<unknown extends Defaults["selectedClass"] ? string : string | Defaults["selectedClass"]>;
default: unknown extends Defaults["selectedClass"] ? string : string | Defaults["selectedClass"];
};
activeColor: unknown extends Defaults["activeColor"] ? StringConstructor : {
type: PropType<unknown extends Defaults["activeColor"] ? string : string | Defaults["activeColor"]>;
default: unknown extends Defaults["activeColor"] ? string : string | Defaults["activeColor"];
};
prependIcon: unknown extends Defaults["prependIcon"] ? PropType<import("../../composables/icons.js").IconValue> : {
type: PropType<unknown extends Defaults["prependIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["prependIcon"]>;
default: unknown extends Defaults["prependIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["prependIcon"];
};
appendIcon: unknown extends Defaults["appendIcon"] ? PropType<import("../../composables/icons.js").IconValue> : {
type: PropType<unknown extends Defaults["appendIcon"] ? import("../../composables/icons.js").IconValue : import("../../composables/icons.js").IconValue | Defaults["appendIcon"]>;
default: unknown extends Defaults["appendIcon"] ? import("../../composables/icons.js").IconValue : NonNullable<import("../../composables/icons.js").IconValue> | Defaults["appendIcon"];
};
slim: unknown extends Defaults["slim"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["slim"] ? boolean : boolean | Defaults["slim"]>;
default: unknown extends Defaults["slim"] ? boolean : boolean | Defaults["slim"];
};
stacked: unknown extends Defaults["stacked"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["stacked"] ? boolean : boolean | Defaults["stacked"]>;
default: unknown extends Defaults["stacked"] ? boolean : boolean | Defaults["stacked"];
};
ripple: unknown extends Defaults["ripple"] ? {
type: PropType<import("../../directives/ripple/index.js").RippleDirectiveBinding["value"]>;
default: boolean;
} : Omit<{
type: PropType<import("../../directives/ripple/index.js").RippleDirectiveBinding["value"]>;
default: boolean;
}, "type" | "default"> & {
type: PropType<unknown extends Defaults["ripple"] ? boolean | {
class: string;
} | undefined : boolean | {
class: string;
} | Defaults["ripple"] | undefined>;
default: unknown extends Defaults["ripple"] ? boolean | {
class: string;
} | undefined : NonNullable<boolean | {
class: string;
} | undefined> | Defaults["ripple"];
};
fixed: unknown extends Defaults["fixed"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["fixed"] ? boolean : boolean | Defaults["fixed"]>;
default: unknown extends Defaults["fixed"] ? boolean : boolean | Defaults["fixed"];
};
sliderColor: unknown extends Defaults["sliderColor"] ? StringConstructor : {
type: PropType<unknown extends Defaults["sliderColor"] ? string : string | Defaults["sliderColor"]>;
default: unknown extends Defaults["sliderColor"] ? string : string | Defaults["sliderColor"];
};
hideSlider: unknown extends Defaults["hideSlider"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["hideSlider"] ? boolean : boolean | Defaults["hideSlider"]>;
default: unknown extends Defaults["hideSlider"] ? boolean : boolean | Defaults["hideSlider"];
};
direction: unknown extends Defaults["direction"] ? {
type: PropType<"horizontal" | "vertical">;
default: string;
} : Omit<{
type: PropType<"horizontal" | "vertical">;
default: string;
}, "type" | "default"> & {
type: PropType<unknown extends Defaults["direction"] ? "horizontal" | "vertical" : "horizontal" | "vertical" | Defaults["direction"]>;
default: unknown extends Defaults["direction"] ? "horizontal" | "vertical" : NonNullable<"horizontal" | "vertical"> | Defaults["direction"];
};
};
export declare const VTab: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{
replace: boolean;
fixed: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
direction: "horizontal" | "vertical";
style: import("vue").StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | import("../../util/index.js").JSXComponent;
density: import("../../composables/density.js").Density;
tile: boolean;
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 | number | boolean | undefined;
class?: any;
theme?: string | undefined;
to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
activeColor?: string | undefined;
prependIcon?: import("../../composables/icons.js").IconValue | undefined;
appendIcon?: import("../../composables/icons.js").IconValue | undefined;
sliderColor?: string | undefined;
} & {
$children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
default?: (() => import("vue").VNodeChild) | undefined;
prepend?: (() => import("vue").VNodeChild) | undefined;
append?: (() => import("vue").VNodeChild) | undefined;
loader?: (() => import("vue").VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
prepend?: false | (() => import("vue").VNodeChild) | undefined;
append?: false | (() => import("vue").VNodeChild) | undefined;
loader?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:append"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:loader"?: false | (() => import("vue").VNodeChild) | undefined;
}, Omit<Omit<{
$: import("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: import("vue").StyleValue;
text: string | number | boolean;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | import("../../util/index.js").JSXComponent;
density: import("../../composables/density.js").Density;
rounded: string | number | boolean;
tile: boolean;
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: import("vue").StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | import("../../util/index.js").JSXComponent;
density: import("../../composables/density.js").Density;
tile: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
location?: import("../../util/index.js").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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | number | boolean | undefined;
class?: any;
theme?: string | undefined;
to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: string | undefined;
prependIcon?: import("../../composables/icons.js").IconValue | undefined;
appendIcon?: import("../../composables/icons.js").IconValue | undefined;
$children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
default?: (() => import("vue").VNodeChild) | undefined;
prepend?: (() => import("vue").VNodeChild) | undefined;
append?: (() => import("vue").VNodeChild) | undefined;
loader?: (() => import("vue").VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
prepend?: false | (() => import("vue").VNodeChild) | undefined;
append?: false | (() => import("vue").VNodeChild) | undefined;
loader?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:append"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:loader"?: false | (() => import("vue").VNodeChild) | undefined;
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: (() => import("vue").VNode[]) | undefined;
prepend?: (() => import("vue").VNode[]) | undefined;
append?: (() => import("vue").VNode[]) | undefined;
loader?: (() => import("vue").VNode[]) | undefined;
}>;
$root: import("vue").ComponentPublicInstance | null;
$parent: import("vue").ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "group:selected", val: {
value: boolean;
}) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: import("vue").StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | import("../../util/index.js").JSXComponent;
density: import("../../composables/density.js").Density;
tile: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: import("../../util/index.js").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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | number | boolean | undefined;
class?: any;
theme?: string | undefined;
to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: string | undefined;
prependIcon?: import("../../composables/icons.js").IconValue | undefined;
appendIcon?: import("../../composables/icons.js").IconValue | undefined;
} & {
$children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
default?: (() => import("vue").VNodeChild) | undefined;
prepend?: (() => import("vue").VNodeChild) | undefined;
append?: (() => import("vue").VNodeChild) | undefined;
loader?: (() => import("vue").VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
prepend?: false | (() => import("vue").VNodeChild) | undefined;
append?: false | (() => import("vue").VNodeChild) | undefined;
loader?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:append"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:loader"?: false | (() => import("vue").VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
group: import("../../composables/group.js").GroupItemProvide | null;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("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: import("vue").StyleValue;
text: string | number | boolean;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | import("../../util/index.js").JSXComponent;
density: import("../../composables/density.js").Density;
rounded: string | number | boolean;
tile: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, {}, string, import("vue").SlotsType<Partial<{
default: () => import("vue").VNode[];
prepend: () => import("vue").VNode[];
append: () => import("vue").VNode[];
loader: () => import("vue").VNode[];
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
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: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
} & Readonly<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: import("vue").StyleValue;
text: string | number | boolean;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | import("../../util/index.js").JSXComponent;
density: import("../../composables/density.js").Density;
rounded: string | number | boolean;
tile: boolean;
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: import("vue").StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | import("../../util/index.js").JSXComponent;
density: import("../../composables/density.js").Density;
tile: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: import("../../util/index.js").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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | number | boolean | undefined;
class?: any;
theme?: string | undefined;
to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: string | undefined;
prependIcon?: import("../../composables/icons.js").IconValue | undefined;
appendIcon?: import("../../composables/icons.js").IconValue | undefined;
} & {
$children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
default?: (() => import("vue").VNodeChild) | undefined;
prepend?: (() => import("vue").VNodeChild) | undefined;
append?: (() => import("vue").VNodeChild) | undefined;
loader?: (() => import("vue").VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
prepend?: false | (() => import("vue").VNodeChild) | undefined;
append?: false | (() => import("vue").VNodeChild) | undefined;
loader?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:append"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:loader"?: false | (() => import("vue").VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, "group" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple")> & import("vue").ShallowUnwrapRef<{
group: import("../../composables/group.js").GroupItemProvide | null;
}> & {} & import("vue").ComponentCustomProperties & {}, "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "class" | "theme" | "to" | "icon" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | keyof import("vue").VNodeProps | "baseColor" | "selectedClass" | "activeColor" | "prependIcon" | "appendIcon" | "onGroup:selected" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple") | "v-slot:prepend" | "v-slot:append" | "v-slot:loader">, `$${any}`> & {
_allExposed: {
group: import("../../composables/group.js").GroupItemProvide | null;
} | {};
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
replace: boolean;
fixed: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
direction: "horizontal" | "vertical";
style: import("vue").StyleValue;
text: string | number | boolean;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | import("../../util/index.js").JSXComponent;
density: import("../../composables/density.js").Density;
rounded: string | number | boolean;
tile: boolean;
selectedClass: string;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
hideSlider: boolean;
}, true, {}, import("vue").SlotsType<Partial<{
default: () => import("vue").VNode[];
prepend: () => import("vue").VNode[];
append: () => import("vue").VNode[];
loader: () => import("vue").VNode[];
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
replace: boolean;
fixed: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
direction: "horizontal" | "vertical";
style: import("vue").StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | import("../../util/index.js").JSXComponent;
density: import("../../composables/density.js").Density;
tile: boolean;
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 | number | boolean | undefined;
class?: any;
theme?: string | undefined;
to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
activeColor?: string | undefined;
prependIcon?: import("../../composables/icons.js").IconValue | undefined;
appendIcon?: import("../../composables/icons.js").IconValue | undefined;
sliderColor?: string | undefined;
} & {
$children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
default?: (() => import("vue").VNodeChild) | undefined;
prepend?: (() => import("vue").VNodeChild) | undefined;
append?: (() => import("vue").VNodeChild) | undefined;
loader?: (() => import("vue").VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
prepend?: false | (() => import("vue").VNodeChild) | undefined;
append?: false | (() => import("vue").VNodeChild) | undefined;
loader?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:append"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:loader"?: false | (() => import("vue").VNodeChild) | undefined;
}, Omit<Omit<{
$: import("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: import("vue").StyleValue;
text: string | number | boolean;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | import("../../util/index.js").JSXComponent;
density: import("../../composables/density.js").Density;
rounded: string | number | boolean;
tile: boolean;
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: import("vue").StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | import("../../util/index.js").JSXComponent;
density: import("../../composables/density.js").Density;
tile: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
location?: import("../../util/index.js").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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | number | boolean | undefined;
class?: any;
theme?: string | undefined;
to?: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric | undefined;
icon?: boolean | import("../../composables/icons.js").IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: string | undefined;
prependIcon?: import("../../composables/icons.js").IconValue | undefined;
appendIcon?: import("../../composables/icons.js").IconValue | undefined;
$children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
default?: (() => import("vue").VNodeChild) | undefined;
prepend?: (() => import("vue").VNodeChild) | undefined;
append?: (() => import("vue").VNodeChild) | undefined;
loader?: (() => import("vue").VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
prepend?: false | (() => import("vue").VNodeChild) | undefined;
append?: false | (() => import("vue").VNodeChild) | undefined;
loader?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:append"?: false | (() => import("vue").VNodeChild) | undefined;
"v-slot:loader"?: false | (() => import("vue").VNodeChild) | undefined;
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "text" | "disabled" | "size" | "readonly" | "tag" | "density" | "rounded" | "tile" | "slim" | "stacked" | "ripple">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: (() => import("vue").VNode[]) | undefined;
prepend?: (() => import("vue").VNode[]) | undefined;
append?: (() => import("vue").VNode[]) | undefined;
loader?: (() => import("vue").VNode[]) | undefined;
}>;
$root: import("vue").ComponentPublicInstance | null;
$parent: import("vue").ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "group:selected", val: {
value: boolean;
}) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: import("vue").StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string | import("../../util/index.js").JSXComponent;
density: import("../../composables/density.js").Density;
tile: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: import("../../util/index.js").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" | "relative" | "static" | "sticky" | undefined;
value?: any;