@vuetify/nightly 3.2.0-dev-20230214.0 → 3.2.0-dev-20230322.0

package/lib/components/VSlider/VSliderTrack.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VSliderTrack.mjs","names":["VSliderSymbol","useBackgroundColor","useRounded","computed","inject","convertToUnit","genericComponent","useRender","VSliderTrack","name","props","start","type","Number","required","stop","emits","setup","slots","slider","Error","color","horizontalDirection","parsedTicks","rounded","showTicks","tickSize","trackColor","trackFillColor","trackSize","vertical","min","max","roundedClasses","backgroundColorClasses","trackFillColorClasses","backgroundColorStyles","trackFillColorStyles","trackColorClasses","trackColorStyles","startDir","value","endDir","backgroundStyles","trackFillWidth","trackFillStyles","computedTicks","ticks","slice","reverse","map","tick","index","directionProperty","directionValue","position","undefined","label","direction"],"sources":["../../../src/components/VSlider/VSliderTrack.tsx"],"sourcesContent":["// Styles\nimport './VSliderTrack.sass'\n\n// Components\nimport { VSliderSymbol } from './slider'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { useRounded } from '@/composables/rounded'\n\n// Utilities\nimport { computed, inject } from 'vue'\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\nexport type VSliderTrackSlots = {\n  'tick-label': []\n}\n\nexport const VSliderTrack = genericComponent<VSliderTrackSlots>()({\n  name: 'VSliderTrack',\n\n  props: {\n    start: {\n      type: Number,\n      required: true,\n    },\n    stop: {\n      type: Number,\n      required: true,\n    },\n  },\n\n  emits: {},\n\n  setup (props, { slots }) {\n    const slider = inject(VSliderSymbol)\n\n    if (!slider) throw new Error('[Vuetify] v-slider-track must be inside v-slider or v-range-slider')\n\n    const {\n      color,\n      horizontalDirection,\n      parsedTicks,\n      rounded,\n      showTicks,\n      tickSize,\n      trackColor,\n      trackFillColor,\n      trackSize,\n      vertical,\n      min,\n      max,\n    } = slider\n\n    const { roundedClasses } = useRounded(rounded)\n\n    const {\n      backgroundColorClasses: trackFillColorClasses,\n      backgroundColorStyles: trackFillColorStyles,\n    } = useBackgroundColor(trackFillColor)\n\n    const {\n      backgroundColorClasses: trackColorClasses,\n      backgroundColorStyles: trackColorStyles,\n    } = useBackgroundColor(trackColor)\n\n    const startDir = computed(() => `inset-${vertical.value ? 'block-end' : 'inline-start'}`)\n    const endDir = computed(() => vertical.value ? 'height' : 'width')\n\n    const backgroundStyles = computed(() => {\n      return {\n        [startDir.value]: '0%',\n        [endDir.value]: '100%',\n      }\n    })\n\n    const trackFillWidth = computed(() => props.stop - props.start)\n\n    const trackFillStyles = computed(() => {\n      return {\n        [startDir.value]: convertToUnit(props.start, '%'),\n        [endDir.value]: convertToUnit(trackFillWidth.value, '%'),\n      }\n    })\n\n    const computedTicks = computed(() => {\n      const ticks = vertical.value ? parsedTicks.value.slice().reverse() : parsedTicks.value\n\n      return ticks.map((tick, index) => {\n        const directionProperty = vertical.value ? 'bottom' : 'margin-inline-start'\n        const directionValue = tick.value !== min.value && tick.value !== max.value ? convertToUnit(tick.position, '%') : undefined\n\n        return (\n          <div\n            key={ tick.value }\n            class={[\n              'v-slider-track__tick',\n              {\n                'v-slider-track__tick--filled': tick.position >= props.start && tick.position <= props.stop,\n                'v-slider-track__tick--first': tick.value === min.value,\n                'v-slider-track__tick--last': tick.value === max.value,\n              },\n            ]}\n            style={{ [directionProperty]: directionValue }}\n          >\n            {\n              (tick.label || slots['tick-label']) && (\n                <div class=\"v-slider-track__tick-label\">\n                  { slots['tick-label']?.({ tick, index }) ?? tick.label }\n                </div>\n              )\n            }\n          </div>\n        )\n      })\n    })\n\n    useRender(() => {\n      return (\n        <div\n          class={[\n            'v-slider-track',\n            roundedClasses.value,\n          ]}\n          style={{\n            '--v-slider-track-size': convertToUnit(trackSize.value),\n            '--v-slider-tick-size': convertToUnit(tickSize.value),\n            direction: !vertical.value ? horizontalDirection.value : undefined,\n          }}\n        >\n          <div\n            class={[\n              'v-slider-track__background',\n              trackColorClasses.value,\n              {\n                'v-slider-track__background--opacity': !!color.value || !trackFillColor.value,\n              },\n            ]}\n            style={{\n              ...backgroundStyles.value,\n              ...trackColorStyles.value,\n            }}\n          />\n          <div\n            class={[\n              'v-slider-track__fill',\n              trackFillColorClasses.value,\n            ]}\n            style={{\n              ...trackFillStyles.value,\n              ...trackFillColorStyles.value,\n            }}\n          />\n\n          { showTicks.value && (\n            <div\n              class={[\n                'v-slider-track__ticks',\n                {\n                  'v-slider-track__ticks--always-show': showTicks.value === 'always',\n                },\n              ]}\n            >\n              { computedTicks.value }\n            </div>\n          ) }\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VSliderTrack = InstanceType<typeof VSliderTrack>\n"],"mappings":"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"}
+{"version":3,"file":"VSliderTrack.mjs","names":["VSliderSymbol","useBackgroundColor","useRounded","computed","inject","convertToUnit","genericComponent","useRender","VSliderTrack","name","props","start","type","Number","required","stop","emits","setup","slots","slider","Error","color","horizontalDirection","parsedTicks","rounded","showTicks","tickSize","trackColor","trackFillColor","trackSize","vertical","min","max","roundedClasses","backgroundColorClasses","trackFillColorClasses","backgroundColorStyles","trackFillColorStyles","trackColorClasses","trackColorStyles","startDir","value","endDir","backgroundStyles","trackFillWidth","trackFillStyles","computedTicks","ticks","slice","reverse","map","tick","index","directionProperty","directionValue","position","undefined","label","direction"],"sources":["../../../src/components/VSlider/VSliderTrack.tsx"],"sourcesContent":["// Styles\nimport './VSliderTrack.sass'\n\n// Components\nimport { VSliderSymbol } from './slider'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { useRounded } from '@/composables/rounded'\n\n// Utilities\nimport { computed, inject } from 'vue'\nimport { convertToUnit, genericComponent, useRender } from '@/util'\n\nexport type VSliderTrackSlots = {\n  'tick-label': []\n}\n\nexport const VSliderTrack = genericComponent<VSliderTrackSlots>()({\n  name: 'VSliderTrack',\n\n  props: {\n    start: {\n      type: Number,\n      required: true,\n    },\n    stop: {\n      type: Number,\n      required: true,\n    },\n  },\n\n  emits: {},\n\n  setup (props, { slots }) {\n    const slider = inject(VSliderSymbol)\n\n    if (!slider) throw new Error('[Vuetify] v-slider-track must be inside v-slider or v-range-slider')\n\n    const {\n      color,\n      horizontalDirection,\n      parsedTicks,\n      rounded,\n      showTicks,\n      tickSize,\n      trackColor,\n      trackFillColor,\n      trackSize,\n      vertical,\n      min,\n      max,\n    } = slider\n\n    const { roundedClasses } = useRounded(rounded)\n\n    const {\n      backgroundColorClasses: trackFillColorClasses,\n      backgroundColorStyles: trackFillColorStyles,\n    } = useBackgroundColor(trackFillColor)\n\n    const {\n      backgroundColorClasses: trackColorClasses,\n      backgroundColorStyles: trackColorStyles,\n    } = useBackgroundColor(trackColor)\n\n    const startDir = computed(() => `inset-${vertical.value ? 'block-end' : 'inline-start'}`)\n    const endDir = computed(() => vertical.value ? 'height' : 'width')\n\n    const backgroundStyles = computed(() => {\n      return {\n        [startDir.value]: '0%',\n        [endDir.value]: '100%',\n      }\n    })\n\n    const trackFillWidth = computed(() => props.stop - props.start)\n\n    const trackFillStyles = computed(() => {\n      return {\n        [startDir.value]: convertToUnit(props.start, '%'),\n        [endDir.value]: convertToUnit(trackFillWidth.value, '%'),\n      }\n    })\n\n    const computedTicks = computed(() => {\n      if (!showTicks.value) return []\n\n      const ticks = vertical.value ? parsedTicks.value.slice().reverse() : parsedTicks.value\n\n      return ticks.map((tick, index) => {\n        const directionProperty = vertical.value ? 'bottom' : 'margin-inline-start'\n        const directionValue = tick.value !== min.value && tick.value !== max.value ? convertToUnit(tick.position, '%') : undefined\n\n        return (\n          <div\n            key={ tick.value }\n            class={[\n              'v-slider-track__tick',\n              {\n                'v-slider-track__tick--filled': tick.position >= props.start && tick.position <= props.stop,\n                'v-slider-track__tick--first': tick.value === min.value,\n                'v-slider-track__tick--last': tick.value === max.value,\n              },\n            ]}\n            style={{ [directionProperty]: directionValue }}\n          >\n            {\n              (tick.label || slots['tick-label']) && (\n                <div class=\"v-slider-track__tick-label\">\n                  { slots['tick-label']?.({ tick, index }) ?? tick.label }\n                </div>\n              )\n            }\n          </div>\n        )\n      })\n    })\n\n    useRender(() => {\n      return (\n        <div\n          class={[\n            'v-slider-track',\n            roundedClasses.value,\n          ]}\n          style={{\n            '--v-slider-track-size': convertToUnit(trackSize.value),\n            '--v-slider-tick-size': convertToUnit(tickSize.value),\n            direction: !vertical.value ? horizontalDirection.value : undefined,\n          }}\n        >\n          <div\n            class={[\n              'v-slider-track__background',\n              trackColorClasses.value,\n              {\n                'v-slider-track__background--opacity': !!color.value || !trackFillColor.value,\n              },\n            ]}\n            style={{\n              ...backgroundStyles.value,\n              ...trackColorStyles.value,\n            }}\n          />\n          <div\n            class={[\n              'v-slider-track__fill',\n              trackFillColorClasses.value,\n            ]}\n            style={{\n              ...trackFillStyles.value,\n              ...trackFillColorStyles.value,\n            }}\n          />\n\n          { showTicks.value && (\n            <div\n              class={[\n                'v-slider-track__ticks',\n                {\n                  'v-slider-track__ticks--always-show': showTicks.value === 'always',\n                },\n              ]}\n            >\n              { computedTicks.value }\n            </div>\n          )}\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VSliderTrack = InstanceType<typeof VSliderTrack>\n"],"mappings":"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"}

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,7 +30,320 @@ interface VInputSlot {
     validate: () => void;
 }
 
-declare const VSlider: vue.DefineComponent<{
+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;
@@ -74,72 +391,14 @@ declare const VSlider: vue.DefineComponent<{
         'tick-label'?: (() => vue.VNodeChild) | undefined;
         'thumb-label'?: (() => vue.VNodeChild) | 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, {
-    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 | {
+    $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;
@@ -158,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;
@@ -181,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 };