vuetify 3.7.13 → 3.7.15

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.13
+* Vuetify v3.7.15
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4012,7 +4012,7 @@
 
   const allowedDensities = [null, 'default', 'comfortable', 'compact'];
 
-  // typeof allowedDensities[number] evalutes to any
+  // typeof allowedDensities[number] evaluates to any
   // when generating api types for whatever reason.
 
   // Composables
@@ -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);
@@ -17717,16 +17720,13 @@
       case 'fullTime':
         options = {
           hour: 'numeric',
-          minute: 'numeric',
-          second: 'numeric',
-          hour12: true
+          minute: 'numeric'
         };
         break;
       case 'fullTime12h':
         options = {
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: true
         };
         break;
@@ -17734,40 +17734,35 @@
         options = {
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: false
         };
         break;
       case 'fullDateTime':
         options = {
           year: 'numeric',
-          month: 'long',
+          month: 'short',
           day: 'numeric',
           hour: 'numeric',
-          minute: 'numeric',
-          second: 'numeric',
-          hour12: true
+          minute: 'numeric'
         };
         break;
       case 'fullDateTime12h':
         options = {
           year: 'numeric',
-          month: 'long',
+          month: 'short',
           day: 'numeric',
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: true
         };
         break;
       case 'fullDateTime24h':
         options = {
           year: 'numeric',
-          month: 'long',
+          month: 'short',
           day: 'numeric',
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: false
         };
         break;
@@ -17784,11 +17779,9 @@
           month: '2-digit',
           day: '2-digit',
           hour: 'numeric',
-          minute: 'numeric',
-          second: 'numeric',
-          hour12: false
+          minute: 'numeric'
         };
-        break;
+        return new Intl.DateTimeFormat(locale, options).format(newDate).replace(/, /g, ' ');
       case 'keyboardDateTime12h':
         options = {
           year: 'numeric',
@@ -17796,10 +17789,9 @@
           day: '2-digit',
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: true
         };
-        break;
+        return new Intl.DateTimeFormat(locale, options).format(newDate).replace(/, /g, ' ');
       case 'keyboardDateTime24h':
         options = {
           year: 'numeric',
@@ -17807,10 +17799,9 @@
           day: '2-digit',
           hour: 'numeric',
           minute: 'numeric',
-          second: 'numeric',
           hour12: false
         };
-        break;
+        return new Intl.DateTimeFormat(locale, options).format(newDate).replace(/, /g, ' ');
       default:
         options = customFormat ?? {
           timeZone: 'UTC',
@@ -22249,9 +22240,26 @@
       const model = useProxiedModel(props, 'modelValue', undefined, v => wrapInArray(v), v => props.multiple ? v : v[0]);
       const viewMode = useProxiedModel(props, 'viewMode');
       // const inputMode = useProxiedModel(props, 'inputMode')
+
+      const minDate = vue.computed(() => {
+        const date = adapter.date(props.min);
+        return props.min && adapter.isValid(date) ? date : null;
+      });
+      const maxDate = vue.computed(() => {
+        const date = adapter.date(props.max);
+        return props.max && adapter.isValid(date) ? date : null;
+      });
       const internal = vue.computed(() => {
-        const value = adapter.date(model.value?.[0]);
-        return value && adapter.isValid(value) ? value : adapter.date();
+        const today = adapter.date();
+        let value = today;
+        if (model.value?.[0]) {
+          value = adapter.date(model.value[0]);
+        } else if (minDate.value && adapter.isBefore(today, minDate.value)) {
+          value = minDate.value;
+        } else if (maxDate.value && adapter.isAfter(today, maxDate.value)) {
+          value = maxDate.value;
+        }
+        return value && adapter.isValid(value) ? value : today;
       });
       const month = vue.ref(Number(props.month ?? adapter.getMonth(adapter.startOfMonth(internal.value))));
       const year = vue.ref(Number(props.year ?? adapter.getYear(adapter.startOfYear(adapter.setMonth(internal.value, month.value)))));
@@ -22271,14 +22279,6 @@
       });
       // const headerIcon = computed(() => props.inputMode === 'calendar' ? props.keyboardIcon : props.calendarIcon)
       const headerTransition = vue.computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
-      const minDate = vue.computed(() => {
-        const date = adapter.date(props.min);
-        return props.min && adapter.isValid(date) ? date : null;
-      });
-      const maxDate = vue.computed(() => {
-        const date = adapter.date(props.max);
-        return props.max && adapter.isValid(date) ? date : null;
-      });
       const disabled = vue.computed(() => {
         if (props.disabled) return true;
         const targets = [];
@@ -23057,6 +23057,14 @@
           callEvent(props['onClick:clear'], e);
         });
       }
