vuetify
Version:
Vue Material Component Framework
846 lines • 448 kB
TypeScript
import { VVideoControls } from './VVideoControls.js';
import type { Component, PropType, TransitionProps } from 'vue';
import type { VVideoControlsActionsSlot, VVideoControlsVariant } from './VVideoControls.js';
import type { LoaderSlotProps } from "../../composables/loader.js";
export type VVideoSlots = {
header: never;
controls: VVideoControlsActionsSlot;
prepend: VVideoControlsActionsSlot;
append: VVideoControlsActionsSlot;
loader: LoaderSlotProps;
sources: never;
};
declare const allowedVariants: readonly ["background", "player"];
type Variant = typeof allowedVariants[number];
export declare const makeVVideoProps: <Defaults extends {
detached?: unknown;
progress?: unknown;
backgroundColor?: unknown;
color?: unknown;
playing?: unknown;
theme?: unknown;
duration?: unknown;
elevation?: unknown;
volume?: unknown;
density?: unknown;
floating?: unknown;
trackColor?: unknown;
hidePlay?: unknown;
hideVolume?: unknown;
hideFullscreen?: unknown;
splitTime?: unknown;
pills?: unknown;
volumeProps?: unknown;
height?: unknown;
maxHeight?: unknown;
maxWidth?: unknown;
minHeight?: unknown;
minWidth?: unknown;
width?: unknown;
class?: unknown;
style?: unknown;
aspectRatio?: unknown;
autoplay?: unknown;
muted?: unknown;
eager?: unknown;
src?: unknown;
type?: unknown;
image?: unknown;
hideOverlay?: unknown;
noFullscreen?: unknown;
startAt?: unknown;
variant?: unknown;
controlsTransition?: unknown;
controlsVariant?: unknown;
controlsProps?: unknown;
rounded?: unknown;
} = {}>(defaults?: Defaults | undefined) => {
detached: unknown extends Defaults["detached"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["detached"] ? boolean : boolean | Defaults["detached"]>;
default: unknown extends Defaults["detached"] ? boolean : boolean | Defaults["detached"];
};
progress: unknown extends Defaults["progress"] ? {
type: NumberConstructor;
default: number;
} : Omit<{
type: NumberConstructor;
default: number;
}, "type" | "default"> & {
type: PropType<unknown extends Defaults["progress"] ? number : number | Defaults["progress"]>;
default: unknown extends Defaults["progress"] ? number : number | Defaults["progress"];
};
backgroundColor: unknown extends Defaults["backgroundColor"] ? StringConstructor : {
type: PropType<unknown extends Defaults["backgroundColor"] ? string : string | Defaults["backgroundColor"]>;
default: unknown extends Defaults["backgroundColor"] ? string : string | Defaults["backgroundColor"];
};
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"];
};
playing: unknown extends Defaults["playing"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["playing"] ? boolean : boolean | Defaults["playing"]>;
default: unknown extends Defaults["playing"] ? boolean : boolean | Defaults["playing"];
};
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"];
};
duration: unknown extends Defaults["duration"] ? {
type: NumberConstructor;
default: number;
} : Omit<{
type: NumberConstructor;
default: number;
}, "type" | "default"> & {
type: PropType<unknown extends Defaults["duration"] ? number : number | Defaults["duration"]>;
default: unknown extends Defaults["duration"] ? number : number | Defaults["duration"];
};
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"];
};
volume: unknown extends Defaults["volume"] ? (StringConstructor | NumberConstructor)[] : {
type: PropType<unknown extends Defaults["volume"] ? string | number : string | number | Defaults["volume"]>;
default: unknown extends Defaults["volume"] ? string | number : NonNullable<string | number> | Defaults["volume"];
};
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"];
};
floating: unknown extends Defaults["floating"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"]>;
default: unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"];
};
trackColor: unknown extends Defaults["trackColor"] ? StringConstructor : {
type: PropType<unknown extends Defaults["trackColor"] ? string : string | Defaults["trackColor"]>;
default: unknown extends Defaults["trackColor"] ? string : string | Defaults["trackColor"];
};
hidePlay: unknown extends Defaults["hidePlay"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["hidePlay"] ? boolean : boolean | Defaults["hidePlay"]>;
default: unknown extends Defaults["hidePlay"] ? boolean : boolean | Defaults["hidePlay"];
};
hideVolume: unknown extends Defaults["hideVolume"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["hideVolume"] ? boolean : boolean | Defaults["hideVolume"]>;
default: unknown extends Defaults["hideVolume"] ? boolean : boolean | Defaults["hideVolume"];
};
hideFullscreen: unknown extends Defaults["hideFullscreen"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["hideFullscreen"] ? boolean : boolean | Defaults["hideFullscreen"]>;
default: unknown extends Defaults["hideFullscreen"] ? boolean : boolean | Defaults["hideFullscreen"];
};
splitTime: unknown extends Defaults["splitTime"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["splitTime"] ? boolean : boolean | Defaults["splitTime"]>;
default: unknown extends Defaults["splitTime"] ? boolean : boolean | Defaults["splitTime"];
};
pills: unknown extends Defaults["pills"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["pills"] ? boolean : boolean | Defaults["pills"]>;
default: unknown extends Defaults["pills"] ? boolean : boolean | Defaults["pills"];
};
volumeProps: unknown extends Defaults["volumeProps"] ? PropType<Pick<Partial<{
inline: boolean;
direction: "horizontal" | "vertical";
style: import("vue").StyleValue;
modelValue: number;
}> & Omit<{
inline: boolean;
direction: "horizontal" | "vertical";
style: import("vue").StyleValue;
modelValue: number;
label?: string | undefined;
class?: any;
onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
menuProps?: (Partial<{
location: import("../../util/index.js").Anchor | undefined;
origin: "auto" | import("../../util/index.js").Anchor | "overlap";
transition: string | boolean | (TransitionProps & {
component?: Component;
}) | {
component: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | {
default?: (() => import("vue").VNodeChild) | undefined;
} | (() => import("vue").VNodeChild);
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {}, true, {}, import("vue").SlotsType<Partial<{
default: () => import("vue").VNode[];
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | {
default?: (() => import("vue").VNodeChild) | undefined;
} | (() => import("vue").VNodeChild);
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
}, () => JSX.Element, {}, {}, {}, {}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<{} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | {
default?: (() => import("vue").VNodeChild) | undefined;
} | (() => import("vue").VNodeChild);
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, import("vue").SlotsType<Partial<{
default: () => import("vue").VNode[];
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("../../util/index.js").FilterPropsOptions<{
target: PropType<HTMLElement | [x: number, y: number]>;
}, import("vue").ExtractPropTypes<{
target: PropType<HTMLElement | [x: number, y: number]>;
}>>;
} | null;
zIndex: string | number;
style: import("vue").StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | import("../../types.js").LocationStrategyFunction;
stickToTarget: boolean;
scrollStrategy: "none" | "block" | "close" | import("../../types.js").ScrollStrategyFunction | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
disableInitialFocus: boolean;
}> & Omit<{
location: import("../../util/index.js").Anchor | undefined;
origin: "auto" | import("../../util/index.js").Anchor | "overlap";
transition: string | boolean | (TransitionProps & {
component?: Component;
}) | {
component: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | {
default?: (() => import("vue").VNodeChild) | undefined;
} | (() => import("vue").VNodeChild);
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {}, true, {}, import("vue").SlotsType<Partial<{
default: () => import("vue").VNode[];
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | {
default?: (() => import("vue").VNodeChild) | undefined;
} | (() => import("vue").VNodeChild);
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
}, () => JSX.Element, {}, {}, {}, {}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<{} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | {
default?: (() => import("vue").VNodeChild) | undefined;
} | (() => import("vue").VNodeChild);
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, import("vue").SlotsType<Partial<{
default: () => import("vue").VNode[];
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("../../util/index.js").FilterPropsOptions<{
target: PropType<HTMLElement | [x: number, y: number]>;
}, import("vue").ExtractPropTypes<{
target: PropType<HTMLElement | [x: number, y: number]>;
}>>;
} | null;
zIndex: string | number;
style: import("vue").StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | import("../../types.js").LocationStrategyFunction;
stickToTarget: boolean;
scrollStrategy: "none" | "block" | "close" | import("../../types.js").ScrollStrategyFunction | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
disableInitialFocus: boolean;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | import("vue").ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
activator?: Element | "parent" | (string & {}) | import("vue").ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentClass?: any;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | {
default?: ((arg: {
isActive: import("vue").Ref<boolean>;
}) => import("vue").VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: import("../../util/index.js").TemplateRef;
}) => import("vue").VNodeChild) | undefined;
} | ((arg: {
isActive: import("vue").Ref<boolean>;
}) => import("vue").VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: import("vue").Ref<boolean>;
}) => import("vue").VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: import("../../util/index.js").TemplateRef;
}) => import("vue").VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: import("vue").Ref<boolean>;
}) => import("vue").VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: import("../../util/index.js").TemplateRef;
}) => import("vue").VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "stickToTarget" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "submenu" | "disableInitialFocus">) | undefined;
sliderProps?: Pick<Partial<{
reverse: boolean;
max: string | number;
error: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: import("vue").StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: string | number;
messages: string | readonly string[];
rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
modelValue: string | number;
density: import("../../composables/density.js").Density;
rounded: string | number | boolean;
tile: boolean;
ripple: boolean;
centerAffix: boolean;
glow: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbLabel: boolean | "always" | undefined;
thumbSize: string | number;
noKeyboard: boolean;
}> & Omit<{
reverse: boolean;
max: string | number;
error: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: import("vue").StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: string | number;
messages: string | readonly string[];
rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
modelValue: string | number;
density: import("../../composables/density.js").Density;
tile: boolean;
ripple: boolean;
centerAffix: boolean;
glow: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
noKeyboard: boolean;
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: (((args_0: boolean) => void) & ((value: boolean) => any)) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
prependIcon?: import("../../composables/icons.js").IconValue | undefined;
appendIcon?: import("../../composables/icons.js").IconValue | undefined;
iconColor?: string | boolean | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
trackColor?: string | undefined;
trackFillColor?: string | undefined;
thumbColor?: string | undefined;
thumbLabel?: boolean | "always" | undefined;
ticks?: readonly number[] | Record<number, string> | undefined;
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | {
default?: ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined;
prepend?: ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined;
append?: ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined;
details?: ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined;
message?: ((arg: import("../../components/VMessages/VMessages.js").VMessageSlot) => import("vue").VNodeChild) | undefined;
'thumb-label'?: ((arg: {
modelValue: number;
}) => import("vue").VNodeChild) | undefined;
'tick-label'?: ((arg: {
tick: import("../../components/VSlider/slider.js").Tick;
index: number;
}) => import("vue").VNodeChild) | undefined;
label?: ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined;
prepend?: false | ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined;
append?: false | ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined;
details?: false | ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined;
message?: false | ((arg: import("../../components/VMessages/VMessages.js").VMessageSlot) => import("vue").VNodeChild) | undefined;
'thumb-label'?: false | ((arg: {
modelValue: number;
}) => import("vue").VNodeChild) | undefined;
'tick-label'?: false | ((arg: {
tick: import("../../components/VSlider/slider.js").Tick;
index: number;
}) => import("vue").VNodeChild) | undefined;
label?: false | ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined;
"v-slot:message"?: false | ((arg: import("../../components/VMessages/VMessages.js").VMessageSlot) => import("vue").VNodeChild) | undefined;
"v-slot:thumb-label"?: false | ((arg: {
modelValue: number;
}) => import("vue").VNodeChild) | undefined;
"v-slot:tick-label"?: false | ((arg: {
tick: import("../../components/VSlider/slider.js").Tick;
index: number;
}) => import("vue").VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: import("../../components/VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined;
onStart?: ((value: number) => any) | undefined;
onEnd?: ((value: number) => any) | undefined;
"onUpdate:modelValue"?: ((v: number) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "reverse" | "max" | "error" | "min" | "direction" | "style" | "disabled" | "readonly" | "step" | "elevation" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "modelValue" | "density" | "rounded" | "tile" | "ripple" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint" | "showTicks" | "tickSize" | "trackSize" | "thumbLabel" | "thumbSize" | "noKeyboard">, "width" | "color" | "maxWidth" | "disabled" | "trackColor" | "thumbSize"> | undefined;
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | {
default?: (() => import("vue").VNodeChild) | undefined;
} | (() => import("vue").VNodeChild);
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
"onUpdate:modelValue"?: ((val: number) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "inline" | "direction" | "style" | "modelValue">, "inline" | "direction" | "menuProps" | "sliderProps">> : {
type: PropType<unknown extends Defaults["volumeProps"] ? Pick<Partial<{
inline: boolean;
direction: "horizontal" | "vertical";
style: import("vue").StyleValue;
modelValue: number;
}> & Omit<{
inline: boolean;
direction: "horizontal" | "vertical";
style: import("vue").StyleValue;
modelValue: number;
label?: string | undefined;
class?: any;
onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
menuProps?: (Partial<{
location: import("../../util/index.js").Anchor | undefined;
origin: "auto" | import("../../util/index.js").Anchor | "overlap";
transition: string | boolean | (TransitionProps & {
component?: Component;
}) | {
component: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | {
default?: (() => import("vue").VNodeChild) | undefined;
} | (() => import("vue").VNodeChild);
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {}, true, {}, import("vue").SlotsType<Partial<{
default: () => import("vue").VNode[];
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | {
default?: (() => import("vue").VNodeChild) | undefined;
} | (() => import("vue").VNodeChild);
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
}, () => JSX.Element, {}, {}, {}, {}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<{} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | {
default?: (() => import("vue").VNodeChild) | undefined;
} | (() => import("vue").VNodeChild);
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, import("vue").SlotsType<Partial<{
default: () => import("vue").VNode[];
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("../../util/index.js").FilterPropsOptions<{
target: PropType<HTMLElement | [x: number, y: number]>;
}, import("vue").ExtractPropTypes<{
target: PropType<HTMLElement | [x: number, y: number]>;
}>>;
} | null;
zIndex: string | number;
style: import("vue").StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | import("../../types.js").LocationStrategyFunction;
stickToTarget: boolean;
scrollStrategy: "none" | "block" | "close" | import("../../types.js").ScrollStrategyFunction | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
disableInitialFocus: boolean;
}> & Omit<{
location: import("../../util/index.js").Anchor | undefined;
origin: "auto" | import("../../util/index.js").Anchor | "overlap";
transition: string | boolean | (TransitionProps & {
component?: Component;
}) | {
component: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | {
default?: (() => import("vue").VNodeChild) | undefined;
} | (() => import("vue").VNodeChild);
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {}, true, {}, import("vue").SlotsType<Partial<{
default: () => import("vue").VNode[];
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | {
default?: (() => import("vue").VNodeChild) | undefined;
} | (() => import("vue").VNodeChild);
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
}, () => JSX.Element, {}, {}, {}, {}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<{} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | {
default?: (() => import("vue").VNodeChild) | undefined;
} | (() => import("vue").VNodeChild);
'v-slots'?: {
default?: false | (() => import("vue").VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, import("vue").SlotsType<Partial<{
default: () => import("vue").VNode[];
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("../../util/index.js").FilterPropsOptions<{
target: PropType<HTMLElement | [x: number, y: number]>;
}, import("vue").ExtractPropTypes<{
target: PropType<HTMLElement | [x: number, y: number]>;
}>>;
} | null;
zIndex: string | number;
style: import("vue").StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | import("../../types.js").LocationStrategyFunction;
stickToTarget: boolean;
scrollStrategy: "none" | "block" | "close" | import("../../types.js").ScrollStrategyFunction | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
disableInitialFocus: boolean;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | import("vue").ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
activator?: Element | "parent" | (string & {}) | import("vue").ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentClass?: any;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: import("vue").VNodeChild | {
$stable?: boolean;
} | {
default?: ((arg: {
isActive: import("vue").Ref<boolean>;
}) => import("vue").VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: import("../../util/index.js").TemplateRef;
}) => import("vue").VNodeChild) | undefined;
} | ((arg: {
isActive: import("vue").Ref<boolean>;
}) => import("vue").VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: import("vue").Ref<boolean>;
}) => import("vue").VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: import("../../util/index.js").TemplateRef;
}) => import("vue").VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: import("vue").Ref<boolean>;
}) => import("vue").VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: import("../../util/index.js").TemplateRef;
}) => import("vue").VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "stickToTarget" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "submenu" | "disableInitialFocus">) | undefined;
sliderProps?: Pick<Partial<{
reverse: boolean;
max: string | number;
error: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: import("vue").StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: string | number;
messages: string | readonly string[];
rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
modelValue: string | number;
density: import("../../composables/density.js").Density;
rounded: string | number | boolean;
tile: boolean;
ripple: boolean;
centerAffix: boolean;
glow: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbLabel: boolean | "always" | undefined;
thumbSize: string | number;
noKeyboard: boolean;
}> & Omit<{
reverse: boolean;
max: string | number;
error: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: import("vue").StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: string | number;
messages: string | readonly string[];
rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
modelValue: string | number;
density: import("../../composables/density.js").Density;
tile: boolean;
ripple: boolean;
centerAffix: boolean;
glow: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
noKeyboard: boolean;
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
lab