@vuetify/nightly 3.4.10-dev.2024-01-16 → 3.4.10-dev.2024-01-18

package/dist/vuetify-labs.d.ts

@@ -23142,6 +23142,7 @@ declare const VDataTable: {
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+        headerProps?: Record<string, any> | undefined;
     } & {
         "onUpdate:sortBy"?: ((value: any) => any) | undefined;
         "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -23234,6 +23235,7 @@ declare const VDataTable: {
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+        headerProps?: Record<string, any> | undefined;
     } & {
         "onUpdate:sortBy"?: ((value: any) => any) | undefined;
         "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -23491,6 +23493,7 @@ declare const VDataTable: {
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+        headerProps?: Record<string, any> | undefined;
     } & {
         "onUpdate:sortBy"?: ((value: any) => any) | undefined;
         "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -23621,6 +23624,7 @@ declare const VDataTable: {
     customKeyFilter?: FilterKeyFunctions | undefined;
     filterKeys?: FilterKeys | undefined;
     customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+    headerProps?: Record<string, any> | undefined;
 } & {
     "onUpdate:sortBy"?: ((value: any) => any) | undefined;
     "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -23912,6 +23916,9 @@ declare const VDataTable: {
         type: vue.PropType<IconValue>;
         default: string;
     };
+    headerProps: {
+        type: vue.PropType<Record<string, any>>;
+    };
     sortBy: {
         type: vue.PropType<readonly SortItem[]>;
         default: () => never[];
@@ -24086,6 +24093,9 @@ declare const VDataTable: {
         type: vue.PropType<IconValue>;
         default: string;
     };
+    headerProps: {
+        type: vue.PropType<Record<string, any>>;
+    };
     sortBy: {
         type: vue.PropType<readonly SortItem[]>;
         default: () => never[];
@@ -24448,6 +24458,7 @@ declare const VDataTableFooter: {
 
 type VDataTableVirtualSlotProps<T> = Omit<VDataTableSlotProps<T>, 'setItemsPerPage' | 'page' | 'pageCount' | 'itemsPerPage'>;
 type VDataTableVirtualSlots<T> = VDataTableRowsSlots<T> & VDataTableHeadersSlots & {
+    colgroup: VDataTableVirtualSlotProps<T>;
     top: VDataTableVirtualSlotProps<T>;
     headers: VDataTableHeadersSlots['headers'];
     bottom: VDataTableVirtualSlotProps<T>;
@@ -24518,6 +24529,7 @@ declare const VDataTableVirtual: {
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+        headerProps?: Record<string, any> | undefined;
     } & {
         "onUpdate:sortBy"?: ((value: any) => any) | undefined;
         "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -24529,7 +24541,7 @@ declare const VDataTableVirtual: {
         'update:options': (value: any) => boolean;
         'update:groupBy': (value: any) => boolean;
         'update:expanded': (value: any) => boolean;
-    }, "$children" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body.prepend" | "v-slot:body.append">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, "$children" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:colgroup" | "v-slot:body.prepend" | "v-slot:body.append">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         style: vue.StyleValue;
         expanded: readonly string[];
         tag: string;
@@ -24588,6 +24600,7 @@ declare const VDataTableVirtual: {
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+        headerProps?: Record<string, any> | undefined;
     } & {
         "onUpdate:sortBy"?: ((value: any) => any) | undefined;
         "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -24713,6 +24726,9 @@ declare const VDataTableVirtual: {
         }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
+        colgroup: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
         top: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
@@ -24791,6 +24807,7 @@ declare const VDataTableVirtual: {
         customKeyFilter?: FilterKeyFunctions | undefined;
         filterKeys?: FilterKeys | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+        headerProps?: Record<string, any> | undefined;
     } & {
         "onUpdate:sortBy"?: ((value: any) => any) | undefined;
         "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -24886,6 +24903,7 @@ declare const VDataTableVirtual: {
     customKeyFilter?: FilterKeyFunctions | undefined;
     filterKeys?: FilterKeys | undefined;
     customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+    headerProps?: Record<string, any> | undefined;
 } & {
     "onUpdate:sortBy"?: ((value: any) => any) | undefined;
     "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -24897,7 +24915,7 @@ declare const VDataTableVirtual: {
     'update:options': (value: any) => boolean;
     'update:groupBy': (value: any) => boolean;
     'update:expanded': (value: any) => boolean;
-}, "$children" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body.prepend" | "v-slot:body.append">, string, {
+}, "$children" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:colgroup" | "v-slot:body.prepend" | "v-slot:body.append">, string, {
     style: vue.StyleValue;
     expanded: readonly string[];
     tag: string;
@@ -25017,6 +25035,9 @@ declare const VDataTableVirtual: {
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
+    colgroup: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
     top: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
@@ -25093,6 +25114,9 @@ declare const VDataTableVirtual: {
         type: vue.PropType<IconValue>;
         default: string;
     };
+    headerProps: {
+        type: vue.PropType<Record<string, any>>;
+    };
     sortBy: {
         type: vue.PropType<readonly SortItem[]>;
         default: () => never[];
@@ -25212,6 +25236,9 @@ declare const VDataTableVirtual: {
         type: vue.PropType<IconValue>;
         default: string;
     };
+    headerProps: {
+        type: vue.PropType<Record<string, any>>;
+    };
     sortBy: {
         type: vue.PropType<readonly SortItem[]>;
         default: () => never[];
@@ -25359,6 +25386,7 @@ declare const VDataTableServer: {
         }[] | undefined;
         theme?: string | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+        headerProps?: Record<string, any> | undefined;
     } & {
         "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
         "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -25445,6 +25473,7 @@ declare const VDataTableServer: {
         }[] | undefined;
         theme?: string | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+        headerProps?: Record<string, any> | undefined;
     } & {
         "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
         "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -25695,6 +25724,7 @@ declare const VDataTableServer: {
         }[] | undefined;
         theme?: string | undefined;
         customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+        headerProps?: Record<string, any> | undefined;
     } & {
         "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
         "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -25818,6 +25848,7 @@ declare const VDataTableServer: {
     }[] | undefined;
     theme?: string | undefined;
     customKeySort?: Record<string, DataTableCompareFunction> | undefined;
+    headerProps?: Record<string, any> | undefined;
 } & {
     "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
     "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -26097,6 +26128,9 @@ declare const VDataTableServer: {
         type: vue.PropType<IconValue>;
         default: string;
     };
+    headerProps: {
+        type: vue.PropType<Record<string, any>>;
+    };
     sortBy: {
         type: vue.PropType<readonly SortItem[]>;
         default: () => never[];
@@ -26267,6 +26301,9 @@ declare const VDataTableServer: {
         type: vue.PropType<IconValue>;
         default: string;
     };
+    headerProps: {
+        type: vue.PropType<Record<string, any>>;
+    };
     sortBy: {
         type: vue.PropType<readonly SortItem[]>;
         default: () => never[];

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.4.10-dev.2024-01-16
+* Vuetify v3.4.10-dev.2024-01-18
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2251,6 +2251,7 @@ function genDefaults() {
           background: '#FFFFFF',
           surface: '#FFFFFF',
           'surface-bright': '#FFFFFF',
+          'surface-light': '#EEEEEE',
           'surface-variant': '#424242',
           'on-surface-variant': '#EEEEEE',
           primary: '#1867C0',
@@ -2287,6 +2288,7 @@ function genDefaults() {
           background: '#121212',
           surface: '#212121',
           'surface-bright': '#ccbfd6',
+          'surface-light': '#424242',
           'surface-variant': '#a3a3a3',
           'on-surface-variant': '#424242',
           primary: '#2196F3',
@@ -18627,6 +18629,9 @@ const makeVDataTableHeadersProps = propsFactory({
     type: IconValue,
     default: '$sortDesc'
   },
+  headerProps: {
+    type: Object
+  },
   ...makeLoaderProps()
 }, 'VDataTableHeaders');
 const VDataTableHeaders = genericComponent()({
@@ -18689,6 +18694,7 @@ const VDataTableHeaders = genericComponent()({
         y
       } = _ref2;
       const noPadding = column.key === 'data-table-select' || column.key === 'data-table-expand';
+      const headerProps = mergeProps(props.headerProps ?? {}, column.headerProps ?? {});
       return createVNode(VDataTableColumn, mergeProps({
         "tag": "th",
         "align": column.align,
@@ -18709,7 +18715,7 @@ const VDataTableHeaders = genericComponent()({
         "fixed": column.fixed,
         "lastFixed": column.lastFixed,
         "noPadding": noPadding
-      }, column.headerProps), {
+      }, headerProps), {
         default: () => {
           const columnSlotName = `header.${column.key}`;
           const columnSlotProps = {
@@ -19499,7 +19505,7 @@ const VDataTableVirtual = genericComponent()({
           "style": {
             height: convertToUnit(props.height)
           }
-        }, [createVNode("table", null, [createVNode("thead", null, [createVNode(VDataTableHeaders, mergeProps(dataTableHeadersProps, {
+        }, [createVNode("table", null, [slots.colgroup?.(slotProps.value), createVNode("thead", null, [createVNode(VDataTableHeaders, mergeProps(dataTableHeadersProps, {
           "sticky": props.fixedHeader
         }), slots)]), createVNode("tbody", null, [createVNode("tr", {
           "ref": markerRef,
@@ -26049,7 +26055,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.4.10-dev.2024-01-16";
+const version$1 = "3.4.10-dev.2024-01-18";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -26063,7 +26069,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.4.10-dev.2024-01-16";
+const version = "3.4.10-dev.2024-01-18";
 
 /* eslint-disable local-rules/sort-imports */