@vuetify/nightly 3.7.14-master.2025-02-26 → 3.7.14-master.2025-02-28

package/dist/vuetify-labs.d.ts

@@ -71161,7 +71161,7 @@ declare const VFileUploadItem: {
 type VFileUploadItem = InstanceType<typeof VFileUploadItem>;
 
 type ControlSlot = {
-    click: (e: MouseEvent) => void;
+    props: Record<string, unknown>;
 };
 type ControlVariant = 'default' | 'stacked' | 'split' | 'hidden';
 declare const VNumberInput: {
@@ -82073,7 +82073,6 @@ declare const VTreeviewItem: {
         prependAvatar?: string | undefined;
         subtitle?: string | number | undefined;
         toggleIcon?: IconValue | undefined;
-        onToggleExpand?: ((args_0: MouseEvent) => void) | undefined;
     } & {
         $children?: vue.VNodeChild | {
             prepend?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
@@ -82095,7 +82094,11 @@ declare const VTreeviewItem: {
         "v-slot:default"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
         "v-slot:title"?: false | ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
         "v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    } & {
+        onToggleExpand?: ((value: PointerEvent) => any) | undefined;
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        toggleExpand: (value: PointerEvent) => true;
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         replace: boolean;
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         exact: boolean;
@@ -82141,7 +82144,6 @@ declare const VTreeviewItem: {
         prependAvatar?: string | undefined;
         subtitle?: string | number | undefined;
         toggleIcon?: IconValue | undefined;
-        onToggleExpand?: ((args_0: MouseEvent) => void) | undefined;
     } & {
         $children?: vue.VNodeChild | {
             prepend?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
@@ -82163,6 +82165,8 @@ declare const VTreeviewItem: {
         "v-slot:default"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
         "v-slot:title"?: false | ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
         "v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+    } & {
+        onToggleExpand?: ((value: PointerEvent) => any) | undefined;
     }, {
         replace: boolean;
         link: boolean;
@@ -82240,7 +82244,6 @@ declare const VTreeviewItem: {
         prependAvatar?: string | undefined;
         subtitle?: string | number | undefined;
         toggleIcon?: IconValue | undefined;
-        onToggleExpand?: ((args_0: MouseEvent) => void) | undefined;
     } & {
         $children?: vue.VNodeChild | {
             prepend?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
@@ -82262,6 +82265,8 @@ declare const VTreeviewItem: {
         "v-slot:default"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
         "v-slot:title"?: false | ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
         "v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
+    } & {
+        onToggleExpand?: ((value: PointerEvent) => any) | undefined;
     }, {}, {}, {}, {}, {
         replace: boolean;
         link: boolean;
@@ -82330,7 +82335,6 @@ declare const VTreeviewItem: {
     prependAvatar?: string | undefined;
     subtitle?: string | number | undefined;
     toggleIcon?: IconValue | undefined;
-    onToggleExpand?: ((args_0: MouseEvent) => void) | undefined;
 } & {
     $children?: vue.VNodeChild | {
         prepend?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
@@ -82352,7 +82356,11 @@ declare const VTreeviewItem: {
     "v-slot:default"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
     "v-slot:title"?: false | ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
     "v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+} & {
+    onToggleExpand?: ((value: PointerEvent) => any) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    toggleExpand: (value: PointerEvent) => true;
+}, string, {
     replace: boolean;
     link: boolean;
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
@@ -82453,7 +82461,6 @@ declare const VTreeviewItem: {
     onClick: vue.PropType<(args_0: MouseEvent | KeyboardEvent) => void>;
     onClickOnce: vue.PropType<(args_0: MouseEvent) => void>;
     loading: BooleanConstructor;
-    onToggleExpand: vue.PropType<(args_0: MouseEvent) => void>;
     toggleIcon: vue.PropType<IconValue>;
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
@@ -82532,7 +82539,6 @@ declare const VTreeviewItem: {
     onClick: vue.PropType<(args_0: MouseEvent | KeyboardEvent) => void>;
     onClickOnce: vue.PropType<(args_0: MouseEvent) => void>;
     loading: BooleanConstructor;
-    onToggleExpand: vue.PropType<(args_0: MouseEvent) => void>;
     toggleIcon: vue.PropType<IconValue>;
 }>>;
 type VTreeviewItem = InstanceType<typeof VTreeviewItem>;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.14-master.2025-02-26
+* Vuetify v3.7.14-master.2025-02-28
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -9056,6 +9056,8 @@ const VListItem = genericComponent()({
       }
     }
     function onKeyDown(e) {
+      const target = e.target;
+      if (['INPUT', 'TEXTAREA'].includes(target.tagName)) return;
       if (e.key === 'Enter' || e.key === ' ') {
         e.preventDefault();
         e.target.dispatchEvent(new MouseEvent('click', e));
@@ -15681,6 +15683,7 @@ const useSlider = _ref => {
     });
   }
   function onSliderMousedown(e) {
+    if (e.button !== 0) return;
     e.preventDefault();
     handleStart(e);
     window.addEventListener('mousemove', onMouseMove, moveListenerOptions);
@@ -28654,6 +28657,36 @@ const VFileUpload = genericComponent()({
   }
 });
 
+// Utilities
+const HOLD_REPEAT = 50;
+const HOLD_DELAY = 500;
+function useHold(_ref) {
+  let {
+    toggleUpDown
+  } = _ref;
+  let timeout = -1;
+  let interval = -1;
+  onScopeDispose(holdStop);
+  function holdStart(value) {
+    holdStop();
+    tick(value);
+    timeout = window.setTimeout(() => {
+      interval = window.setInterval(() => tick(value), HOLD_REPEAT);
+    }, HOLD_DELAY);
+  }
+  function holdStop() {
+    window.clearTimeout(timeout);
+    window.clearInterval(interval);
+  }
+  function tick(value) {
+    toggleUpDown(value === 'up');
+  }
+  return {
+    holdStart,
+    holdStop
+  };
+}
+
 // Types
 
 const makeVNumberInputProps = propsFactory({
@@ -28698,9 +28731,19 @@ const VNumberInput = genericComponent()({
       slots
     } = _ref;
     const vTextFieldRef = ref();
+    const {
+      holdStart,
+      holdStop
+    } = useHold({
+      toggleUpDown
+    });
     const form = useForm(props);
     const controlsDisabled = computed(() => form.isDisabled.value || form.isReadonly.value);
-    const isFocused = ref(false);
+    const {
+      isFocused,
+      focus,
+      blur
+    } = useFocus(props);
     function correctPrecision(val) {
       let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : props.precision;
       const fixed = precision == null ? String(val) : val.toFixed(precision);
@@ -28744,10 +28787,18 @@ const VNumberInput = genericComponent()({
     const controlNodeSize = computed(() => controlVariant.value === 'split' ? 'default' : 'small');
     const controlNodeDefaultHeight = computed(() => controlVariant.value === 'stacked' ? 'auto' : '100%');
     const incrementSlotProps = computed(() => ({
-      click: onClickUp
+      props: {
+        onClick: onControlClick,
+        onPointerup: onControlMouseup,
+        onPointerdown: onUpControlMousedown
+      }
     }));
     const decrementSlotProps = computed(() => ({
-      click: onClickDown
+      props: {
+        onClick: onControlClick,
+        onPointerup: onControlMouseup,
+        onPointerdown: onDownControlMousedown
+      }
     }));
     watch(() => props.precision, () => formatInputValue());
     onMounted(() => {
@@ -28774,14 +28825,6 @@ const VNumberInput = genericComponent()({
         if (canDecrease.value) inputText.value = correctPrecision(model.value - props.step, inferredPrecision);
       }
     }
-    function onClickUp(e) {
-      e.stopPropagation();
-      toggleUpDown();
-    }
-    function onClickDown(e) {
-      e.stopPropagation();
-      toggleUpDown(false);
-    }
     function onBeforeinput(e) {
       if (!e.data) return;
       const existingTxt = e.target?.value;
@@ -28819,8 +28862,29 @@ const VNumberInput = genericComponent()({
         }
       }
     }
-    function onControlMousedown(e) {
+    function onControlClick(e) {
+      e.stopPropagation();
+    }
+    function onControlMouseup(e) {
+      const el = e.currentTarget;
+      el?.releasePointerCapture(e.pointerId);
+      e.preventDefault();
+      e.stopPropagation();
+      holdStop();
+    }
+    function onUpControlMousedown(e) {
+      const el = e.currentTarget;
+      el?.setPointerCapture(e.pointerId);
+      e.preventDefault();
+      e.stopPropagation();
+      holdStart('up');
+    }
+    function onDownControlMousedown(e) {
+      const el = e.currentTarget;
+      el?.setPointerCapture(e.pointerId);
+      e.preventDefault();
       e.stopPropagation();
+      holdStart('down');
     }
     function clampModel() {
       if (controlsDisabled.value) return;
@@ -28849,11 +28913,11 @@ const VNumberInput = genericComponent()({
       inputText.value = model.value.toString();
     }
     function onFocus() {
-      isFocused.value = true;
+      focus();
       trimDecimalZeros();
     }
     function onBlur() {
-      isFocused.value = false;
+      blur();
       clampModel();
     }
     useRender(() => {
@@ -28870,8 +28934,9 @@ const VNumberInput = genericComponent()({
           "data-testid": "increment",
           "aria-hidden": "true",
           "icon": incrementIcon.value,
-          "onClick": onClickUp,
-          "onMousedown": onControlMousedown,
+          "onClick": onControlClick,
+          "onPointerup": onControlMouseup,
+          "onPointerdown": onUpControlMousedown,
           "size": controlNodeSize.value,
           "tabindex": "-1"
         }, null) : createVNode(VDefaultsProvider, {
@@ -28900,8 +28965,9 @@ const VNumberInput = genericComponent()({
           "icon": decrementIcon.value,
           "size": controlNodeSize.value,
           "tabindex": "-1",
-          "onClick": onClickDown,
-          "onMousedown": onControlMousedown
+          "onClick": onControlClick,
+          "onPointerup": onControlMouseup,
+          "onPointerdown": onDownControlMousedown
         }, null) : createVNode(VDefaultsProvider, {
           "key": "decrement-defaults",
           "defaults": {
@@ -30130,7 +30196,6 @@ const VTreeviewSymbol = Symbol.for('vuetify:v-treeview');
 
 const makeVTreeviewItemProps = propsFactory({
   loading: Boolean,
-  onToggleExpand: EventProp(),
   toggleIcon: IconValue,
   ...makeVListItemProps({
     slim: true
@@ -30139,9 +30204,13 @@ const makeVTreeviewItemProps = propsFactory({
 const VTreeviewItem = genericComponent()({
   name: 'VTreeviewItem',
   props: makeVTreeviewItemProps(),
+  emits: {
+    toggleExpand: value => true
+  },
   setup(props, _ref) {
     let {
-      slots
+      slots,
+      emit
     } = _ref;
     const visibleIds = inject$1(VTreeviewSymbol, {
       visibleIds: ref()
@@ -30156,6 +30225,10 @@ const VTreeviewItem = genericComponent()({
         vListItemRef.value?.activate(!vListItemRef.value?.isActivated, e);
       }
     }
+    function onClickAction(e) {
+      e.preventDefault();
+      emit('toggleExpand', e);
+    }
     useRender(() => {
       const listItemProps = omit(VListItem.filterProps(props), ['onClick']);
       const hasPrepend = slots.prepend || props.toggleIcon;
@@ -30180,7 +30253,7 @@ const VTreeviewItem = genericComponent()({
               "icon": props.toggleIcon,
               "loading": props.loading,
               "variant": "text",
-              "onClick": props.onToggleExpand
+              "onClick": onClickAction
             }, {
               loader() {
                 return createVNode(VProgressCircular, {
@@ -30975,7 +31048,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.14-master.2025-02-26";
+const version$1 = "3.7.14-master.2025-02-28";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31228,7 +31301,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.14-master.2025-02-26";
+const version = "3.7.14-master.2025-02-28";
 
 /* eslint-disable local-rules/sort-imports */