vuetify 3.5.12 → 3.5.14

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.12
+* Vuetify v3.5.14
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -5084,7 +5084,7 @@
     const isClickable = vue.computed(() => {
       return isLink?.value || hasEvent(attrs, 'click') || hasEvent(props, 'click');
     });
-    if (typeof RouterLink === 'string') {
+    if (typeof RouterLink === 'string' || !('useLink' in RouterLink)) {
       return {
         isLink,
         isClickable,
@@ -5094,7 +5094,7 @@
     // vue-router useLink `to` prop needs to be reactive and useLink will crash if undefined
     const linkProps = vue.computed(() => ({
       ...props,
-      to: props.to ? props.to : {}
+      to: vue.toRef(() => props.to || {})
     }));
     const routerLink = RouterLink.useLink(linkProps.value);
     // Actual link needs to be undefined when to prop is not used
@@ -5593,8 +5593,10 @@
             '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
         }, {
@@ -7621,6 +7623,7 @@
       const closeProps = vue.computed(() => ({
         'aria-label': t(props.closeLabel),
         onClick(e) {
+          e.preventDefault();
           e.stopPropagation();
           isActive.value = false;
           emit('click:close', e);
@@ -11138,6 +11141,12 @@
           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);
@@ -11218,9 +11227,28 @@
               e.preventDefault();
               e.stopPropagation();
             }
-          }, [slots.clear ? slots.clear() : vue.createVNode(InputIcon, {
-            "name": "clear"
-          }, null)]), [[vue.vShow, props.dirty]])]
+          }, [vue.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']
+              }
+            }) : vue.createVNode(InputIcon, {
+              "name": "clear",
+              "onKeydown": onKeydownClear,
+              "onFocus": focus,
+              "onBlur": blur
+            }, null)]
+          })]), [[vue.vShow, props.dirty]])]
         }), hasAppend && vue.createVNode("div", {
           "key": "append",
           "class": "v-field__append-inner"
@@ -12243,6 +12271,12 @@
             }
             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();
@@ -12807,6 +12841,12 @@
             }
             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();
@@ -16615,6 +16655,12 @@
             }
             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();
@@ -17564,6 +17610,9 @@
   function getMonth(date) {
     return date.getMonth();
   }
+  function getDate(date) {
+    return date.getDate();
+  }
   function getNextMonth(date) {
     return new Date(date.getFullYear(), date.getMonth() + 1, 1);
   }
@@ -17642,6 +17691,11 @@
     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);
@@ -17733,6 +17787,9 @@
     setMonth(date, count) {
       return setMonth(date, count);
     }
+    setDate(date, day) {
+      return setDate(date, day);
+    }
     setYear(date, year) {
       return setYear(date, year);
     }
@@ -17748,6 +17805,9 @@
     getMonth(date) {
       return getMonth(date);
     }
+    getDate(date) {
+      return getDate(date);
+    }
     getNextMonth(date) {
       return getNextMonth(date);
     }
@@ -20175,9 +20235,9 @@
           }, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : vue.createVNode(VDataTableRows, vue.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) : vue.createVNode(VDataTableFooter, dataTableFooterProps, {
+          bottom: () => slots.bottom ? slots.bottom(slotProps.value) : vue.createVNode(vue.Fragment, null, [vue.createVNode(VDivider, null, null), vue.createVNode(VDataTableFooter, dataTableFooterProps, {
             prepend: slots['footer.prepend']
-          })
+          })])
         });
       });
     }
@@ -21207,10 +21267,17 @@
       const year = vue.ref(Number(props.year ?? adapter.getYear(adapter.startOfYear(adapter.setMonth(internal.value, month.value)))));
       const isReversing = vue.shallowRef(false);
       const header = vue.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 = vue.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 = vue.computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
@@ -21639,7 +21706,7 @@
       prependIcon: '$file'
     }),
     modelValue: {
-      type: Array,
+      type: [Array, Object],
       default: () => [],
       validator: val => {
         return wrapInArray(val).every(v => v != null && typeof v === 'object');
@@ -21668,7 +21735,7 @@
       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,
@@ -23097,7 +23164,7 @@
         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();
@@ -23523,7 +23590,8 @@
         onSliderMousedown,
         onSliderTouchstart,
         position,
-        trackContainerRef
+        trackContainerRef,
+        readonly
       } = useSlider({
         props,
         steps,
@@ -23591,8 +23659,8 @@
             } = _ref4;
             return vue.createVNode("div", {
               "class": "v-slider__container",
-              "onMousedown": onSliderMousedown,
-              "onTouchstartPassive": onSliderTouchstart
+              "onMousedown": !readonly.value ? onSliderMousedown : undefined,
+              "onTouchstartPassive": !readonly.value ? onSliderTouchstart : undefined
             }, [vue.createVNode("input", {
               "id": `${id.value}_start`,
               "name": props.name || id.value,
@@ -26246,6 +26314,9 @@
       const {
         dimensionStyles
       } = useDimension(props);
+      const {
+        displayClasses
+      } = useDisplay();
       function onClickAction(e) {
         emit('click:action', e);
       }
@@ -26259,7 +26330,7 @@
         return vue.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 && vue.createVNode("div", {
           "key": "media",
@@ -26270,6 +26341,7 @@
           "height": size
         }, null) : props.icon ? vue.createVNode(VIcon, {
           "key": "icon",
+          "color": props.color,
           "size": size,
           "icon": props.icon
         }, null) : undefined]) : vue.createVNode(VDefaultsProvider, {
@@ -26511,7 +26583,6 @@
             "key": "decrement-btn",
             "height": defaultHeight,
             "icon": "$expand",
-            "rounded": "0",
             "size": "small",
             "onClick": onClickDown
           }, null) : vue.createVNode(VDefaultsProvider, {
@@ -26519,7 +26590,6 @@
             "defaults": {
               VBtn: {
                 flat: true,
-                rounded: '0',
                 height: defaultHeight,
                 size: 'small',
                 icon: '$expand'
@@ -26535,7 +26605,6 @@
             "height": defaultHeight,
             "icon": "$collapse",
             "onClick": onClickUp,
-            "rounded": "0",
             "size": "small"
           }, null) : vue.createVNode(VDefaultsProvider, {
             "key": "increment-defaults",
@@ -26543,7 +26612,6 @@
               VBtn: {
                 flat: true,
                 height: defaultHeight,
-                rounded: '0',
                 size: 'small',
                 icon: '$collapse'
               }
@@ -28512,7 +28580,7 @@
       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
@@ -28765,7 +28833,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.5.12";
+  const version = "3.5.14";
 
   /* eslint-disable local-rules/sort-imports */