@vuetify/nightly 3.7.7-master.2025-01-22 → 3.7.7-master.2025-01-24

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.7-master.2025-01-22
+* Vuetify v3.7.7-master.2025-01-24
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3448,10 +3448,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,
@@ -3477,9 +3477,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)]
@@ -15548,7 +15548,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);
@@ -15561,6 +15560,7 @@ const useSlider = _ref => {
     onSliderStart({
       value: parseMouseMove(e)
     });
+    nextTick(() => activeThumbRef.value?.focus());
   };
   const moveListenerOptions = {
     passive: true,
@@ -19832,8 +19832,8 @@ function useHeaders() {
 
 const makeVDataTableHeadersProps = propsFactory({
   color: String,
-  sticky: Boolean,
   disableSort: Boolean,
+  fixedHeader: Boolean,
   multiSort: Boolean,
   sortAscIcon: {
     type: IconValue,
@@ -19846,6 +19846,8 @@ const makeVDataTableHeadersProps = propsFactory({
   headerProps: {
     type: Object
   },
+  /** @deprecated */
+  sticky: Boolean,
   ...makeDisplayProps(),
   ...makeLoaderProps()
 }, 'VDataTableHeaders');
@@ -19878,11 +19880,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) {
@@ -19910,7 +19912,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 {
@@ -20665,7 +20667,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"
@@ -20837,7 +20841,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,
@@ -20849,9 +20855,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),
@@ -21056,15 +21060,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, {
@@ -28885,8 +28889,7 @@ const VStepperVerticalItem = genericComponent()({
       hasCompleted: hasCompleted.value,
       title: props.title,
       subtitle: props.subtitle,
-      step: step.value,
-      value: props.value
+      step: step.value
     }));
     const actionProps = computed(() => ({
       ...slotProps.value,
@@ -30784,7 +30787,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.7-master.2025-01-22";
+const version$1 = "3.7.7-master.2025-01-24";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31037,7 +31040,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.7-master.2025-01-22";
+const version = "3.7.7-master.2025-01-24";
 
 /* eslint-disable local-rules/sort-imports */