vuetify 3.5.12 → 3.5.14

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.12
+* Vuetify v3.5.14
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -5080,7 +5080,7 @@ function useLink(props, attrs) {
   const isClickable = computed(() => {
     return isLink?.value || hasEvent(attrs, 'click') || hasEvent(props, 'click');
   });
-  if (typeof RouterLink === 'string') {
+  if (typeof RouterLink === 'string' || !('useLink' in RouterLink)) {
     return {
       isLink,
       isClickable,
@@ -5090,7 +5090,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
@@ -5589,8 +5589,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
       }, {
@@ -7617,6 +7619,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);
@@ -11134,6 +11137,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);
@@ -11214,9 +11223,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"
@@ -12239,6 +12267,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();
@@ -12803,6 +12837,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();
@@ -16611,6 +16651,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();
@@ -17560,6 +17606,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);
 }
@@ -17638,6 +17687,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);
@@ -17729,6 +17783,9 @@ class VuetifyDateAdapter {
   setMonth(date, count) {
     return setMonth(date, count);
   }
+  setDate(date, day) {
+    return setDate(date, day);
+  }
   setYear(date, year) {
     return setYear(date, year);
   }
@@ -17744,6 +17801,9 @@ class VuetifyDateAdapter {
   getMonth(date) {
     return getMonth(date);
   }
+  getDate(date) {
+    return getDate(date);
+  }
   getNextMonth(date) {
     return getNextMonth(date);
   }
@@ -20171,9 +20231,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']
-        })
+        })])
       });
     });
   }
@@ -21203,10 +21263,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`);
@@ -21635,7 +21702,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');
@@ -21664,7 +21731,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,
@@ -23093,7 +23160,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();
@@ -23519,7 +23586,8 @@ const VRangeSlider = genericComponent()({
       onSliderMousedown,
       onSliderTouchstart,
       position,
-      trackContainerRef
+      trackContainerRef,
+      readonly
     } = useSlider({
       props,
       steps,
@@ -23587,8 +23655,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,
@@ -26242,6 +26310,9 @@ const VEmptyState = genericComponent()({
     const {
       dimensionStyles
     } = useDimension(props);
+    const {
+      displayClasses
+    } = useDisplay();
     function onClickAction(e) {
       emit('click:action', e);
     }
@@ -26255,7 +26326,7 @@ const VEmptyState = genericComponent()({
       return createVNode("div", {
         "class": ['v-empty-state', {
           [`v-empty-state--${props.justify}`]: true
-        }, themeClasses.value, backgroundColorClasses.value, props.class],
+        }, themeClasses.value, backgroundColorClasses.value, displayClasses.value, props.class],
         "style": [backgroundColorStyles.value, dimensionStyles.value, props.style]
       }, [hasMedia && createVNode("div", {
         "key": "media",
@@ -26266,6 +26337,7 @@ const VEmptyState = genericComponent()({
         "height": size
       }, null) : props.icon ? createVNode(VIcon, {
         "key": "icon",
+        "color": props.color,
         "size": size,
         "icon": props.icon
       }, null) : undefined]) : createVNode(VDefaultsProvider, {
@@ -26507,7 +26579,6 @@ const VNumberInput = genericComponent()({
           "key": "decrement-btn",
           "height": defaultHeight,
           "icon": "$expand",
-          "rounded": "0",
           "size": "small",
           "onClick": onClickDown
         }, null) : createVNode(VDefaultsProvider, {
@@ -26515,7 +26586,6 @@ const VNumberInput = genericComponent()({
           "defaults": {
             VBtn: {
               flat: true,
-              rounded: '0',
               height: defaultHeight,
               size: 'small',
               icon: '$expand'
@@ -26531,7 +26601,6 @@ const VNumberInput = genericComponent()({
           "height": defaultHeight,
           "icon": "$collapse",
           "onClick": onClickUp,
-          "rounded": "0",
           "size": "small"
         }, null) : createVNode(VDefaultsProvider, {
           "key": "increment-defaults",
@@ -26539,7 +26608,6 @@ const VNumberInput = genericComponent()({
             VBtn: {
               flat: true,
               height: defaultHeight,
-              rounded: '0',
               size: 'small',
               icon: '$collapse'
             }
@@ -28508,7 +28576,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.5.12";
+const version$1 = "3.5.14";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28761,7 +28829,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.5.12";
+const version = "3.5.14";
 
 /* eslint-disable local-rules/sort-imports */