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

package/dist/vuetify-labs.d.ts

@@ -24155,6 +24155,7 @@ declare const VDataTableHeaders: {
         sticky: boolean;
         multiSort: boolean;
         disableSort: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
     } & {
@@ -24188,6 +24189,7 @@ declare const VDataTableHeaders: {
         sticky: boolean;
         multiSort: boolean;
         disableSort: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
     } & {
@@ -24221,6 +24223,7 @@ declare const VDataTableHeaders: {
         sticky: boolean;
         multiSort: boolean;
         disableSort: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
     }, true, {}, vue.SlotsType<Partial<{
@@ -24241,6 +24244,7 @@ declare const VDataTableHeaders: {
         sticky: boolean;
         multiSort: boolean;
         disableSort: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
     } & {
@@ -24274,6 +24278,7 @@ declare const VDataTableHeaders: {
         sticky: boolean;
         multiSort: boolean;
         disableSort: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
     }>;
@@ -24285,6 +24290,7 @@ declare const VDataTableHeaders: {
     sticky: boolean;
     multiSort: boolean;
     disableSort: boolean;
+    fixedHeader: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
 } & {
@@ -24318,6 +24324,7 @@ declare const VDataTableHeaders: {
     sticky: boolean;
     multiSort: boolean;
     disableSort: boolean;
+    fixedHeader: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
 }, {}, string, vue.SlotsType<Partial<{
@@ -24334,8 +24341,8 @@ declare const VDataTableHeaders: {
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
-    sticky: BooleanConstructor;
     disableSort: BooleanConstructor;
+    fixedHeader: BooleanConstructor;
     multiSort: BooleanConstructor;
     sortAscIcon: {
         type: PropType<IconValue>;
@@ -24348,6 +24355,7 @@ declare const VDataTableHeaders: {
     headerProps: {
         type: PropType<Record<string, any>>;
     };
+    sticky: BooleanConstructor;
 }, vue.ExtractPropTypes<{
     loading: (StringConstructor | BooleanConstructor)[];
     mobile: {
@@ -24356,8 +24364,8 @@ declare const VDataTableHeaders: {
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
-    sticky: BooleanConstructor;
     disableSort: BooleanConstructor;
+    fixedHeader: BooleanConstructor;
     multiSort: BooleanConstructor;
     sortAscIcon: {
         type: PropType<IconValue>;
@@ -24370,6 +24378,7 @@ declare const VDataTableHeaders: {
     headerProps: {
         type: PropType<Record<string, any>>;
     };
+    sticky: BooleanConstructor;
 }>>;
 type VDataTableHeaders = InstanceType<typeof VDataTableHeaders>;
 
@@ -24755,9 +24764,9 @@ declare const VDataTable: {
             value: number;
         })[];
         showCurrentPage: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
-        fixedHeader: boolean;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -24834,9 +24843,9 @@ declare const VDataTable: {
             value: number;
         })[];
         showCurrentPage: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
-        fixedHeader: boolean;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -24904,9 +24913,9 @@ declare const VDataTable: {
             value: number;
         })[];
         showCurrentPage: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
-        fixedHeader: boolean;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -25004,9 +25013,9 @@ declare const VDataTable: {
             value: number;
         })[];
         showCurrentPage: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
-        fixedHeader: boolean;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -25074,9 +25083,9 @@ declare const VDataTable: {
             value: number;
         })[];
         showCurrentPage: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
-        fixedHeader: boolean;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -25126,9 +25135,9 @@ declare const VDataTable: {
         value: number;
     })[];
     showCurrentPage: boolean;
+    fixedHeader: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
-    fixedHeader: boolean;
     fixedFooter: boolean;
     hideDefaultBody: boolean;
     hideDefaultFooter: boolean;
@@ -25205,9 +25214,9 @@ declare const VDataTable: {
         value: number;
     })[];
     showCurrentPage: boolean;
+    fixedHeader: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
-    fixedHeader: boolean;
     fixedFooter: boolean;
     hideDefaultBody: boolean;
     hideDefaultFooter: boolean;
@@ -25352,7 +25361,6 @@ declare const VDataTable: {
     };
     mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
-    sticky: BooleanConstructor;
     disableSort: BooleanConstructor;
     multiSort: BooleanConstructor;
     sortAscIcon: {
@@ -25366,6 +25374,7 @@ declare const VDataTable: {
     headerProps: {
         type: vue.PropType<Record<string, any>>;
     };
+    sticky: BooleanConstructor;
     sortBy: {
         type: vue.PropType<readonly SortItem[]>;
         default: () => never[];
@@ -25519,7 +25528,6 @@ declare const VDataTable: {
     };
     mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
-    sticky: BooleanConstructor;
     disableSort: BooleanConstructor;
     multiSort: BooleanConstructor;
     sortAscIcon: {
@@ -25533,6 +25541,7 @@ declare const VDataTable: {
     headerProps: {
         type: vue.PropType<Record<string, any>>;
     };
+    sticky: BooleanConstructor;
     sortBy: {
         type: vue.PropType<readonly SortItem[]>;
         default: () => never[];
@@ -25913,9 +25922,9 @@ declare const VDataTableVirtual: {
         showSelect: boolean;
         expandOnClick: boolean;
         showExpand: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
-        fixedHeader: boolean;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -26015,9 +26024,9 @@ declare const VDataTableVirtual: {
         showSelect: boolean;
         expandOnClick: boolean;
         showExpand: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
-        fixedHeader: boolean;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -26111,9 +26120,9 @@ declare const VDataTableVirtual: {
         showSelect: boolean;
         expandOnClick: boolean;
         showExpand: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
-        fixedHeader: boolean;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -26191,9 +26200,9 @@ declare const VDataTableVirtual: {
         showSelect: boolean;
         expandOnClick: boolean;
         showExpand: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
-        fixedHeader: boolean;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -26287,9 +26296,9 @@ declare const VDataTableVirtual: {
         showSelect: boolean;
         expandOnClick: boolean;
         showExpand: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
-        fixedHeader: boolean;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -26323,9 +26332,9 @@ declare const VDataTableVirtual: {
     showSelect: boolean;
     expandOnClick: boolean;
     showExpand: boolean;
+    fixedHeader: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
-    fixedHeader: boolean;
     fixedFooter: boolean;
     hideDefaultBody: boolean;
     hideDefaultFooter: boolean;
@@ -26425,9 +26434,9 @@ declare const VDataTableVirtual: {
     showSelect: boolean;
     expandOnClick: boolean;
     showExpand: boolean;
+    fixedHeader: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
-    fixedHeader: boolean;
     fixedFooter: boolean;
     hideDefaultBody: boolean;
     hideDefaultFooter: boolean;
@@ -26524,7 +26533,6 @@ declare const VDataTableVirtual: {
     };
     mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
-    sticky: BooleanConstructor;
     disableSort: BooleanConstructor;
     multiSort: BooleanConstructor;
     sortAscIcon: {
@@ -26538,6 +26546,7 @@ declare const VDataTableVirtual: {
     headerProps: {
         type: vue.PropType<Record<string, any>>;
     };
+    sticky: BooleanConstructor;
     sortBy: {
         type: vue.PropType<readonly SortItem[]>;
         default: () => never[];
@@ -26636,7 +26645,6 @@ declare const VDataTableVirtual: {
     };
     mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
-    sticky: BooleanConstructor;
     disableSort: BooleanConstructor;
     multiSort: BooleanConstructor;
     sortAscIcon: {
@@ -26650,6 +26658,7 @@ declare const VDataTableVirtual: {
     headerProps: {
         type: vue.PropType<Record<string, any>>;
     };
+    sticky: BooleanConstructor;
     sortBy: {
         type: vue.PropType<readonly SortItem[]>;
         default: () => never[];
@@ -26750,9 +26759,9 @@ declare const VDataTableServer: {
             value: number;
         })[];
         showCurrentPage: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
-        fixedHeader: boolean;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -26868,9 +26877,9 @@ declare const VDataTableServer: {
             value: number;
         })[];
         showCurrentPage: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
-        fixedHeader: boolean;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -26977,9 +26986,9 @@ declare const VDataTableServer: {
             value: number;
         })[];
         showCurrentPage: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
-        fixedHeader: boolean;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -27076,9 +27085,9 @@ declare const VDataTableServer: {
             value: number;
         })[];
         showCurrentPage: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
-        fixedHeader: boolean;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -27185,9 +27194,9 @@ declare const VDataTableServer: {
             value: number;
         })[];
         showCurrentPage: boolean;
+        fixedHeader: boolean;
         sortAscIcon: IconValue;
         sortDescIcon: IconValue;
-        fixedHeader: boolean;
         fixedFooter: boolean;
         hideDefaultBody: boolean;
         hideDefaultFooter: boolean;
@@ -27236,9 +27245,9 @@ declare const VDataTableServer: {
         value: number;
     })[];
     showCurrentPage: boolean;
+    fixedHeader: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
-    fixedHeader: boolean;
     fixedFooter: boolean;
     hideDefaultBody: boolean;
     hideDefaultFooter: boolean;
@@ -27353,9 +27362,9 @@ declare const VDataTableServer: {
         value: number;
     })[];
     showCurrentPage: boolean;
+    fixedHeader: boolean;
     sortAscIcon: IconValue;
     sortDescIcon: IconValue;
-    fixedHeader: boolean;
     fixedFooter: boolean;
     hideDefaultBody: boolean;
     hideDefaultFooter: boolean;
@@ -27491,7 +27500,6 @@ declare const VDataTableServer: {
     };
     mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
-    sticky: BooleanConstructor;
     disableSort: BooleanConstructor;
     multiSort: BooleanConstructor;
     sortAscIcon: {
@@ -27505,6 +27513,7 @@ declare const VDataTableServer: {
     headerProps: {
         type: vue.PropType<Record<string, any>>;
     };
+    sticky: BooleanConstructor;
     sortBy: {
         type: vue.PropType<readonly SortItem[]>;
         default: () => never[];
@@ -27654,7 +27663,6 @@ declare const VDataTableServer: {
     };
     mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     color: StringConstructor;
-    sticky: BooleanConstructor;
     disableSort: BooleanConstructor;
     multiSort: BooleanConstructor;
     sortAscIcon: {
@@ -27668,6 +27676,7 @@ declare const VDataTableServer: {
     headerProps: {
         type: vue.PropType<Record<string, any>>;
     };
+    sticky: BooleanConstructor;
     sortBy: {
         type: vue.PropType<readonly SortItem[]>;
         default: () => never[];

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-23
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -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, {
@@ -30784,7 +30788,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.7-master.2025-01-22";
+const version$1 = "3.7.7-master.2025-01-23";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31037,7 +31041,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-23";
 
 /* eslint-disable local-rules/sort-imports */