@vuetify/nightly 3.7.7-master.2025-01-21 → 3.7.7-master.2025-01-23

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.7-master.2025-01-21
+* Vuetify v3.7.7-master.2025-01-23
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -15781,7 +15781,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);
@@ -15794,6 +15793,7 @@ const useSlider = _ref => {
     onSliderStart({
       value: parseMouseMove(e)
     });
+    nextTick(() => activeThumbRef.value?.focus());
   };
   const moveListenerOptions = {
     passive: true,
@@ -20065,8 +20065,8 @@ function useHeaders() {
 
 const makeVDataTableHeadersProps = propsFactory({
   color: String,
-  sticky: Boolean,
   disableSort: Boolean,
+  fixedHeader: Boolean,
   multiSort: Boolean,
   sortAscIcon: {
     type: IconValue,
@@ -20079,6 +20079,8 @@ const makeVDataTableHeadersProps = propsFactory({
   headerProps: {
     type: Object
   },
+  /** @deprecated */
+  sticky: Boolean,
   ...makeDisplayProps(),
   ...makeLoaderProps()
 }, 'VDataTableHeaders');
@@ -20111,11 +20113,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) {
@@ -20143,7 +20145,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 {
@@ -20898,7 +20900,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"
@@ -21070,7 +21074,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,
@@ -21082,9 +21088,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),
@@ -21289,15 +21293,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, {
@@ -28305,7 +28309,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.7-master.2025-01-21";
+const version$1 = "3.7.7-master.2025-01-23";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28330,7 +28334,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.7-master.2025-01-21";
+const version = "3.7.7-master.2025-01-23";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };