vuetify 3.7.6 → 3.7.8

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.6
+* Vuetify v3.7.8
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -387,6 +387,9 @@ function includes(arr, val) {
 function eventName(propName) {
   return propName[2].toLowerCase() + propName.slice(3);
 }
+
+// TODO: this should be an array but vue's types don't accept arrays: vuejs/core#8025
+
 const EventProp = () => [Function, Array];
 function hasEvent(props, name) {
   name = 'on' + capitalize(name);
@@ -3886,10 +3889,10 @@ const VImg = genericComponent()({
         "style": {
           objectPosition: props.position
         },
+        "crossorigin": props.crossorigin,
         "src": normalisedSrc.value.src,
         "srcset": normalisedSrc.value.srcset,
         "alt": props.alt,
-        "crossorigin": props.crossorigin,
         "referrerpolicy": props.referrerpolicy,
         "draggable": props.draggable,
         "sizes": props.sizes,
@@ -3915,9 +3918,9 @@ const VImg = genericComponent()({
         "style": {
           objectPosition: props.position
         },
+        "crossorigin": props.crossorigin,
         "src": normalisedSrc.value.lazySrc,
         "alt": props.alt,
-        "crossorigin": props.crossorigin,
         "referrerpolicy": props.referrerpolicy,
         "draggable": props.draggable
       }, null)]
@@ -5269,7 +5272,7 @@ const VProgressLinear = genericComponent()({
       "aria-hidden": props.active ? 'false' : 'true',
       "aria-valuemin": "0",
       "aria-valuemax": props.max,
-      "aria-valuenow": props.indeterminate ? undefined : normalizedValue.value,
+      "aria-valuenow": props.indeterminate ? undefined : Math.min(parseFloat(progress.value), max.value),
       "onClick": props.clickable && handleClick
     }, {
       default: () => [props.stream && createVNode("div", {
@@ -5445,10 +5448,10 @@ function useBackButton(router, cb) {
   let popped = false;
   let removeBefore;
   let removeAfter;
-  if (IN_BROWSER) {
+  if (IN_BROWSER && router?.beforeEach) {
     nextTick(() => {
       window.addEventListener('popstate', onPopstate);
-      removeBefore = router?.beforeEach((to, from, next) => {
+      removeBefore = router.beforeEach((to, from, next) => {
         if (!inTransition) {
           setTimeout(() => popped ? cb(next) : next());
         } else {
@@ -6690,11 +6693,18 @@ function useInputIcon(props) {
       clear: 'clear'
     }[name];
     const listener = props[`onClick:${name}`];
+    function onKeydown(e) {
+      if (e.key !== 'Enter' && e.key !== ' ') return;
+      e.preventDefault();
+      e.stopPropagation();
+      callEvent(listener, new PointerEvent('click', e));
+    }
     const label = listener && localeKey ? t(`$vuetify.input.${localeKey}`, props.label ?? '') : undefined;
     return createVNode(VIcon, {
       "icon": props[`${name}Icon`],
       "aria-label": label,
-      "onClick": listener
+      "onClick": listener,
+      "onKeydown": onKeydown
     }, null);
   }
   return {
@@ -6736,9 +6746,7 @@ const VMessages = genericComponent()({
       "transition": props.transition,
       "tag": "div",
       "class": ['v-messages', textColorClasses.value, props.class],
-      "style": [textColorStyles.value, props.style],
-      "role": "alert",
-      "aria-live": "polite"
+      "style": [textColorStyles.value, props.style]
     }, {
       default: () => [props.active && messages.value.map((message, i) => createVNode("div", {
         "class": "v-messages__message",
@@ -7207,9 +7215,11 @@ const VInput = genericComponent()({
         "key": "append-icon",
         "name": "append"
       }, null), slots.append?.(slotProps.value)]), hasDetails && createVNode("div", {
-        "class": "v-input__details"
-      }, [createVNode(VMessages, {
         "id": messagesId.value,
+        "class": "v-input__details",
+        "role": "alert",
+        "aria-live": "polite"
+      }, [createVNode(VMessages, {
         "active": hasMessages,
         "messages": messages.value
       }, {
@@ -7429,10 +7439,17 @@ function useDisplay() {
   const display = inject$1(DisplaySymbol);
   if (!display) throw new Error('Could not find Vuetify display injection');
   const mobile = computed(() => {
-    if (props.mobile != null) return props.mobile;
-    if (!props.mobileBreakpoint) return display.mobile.value;
-    const breakpointValue = typeof props.mobileBreakpoint === 'number' ? props.mobileBreakpoint : display.thresholds.value[props.mobileBreakpoint];
-    return display.width.value < breakpointValue;
+    if (props.mobile) {
+      return true;
+    } else if (typeof props.mobileBreakpoint === 'number') {
+      return display.width.value < props.mobileBreakpoint;
+    } else if (props.mobileBreakpoint) {
+      return display.width.value < display.thresholds.value[props.mobileBreakpoint];
+    } else if (props.mobile === null) {
+      return display.mobile.value;
+    } else {
+      return false;
+    }
   });
   const displayClasses = computed(() => {
     if (!name) return {};
@@ -7848,6 +7865,14 @@ const VSlideGroup = genericComponent()({
         toFocus('last');
       }
     }
+    function getSiblingElement(el, location) {
+      if (!el) return undefined;
+      let sibling = el;
+      do {
+        sibling = sibling?.[location === 'next' ? 'nextElementSibling' : 'previousElementSibling'];
+      } while (sibling?.hasAttribute('disabled'));
+      return sibling;
+    }
     function focus(location) {
       if (!contentRef.el) return;
       let el;
@@ -7855,15 +7880,17 @@ const VSlideGroup = genericComponent()({
         const focusable = focusableChildren(contentRef.el);
         el = focusable[0];
       } else if (location === 'next') {
-        el = contentRef.el.querySelector(':focus')?.nextElementSibling;
+        el = getSiblingElement(contentRef.el.querySelector(':focus'), location);
         if (!el) return focus('first');
       } else if (location === 'prev') {
-        el = contentRef.el.querySelector(':focus')?.previousElementSibling;
+        el = getSiblingElement(contentRef.el.querySelector(':focus'), location);
         if (!el) return focus('last');
       } else if (location === 'first') {
         el = contentRef.el.firstElementChild;
+        if (el?.hasAttribute('disabled')) el = getSiblingElement(el, 'next');
       } else if (location === 'last') {
         el = contentRef.el.lastElementChild;
+        if (el?.hasAttribute('disabled')) el = getSiblingElement(el, 'prev');
       }
       if (el) {
         el.focus({
@@ -8943,7 +8970,7 @@ const useNestedItem = (id, isGroup) => {
     isActivated: computed(() => parent.root.activated.value.has(toRaw(computedId.value))),
     select: (selected, e) => parent.root.select(computedId.value, selected, e),
     isSelected: computed(() => parent.root.selected.value.get(toRaw(computedId.value)) === 'on'),
-    isIndeterminate: computed(() => parent.root.selected.value.get(computedId.value) === 'indeterminate'),
+    isIndeterminate: computed(() => parent.root.selected.value.get(toRaw(computedId.value)) === 'indeterminate'),
     isLeaf: computed(() => !parent.root.children.value.get(computedId.value)),
     isGroupActivator: parent.isGroupActivator
   };
@@ -11545,7 +11572,7 @@ const VMenu = genericComponent()({
     const activatorProps = computed(() => mergeProps({
       'aria-haspopup': 'menu',
       'aria-expanded': String(isActive.value),
-      'aria-owns': id.value,
+      'aria-controls': id.value,
       onKeydown: onActivatorKeydown
     }, props.activatorProps));
     useRender(() => {
@@ -11735,7 +11762,8 @@ const VField = genericComponent()({
       rtlClasses
     } = useRtl();
     const isActive = computed(() => props.dirty || props.active);
-    const hasLabel = computed(() => !props.singleLine && !!(props.label || slots.label));
+    const hasLabel = computed(() => !!(props.label || slots.label));
+    const hasFloatingLabel = computed(() => !props.singleLine && hasLabel.value);
     const uid = getUid();
     const id = computed(() => props.id || `input-${uid}`);
     const messagesId = computed(() => `${id.value}-messages`);
@@ -11754,7 +11782,7 @@ const VField = genericComponent()({
       return props.error || props.disabled ? undefined : isActive.value && isFocused.value ? props.color : props.baseColor;
     }));
     watch(isActive, val => {
-      if (hasLabel.value) {
+      if (hasFloatingLabel.value) {
         const el = labelRef.value.$el;
         const targetEl = floatingLabelRef.value.$el;
         requestAnimationFrame(() => {
@@ -11802,16 +11830,10 @@ 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);
-      const hasClear = !!(props.clearable || slots.clear);
+      const hasClear = !!(props.clearable || slots.clear) && !props.disabled;
       const hasAppend = !!(slots['append-inner'] || props.appendInnerIcon || hasClear);
       const label = () => slots.label ? slots.label({
         ...slotProps.value,
@@ -11856,7 +11878,7 @@ const VField = genericComponent()({
       }, null), slots['prepend-inner']?.(slotProps.value)]), createVNode("div", {
         "class": "v-field__field",
         "data-no-activator": ""
-      }, [['filled', 'solo', 'solo-inverted', 'solo-filled'].includes(props.variant) && hasLabel.value && createVNode(VFieldLabel, {
+      }, [['filled', 'solo', 'solo-inverted', 'solo-filled'].includes(props.variant) && hasFloatingLabel.value && createVNode(VFieldLabel, {
         "key": "floating-label",
         "ref": floatingLabelRef,
         "class": [textColorClasses.value],
@@ -11899,14 +11921,12 @@ const VField = genericComponent()({
           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)]
@@ -11922,7 +11942,7 @@ const VField = genericComponent()({
         "style": textColorStyles.value
       }, [isOutlined && createVNode(Fragment, null, [createVNode("div", {
         "class": "v-field__outline__start"
-      }, null), hasLabel.value && createVNode("div", {
+      }, null), hasFloatingLabel.value && createVNode("div", {
         "class": "v-field__outline__notch"
       }, [createVNode(VFieldLabel, {
         "ref": floatingLabelRef,
@@ -11932,7 +11952,7 @@ const VField = genericComponent()({
         default: () => [label()]
       })]), createVNode("div", {
         "class": "v-field__outline__end"
-      }, null)]), isPlainOrUnderlined.value && hasLabel.value && createVNode(VFieldLabel, {
+      }, null)]), isPlainOrUnderlined.value && hasFloatingLabel.value && createVNode(VFieldLabel, {
         "ref": floatingLabelRef,
         "floating": true,
         "for": id.value
@@ -12755,7 +12775,7 @@ const VSelect = genericComponent()({
       // html select hotkeys
       const KEYBOARD_LOOKUP_THRESHOLD = 1000; // milliseconds
 
-      if (props.multiple || !checkPrintable(e)) return;
+      if (!checkPrintable(e)) return;
       const now = performance.now();
       if (now - keyboardLookupLastTime > KEYBOARD_LOOKUP_THRESHOLD) {
         keyboardLookupPrefix = '';
@@ -13093,8 +13113,8 @@ function filterItems(items, query, options) {
   return array;
 }
 function useFilter(props, items, query, options) {
-  const filteredItems = ref([]);
-  const filteredMatches = ref(new Map());
+  const filteredItems = shallowRef([]);
+  const filteredMatches = shallowRef(new Map());
   const transformedItems = computed(() => options?.transform ? unref(items).map(item => [item, options.transform(item)]) : unref(items));
   watchEffect(() => {
     const _query = typeof query === 'function' ? query() : unref(query);
@@ -13255,7 +13275,7 @@ const VAutocomplete = genericComponent()({
       menu.value = !menu.value;
     }
     function onListKeydown(e) {
-      if (checkPrintable(e)) {
+      if (e.key !== ' ' && checkPrintable(e)) {
         vTextFieldRef.value?.focus();
       }
     }
@@ -13263,7 +13283,7 @@ const VAutocomplete = genericComponent()({
       if (form.isReadonly.value) return;
       const selectionStart = vTextFieldRef.value.selectionStart;
       const length = model.value.length;
-      if (selectionIndex.value > -1 || ['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {
+      if (['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {
         e.preventDefault();
       }
       if (['Enter', 'ArrowDown'].includes(e.key)) {
@@ -13286,12 +13306,14 @@ const VAutocomplete = genericComponent()({
       if (['Backspace', 'Delete'].includes(e.key)) {
         if (!props.multiple && hasSelectionSlot.value && model.value.length > 0 && !search.value) return select(model.value[0], false);
         if (~selectionIndex.value) {
+          e.preventDefault();
           const originalSelectionIndex = selectionIndex.value;
           select(model.value[selectionIndex.value], false);
           selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
         } else if (e.key === 'Backspace' && !search.value) {
           selectionIndex.value = length - 1;
         }
+        return;
       }
       if (!props.multiple) return;
       if (e.key === 'ArrowLeft') {
@@ -13303,8 +13325,7 @@ const VAutocomplete = genericComponent()({
           selectionIndex.value = -1;
           vTextFieldRef.value.setSelectionRange(search.value?.length, search.value?.length);
         }
-      }
-      if (e.key === 'ArrowRight') {
+      } else if (e.key === 'ArrowRight') {
         if (selectionIndex.value < 0) return;
         const next = selectionIndex.value + 1;
         if (model.value[next]) {
@@ -13313,6 +13334,8 @@ const VAutocomplete = genericComponent()({
           selectionIndex.value = -1;
           vTextFieldRef.value.setSelectionRange(0, 0);
         }
+      } else if (~selectionIndex.value && checkPrintable(e)) {
+        selectionIndex.value = -1;
       }
     }
     function onChange(e) {
@@ -14142,6 +14165,7 @@ const VBreadcrumbsDivider = genericComponent()({
       slots
     } = _ref;
     useRender(() => createVNode("li", {
+      "aria-hidden": "true",
       "class": ['v-breadcrumbs-divider', props.class],
       "style": props.style
     }, [slots?.default?.() ?? props.divider]));
@@ -15766,7 +15790,6 @@ const useSlider = _ref => {
   const handleStart = e => {
     activeThumbRef.value = getActiveThumb(e);
     if (!activeThumbRef.value) return;
-    activeThumbRef.value.focus();
     mousePressed.value = true;
     if (activeThumbRef.value.contains(e.target)) {
       startOffset.value = getOffset(e, activeThumbRef.value, props.direction);
@@ -15779,6 +15802,7 @@ const useSlider = _ref => {
     onSliderStart({
       value: parseMouseMove(e)
     });
+    nextTick(() => activeThumbRef.value?.focus());
   };
   const moveListenerOptions = {
     passive: true,
@@ -16328,7 +16352,7 @@ const VColorPickerPreview = defineComponent({
         const result = await eyeDropper.open({
           signal: abortController.signal
         });
-        const colorHexValue = HexToHSV(result.sRGBHex);
+        const colorHexValue = RGBtoHSV(parseColor(result.sRGBHex));
         emit('update:color', {
           ...(props.color ?? nullColor),
           ...colorHexValue
@@ -17139,7 +17163,7 @@ const VCombobox = genericComponent()({
       menu.value = !menu.value;
     }
     function onListKeydown(e) {
-      if (checkPrintable(e)) {
+      if (e.key !== ' ' && checkPrintable(e)) {
         vTextFieldRef.value?.focus();
       }
     }
@@ -17148,7 +17172,7 @@ const VCombobox = genericComponent()({
       if (isComposingIgnoreKey(e) || form.isReadonly.value) return;
       const selectionStart = vTextFieldRef.value.selectionStart;
       const length = model.value.length;
-      if (selectionIndex.value > -1 || ['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {
+      if (['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {
         e.preventDefault();
       }
       if (['Enter', 'ArrowDown'].includes(e.key)) {
@@ -17178,12 +17202,14 @@ const VCombobox = genericComponent()({
       if (['Backspace', 'Delete'].includes(e.key)) {
         if (!props.multiple && hasSelectionSlot.value && model.value.length > 0 && !search.value) return select(model.value[0], false);
         if (~selectionIndex.value) {
+          e.preventDefault();
           const originalSelectionIndex = selectionIndex.value;
           select(model.value[selectionIndex.value], false);
           selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
         } else if (e.key === 'Backspace' && !search.value) {
           selectionIndex.value = length - 1;
         }
+        return;
       }
       if (!props.multiple) return;
       if (e.key === 'ArrowLeft') {
@@ -17195,8 +17221,7 @@ const VCombobox = genericComponent()({
           selectionIndex.value = -1;
           vTextFieldRef.value.setSelectionRange(search.value.length, search.value.length);
         }
-      }
-      if (e.key === 'ArrowRight') {
+      } else if (e.key === 'ArrowRight') {
         if (selectionIndex.value < 0) return;
         const next = selectionIndex.value + 1;
         if (model.value[next]) {
@@ -17205,6 +17230,8 @@ const VCombobox = genericComponent()({
           selectionIndex.value = -1;
           vTextFieldRef.value.setSelectionRange(0, 0);
         }
+      } else if (~selectionIndex.value && checkPrintable(e)) {
+        selectionIndex.value = -1;
       }
     }
     function onAfterEnter() {
@@ -18497,7 +18524,7 @@ function provideGroupBy(options) {
           arr.push(item);
         }
       }
-      return arr;
+      return [...new Set(arr)];
     }
     return dive({
       type: 'group',
@@ -18723,6 +18750,8 @@ function usePaginatedItems(options) {
   });
   watch(paginatedItems, val => {
     vm.emit('update:currentItems', val);
+  }, {
+    immediate: true
   });
   return {
     paginatedItems
@@ -19447,7 +19476,7 @@ const VPagination = genericComponent()({
         const rangeStart = length.value - rangeLength + start.value;
         return [start.value, props.ellipsis, ...createRange(rangeLength, rangeStart)];
       } else {
-        const rangeLength = Math.max(1, totalVisible.value - 3);
+        const rangeLength = Math.max(1, totalVisible.value - 2);
         const rangeStart = rangeLength === 1 ? page.value : page.value - Math.ceil(rangeLength / 2) + start.value;
         return [start.value, props.ellipsis, ...createRange(rangeLength, rangeStart), props.ellipsis, length.value];
       }
@@ -20047,8 +20076,8 @@ function useHeaders() {
 
 const makeVDataTableHeadersProps = propsFactory({
   color: String,
-  sticky: Boolean,
   disableSort: Boolean,
+  fixedHeader: Boolean,
   multiSort: Boolean,
   sortAscIcon: {
     type: IconValue,
@@ -20061,6 +20090,8 @@ const makeVDataTableHeadersProps = propsFactory({
   headerProps: {
     type: Object
   },
+  /** @deprecated */
+  sticky: Boolean,
   ...makeDisplayProps(),
   ...makeLoaderProps()
 }, 'VDataTableHeaders');
@@ -20093,11 +20124,11 @@ const VDataTableHeaders = genericComponent()({
       loaderClasses
     } = useLoader(props);
     function getFixedStyles(column, y) {
-      if (!props.sticky && !column.fixed) return undefined;
+      if (!(props.sticky || props.fixedHeader) && !column.fixed) return undefined;
       return {
         position: 'sticky',
         left: column.fixed ? convertToUnit(column.fixedOffset) : undefined,
-        top: props.sticky ? `calc(var(--v-table-header-height) * ${y})` : undefined
+        top: props.sticky || props.fixedHeader ? `calc(var(--v-table-header-height) * ${y})` : undefined
       };
     }
     function getSortIcon(column) {
@@ -20125,7 +20156,7 @@ const VDataTableHeaders = genericComponent()({
       getSortIcon
     }));
     const headerCellClasses = computed(() => ['v-data-table__th', {
-      'v-data-table__th--sticky': props.sticky
+      'v-data-table__th--sticky': props.sticky || props.fixedHeader
     }, displayClasses.value, loaderClasses.value]);
     const VDataTableHeaderCell = _ref2 => {
       let {
@@ -20880,7 +20911,9 @@ const VDataTable = genericComponent()({
           'v-data-table--loading': props.loading
         }, props.class],
         "style": props.style
-      }, tableProps), {
+      }, tableProps, {
+        "fixedHeader": props.fixedHeader || props.sticky
+      }), {
         top: () => slots.top?.(slotProps.value),
         default: () => slots.default ? slots.default(slotProps.value) : createVNode(Fragment, null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && createVNode("thead", {
           "key": "thead"
@@ -21052,7 +21085,9 @@ const VDataTableVirtual = genericComponent()({
           'v-data-table--loading': props.loading
         }, props.class],
         "style": props.style
-      }, tableProps), {
+      }, tableProps, {
+        "fixedHeader": props.fixedHeader || props.sticky
+      }), {
         top: () => slots.top?.(slotProps.value),
         wrapper: () => createVNode("div", {
           "ref": containerRef,
@@ -21064,9 +21099,7 @@ const VDataTableVirtual = genericComponent()({
           }
         }, [createVNode("table", null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && createVNode("thead", {
           "key": "thead"
-        }, [createVNode(VDataTableHeaders, mergeProps(dataTableHeadersProps, {
-          "sticky": props.fixedHeader
-        }), slots)]), !props.hideDefaultBody && createVNode("tbody", null, [createVNode("tr", {
+        }, [createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), !props.hideDefaultBody && createVNode("tbody", null, [createVNode("tr", {
           "ref": markerRef,
           "style": {
             height: convertToUnit(paddingTop.value),
@@ -21271,15 +21304,15 @@ const VDataTableServer = genericComponent()({
           'v-data-table--loading': props.loading
         }, props.class],
         "style": props.style
-      }, tableProps), {
+      }, tableProps, {
+        "fixedHeader": props.fixedHeader || props.sticky
+      }), {
         top: () => slots.top?.(slotProps.value),
         default: () => slots.default ? slots.default(slotProps.value) : createVNode(Fragment, null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && createVNode("thead", {
           "key": "thead",
           "class": "v-data-table__thead",
           "role": "rowgroup"
-        }, [createVNode(VDataTableHeaders, mergeProps(dataTableHeadersProps, {
-          "sticky": props.fixedHeader
-        }), slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && createVNode("tbody", {
+        }, [createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && createVNode("tbody", {
           "class": "v-data-table__tbody",
           "role": "rowgroup"
         }, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : createVNode(VDataTableRows, mergeProps(attrs, dataTableRowsProps, {
@@ -21796,12 +21829,15 @@ function useCalendar(props) {
     const date = adapter.setYear(adapter.startOfMonth(adapter.date()), adapter.getYear(year.value));
     return adapter.setMonth(date, value);
   }, v => adapter.getMonth(v));
+  const defaultFirstDayOfWeek = computed(() => {
+    return props.firstDayOfWeek ?? props.weekdays[0];
+  });
   const weekDays = computed(() => {
     const firstDayOfWeek = Number(props.firstDayOfWeek ?? 0);
     return props.weekdays.map(day => (day + firstDayOfWeek) % 7);
   });
   const weeksInMonth = computed(() => {
-    const weeks = adapter.getWeekArray(month.value, props.firstDayOfWeek);
+    const weeks = adapter.getWeekArray(month.value, defaultFirstDayOfWeek.value);
     const days = weeks.flat();
 
     // Make sure there's always 6 weeks in month (6 * 7 days)
@@ -23038,8 +23074,7 @@ const VFab = genericComponent()({
         "style": [props.app ? {
           ...layoutItemStyles.value
         } : {
-          height: 'inherit',
-          width: undefined
+          height: props.absolute ? '100%' : 'inherit'
         }, props.style]
       }, [createVNode("div", {
         "class": "v-fab__container"
@@ -25777,7 +25812,7 @@ const makeLineProps = propsFactory({
     default: 8
   },
   showLabels: Boolean,
-  smooth: Boolean,
+  smooth: [Boolean, String, Number],
   width: {
     type: [Number, String],
     default: 300
@@ -25858,6 +25893,7 @@ const VBarline = genericComponent()({
     });
     const bars = computed(() => genBars(items.value, boundary.value));
     const offsetX = computed(() => (Math.abs(bars.value[0].x - bars.value[1].x) - lineWidth.value) / 2);
+    const smooth = computed(() => typeof props.smooth === 'boolean' ? props.smooth ? 2 : 0 : Number(props.smooth));
     useRender(() => {
       const gradientData = !props.gradient.slice().length ? [''] : props.gradient.slice().reverse();
       return createVNode("svg", {
@@ -25879,8 +25915,8 @@ const VBarline = genericComponent()({
         "y": item.y,
         "width": lineWidth.value,
         "height": item.height,
-        "rx": typeof props.smooth === 'number' ? props.smooth : props.smooth ? 2 : 0,
-        "ry": typeof props.smooth === 'number' ? props.smooth : props.smooth ? 2 : 0
+        "rx": smooth.value,
+        "ry": smooth.value
       }, [props.autoDraw && createVNode(Fragment, null, [createVNode("animate", {
         "attributeName": "y",
         "from": item.y + item.height,
@@ -26082,7 +26118,8 @@ const VTrendline = genericComponent()({
       immediate: true
     });
     function genPath$1(fill) {
-      return genPath(genPoints(items.value, boundary.value), props.smooth ? 8 : Number(props.smooth), fill, parseInt(props.height, 10));
+      const smoothValue = typeof props.smooth === 'boolean' ? props.smooth ? 8 : 0 : Number(props.smooth);
+      return genPath(genPoints(items.value, boundary.value), smoothValue, fill, parseInt(props.height, 10));
     }
     useRender(() => {
       const gradientData = !props.gradient.slice().length ? [''] : props.gradient.slice().reverse();
@@ -26406,6 +26443,7 @@ const VStepperItem = genericComponent()({
           'v-stepper-item--error': hasError.value
         }, group?.selectedClass.value],
         "disabled": !props.editable,
+        "type": "button",
         "onClick": onClick
       }, [isClickable.value && genOverlays(true, 'v-stepper-item'), createVNode(VAvatar, {
         "key": "stepper-avatar",
@@ -28284,7 +28322,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.6";
+const version$1 = "3.7.8";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28309,7 +28347,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.6";
+const version = "3.7.8";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };