vuetify 3.7.14 → 3.7.15

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: {
@@ -71218,7 +71218,6 @@ declare const VNumberInput: {
         counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         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;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
@@ -73391,7 +73390,6 @@ declare const VNumberInput: {
         counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         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;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
@@ -73585,7 +73583,6 @@ declare const VNumberInput: {
         counter?: string | number | boolean | undefined;
         'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
         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;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
@@ -75798,7 +75795,6 @@ declare const VNumberInput: {
     counter?: string | number | boolean | undefined;
     'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
     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;
     baseColor?: string | undefined;
     bgColor?: string | undefined;
@@ -78039,7 +78035,6 @@ declare const VNumberInput: {
         default: () => never[];
     };
     validateOn: PropType<ValidationProps["validateOn"]>;
-    validationValue: null;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
@@ -78173,7 +78168,6 @@ declare const VNumberInput: {
         default: () => never[];
     };
     validateOn: PropType<ValidationProps["validateOn"]>;
-    validationValue: null;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
@@ -82079,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;
@@ -82101,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;
@@ -82147,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;
@@ -82169,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;
@@ -82246,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;
@@ -82268,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;
@@ -82336,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;
@@ -82358,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";
@@ -82459,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;
@@ -82538,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
+* Vuetify v3.7.15
 * 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);
@@ -24595,7 +24598,7 @@ const VOtpInput = genericComponent()({
             "disabled": props.disabled,
             "inputmode": props.type === 'number' ? 'numeric' : 'text',
             "min": props.type === 'number' ? 0 : undefined,
-            "maxlength": "1",
+            "maxlength": i === 0 ? length.value : '1',
             "placeholder": props.placeholder,
             "type": props.type === 'number' ? 'text' : props.type,
             "value": model.value[i],
@@ -28246,9 +28249,9 @@ const VDateInput = genericComponent()({
       if (props.multiple === 'range') {
         const start = value[0];
         const end = value[value.length - 1];
-        return adapter.isValid(start) && adapter.isValid(end) ? `${adapter.format(start, 'keyboardDate')} - ${adapter.format(end, 'keyboardDate')}` : '';
+        return adapter.isValid(start) && adapter.isValid(end) ? `${adapter.format(adapter.date(start), 'keyboardDate')} - ${adapter.format(adapter.date(end), 'keyboardDate')}` : '';
       }
-      return adapter.isValid(model.value) ? adapter.format(model.value, 'keyboardDate') : '';
+      return adapter.isValid(model.value) ? adapter.format(adapter.date(model.value), 'keyboardDate') : '';
     });
     const isInteractive = computed(() => !props.disabled && !props.readonly);
     function onKeydown(e) {
@@ -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({
@@ -28683,7 +28716,7 @@ const makeVNumberInputProps = propsFactory({
     type: Number,
     default: 0
   },
-  ...omit(makeVTextFieldProps({}), ['modelValue'])
+  ...omit(makeVTextFieldProps(), ['modelValue', 'validationValue'])
 }, 'VNumberInput');
 const VNumberInput = genericComponent()({
   name: 'VNumberInput',
@@ -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": {
@@ -28945,6 +29011,7 @@ const VNumberInput = genericComponent()({
         "ref": vTextFieldRef,
         "modelValue": inputText.value,
         "onUpdate:modelValue": $event => inputText.value = $event,
+        "validationValue": model.value,
         "onBeforeinput": onBeforeinput,
         "onFocus": onFocus,
         "onBlur": onBlur,
@@ -30129,7 +30196,6 @@ const VTreeviewSymbol = Symbol.for('vuetify:v-treeview');
 
 const makeVTreeviewItemProps = propsFactory({
   loading: Boolean,
-  onToggleExpand: EventProp(),
   toggleIcon: IconValue,
   ...makeVListItemProps({
     slim: true
@@ -30138,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()
@@ -30155,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;
@@ -30179,7 +30253,7 @@ const VTreeviewItem = genericComponent()({
               "icon": props.toggleIcon,
               "loading": props.loading,
               "variant": "text",
-              "onClick": props.onToggleExpand
+              "onClick": onClickAction
             }, {
               loader() {
                 return createVNode(VProgressCircular, {
@@ -30974,7 +31048,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.14";
+const version$1 = "3.7.15";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31227,7 +31301,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.14";
+const version = "3.7.15";
 
 /* eslint-disable local-rules/sort-imports */