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

package/dist/vuetify.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.
 */
@@ -3893,10 +3893,10 @@
           "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,
@@ -3922,9 +3922,9 @@
           "style": {
             objectPosition: props.position
           },
+          "crossorigin": props.crossorigin,
           "src": normalisedSrc.value.lazySrc,
           "alt": props.alt,
-          "crossorigin": props.crossorigin,
           "referrerpolicy": props.referrerpolicy,
           "draggable": props.draggable
         }, null)]
@@ -15785,7 +15785,6 @@
     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);
@@ -15798,6 +15797,7 @@
       onSliderStart({
         value: parseMouseMove(e)
       });
+      vue.nextTick(() => activeThumbRef.value?.focus());
     };
     const moveListenerOptions = {
       passive: true,
@@ -20069,8 +20069,8 @@
 
   const makeVDataTableHeadersProps = propsFactory({
     color: String,
-    sticky: Boolean,
     disableSort: Boolean,
+    fixedHeader: Boolean,
     multiSort: Boolean,
     sortAscIcon: {
       type: IconValue,
@@ -20083,6 +20083,8 @@
     headerProps: {
       type: Object
     },
+    /** @deprecated */
+    sticky: Boolean,
     ...makeDisplayProps(),
     ...makeLoaderProps()
   }, 'VDataTableHeaders');
@@ -20115,11 +20117,11 @@
         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) {
@@ -20147,7 +20149,7 @@
         getSortIcon
       }));
       const headerCellClasses = vue.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 {
@@ -20902,7 +20904,9 @@
             '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) : vue.createVNode(vue.Fragment, null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && vue.createVNode("thead", {
             "key": "thead"
@@ -21074,7 +21078,9 @@
             'v-data-table--loading': props.loading
           }, props.class],
           "style": props.style
-        }, tableProps), {
+        }, tableProps, {
+          "fixedHeader": props.fixedHeader || props.sticky
+        }), {
           top: () => slots.top?.(slotProps.value),
           wrapper: () => vue.createVNode("div", {
             "ref": containerRef,
@@ -21086,9 +21092,7 @@
             }
           }, [vue.createVNode("table", null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && vue.createVNode("thead", {
             "key": "thead"
-          }, [vue.createVNode(VDataTableHeaders, vue.mergeProps(dataTableHeadersProps, {
-            "sticky": props.fixedHeader
-          }), slots)]), !props.hideDefaultBody && vue.createVNode("tbody", null, [vue.createVNode("tr", {
+          }, [vue.createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), !props.hideDefaultBody && vue.createVNode("tbody", null, [vue.createVNode("tr", {
             "ref": markerRef,
             "style": {
               height: convertToUnit(paddingTop.value),
@@ -21293,15 +21297,15 @@
             '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) : vue.createVNode(vue.Fragment, null, [slots.colgroup?.(slotProps.value), !props.hideDefaultHeader && vue.createVNode("thead", {
             "key": "thead",
             "class": "v-data-table__thead",
             "role": "rowgroup"
-          }, [vue.createVNode(VDataTableHeaders, vue.mergeProps(dataTableHeadersProps, {
-            "sticky": props.fixedHeader
-          }), slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && vue.createVNode("tbody", {
+          }, [vue.createVNode(VDataTableHeaders, dataTableHeadersProps, slots)]), slots.thead?.(slotProps.value), !props.hideDefaultBody && vue.createVNode("tbody", {
             "class": "v-data-table__tbody",
             "role": "rowgroup"
           }, [slots['body.prepend']?.(slotProps.value), slots.body ? slots.body(slotProps.value) : vue.createVNode(VDataTableRows, vue.mergeProps(attrs, dataTableRowsProps, {
@@ -28309,7 +28313,7 @@
       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
@@ -28334,7 +28338,7 @@
       ...options
     });
   };
-  const version = "3.7.7-master.2025-01-22";
+  const version = "3.7.7-master.2025-01-24";
   createVuetify.version = version;
 
   exports.blueprints = index;