@vuetify/nightly 3.7.0-beta.1-dev.2024-07-30 → 3.7.0-beta.1-dev.2024-08-01

package/dist/vuetify-labs.d.ts

@@ -36223,7 +36223,7 @@ declare const VFooter: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         absolute: boolean;
         height: string | number;
         order: string | number;
@@ -36293,7 +36293,7 @@ declare const VFooter: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    }, {}, {}, {}, {}, {
+    }, any, {}, {}, {}, {
         absolute: boolean;
         height: string | number;
         order: string | number;
@@ -36331,7 +36331,7 @@ declare const VFooter: {
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     absolute: boolean;
     height: string | number;
     order: string | number;
@@ -75788,6 +75788,7 @@ declare const VNumberInput: {
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule$1[];
+        modelValue: Number | null;
         tile: boolean;
         density: Density;
         clearIcon: IconValue;
@@ -75817,7 +75818,6 @@ declare const VNumberInput: {
         theme?: string | undefined;
         counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        modelValue?: any;
         validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
         validationValue?: any;
         rounded?: string | number | boolean | undefined;
@@ -75896,7 +75896,7 @@ declare const VNumberInput: {
     } & {
         "onUpdate:modelValue"?: ((val: number) => any) | undefined;
     }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        'update:modelValue': (val: number) => true;
+        'update:modelValue': (val: number) => boolean;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         flat: boolean;
         reverse: boolean;
@@ -75918,6 +75918,7 @@ declare const VNumberInput: {
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule$1[];
+        modelValue: Number | null;
         tile: boolean;
         density: Density;
         clearIcon: IconValue;
@@ -75947,7 +75948,6 @@ declare const VNumberInput: {
         theme?: string | undefined;
         counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        modelValue?: any;
         validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
         validationValue?: any;
         rounded?: string | number | boolean | undefined;
@@ -76046,6 +76046,7 @@ declare const VNumberInput: {
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule$1[];
+        modelValue: Number | null;
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
@@ -76131,6 +76132,7 @@ declare const VNumberInput: {
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule$1[];
+        modelValue: Number | null;
         tile: boolean;
         density: Density;
         clearIcon: IconValue;
@@ -76160,7 +76162,6 @@ declare const VNumberInput: {
         theme?: string | undefined;
         counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        modelValue?: any;
         validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
         validationValue?: any;
         rounded?: string | number | boolean | undefined;
@@ -76259,6 +76260,7 @@ declare const VNumberInput: {
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
         rules: readonly ValidationRule$1[];
+        modelValue: Number | null;
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
@@ -76299,6 +76301,7 @@ declare const VNumberInput: {
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
     rules: readonly ValidationRule$1[];
+    modelValue: Number | null;
     tile: boolean;
     density: Density;
     clearIcon: IconValue;
@@ -76328,7 +76331,6 @@ declare const VNumberInput: {
     theme?: string | undefined;
     counter?: string | number | boolean | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-    modelValue?: any;
     validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
     validationValue?: any;
     rounded?: string | number | boolean | undefined;
@@ -76407,7 +76409,7 @@ declare const VNumberInput: {
 } & {
     "onUpdate:modelValue"?: ((val: number) => any) | undefined;
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:modelValue': (val: number) => true;
+    'update:modelValue': (val: number) => boolean;
 }, string, {
     flat: boolean;
     reverse: boolean;
@@ -76429,6 +76431,7 @@ declare const VNumberInput: {
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
     rules: readonly ValidationRule$1[];
+    modelValue: Number | null;
     rounded: string | number | boolean;
     tile: boolean;
     density: Density;
@@ -76550,7 +76553,6 @@ declare const VNumberInput: {
         type: PropType<readonly ValidationRule$1[]>;
         default: () => never[];
     };
-    modelValue: null;
     validateOn: PropType<("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined>;
     validationValue: null;
     rounded: {
@@ -76599,6 +76601,10 @@ declare const VNumberInput: {
     };
     inset: BooleanConstructor;
     hideInput: BooleanConstructor;
+    modelValue: {
+        type: PropType<Number | null>;
+        default: null;
+    };
     min: {
         type: NumberConstructor;
         default: number;
@@ -76675,7 +76681,6 @@ declare const VNumberInput: {
         type: PropType<readonly ValidationRule$1[]>;
         default: () => never[];
     };
-    modelValue: null;
     validateOn: PropType<("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined>;
     validationValue: null;
     rounded: {
@@ -76724,6 +76729,10 @@ declare const VNumberInput: {
     };
     inset: BooleanConstructor;
     hideInput: BooleanConstructor;
+    modelValue: {
+        type: PropType<Number | null>;
+        default: null;
+    };
     min: {
         type: NumberConstructor;
         default: number;
@@ -78466,6 +78475,7 @@ type VStepperVerticalActions = InstanceType<typeof VStepperVerticalActions>;
 
 declare const VPullToRefresh: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
+        disabled: boolean;
         pullDownThreshold: number;
     } & {} & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -78500,6 +78510,7 @@ declare const VPullToRefresh: {
             done: () => void;
         }) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        disabled: boolean;
         pullDownThreshold: number;
     } & {} & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -78530,6 +78541,7 @@ declare const VPullToRefresh: {
             done: () => void;
         }) => any) | undefined;
     }, {
+        disabled: boolean;
         pullDownThreshold: number;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -78550,6 +78562,7 @@ declare const VPullToRefresh: {
         M: {};
         Defaults: {};
     }, {
+        disabled: boolean;
         pullDownThreshold: number;
     } & {} & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -78580,12 +78593,14 @@ declare const VPullToRefresh: {
             done: () => void;
         }) => any) | undefined;
     }, {}, {}, {}, {}, {
+        disabled: boolean;
         pullDownThreshold: number;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    disabled: boolean;
     pullDownThreshold: number;
 } & {} & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
@@ -78620,6 +78635,7 @@ declare const VPullToRefresh: {
         done: () => void;
     }) => true;
 }, string, {
+    disabled: boolean;
     pullDownThreshold: number;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -78633,11 +78649,13 @@ declare const VPullToRefresh: {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    disabled: BooleanConstructor;
     pullDownThreshold: {
         type: NumberConstructor;
         default: number;
     };
 }, vue.ExtractPropTypes<{
+    disabled: BooleanConstructor;
     pullDownThreshold: {
         type: NumberConstructor;
         default: number;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.0-beta.1-dev.2024-07-30
+* Vuetify v3.7.0-beta.1-dev.2024-08-01
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -5716,7 +5716,7 @@ const VBtn = genericComponent()({
           "indeterminate": true,
           "width": "2"
         }, null)])]
-      }), [[Ripple, !isDisabled.value && !!props.ripple, '', {
+      }), [[Ripple, !isDisabled.value && props.ripple, '', {
         center: !!props.icon
       }]]);
     });
@@ -6014,7 +6014,7 @@ const VAvatar = genericComponent()({
         "defaults": {
           VImg: {
             cover: true,
-            image: props.image
+            src: props.image
           },
           VIcon: {
             icon: props.icon
@@ -11156,7 +11156,7 @@ const VMenu = genericComponent()({
       },
       closeParents(e) {
         setTimeout(() => {
-          if (!openChildren.value.size && !props.persistent && (e == null || e && !isClickInsideElement(e, overlay.value.contentEl))) {
+          if (!openChildren.value.size && !props.persistent && (e == null || overlay.value?.contentEl && !isClickInsideElement(e, overlay.value.contentEl))) {
             isActive.value = false;
             parent?.closeParents();
           }
@@ -22975,6 +22975,8 @@ const VFooter = genericComponent()({
     let {
       slots
     } = _ref;
+    const layoutItemStyles = ref();
+    const layoutIsReady = shallowRef();
     const {
       themeClasses
     } = provideTheme(props);
@@ -22999,17 +23001,20 @@ const VFooter = genericComponent()({
       autoHeight.value = entries[0].target.clientHeight;
     });
     const height = computed(() => props.height === 'auto' ? autoHeight.value : parseInt(props.height, 10));
-    const {
-      layoutItemStyles,
-      layoutIsReady
-    } = useLayoutItem({
-      id: props.name,
-      order: computed(() => parseInt(props.order, 10)),
-      position: computed(() => 'bottom'),
-      layoutSize: height,
-      elementSize: computed(() => props.height === 'auto' ? undefined : height.value),
-      active: computed(() => props.app),
-      absolute: toRef(props, 'absolute')
+    useToggleScope(() => props.app, () => {
+      const layout = useLayoutItem({
+        id: props.name,
+        order: computed(() => parseInt(props.order, 10)),
+        position: computed(() => 'bottom'),
+        layoutSize: height,
+        elementSize: computed(() => props.height === 'auto' ? undefined : height.value),
+        active: computed(() => props.app),
+        absolute: toRef(props, 'absolute')
+      });
+      watchEffect(() => {
+        layoutItemStyles.value = layout.layoutItemStyles.value;
+        layoutIsReady.value = layout.layoutIsReady;
+      });
     });
     useRender(() => createVNode(props.tag, {
       "ref": resizeRef,
@@ -23018,7 +23023,7 @@ const VFooter = genericComponent()({
         height: convertToUnit(props.height)
       }, props.style]
     }, slots));
-    return props.app ? layoutIsReady : {};
+    return props.app ? layoutIsReady.value : {};
   }
 });
 
@@ -25159,16 +25164,17 @@ const VSkeletonLoader = genericComponent()({
     const items = computed(() => genStructure(wrapInArray(props.type).join(',')));
     useRender(() => {
       const isLoading = !slots.default || props.loading;
-      return createVNode("div", {
+      const loadingProps = props.boilerplate || !isLoading ? {} : {
+        ariaLive: 'polite',
+        ariaLabel: t(props.loadingText),
+        role: 'alert'
+      };
+      return createVNode("div", mergeProps({
         "class": ['v-skeleton-loader', {
           'v-skeleton-loader--boilerplate': props.boilerplate
         }, themeClasses.value, backgroundColorClasses.value, elevationClasses.value],
-        "style": [backgroundColorStyles.value, isLoading ? dimensionStyles.value : {}],
-        "aria-busy": !props.boilerplate ? isLoading : undefined,
-        "aria-live": !props.boilerplate ? 'polite' : undefined,
-        "aria-label": !props.boilerplate ? t(props.loadingText) : undefined,
-        "role": !props.boilerplate ? 'alert' : undefined
-      }, [isLoading ? items.value : slots.default?.()]);
+        "style": [backgroundColorStyles.value, isLoading ? dimensionStyles.value : {}]
+      }, loadingProps), [isLoading ? items.value : slots.default?.()]);
     });
     return {};
   }
@@ -25201,14 +25207,14 @@ const VSlideGroupItem = genericComponent()({
 // Types
 
 function useCountdown(milliseconds) {
-  const time = shallowRef(milliseconds);
+  const time = shallowRef(milliseconds());
   let timer = -1;
   function clear() {
     clearInterval(timer);
   }
   function reset() {
     clear();
-    nextTick(() => time.value = milliseconds);
+    nextTick(() => time.value = milliseconds());
   }
   function start(el) {
     const style = el ? getComputedStyle(el) : {
@@ -25220,7 +25226,7 @@ function useCountdown(milliseconds) {
     const startTime = performance.now();
     timer = window.setInterval(() => {
       const elapsed = performance.now() - startTime + interval;
-      time.value = Math.max(milliseconds - elapsed, 0);
+      time.value = Math.max(milliseconds() - elapsed, 0);
       if (time.value <= 0) clear();
     }, interval);
   }
@@ -25280,7 +25286,7 @@ const VSnackbar = genericComponent()({
     const {
       roundedClasses
     } = useRounded(props);
-    const countdown = useCountdown(Number(props.timeout));
+    const countdown = useCountdown(() => Number(props.timeout));
     const overlay = ref();
     const timerRef = ref();
     const isHovering = shallowRef(false);
@@ -28100,19 +28106,23 @@ const makeVNumberInputProps = propsFactory({
   },
   inset: Boolean,
   hideInput: Boolean,
+  modelValue: {
+    type: Number,
+    default: null
+  },
   min: {
     type: Number,
-    default: -Infinity
+    default: Number.MIN_SAFE_INTEGER
   },
   max: {
     type: Number,
-    default: Infinity
+    default: Number.MAX_SAFE_INTEGER
   },
   step: {
     type: Number,
     default: 1
   },
-  ...omit(makeVTextFieldProps(), ['appendInnerIcon', 'prependInnerIcon'])
+  ...omit(makeVTextFieldProps({}), ['appendInnerIcon', 'modelValue', 'prependInnerIcon'])
 }, 'VNumberInput');
 const VNumberInput = genericComponent()({
   name: 'VNumberInput',
@@ -28124,30 +28134,27 @@ const VNumberInput = genericComponent()({
   },
   setup(props, _ref) {
     let {
-      attrs,
-      emit,
       slots
     } = _ref;
-    const model = useProxiedModel(props, 'modelValue');
+    const _model = useProxiedModel(props, 'modelValue');
+    const model = computed({
+      get: () => _model.value,
+      set(val) {
+        if (typeof val !== 'string') _model.value = val;
+      }
+    });
+    const vTextFieldRef = ref();
     const stepDecimals = computed(() => getDecimals(props.step));
-    const modelDecimals = computed(() => model.value != null ? getDecimals(model.value) : 0);
+    const modelDecimals = computed(() => typeof model.value === 'number' ? getDecimals(model.value) : 0);
     const form = useForm();
     const controlsDisabled = computed(() => props.disabled || props.readonly || form?.isReadonly.value);
     const canIncrease = computed(() => {
       if (controlsDisabled.value) return false;
-      if (model.value == null) return true;
-      return model.value + props.step <= props.max;
+      return (model.value ?? 0) + props.step <= props.max;
     });
     const canDecrease = computed(() => {
       if (controlsDisabled.value) return false;
-      if (model.value == null) return true;
-      return model.value - props.step >= props.min;
-    });
-    watchEffect(() => {
-      if (controlsDisabled.value) return;
-      if (model.value != null && (model.value < props.min || model.value > props.max)) {
-        model.value = clamp(model.value, props.min, props.max);
-      }
+      return (model.value ?? 0) - props.step >= props.min;
     });
     const controlVariant = computed(() => {
       return props.hideInput ? 'stacked' : props.controlVariant;
@@ -28162,11 +28169,16 @@ const VNumberInput = genericComponent()({
     const decrementSlotProps = computed(() => ({
       click: onClickDown
     }));
+    onMounted(() => {
+      if (!props.readonly && !props.disabled) {
+        clampModel();
+      }
+    });
     function toggleUpDown() {
       let increment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
       if (controlsDisabled.value) return;
       if (model.value == null) {
-        model.value = 0;
+        model.value = clamp(0, props.min, props.max);
         return;
       }
       const decimals = Math.max(modelDecimals.value, stepDecimals.value);
@@ -28184,30 +28196,45 @@ const VNumberInput = genericComponent()({
       e.stopPropagation();
       toggleUpDown(false);
     }
-    function onKeydown(e) {
-      if (['Enter', 'ArrowLeft', 'ArrowRight', 'Backspace', 'Delete', 'Tab'].includes(e.key) || e.ctrlKey) return;
-      if (['ArrowDown'].includes(e.key)) {
+    function onBeforeinput(e) {
+      if (!e.data) return;
+      const existingTxt = e.target?.value;
+      const selectionStart = e.target?.selectionStart;
+      const selectionEnd = e.target?.selectionEnd;
+      const potentialNewInputVal = existingTxt ? existingTxt.slice(0, selectionStart) + e.data + existingTxt.slice(selectionEnd) : e.data;
+      // Only numbers, "-", "." are allowed
+      // AND "-", "." are allowed only once
+      // AND "-" is only allowed at the start
+      if (!/^-?(\d+(\.\d*)?|(\.\d+)|\d*|\.)$/.test(potentialNewInputVal)) {
         e.preventDefault();
-        toggleUpDown(false);
-        return;
-      }
-      if (['ArrowUp'].includes(e.key)) {
-        e.preventDefault();
-        toggleUpDown();
-        return;
       }
-
-      // Only numbers, +, - & . are allowed
-      if (!/^[0-9\-+.]+$/.test(e.key)) {
+    }
+    async function onKeydown(e) {
+      if (['Enter', 'ArrowLeft', 'ArrowRight', 'Backspace', 'Delete', 'Tab'].includes(e.key) || e.ctrlKey) return;
+      if (['ArrowDown', 'ArrowUp'].includes(e.key)) {
         e.preventDefault();
+        clampModel();
+        // _model is controlled, so need to wait until props['modelValue'] is updated
+        await nextTick();
+        if (e.key === 'ArrowDown') {
+          toggleUpDown(false);
+        } else {
+          toggleUpDown();
+        }
       }
     }
-    function onModelUpdate(v) {
-      model.value = v ? +v : undefined;
-    }
     function onControlMousedown(e) {
       e.stopPropagation();
     }
+    function clampModel() {
+      if (!vTextFieldRef.value) return;
+      const inputText = vTextFieldRef.value.value;
+      if (inputText && !isNaN(+inputText)) {
+        model.value = clamp(+inputText, props.min, props.max);
+      } else {
+        model.value = null;
+      }
+    }
     useRender(() => {
       const {
         modelValue: _,
@@ -28292,8 +28319,11 @@ const VNumberInput = genericComponent()({
       }, null)]) : props.reverse ? createVNode(Fragment, null, [controlNode(), dividerNode()]) : undefined;
       const hasPrependInner = slots['prepend-inner'] || prependInnerControl;
       return createVNode(VTextField, mergeProps({
+        "ref": vTextFieldRef,
         "modelValue": model.value,
-        "onUpdate:modelValue": onModelUpdate,
+        "onUpdate:modelValue": $event => model.value = $event,
+        "onBeforeinput": onBeforeinput,
+        "onChange": clampModel,
         "onKeydown": onKeydown,
         "class": ['v-number-input', {
           'v-number-input--default': controlVariant.value === 'default',
@@ -28587,6 +28617,7 @@ const VStepperVertical = genericComponent()({
 const VPullToRefresh = genericComponent()({
   name: 'VPullToRefresh',
   props: {
+    disabled: Boolean,
     pullDownThreshold: {
       type: Number,
       default: 64
@@ -28610,19 +28641,19 @@ const VPullToRefresh = genericComponent()({
     const canRefresh = computed(() => touchDiff.value >= props.pullDownThreshold && !refreshing.value);
     const topOffset = computed(() => clamp(touchDiff.value, 0, props.pullDownThreshold));
     function onTouchstart(e) {
-      if (refreshing.value) return;
+      if (refreshing.value || props.disabled) return;
       touching.value = true;
       touchstartY = 'clientY' in e ? e.clientY : e.touches[0].clientY;
     }
     function onTouchmove(e) {
-      if (refreshing.value || !touching.value) return;
+      if (refreshing.value || !touching.value || props.disabled) return;
       const touchY = 'clientY' in e ? e.clientY : e.touches[0].clientY;
       if (scrollParents.length && !scrollParents[0].scrollTop) {
         touchDiff.value = touchY - touchstartY;
       }
     }
     function onTouchend(e) {
-      if (refreshing.value) return;
+      if (refreshing.value || props.disabled) return;
       touching.value = false;
       if (canRefresh.value) {
         function done() {
@@ -30325,7 +30356,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.0-beta.1-dev.2024-07-30";
+const version$1 = "3.7.0-beta.1-dev.2024-08-01";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -30578,7 +30609,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.0-beta.1-dev.2024-07-30";
+const version = "3.7.0-beta.1-dev.2024-08-01";
 
 /* eslint-disable local-rules/sort-imports */