vuetify 3.5.13 → 3.5.15

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.13
+* Vuetify v3.5.15
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -5327,7 +5327,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
@@ -5826,8 +5826,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
         }, {
@@ -5881,7 +5883,6 @@
           }, [slots.loader?.() ?? vue.createVNode(VProgressCircular, {
             "color": typeof props.loading === 'boolean' ? undefined : props.loading,
             "indeterminate": true,
-            "size": "23",
             "width": "2"
           }, null)])]
         }), [[vue.resolveDirective("ripple"), !isDisabled.value && props.ripple, null]]);
@@ -6363,7 +6364,7 @@
       backgroundColorClasses,
       backgroundColorStyles
     } = useBackgroundColor(vue.computed(() => {
-      return model.value && !props.error && !props.disabled ? props.color : undefined;
+      return model.value && !props.error && !props.disabled ? props.color : props.baseColor;
     }));
     const icon = vue.computed(() => model.value ? props.trueIcon : props.falseIcon);
     return {
@@ -7854,6 +7855,7 @@
       const closeProps = vue.computed(() => ({
         'aria-label': t(props.closeLabel),
         onClick(e) {
+          e.preventDefault();
           e.stopPropagation();
           isActive.value = false;
           emit('click:close', e);
@@ -11087,7 +11089,8 @@
       }
       function onKeydown(e) {
         if (props.disabled) return;
-        if (e.key === 'Tab') {
+        if (e.key === 'Tab' || e.key === 'Enter' && !props.closeOnContentClick) {
+          if (e.key === 'Enter') e.preventDefault();
           const nextElement = getNextElement(focusableChildren(overlay.value?.contentEl, false), e.shiftKey ? 'prev' : 'next', el => el.tabIndex >= 0);
           if (!nextElement) {
             isActive.value = false;
@@ -11371,6 +11374,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);
@@ -11451,9 +11460,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"
@@ -12476,6 +12504,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();
@@ -13040,6 +13074,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();
@@ -13487,7 +13527,9 @@
     name: 'VDialog',
     props: makeVDialogProps(),
     emits: {
-      'update:modelValue': value => true
+      'click:outside': e => true,
+      'update:modelValue': value => true,
+      afterLeave: () => true
     },
     setup(props, _ref) {
       let {
@@ -16848,6 +16890,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();
@@ -17137,7 +17185,7 @@
       if (deepEqual(oldOptions, options.value)) return;
 
       // Reset page when searching
-      if (oldOptions?.search !== options.value.search) {
+      if (oldOptions && oldOptions.search !== options.value.search) {
         page.value = 1;
       }
       vm.emit('update:options', options.value);
@@ -17797,6 +17845,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);
   }
@@ -17875,6 +17926,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);
@@ -17966,6 +18022,9 @@
     setMonth(date, count) {
       return setMonth(date, count);
     }
+    setDate(date, day) {
+      return setDate(date, day);
+    }
     setYear(date, year) {
       return setYear(date, year);
     }
@@ -17981,6 +18040,9 @@
     getMonth(date) {
       return getMonth(date);
     }
+    getDate(date) {
+      return getDate(date);
+    }
     getNextMonth(date) {
       return getNextMonth(date);
     }
@@ -20408,9 +20470,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']
-          })
+          })])
         });
       });
     }
@@ -21440,10 +21502,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`);
@@ -21872,7 +21941,7 @@
       prependIcon: '$file'
     }),
     modelValue: {
-      type: Array,
+      type: [Array, Object],
       default: () => [],
       validator: val => {
         return wrapInArray(val).every(v => v != null && typeof v === 'object');
@@ -21901,7 +21970,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,
@@ -23330,7 +23399,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();
@@ -23756,7 +23825,8 @@
         onSliderMousedown,
         onSliderTouchstart,
         position,
-        trackContainerRef
+        trackContainerRef,
+        readonly
       } = useSlider({
         props,
         steps,
@@ -23824,8 +23894,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,
@@ -26266,7 +26336,7 @@
       goTo
     };
   }
-  const version$1 = "3.5.13";
+  const version$1 = "3.5.15";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -26291,7 +26361,7 @@
       ...options
     });
   };
-  const version = "3.5.13";
+  const version = "3.5.15";
   createVuetify.version = version;
 
   exports.blueprints = index;