vuetify 3.7.14 → 3.7.15

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.14
+* Vuetify v3.7.15
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -9060,6 +9060,8 @@
         }
       }
       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));
@@ -15685,6 +15687,7 @@
       });
     }
     function onSliderMousedown(e) {
+      if (e.button !== 0) return;
       e.preventDefault();
       handleStart(e);
       window.addEventListener('mousemove', onMouseMove, moveListenerOptions);
@@ -24599,7 +24602,7 @@
               "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],
@@ -28250,9 +28253,9 @@
         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 = vue.computed(() => !props.disabled && !props.readonly);
       function onKeydown(e) {
@@ -28658,6 +28661,36 @@
     }
   });
 
+  // Utilities
+  const HOLD_REPEAT = 50;
+  const HOLD_DELAY = 500;
+  function useHold(_ref) {
+    let {
+      toggleUpDown
+    } = _ref;
+    let timeout = -1;
+    let interval = -1;
+    vue.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({
@@ -28687,7 +28720,7 @@
       type: Number,
       default: 0
     },
-    ...omit(makeVTextFieldProps({}), ['modelValue'])
+    ...omit(makeVTextFieldProps(), ['modelValue', 'validationValue'])
   }, 'VNumberInput');
   const VNumberInput = genericComponent()({
     name: 'VNumberInput',
@@ -28702,9 +28735,19 @@
         slots
       } = _ref;
       const vTextFieldRef = vue.ref();
+      const {
+        holdStart,
+        holdStop
+      } = useHold({
+        toggleUpDown
+      });
       const form = useForm(props);
       const controlsDisabled = vue.computed(() => form.isDisabled.value || form.isReadonly.value);
-      const isFocused = vue.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);
@@ -28748,10 +28791,18 @@
       const controlNodeSize = vue.computed(() => controlVariant.value === 'split' ? 'default' : 'small');
       const controlNodeDefaultHeight = vue.computed(() => controlVariant.value === 'stacked' ? 'auto' : '100%');
       const incrementSlotProps = vue.computed(() => ({
-        click: onClickUp
+        props: {
+          onClick: onControlClick,
+          onPointerup: onControlMouseup,
+          onPointerdown: onUpControlMousedown
+        }
       }));
       const decrementSlotProps = vue.computed(() => ({
-        click: onClickDown
+        props: {
+          onClick: onControlClick,
+          onPointerup: onControlMouseup,
+          onPointerdown: onDownControlMousedown
+        }
       }));
       vue.watch(() => props.precision, () => formatInputValue());
       vue.onMounted(() => {
@@ -28778,14 +28829,6 @@
           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;
@@ -28823,8 +28866,29 @@
           }
         }
       }
-      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;
@@ -28853,11 +28917,11 @@
         inputText.value = model.value.toString();
       }
       function onFocus() {
-        isFocused.value = true;
+        focus();
         trimDecimalZeros();
       }
       function onBlur() {
-        isFocused.value = false;
+        blur();
         clampModel();
       }
       useRender(() => {
@@ -28874,8 +28938,9 @@
             "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) : vue.createVNode(VDefaultsProvider, {
@@ -28904,8 +28969,9 @@
             "icon": decrementIcon.value,
             "size": controlNodeSize.value,
             "tabindex": "-1",
-            "onClick": onClickDown,
-            "onMousedown": onControlMousedown
+            "onClick": onControlClick,
+            "onPointerup": onControlMouseup,
+            "onPointerdown": onDownControlMousedown
           }, null) : vue.createVNode(VDefaultsProvider, {
             "key": "decrement-defaults",
             "defaults": {
@@ -28949,6 +29015,7 @@
           "ref": vTextFieldRef,
           "modelValue": inputText.value,
           "onUpdate:modelValue": $event => inputText.value = $event,
+          "validationValue": model.value,
           "onBeforeinput": onBeforeinput,
           "onFocus": onFocus,
           "onBlur": onBlur,
@@ -30133,7 +30200,6 @@
 
   const makeVTreeviewItemProps = propsFactory({
     loading: Boolean,
-    onToggleExpand: EventProp(),
     toggleIcon: IconValue,
     ...makeVListItemProps({
       slim: true
@@ -30142,9 +30208,13 @@
   const VTreeviewItem = genericComponent()({
     name: 'VTreeviewItem',
     props: makeVTreeviewItemProps(),
+    emits: {
+      toggleExpand: value => true
+    },
     setup(props, _ref) {
       let {
-        slots
+        slots,
+        emit
       } = _ref;
       const visibleIds = vue.inject(VTreeviewSymbol, {
         visibleIds: vue.ref()
@@ -30159,6 +30229,10 @@
           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;
@@ -30183,7 +30257,7 @@
                 "icon": props.toggleIcon,
                 "loading": props.loading,
                 "variant": "text",
-                "onClick": props.onToggleExpand
+                "onClick": onClickAction
               }, {
                 loader() {
                   return vue.createVNode(VProgressCircular, {
@@ -30978,7 +31052,7 @@
       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
@@ -31231,7 +31305,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.7.14";
+  const version = "3.7.15";
 
   /* eslint-disable local-rules/sort-imports */