vuetify 3.7.13 → 3.7.15

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.13
+* Vuetify v3.7.15
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4008,7 +4008,7 @@ const VAppBar = genericComponent()({
 
 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
@@ -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);
@@ -17713,16 +17716,13 @@ function format(value, formatString, locale, formats) {
     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;
@@ -17730,40 +17730,35 @@ function format(value, formatString, locale, formats) {
       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;
@@ -17780,11 +17775,9 @@ function format(value, formatString, locale, formats) {
         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',
@@ -17792,10 +17785,9 @@ function format(value, formatString, locale, formats) {
         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',
@@ -17803,10 +17795,9 @@ function format(value, formatString, locale, formats) {
         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',
@@ -22245,9 +22236,26 @@ const VDatePicker = genericComponent()({
     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 = computed(() => {
+      const date = adapter.date(props.min);
+      return props.min && adapter.isValid(date) ? date : null;
+    });
+    const maxDate = computed(() => {
+      const date = adapter.date(props.max);
+      return props.max && adapter.isValid(date) ? date : null;
+    });
     const internal = 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 = ref(Number(props.month ?? adapter.getMonth(adapter.startOfMonth(internal.value))));
     const year = ref(Number(props.year ?? adapter.getYear(adapter.startOfYear(adapter.setMonth(internal.value, month.value)))));
@@ -22267,14 +22275,6 @@ const VDatePicker = genericComponent()({
     });
     // const headerIcon = computed(() => props.inputMode === 'calendar' ? props.keyboardIcon : props.calendarIcon)
     const headerTransition = computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
-    const minDate = computed(() => {
-      const date = adapter.date(props.min);
-      return props.min && adapter.isValid(date) ? date : null;
-    });
-    const maxDate = computed(() => {
-      const date = adapter.date(props.max);
-      return props.max && adapter.isValid(date) ? date : null;
-    });
     const disabled = computed(() => {
       if (props.disabled) return true;
       const targets = [];
@@ -23053,6 +23053,14 @@ const VFileInput = genericComponent()({
         callEvent(props['onClick:clear'], e);
       });
     }
+    function onDragover(e) {
+      e.preventDefault();
+    }
+    function onDrop(e) {
+      e.preventDefault();
+      if (!e.dataTransfer) return;
+      model.value = [...(e.dataTransfer.files ?? [])];
+    }
     watch(model, newValue => {
       const hasModelReset = !Array.isArray(newValue) || !newValue.length;
       if (hasModelReset && inputRef.value) {
@@ -23105,7 +23113,9 @@ const VFileInput = genericComponent()({
             "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 => {
@@ -24588,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],
@@ -28239,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) {
@@ -28647,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({
@@ -28676,7 +28716,7 @@ const makeVNumberInputProps = propsFactory({
     type: Number,
     default: 0
   },
-  ...omit(makeVTextFieldProps({}), ['modelValue'])
+  ...omit(makeVTextFieldProps(), ['modelValue', 'validationValue'])
 }, 'VNumberInput');
 const VNumberInput = genericComponent()({
   name: 'VNumberInput',
@@ -28691,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);
@@ -28703,8 +28753,8 @@ const VNumberInput = genericComponent()({
     const model = useProxiedModel(props, 'modelValue', null, val => val ?? null, val => val == null ? val ?? null : clamp(+val, props.min, props.max));
     const _inputText = shallowRef(null);
     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);
       }
@@ -28737,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(() => {
@@ -28767,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;
@@ -28812,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;
@@ -28842,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(() => {
@@ -28863,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, {
@@ -28893,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": {
@@ -28938,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,
@@ -30122,7 +30196,6 @@ const VTreeviewSymbol = Symbol.for('vuetify:v-treeview');
 
 const makeVTreeviewItemProps = propsFactory({
   loading: Boolean,
-  onToggleExpand: EventProp(),
   toggleIcon: IconValue,
   ...makeVListItemProps({
     slim: true
@@ -30131,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()
@@ -30148,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;
@@ -30167,12 +30248,12 @@ const VTreeviewItem = genericComponent()({
           return createVNode(Fragment, null, [createVNode(VListItemAction, {
             "start": false
           }, {
-            default: () => [props.toggleIcon && createVNode(VBtn, {
+            default: () => [props.toggleIcon ? createVNode(VBtn, {
               "density": "compact",
               "icon": props.toggleIcon,
               "loading": props.loading,
               "variant": "text",
-              "onClick": props.onToggleExpand
+              "onClick": onClickAction
             }, {
               loader() {
                 return createVNode(VProgressCircular, {
@@ -30181,7 +30262,9 @@ const VTreeviewItem = genericComponent()({
                   "width": "2"
                 }, null);
               }
-            })]
+            }) : createVNode("div", {
+              "class": "v-treeview-item__level"
+            }, null)]
           }), slots.prepend?.(slotProps)]);
         } : undefined
       });
@@ -30213,7 +30296,8 @@ const makeVTreeviewChildrenProps = propsFactory({
   returnObject: Boolean,
   selectable: Boolean,
   selectedColor: String,
-  selectStrategy: [String, Function, Object]
+  selectStrategy: [String, Function, Object],
+  ...makeDensityProps()
 }, 'VTreeviewChildren');
 const VTreeviewChildren = genericComponent()({
   name: 'VTreeviewChildren',
@@ -30253,6 +30337,7 @@ const VTreeviewChildren = genericComponent()({
           "disabled": props.disabled,
           "loading": loading,
           "color": props.selectedColor,
+          "density": props.density,
           "indeterminate": slotProps.isIndeterminate,
           "indeterminateIcon": props.indeterminateIcon,
           "falseIcon": props.falseIcon,
@@ -30329,6 +30414,7 @@ function flatten(items) {
   return flat;
 }
 const makeVTreeviewProps = propsFactory({
+  fluid: Boolean,
   openAll: Boolean,
   search: String,
   ...makeFilterProps({
@@ -30442,7 +30528,9 @@ const VTreeview = genericComponent()({
       return createVNode(VList, 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,
@@ -30452,6 +30540,7 @@ const VTreeview = genericComponent()({
         "onUpdate:selected": $event => selected.value = $event
       }), {
         default: () => [createVNode(VTreeviewChildren, mergeProps(treeviewChildrenProps, {
+          "density": props.density,
           "returnObject": props.returnObject,
           "items": items.value
         }), slots)]
@@ -30959,7 +31048,7 @@ function createVuetify$1() {
     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
@@ -31212,7 +31301,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.13";
+const version = "3.7.15";
 
 /* eslint-disable local-rules/sort-imports */