vuetify 3.7.11 → 3.7.13

package/lib/components/VSelect/index.d.mts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, ComponentPublicInstance, PropType, FunctionalComponent, ComputedRef, Ref, EffectScope, Component, nextTick } from 'vue';
+import { VNodeChild, VNode, ComponentPropsOptions, ExtractPropTypes, ComponentPublicInstance, PropType, FunctionalComponent, ComputedRef, Ref, EffectScope, Component, nextTick } from 'vue';
 
 type ClassValue = any;
 
@@ -326,7 +326,7 @@ interface ItemProps {
     itemChildren: SelectItemKey;
     itemProps: SelectItemKey;
     returnObject: boolean;
-    valueComparator: typeof deepEqual;
+    valueComparator: typeof deepEqual | undefined;
 }
 
 interface InternalListItem<T = any> extends ListItem<T> {
@@ -345,7 +345,6 @@ declare const VList: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -369,6 +368,7 @@ declare const VList: {
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         activeColor?: string | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
         collapseIcon?: IconValue | undefined;
@@ -417,7 +417,6 @@ declare const VList: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -441,6 +440,7 @@ declare const VList: {
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         activeColor?: string | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
         collapseIcon?: IconValue | undefined;
@@ -464,7 +464,6 @@ declare const VList: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -515,7 +514,6 @@ declare const VList: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -539,6 +537,7 @@ declare const VList: {
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         activeColor?: string | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
         collapseIcon?: IconValue | undefined;
@@ -569,7 +568,6 @@ declare const VList: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -591,7 +589,6 @@ declare const VList: {
     tile: boolean;
     density: Density;
     slim: boolean;
-    valueComparator: typeof deepEqual;
     activatable: boolean;
     selectable: boolean;
     selectStrategy: SelectStrategyProp;
@@ -615,6 +612,7 @@ declare const VList: {
     baseColor?: string | undefined;
     bgColor?: string | undefined;
     activeColor?: string | undefined;
+    valueComparator?: typeof deepEqual | undefined;
     activeClass?: string | undefined;
     activeStrategy?: ActiveStrategyProp | undefined;
     collapseIcon?: IconValue | undefined;
@@ -664,7 +662,6 @@ declare const VList: {
     tile: boolean;
     density: Density;
     slim: boolean;
-    valueComparator: typeof deepEqual;
     activatable: boolean;
     selectable: boolean;
     selectStrategy: SelectStrategyProp;
@@ -758,10 +755,7 @@ declare const VList: {
         default: string;
     };
     returnObject: BooleanConstructor;
-    valueComparator: {
-        type: PropType<typeof deepEqual>;
-        default: typeof deepEqual;
-    };
+    valueComparator: PropType<typeof deepEqual>;
     itemType: {
         type: StringConstructor;
         default: string;
@@ -867,10 +861,7 @@ declare const VList: {
         default: string;
     };
     returnObject: BooleanConstructor;
-    valueComparator: {
-        type: PropType<typeof deepEqual>;
-        default: typeof deepEqual;
-    };
+    valueComparator: PropType<typeof deepEqual>;
     itemType: {
         type: StringConstructor;
         default: string;
@@ -1385,7 +1376,7 @@ declare const VMenu: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         absolute: boolean;
         location: Anchor;
@@ -2066,7 +2057,7 @@ declare const VMenu: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         absolute: boolean;
         location: Anchor;
@@ -2652,7 +2643,7 @@ declare const VMenu: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
 } & Omit<{
     absolute: boolean;
     location: Anchor;
@@ -3069,7 +3060,6 @@ declare const VSelect: {
         rules: readonly ValidationRule[];
         tile: boolean;
         density: Density;
-        valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         hideSpinButtons: boolean;
         persistentHint: boolean;
@@ -3108,6 +3098,7 @@ declare const VSelect: {
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
@@ -3132,7 +3123,6 @@ declare const VSelect: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -3150,7 +3140,6 @@ declare const VSelect: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -3173,6 +3162,7 @@ declare const VSelect: {
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
+            valueComparator?: typeof deepEqual | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
             collapseIcon?: IconValue | undefined;
@@ -3194,7 +3184,6 @@ declare const VSelect: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -3218,6 +3207,7 @@ declare const VSelect: {
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
+            valueComparator?: typeof deepEqual | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
             collapseIcon?: IconValue | undefined;
@@ -3229,7 +3219,7 @@ declare const VSelect: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;
@@ -3556,7 +3546,6 @@ declare const VSelect: {
         rules: readonly ValidationRule[];
         tile: boolean;
         density: Density;
-        valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         hideSpinButtons: boolean;
         persistentHint: boolean;
@@ -3595,6 +3584,7 @@ declare const VSelect: {
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
@@ -3619,7 +3609,6 @@ declare const VSelect: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -3637,7 +3626,6 @@ declare const VSelect: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -3660,6 +3648,7 @@ declare const VSelect: {
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
+            valueComparator?: typeof deepEqual | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
             collapseIcon?: IconValue | undefined;
@@ -3681,7 +3670,6 @@ declare const VSelect: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -3705,6 +3693,7 @@ declare const VSelect: {
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
+            valueComparator?: typeof deepEqual | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
             collapseIcon?: IconValue | undefined;
@@ -3716,7 +3705,7 @@ declare const VSelect: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;
@@ -4040,7 +4029,6 @@ declare const VSelect: {
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
-        valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         centerAffix: boolean;
         hideSpinButtons: boolean;
@@ -4126,7 +4114,6 @@ declare const VSelect: {
         rules: readonly ValidationRule[];
         tile: boolean;
         density: Density;
-        valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         hideSpinButtons: boolean;
         persistentHint: boolean;
@@ -4165,6 +4152,7 @@ declare const VSelect: {
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
@@ -4189,7 +4177,6 @@ declare const VSelect: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -4207,7 +4194,6 @@ declare const VSelect: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -4230,6 +4216,7 @@ declare const VSelect: {
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
+            valueComparator?: typeof deepEqual | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
             collapseIcon?: IconValue | undefined;
@@ -4251,7 +4238,6 @@ declare const VSelect: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -4275,6 +4261,7 @@ declare const VSelect: {
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
+            valueComparator?: typeof deepEqual | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
             collapseIcon?: IconValue | undefined;
@@ -4286,7 +4273,7 @@ declare const VSelect: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;
@@ -4610,7 +4597,6 @@ declare const VSelect: {
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
-        valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         centerAffix: boolean;
         hideSpinButtons: boolean;
@@ -4661,7 +4647,6 @@ declare const VSelect: {
     rules: readonly ValidationRule[];
     tile: boolean;
     density: Density;
-    valueComparator: typeof deepEqual;
     clearIcon: IconValue;
     hideSpinButtons: boolean;
     persistentHint: boolean;
@@ -4700,6 +4685,7 @@ declare const VSelect: {
     bgColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
+    valueComparator?: typeof deepEqual | undefined;
     prependInnerIcon?: IconValue | undefined;
     'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
@@ -4724,7 +4710,6 @@ declare const VSelect: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -4742,7 +4727,6 @@ declare const VSelect: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -4765,6 +4749,7 @@ declare const VSelect: {
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         activeColor?: string | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
         collapseIcon?: IconValue | undefined;
@@ -4786,7 +4771,6 @@ declare const VSelect: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -4810,6 +4794,7 @@ declare const VSelect: {
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         activeColor?: string | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
         collapseIcon?: IconValue | undefined;
@@ -4821,7 +4806,7 @@ declare const VSelect: {
             value: boolean;
             path: unknown[];
         }) => any) | undefined;
-    }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
+    }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
         items?: readonly any[] | undefined;
         itemTitle?: SelectItemKey<any>;
         itemValue?: SelectItemKey<any>;
@@ -5149,7 +5134,6 @@ declare const VSelect: {
     rounded: string | number | boolean;
     tile: boolean;
     density: Density;
-    valueComparator: typeof deepEqual;
     clearIcon: IconValue;
     centerAffix: boolean;
     hideSpinButtons: boolean;
@@ -5381,10 +5365,7 @@ declare const VSelect: {
         default: string;
     };
     returnObject: BooleanConstructor;
-    valueComparator: {
-        type: PropType<typeof deepEqual>;
-        default: typeof deepEqual;
-    };
+    valueComparator: PropType<typeof deepEqual>;
     chips: BooleanConstructor;
     closableChips: BooleanConstructor;
     closeText: {
@@ -5570,10 +5551,7 @@ declare const VSelect: {
         default: string;
     };
     returnObject: BooleanConstructor;
-    valueComparator: {
-        type: PropType<typeof deepEqual>;
-        default: typeof deepEqual;
-    };
+    valueComparator: PropType<typeof deepEqual>;
     chips: BooleanConstructor;
     closableChips: BooleanConstructor;
     closeText: {

package/lib/components/VSelectionControl/VSelectionControl.mjs

@@ -1,4 +1,4 @@
-import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from "vue";
 // Styles
 import "./VSelectionControl.css";
 

package/lib/components/VSelectionControl/index.d.mts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, ComponentPublicInstance, FunctionalComponent, DirectiveBinding, Ref, CSSProperties, WritableComputedRef } from 'vue';
+import { VNodeChild, VNode, ComponentPropsOptions, ExtractPropTypes, ComponentPublicInstance, FunctionalComponent, PropType, DirectiveBinding, Ref, CSSProperties, WritableComputedRef } from 'vue';
 
 type ClassValue = any;
 

package/lib/components/VSelectionControlGroup/index.d.mts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, ComponentPublicInstance, FunctionalComponent, DirectiveBinding } from 'vue';
+import { VNodeChild, VNode, ComponentPropsOptions, ExtractPropTypes, ComponentPublicInstance, FunctionalComponent, PropType, DirectiveBinding } from 'vue';
 
 type SlotsToProps<U extends RawSlots, T = MakeInternalSlots<U>> = {
     $children?: (VNodeChild | (T extends {

package/lib/components/VSheet/VSheet.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
+import { createVNode as _createVNode } from "vue";
 // Styles
 import "./VSheet.css";
 

package/lib/components/VSkeletonLoader/VSkeletonLoader.mjs

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 // Styles
 import "./VSkeletonLoader.css";
 

package/lib/components/VSlideGroup/index.d.mts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, ComponentPublicInstance, FunctionalComponent, ComponentInternalInstance, Ref, ComputedRef, InjectionKey, UnwrapRef } from 'vue';
+import { VNodeChild, VNode, ComponentPropsOptions, ExtractPropTypes, ComponentPublicInstance, FunctionalComponent, PropType, Ref, ComponentInternalInstance, ComputedRef, InjectionKey, UnwrapRef } from 'vue';
 
 type SlotsToProps<U extends RawSlots, T = MakeInternalSlots<U>> = {
     $children?: (VNodeChild | (T extends {

package/lib/components/VSlider/VSlider.mjs

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 // Styles
 import "./VSlider.css";
 

package/lib/components/VSlider/VSliderThumb.mjs

@@ -1,4 +1,4 @@
-import { vShow as _vShow, withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, vShow as _vShow } from "vue";
 // Styles
 import "./VSliderThumb.css";
 

package/lib/components/VSlider/slider.mjs

@@ -137,6 +137,8 @@ export const useSlider = _ref => {
   const trackContainerRef = ref();
   const activeThumbRef = ref();
   function parseMouseMove(e) {
+    const el = trackContainerRef.value?.$el;
+    if (!el) return;
     const vertical = props.direction === 'vertical';
     const start = vertical ? 'top' : 'left';
     const length = vertical ? 'height' : 'width';
@@ -144,7 +146,7 @@ export const useSlider = _ref => {
     const {
       [start]: trackStart,
       [length]: trackLength
-    } = trackContainerRef.value?.$el.getBoundingClientRect();
+    } = el.getBoundingClientRect();
     const clickOffset = getPosition(e, position);
 
     // It is possible for left to be NaN, force to number
@@ -153,13 +155,17 @@ export const useSlider = _ref => {
     return roundValue(min.value + clickPos * (max.value - min.value));
   }
   const handleStop = e => {
-    onSliderEnd({
-      value: parseMouseMove(e)
-    });
+    const value = parseMouseMove(e);
+    if (value != null) {
+      onSliderEnd({
+        value
+      });
+    }
     mousePressed.value = false;
     startOffset.value = 0;
   };
   const handleStart = e => {
+    const value = parseMouseMove(e);
     activeThumbRef.value = getActiveThumb(e);
     if (!activeThumbRef.value) return;
     mousePressed.value = true;
@@ -167,13 +173,17 @@ export const useSlider = _ref => {
       startOffset.value = getOffset(e, activeThumbRef.value, props.direction);
     } else {
       startOffset.value = 0;
-      onSliderMove({
-        value: parseMouseMove(e)
+      if (value != null) {
+        onSliderMove({
+          value
+        });
+      }
+    }
+    if (value != null) {
+      onSliderStart({
+        value
       });
     }
-    onSliderStart({
-      value: parseMouseMove(e)
-    });
     nextTick(() => activeThumbRef.value?.focus());
   };
   const moveListenerOptions = {
@@ -181,9 +191,12 @@ export const useSlider = _ref => {
     capture: true
   };
   function onMouseMove(e) {
-    onSliderMove({
-      value: parseMouseMove(e)
-    });
+    const value = parseMouseMove(e);
+    if (value != null) {
+      onSliderMove({
+        value
+      });
+    }
   }
   function onSliderMouseUp(e) {
     e.stopPropagation();