vuetify 3.5.13 → 3.5.14

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.13
+* Vuetify v3.5.14
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -5323,7 +5323,7 @@ function useLink(props, attrs) {
   // vue-router useLink `to` prop needs to be reactive and useLink will crash if undefined
   const linkProps = computed(() => ({
     ...props,
-    to: props.to ? props.to : {}
+    to: toRef(() => props.to || {})
   }));
   const routerLink = RouterLink.useLink(linkProps.value);
   // Actual link needs to be undefined when to prop is not used
@@ -5822,8 +5822,10 @@ const VBtn = genericComponent()({
           'v-btn--stacked': props.stacked
         }, themeClasses.value, borderClasses.value, hasColor ? colorClasses.value : undefined, densityClasses.value, elevationClasses.value, loaderClasses.value, positionClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
         "style": [hasColor ? colorStyles.value : undefined, dimensionStyles.value, locationStyles.value, sizeStyles.value, props.style],
+        "aria-busy": props.loading ? true : undefined,
         "disabled": isDisabled.value || undefined,
         "href": link.href.value,
+        "tabindex": props.loading ? -1 : undefined,
         "onClick": onClick,
         "value": valueAttr.value
       }, {
@@ -7850,6 +7852,7 @@ const VChip = genericComponent()({
     const closeProps = computed(() => ({
       'aria-label': t(props.closeLabel),
       onClick(e) {
+        e.preventDefault();
         e.stopPropagation();
         isActive.value = false;
         emit('click:close', e);
@@ -11367,6 +11370,12 @@ const VField = genericComponent()({
         e.preventDefault();
       }
     }
+    function onKeydownClear(e) {
+      if (e.key !== 'Enter' && e.key !== ' ') return;
+      e.preventDefault();
+      e.stopPropagation();
+      props['onClick:clear']?.(new MouseEvent('click'));
+    }
     useRender(() => {
       const isOutlined = props.variant === 'outlined';
       const hasPrepend = !!(slots['prepend-inner'] || props.prependInnerIcon);
@@ -11447,9 +11456,28 @@ const VField = genericComponent()({
             e.preventDefault();
             e.stopPropagation();
           }
-        }, [slots.clear ? slots.clear() : createVNode(InputIcon, {
-          "name": "clear"
-        }, null)]), [[vShow, props.dirty]])]
+        }, [createVNode(VDefaultsProvider, {
+          "defaults": {
+            VIcon: {
+              icon: props.clearIcon
+            }
+          }
+        }, {
+          default: () => [slots.clear ? slots.clear({
+            ...slotProps.value,
+            props: {
+              onKeydown: onKeydownClear,
+              onFocus: focus,
+              onBlur: blur,
+              onClick: props['onClick:clear']
+            }
+          }) : createVNode(InputIcon, {
+            "name": "clear",
+            "onKeydown": onKeydownClear,
+            "onFocus": focus,
+            "onBlur": blur
+          }, null)]
+        })]), [[vShow, props.dirty]])]
       }), hasAppend && createVNode("div", {
         "key": "append",
         "class": "v-field__append-inner"
@@ -12472,6 +12500,12 @@ const VSelect = genericComponent()({
           }
           const slotProps = {
             'onClick:close': onChipClose,
+            onKeydown(e) {
+              if (e.key !== 'Enter' && e.key !== ' ') return;
+              e.preventDefault();
+              e.stopPropagation();
+              onChipClose(e);
+            },
             onMousedown(e) {
               e.preventDefault();
               e.stopPropagation();
@@ -13036,6 +13070,12 @@ const VAutocomplete = genericComponent()({
           }
           const slotProps = {
             'onClick:close': onChipClose,
+            onKeydown(e) {
+              if (e.key !== 'Enter' && e.key !== ' ') return;
+              e.preventDefault();
+              e.stopPropagation();
+              onChipClose(e);
+            },
             onMousedown(e) {
               e.preventDefault();
               e.stopPropagation();
@@ -16844,6 +16884,12 @@ const VCombobox = genericComponent()({
           }
           const slotProps = {
             'onClick:close': onChipClose,
+            onKeydown(e) {
+              if (e.key !== 'Enter' && e.key !== ' ') return;
+              e.preventDefault();
+              e.stopPropagation();
+              onChipClose(e);
+            },
             onMousedown(e) {
               e.preventDefault();
               e.stopPropagation();
@@ -17793,6 +17839,9 @@ function getYear(date) {
 function getMonth(date) {
   return date.getMonth();
 }
+function getDate(date) {
+  return date.getDate();
+}
 function getNextMonth(date) {
   return new Date(date.getFullYear(), date.getMonth() + 1, 1);
 }
@@ -17871,6 +17920,11 @@ function setMonth(date, count) {
   d.setMonth(count);
   return d;
 }
+function setDate(date, day) {
+  const d = new Date(date);
+  d.setDate(day);
+  return d;
+}
 function setYear(date, year) {
   const d = new Date(date);
   d.setFullYear(year);
@@ -17962,6 +18016,9 @@ class VuetifyDateAdapter {
   setMonth(date, count) {
     return setMonth(date, count);
   }
+  setDate(date, day) {
+    return setDate(date, day);
+  }
   setYear(date, year) {
     return setYear(date, year);
   }
@@ -17977,6 +18034,9 @@ class VuetifyDateAdapter {
   getMonth(date) {
     return getMonth(date);
   }
+  getDate(date) {
+    return getDate(date);
+  }
   getNextMonth(date) {
     return getNextMonth(date);
   }
@@ -20404,9 +20464,9 @@ const VDataTableServer = genericComponent()({
         }, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : createVNode(VDataTableRows, mergeProps(attrs, dataTableRowsProps, {
           "items": flatItems.value
         }), slots), slots['body.append']?.(slotProps.value)]), slots.tbody?.(slotProps.value), slots.tfoot?.(slotProps.value)]),
-        bottom: () => slots.bottom ? slots.bottom(slotProps.value) : createVNode(VDataTableFooter, dataTableFooterProps, {
+        bottom: () => slots.bottom ? slots.bottom(slotProps.value) : createVNode(Fragment, null, [createVNode(VDivider, null, null), createVNode(VDataTableFooter, dataTableFooterProps, {
           prepend: slots['footer.prepend']
-        })
+        })])
       });
     });
   }
@@ -21436,10 +21496,17 @@ const VDatePicker = genericComponent()({
     const year = ref(Number(props.year ?? adapter.getYear(adapter.startOfYear(adapter.setMonth(internal.value, month.value)))));
     const isReversing = shallowRef(false);
     const header = computed(() => {
-      return props.multiple && model.value.length > 1 ? t('$vuetify.datePicker.itemsSelected', model.value.length) : model.value[0] && adapter.isValid(model.value[0]) ? adapter.format(model.value[0], 'normalDateWithWeekday') : t(props.header);
+      if (props.multiple && model.value.length > 1) {
+        return t('$vuetify.datePicker.itemsSelected', model.value.length);
+      }
+      return model.value[0] && adapter.isValid(model.value[0]) ? adapter.format(adapter.date(model.value[0]), 'normalDateWithWeekday') : t(props.header);
     });
     const text = computed(() => {
-      return adapter.format(adapter.date(new Date(year.value, month.value, 1)), 'monthAndYear');
+      let date = adapter.date();
+      date = adapter.setYear(date, year.value);
+      date = adapter.setMonth(date, month.value);
+      date = adapter.setDate(date, 1);
+      return adapter.format(date, 'monthAndYear');
     });
     // const headerIcon = computed(() => props.inputMode === 'calendar' ? props.keyboardIcon : props.calendarIcon)
     const headerTransition = computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
@@ -21868,7 +21935,7 @@ const makeVFileInputProps = propsFactory({
     prependIcon: '$file'
   }),
   modelValue: {
-    type: Array,
+    type: [Array, Object],
     default: () => [],
     validator: val => {
       return wrapInArray(val).every(v => v != null && typeof v === 'object');
@@ -21897,7 +21964,7 @@ const VFileInput = genericComponent()({
     const {
       t
     } = useLocale();
-    const model = useProxiedModel(props, 'modelValue');
+    const model = useProxiedModel(props, 'modelValue', props.modelValue, val => wrapInArray(val), val => props.multiple || Array.isArray(props.modelValue) ? val : val[0]);
     const {
       isFocused,
       focus,
@@ -23326,7 +23393,7 @@ const VOtpInput = genericComponent()({
       focus,
       blur
     } = useFocus(props);
-    const model = useProxiedModel(props, 'modelValue', '', val => String(val).split(''), val => val.join(''));
+    const model = useProxiedModel(props, 'modelValue', '', val => val == null ? [] : String(val).split(''), val => val.join(''));
     const {
       t
     } = useLocale();
@@ -23752,7 +23819,8 @@ const VRangeSlider = genericComponent()({
       onSliderMousedown,
       onSliderTouchstart,
       position,
-      trackContainerRef
+      trackContainerRef,
+      readonly
     } = useSlider({
       props,
       steps,
@@ -23820,8 +23888,8 @@ const VRangeSlider = genericComponent()({
           } = _ref4;
           return createVNode("div", {
             "class": "v-slider__container",
-            "onMousedown": onSliderMousedown,
-            "onTouchstartPassive": onSliderTouchstart
+            "onMousedown": !readonly.value ? onSliderMousedown : undefined,
+            "onTouchstartPassive": !readonly.value ? onSliderTouchstart : undefined
           }, [createVNode("input", {
             "id": `${id.value}_start`,
             "name": props.name || id.value,
@@ -26262,7 +26330,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.5.13";
+const version$1 = "3.5.14";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -26287,7 +26355,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.5.13";
+const version = "3.5.14";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };