vuetify 3.1.9 → 3.1.11

package/lib/components/VSlider/index.d.ts

@@ -1,11 +1,15 @@
 import * as vue from 'vue';
-import { PropType, JSXComponent, ComputedRef, Ref } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, PropType, JSXComponent, ComputedRef, Ref } from 'vue';
 
-type Density = null | 'default' | 'comfortable' | 'compact';
+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): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
+}
 
 type EventProp<T = (...args: any[]) => any> = T | T[];
 declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
 
+type Density = null | 'default' | 'comfortable' | 'compact';
+
 type ValidationResult = string | boolean;
 type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
 
@@ -26,81 +30,320 @@ interface VInputSlot {
     validate: () => void;
 }
 
-declare const VSlider: vue.DefineComponent<{
-    reverse: boolean;
-    max: string | number;
-    error: boolean;
-    direction: "horizontal" | "vertical";
-    disabled: boolean;
-    readonly: boolean;
-    step: string | number;
-    min: string | number;
-    elevation: NonNullable<string | number>;
-    messages: string | string[];
-    density: Density;
-    modelValue: string | number;
-    focused: boolean;
-    errorMessages: string | string[];
-    maxErrors: string | number;
-    rules: ValidationRule[];
-    showTicks: boolean | "always";
-    tickSize: string | number;
-    trackSize: string | number;
-    thumbSize: string | number;
-} & {
-    id?: string | undefined;
-    name?: string | undefined;
-    color?: string | undefined;
-    label?: string | undefined;
-    rounded?: string | number | boolean | undefined;
-    prependIcon?: IconValue | undefined;
-    appendIcon?: IconValue | undefined;
-    'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
-    'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
-    validateOn?: "input" | "blur" | "submit" | undefined;
-    validationValue?: any;
-    hideDetails?: boolean | "auto" | undefined;
-    trackColor?: string | undefined;
-    trackFillColor?: string | undefined;
-    thumbColor?: string | undefined;
-    thumbLabel?: boolean | "always" | undefined;
-    ticks?: number[] | Record<number, string> | undefined;
-} & {
-    $children?: {} | vue.VNodeChild | {
-        default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        'tick-label'?: (() => vue.VNodeChild) | undefined;
-        'thumb-label'?: (() => vue.VNodeChild) | undefined;
-    };
-    $slots?: {
-        default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        'tick-label'?: (() => vue.VNodeChild) | undefined;
-        'thumb-label'?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
-    'v-slots'?: {
-        default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        'tick-label'?: false | (() => vue.VNodeChild) | undefined;
-        'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
-    } | undefined;
-} & {
-    "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:thumb-label"?: false | (() => vue.VNodeChild) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:focused': (value: boolean) => boolean;
-    'update:modelValue': (v: number) => boolean;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+declare const VSlider: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            reverse: boolean;
+            max: string | number;
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            readonly: boolean;
+            step: string | number;
+            min: string | number;
+            elevation: NonNullable<string | number>;
+            messages: string | string[];
+            rounded: string | number | boolean;
+            density: Density;
+            modelValue: string | number;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+            showTicks: boolean | "always";
+            tickSize: string | number;
+            trackSize: string | number;
+            thumbLabel: boolean | "always" | undefined;
+            thumbSize: string | number;
+        }> & Omit<{
+            reverse: boolean;
+            max: string | number;
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            readonly: boolean;
+            step: string | number;
+            min: string | number;
+            elevation: NonNullable<string | number>;
+            messages: string | string[];
+            density: Density;
+            modelValue: string | number;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+            showTicks: boolean | "always";
+            tickSize: string | number;
+            trackSize: string | number;
+            thumbSize: string | number;
+        } & {
+            id?: string | undefined;
+            name?: string | undefined;
+            color?: string | undefined;
+            label?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
+            'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+            validateOn?: "input" | "blur" | "submit" | undefined;
+            validationValue?: any;
+            hideDetails?: boolean | "auto" | undefined;
+            trackColor?: string | undefined;
+            trackFillColor?: string | undefined;
+            thumbColor?: string | undefined;
+            thumbLabel?: boolean | "always" | undefined;
+            ticks?: number[] | Record<number, string> | undefined;
+        } & {
+            $children?: {} | vue.VNodeChild | {
+                default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                'tick-label'?: (() => vue.VNodeChild) | undefined;
+                'thumb-label'?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                'tick-label'?: (() => vue.VNodeChild) | undefined;
+                'thumb-label'?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                'tick-label'?: false | (() => vue.VNodeChild) | undefined;
+                'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:thumb-label"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((v: number) => any) | undefined;
+            "onUpdate:focused"?: ((value: boolean) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "max" | "error" | "direction" | "disabled" | "readonly" | "step" | "min" | "elevation" | "messages" | "rounded" | "density" | "modelValue" | "focused" | "errorMessages" | "maxErrors" | "rules" | "showTicks" | "tickSize" | "trackSize" | "thumbLabel" | "thumbSize">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: ((event: "update:modelValue", v: number) => void) & ((event: "update:focused", value: boolean) => void);
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            reverse: boolean;
+            max: string | number;
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            readonly: boolean;
+            step: string | number;
+            min: string | number;
+            elevation: NonNullable<string | number>;
+            messages: string | string[];
+            density: Density;
+            modelValue: string | number;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+            showTicks: boolean | "always";
+            tickSize: string | number;
+            trackSize: string | number;
+            thumbSize: string | number;
+        } & {
+            id?: string | undefined;
+            name?: string | undefined;
+            color?: string | undefined;
+            label?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
+            'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+            validateOn?: "input" | "blur" | "submit" | undefined;
+            validationValue?: any;
+            hideDetails?: boolean | "auto" | undefined;
+            trackColor?: string | undefined;
+            trackFillColor?: string | undefined;
+            thumbColor?: string | undefined;
+            thumbLabel?: boolean | "always" | undefined;
+            ticks?: number[] | Record<number, string> | undefined;
+        } & {
+            $children?: {} | vue.VNodeChild | {
+                default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                'tick-label'?: (() => vue.VNodeChild) | undefined;
+                'thumb-label'?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                'tick-label'?: (() => vue.VNodeChild) | undefined;
+                'thumb-label'?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                'tick-label'?: false | (() => vue.VNodeChild) | undefined;
+                'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:thumb-label"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((v: number) => any) | undefined;
+            "onUpdate:focused"?: ((value: boolean) => any) | undefined;
+        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            'update:focused': (value: boolean) => boolean;
+            'update:modelValue': (v: number) => boolean;
+        }, string, {
+            reverse: boolean;
+            max: string | number;
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            disabled: boolean;
+            readonly: boolean;
+            step: string | number;
+            min: string | number;
+            elevation: NonNullable<string | number>;
+            messages: string | string[];
+            rounded: string | number | boolean;
+            density: Density;
+            modelValue: string | number;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+            showTicks: boolean | "always";
+            tickSize: string | number;
+            trackSize: string | number;
+            thumbLabel: boolean | "always" | undefined;
+            thumbSize: string | number;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & {
+        reverse: boolean;
+        max: string | number;
+        error: boolean;
+        direction: "horizontal" | "vertical";
+        disabled: boolean;
+        readonly: boolean;
+        step: string | number;
+        min: string | number;
+        elevation: NonNullable<string | number>;
+        messages: string | string[];
+        density: Density;
+        modelValue: string | number;
+        focused: boolean;
+        errorMessages: string | string[];
+        maxErrors: string | number;
+        rules: ValidationRule[];
+        showTicks: boolean | "always";
+        tickSize: string | number;
+        trackSize: string | number;
+        thumbSize: string | number;
+    } & {
+        id?: string | undefined;
+        name?: string | undefined;
+        color?: string | undefined;
+        label?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+        prependIcon?: IconValue | undefined;
+        appendIcon?: IconValue | undefined;
+        'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+        'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+        validateOn?: "input" | "blur" | "submit" | undefined;
+        validationValue?: any;
+        hideDetails?: boolean | "auto" | undefined;
+        trackColor?: string | undefined;
+        trackFillColor?: string | undefined;
+        thumbColor?: string | undefined;
+        thumbLabel?: boolean | "always" | undefined;
+        ticks?: number[] | Record<number, string> | undefined;
+    } & {
+        $children?: {} | vue.VNodeChild | {
+            default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            'tick-label'?: (() => vue.VNodeChild) | undefined;
+            'thumb-label'?: (() => vue.VNodeChild) | undefined;
+        };
+        $slots?: {
+            default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            'tick-label'?: (() => vue.VNodeChild) | undefined;
+            'thumb-label'?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
+        'v-slots'?: {
+            default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            'tick-label'?: false | (() => vue.VNodeChild) | undefined;
+            'thumb-label'?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:tick-label"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:thumb-label"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        "onUpdate:modelValue"?: ((v: number) => any) | undefined;
+        "onUpdate:focused"?: ((value: boolean) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
     reverse: boolean;
     max: string | number;
     error: boolean;
@@ -174,7 +417,10 @@ declare const VSlider: vue.DefineComponent<{
 } & {
     "onUpdate:modelValue"?: ((v: number) => any) | undefined;
     "onUpdate:focused"?: ((value: boolean) => any) | undefined;
-}, {
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:focused': (value: boolean) => boolean;
+    'update:modelValue': (v: number) => boolean;
+}, string, {
     reverse: boolean;
     max: string | number;
     error: boolean;
@@ -197,7 +443,203 @@ declare const VSlider: vue.DefineComponent<{
     trackSize: string | number;
     thumbLabel: boolean | "always" | undefined;
     thumbSize: string | number;
-}>;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    focused: BooleanConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    errorMessages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: StringConstructor;
+    label: StringConstructor;
+    readonly: BooleanConstructor;
+    rules: {
+        type: vue.PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
+    validationValue: null;
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    id: StringConstructor;
+    appendIcon: vue.PropType<IconValue>;
+    prependIcon: vue.PropType<IconValue>;
+    hideDetails: vue.PropType<boolean | "auto">;
+    messages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    direction: {
+        type: vue.PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:prepend': vue.PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': vue.PropType<EventProp<(...args: any[]) => any>>;
+    elevation: Omit<{
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<NonNullable<string | number>>;
+        default: NonNullable<string | number>;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    step: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    thumbColor: StringConstructor;
+    thumbLabel: {
+        type: vue.PropType<boolean | "always" | undefined>;
+        default: undefined;
+        validator: (v: any) => boolean;
+    };
+    thumbSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    showTicks: {
+        type: vue.PropType<boolean | "always">;
+        default: boolean;
+        validator: (v: any) => boolean;
+    };
+    ticks: {
+        type: vue.PropType<number[] | Record<number, string>>;
+    };
+    tickSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    color: StringConstructor;
+    trackColor: StringConstructor;
+    trackFillColor: StringConstructor;
+    trackSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    reverse: BooleanConstructor;
+}, vue.ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    focused: BooleanConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    errorMessages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: StringConstructor;
+    label: StringConstructor;
+    readonly: BooleanConstructor;
+    rules: {
+        type: vue.PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
+    validationValue: null;
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    id: StringConstructor;
+    appendIcon: vue.PropType<IconValue>;
+    prependIcon: vue.PropType<IconValue>;
+    hideDetails: vue.PropType<boolean | "auto">;
+    messages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    direction: {
+        type: vue.PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:prepend': vue.PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': vue.PropType<EventProp<(...args: any[]) => any>>;
+    elevation: Omit<{
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<NonNullable<string | number>>;
+        default: NonNullable<string | number>;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    step: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    thumbColor: StringConstructor;
+    thumbLabel: {
+        type: vue.PropType<boolean | "always" | undefined>;
+        default: undefined;
+        validator: (v: any) => boolean;
+    };
+    thumbSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    showTicks: {
+        type: vue.PropType<boolean | "always">;
+        default: boolean;
+        validator: (v: any) => boolean;
+    };
+    ticks: {
+        type: vue.PropType<number[] | Record<number, string>>;
+    };
+    tickSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    color: StringConstructor;
+    trackColor: StringConstructor;
+    trackFillColor: StringConstructor;
+    trackSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    reverse: BooleanConstructor;
+}>>;
 type VSlider = InstanceType<typeof VSlider>;
 
 export { VSlider };

package/lib/components/VSlider/slider.mjs

@@ -3,7 +3,7 @@
 import { makeElevationProps } from "../../composables/elevation.mjs";
 import { makeRoundedProps } from "../../composables/rounded.mjs";
 import { useRtl } from "../../composables/locale.mjs"; // Utilities
-import { clamp, createRange, propsFactory } from "../../util/index.mjs";
+import { clamp, createRange, getDecimals, propsFactory } from "../../util/index.mjs";
 import { computed, provide, ref, toRef } from 'vue';
 
 // Types
@@ -95,10 +95,7 @@ export const useSlider = _ref => {
   const min = computed(() => parseFloat(props.min));
   const max = computed(() => parseFloat(props.max));
   const step = computed(() => props.step > 0 ? parseFloat(props.step) : 0);
-  const decimals = computed(() => {
-    const trimmedStep = step.value.toString().trim();
-    return trimmedStep.includes('.') ? trimmedStep.length - trimmedStep.indexOf('.') - 1 : 0;
-  });
+  const decimals = computed(() => Math.max(getDecimals(step.value), getDecimals(min.value)));
   const thumbSize = computed(() => parseInt(props.thumbSize, 10));
   const tickSize = computed(() => parseInt(props.tickSize, 10));
   const trackSize = computed(() => parseInt(props.trackSize, 10));