+      function onDragover(e) {
+        e.preventDefault();
+      }
+      function onDrop(e) {
+        e.preventDefault();
+        if (!e.dataTransfer) return;
+        model.value = [...(e.dataTransfer.files ?? [])];
+      }
       vue.watch(model, newValue => {
         const hasModelReset = !Array.isArray(newValue) || !newValue.length;
         if (hasModelReset && inputRef.value) {
@@ -23109,7 +23117,9 @@
               "dirty": isDirty.value || props.dirty,
               "disabled": isDisabled.value,
               "focused": isFocused.value,
-              "error": isValid.value === false
+              "error": isValid.value === false,
+              "onDragover": onDragover,
+              "onDrop": onDrop
             }), {
               ...slots,
               default: _ref4 => {
@@ -24592,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],
@@ -28243,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) {
@@ -28651,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({
@@ -28680,7 +28720,7 @@
       type: Number,
       default: 0
     },
-    ...omit(makeVTextFieldProps({}), ['modelValue'])
+    ...omit(makeVTextFieldProps(), ['modelValue', 'validationValue'])
   }, 'VNumberInput');
   const VNumberInput = genericComponent()({
     name: 'VNumberInput',
@@ -28695,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);
@@ -28707,8 +28757,8 @@
       const model = useProxiedModel(props, 'modelValue', null, val => val ?? null, val => val == null ? val ?? null : clamp(+val, props.min, props.max));
       const _inputText = vue.shallowRef(null);
       vue.watchEffect(() => {
-        if (isFocused.value && !controlsDisabled.value) ; else if (model.value == null || controlsDisabled.value) {
-          _inputText.value = model.value && !isNaN(model.value) ? String(model.value) : null;
+        if (isFocused.value && !controlsDisabled.value) ; else if (model.value == null) {
+          _inputText.value = null;
         } else if (!isNaN(model.value)) {
           _inputText.value = correctPrecision(model.value);
         }
@@ -28741,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(() => {
@@ -28771,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;
@@ -28816,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;
@@ -28846,11 +28917,11 @@
         inputText.value = model.value.toString();
       }
       function onFocus() {
-        isFocused.value = true;
+        focus();
         trimDecimalZeros();
       }
       function onBlur() {
-        isFocused.value = false;
+        blur();
         clampModel();
       }
       useRender(() => {
@@ -28867,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, {
@@ -28897,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": {
@@ -28942,6 +29015,7 @@
           "ref": vTextFieldRef,
           "modelValue": inputText.value,
           "onUpdate:modelValue": $event => inputText.value = $event,
+          "validationValue": model.value,
           "onBeforeinput": onBeforeinput,
           "onFocus": onFocus,
           "onBlur": onBlur,
@@ -30126,7 +30200,6 @@
 
   const makeVTreeviewItemProps = propsFactory({
     loading: Boolean,
-    onToggleExpand: EventProp(),
     toggleIcon: IconValue,
     ...makeVListItemProps({
       slim: true
@@ -30135,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()
@@ -30152,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;
@@ -30171,12 +30252,12 @@
             return vue.createVNode(vue.Fragment, null, [vue.createVNode(VListItemAction, {
               "start": false
             }, {
-              default: () => [props.toggleIcon && vue.createVNode(VBtn, {
+              default: () => [props.toggleIcon ? vue.createVNode(VBtn, {
                 "density": "compact",
                 "icon": props.toggleIcon,
                 "loading": props.loading,
                 "variant": "text",
-                "onClick": props.onToggleExpand
+                "onClick": onClickAction
               }, {
                 loader() {
                   return vue.createVNode(VProgressCircular, {
@@ -30185,7 +30266,9 @@
                     "width": "2"
                   }, null);
                 }
-              })]
+              }) : vue.createVNode("div", {
+                "class": "v-treeview-item__level"
+              }, null)]
             }), slots.prepend?.(slotProps)]);
           } : undefined
         });
@@ -30217,7 +30300,8 @@
     returnObject: Boolean,
     selectable: Boolean,
     selectedColor: String,
-    selectStrategy: [String, Function, Object]
+    selectStrategy: [String, Function, Object],
+    ...makeDensityProps()
   }, 'VTreeviewChildren');
   const VTreeviewChildren = genericComponent()({
     name: 'VTreeviewChildren',
@@ -30257,6 +30341,7 @@
             "disabled": props.disabled,
             "loading": loading,
             "color": props.selectedColor,
+            "density": props.density,
             "indeterminate": slotProps.isIndeterminate,
             "indeterminateIcon": props.indeterminateIcon,
             "falseIcon": props.falseIcon,
@@ -30333,6 +30418,7 @@
     return flat;
   }
   const makeVTreeviewProps = propsFactory({
+    fluid: Boolean,
     openAll: Boolean,
     search: String,
     ...makeFilterProps({
@@ -30446,7 +30532,9 @@
         return vue.createVNode(VList, vue.mergeProps({
           "ref": vListRef
         }, listProps, {
-          "class": ['v-treeview', props.class],
+          "class": ['v-treeview', {
+            'v-treeview--fluid': props.fluid
+          }, props.class],
           "open-strategy": "multiple",
           "style": props.style,
           "opened": opened.value,
@@ -30456,6 +30544,7 @@
           "onUpdate:selected": $event => selected.value = $event
         }), {
           default: () => [vue.createVNode(VTreeviewChildren, vue.mergeProps(treeviewChildrenProps, {
+            "density": props.density,
             "returnObject": props.returnObject,
             "items": items.value
           }), slots)]
@@ -30963,7 +31052,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.13";
+  const version$1 = "3.7.15";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31216,7 +31305,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.7.13";
+  const version = "3.7.15";
 
   /* eslint-disable local-rules/sort-imports */