vuetify 3.5.13 → 3.5.15

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.13
+* Vuetify v3.5.15
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -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
         }, {
@@ -5648,7 +5650,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]]);
@@ -6130,7 +6131,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 {
@@ -7621,6 +7622,7 @@
       const closeProps = vue.computed(() => ({
         'aria-label': t(props.closeLabel),
         onClick(e) {
+          e.preventDefault();
           e.stopPropagation();
           isActive.value = false;
           emit('click:close', e);
@@ -10854,7 +10856,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;
@@ -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();
@@ -13254,7 +13294,9 @@
     name: 'VDialog',
     props: makeVDialogProps(),
     emits: {
-      'update:modelValue': value => true
+      'click:outside': e => true,
+      'update:modelValue': value => true,
+      afterLeave: () => true
     },
     setup(props, _ref) {
       let {
@@ -16615,6 +16657,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();
@@ -16904,7 +16952,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);
@@ -17564,6 +17612,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 +17693,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 +17789,9 @@
     setMonth(date, count) {
       return setMonth(date, count);
     }
+    setDate(date, day) {
+      return setDate(date, day);
+    }
     setYear(date, year) {
       return setYear(date, year);
     }
@@ -17748,6 +17807,9 @@
     getMonth(date) {
       return getMonth(date);
     }
+    getDate(date) {
+      return getDate(date);
+    }
     getNextMonth(date) {
       return getNextMonth(date);
     }
@@ -20175,9 +20237,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 +21269,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 +21708,7 @@
       prependIcon: '$file'
     }),
     modelValue: {
-      type: Array,
+      type: [Array, Object],
       default: () => [],
       validator: val => {
         return wrapInArray(val).every(v => v != null && typeof v === 'object');
@@ -21668,7 +21737,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 +23166,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 +23592,8 @@
         onSliderMousedown,
         onSliderTouchstart,
         position,
-        trackContainerRef
+        trackContainerRef,
+        readonly
       } = useSlider({
         props,
         steps,
@@ -23591,8 +23661,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 +26316,9 @@
       const {
         dimensionStyles
       } = useDimension(props);
+      const {
+        displayClasses
+      } = useDisplay();
       function onClickAction(e) {
         emit('click:action', e);
       }
@@ -26259,7 +26332,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 +26343,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 +26585,6 @@
             "key": "decrement-btn",
             "height": defaultHeight,
             "icon": "$expand",
-            "rounded": "0",
             "size": "small",
             "onClick": onClickDown
           }, null) : vue.createVNode(VDefaultsProvider, {
@@ -26519,7 +26592,6 @@
             "defaults": {
               VBtn: {
                 flat: true,
-                rounded: '0',
                 height: defaultHeight,
                 size: 'small',
                 icon: '$expand'
@@ -26535,7 +26607,6 @@
             "height": defaultHeight,
             "icon": "$collapse",
             "onClick": onClickUp,
-            "rounded": "0",
             "size": "small"
           }, null) : vue.createVNode(VDefaultsProvider, {
             "key": "increment-defaults",
@@ -26543,7 +26614,6 @@
               VBtn: {
                 flat: true,
                 height: defaultHeight,
-                rounded: '0',
                 size: 'small',
                 icon: '$collapse'
               }
@@ -27304,6 +27374,10 @@
       }
       function onMouseDown(e) {
         e.preventDefault();
+        window.addEventListener('mousemove', onDragMove);
+        window.addEventListener('touchmove', onDragMove);
+        window.addEventListener('mouseup', onMouseUp);
+        window.addEventListener('touchend', onMouseUp);
         valueOnMouseDown.value = null;
         valueOnMouseUp.value = null;
         isDragging.value = true;
@@ -27311,6 +27385,10 @@
       }
       function onMouseUp(e) {
         e.stopPropagation();
+        window.removeEventListener('mousemove', onDragMove);
+        window.removeEventListener('touchmove', onDragMove);
+        window.removeEventListener('mouseup', onMouseUp);
+        window.removeEventListener('touchend', onMouseUp);
         isDragging.value = false;
         if (valueOnMouseUp.value !== null && isAllowed(valueOnMouseUp.value)) {
           emit('change', valueOnMouseUp.value);
@@ -27324,12 +27402,7 @@
             'v-time-picker-clock--readonly': props.readonly
           }],
           "onMousedown": onMouseDown,
-          "onMouseup": onMouseUp,
-          "onMouseleave": e => isDragging.value && onMouseUp(e),
           "onTouchstart": onMouseDown,
-          "onTouchend": onMouseUp,
-          "onMousemove": onDragMove,
-          "onTouchmove": onDragMove,
           "onWheel": e => props.scrollable && wheel(e),
           "ref": clockRef
         }, [vue.createVNode("div", {
@@ -27690,10 +27763,10 @@
           case 'hour':
             emit('update:hour', value);
             break;
-          case 'minutes':
+          case 'minute':
             emit('update:minute', value);
             break;
-          case 'seconds':
+          case 'second':
             emit('update:second', value);
             break;
         }
@@ -28512,7 +28585,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
@@ -28765,7 +28838,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.5.13";
+  const version = "3.5.15";
 
   /* eslint-disable local-rules/sort-imports */