@vuetify/nightly 3.7.3-master.2024-10-31 → 3.7.3-next.2024-11-01

package/lib/components/VDataTable/index.d.mts

@@ -64,10 +64,10 @@ type ExpandProps = {
 };
 declare function provideExpanded(props: ExpandProps): {
     expand: (item: DataTableItem, value: boolean) => void;
-    expanded: Ref<Set<string>> & {
+    expanded: Ref<Set<string>, Set<string>> & {
         readonly externalValue: readonly string[];
     };
-    expandOnClick: Ref<boolean>;
+    expandOnClick: Ref<boolean, boolean>;
     isExpanded: (item: DataTableItem) => boolean;
     toggleExpand: (item: DataTableItem) => void;
 };
@@ -98,7 +98,7 @@ declare function provideSort(options: {
     multiSort: Ref<boolean>;
     page?: Ref<number>;
 }): {
-    sortBy: Ref<readonly SortItem[]>;
+    sortBy: Ref<readonly SortItem[], readonly SortItem[]>;
     toggleSort: (column: InternalDataTableHeader) => void;
     isSorted: (column: InternalDataTableHeader) => boolean;
 };
@@ -122,8 +122,8 @@ declare function provideGroupBy(options: {
 }): {
     sortByWithGroups: vue.ComputedRef<SortItem[]>;
     toggleGroup: (group: Group) => void;
-    opened: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>>;
-    groupBy: Ref<readonly SortItem[]>;
+    opened: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>, Set<string> | (Set<string> & Omit<Set<string>, keyof Set<any>>)>;
+    groupBy: Ref<readonly SortItem[], readonly SortItem[]>;
     extractRows: <T extends GroupableItem>(items: readonly (T | Group<T>)[]) => T[];
     isGroupOpen: (group: Group) => boolean;
 };
@@ -258,7 +258,7 @@ type VDataTableHeadersSlots = {
     [key: `header.${string}`]: VDataTableHeaderCellColumnSlotProps;
 };
 declare const VDataTableHeaders: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         mobile: boolean | null;
         sticky: boolean;
         multiSort: boolean;
@@ -291,40 +291,7 @@ declare const VDataTableHeaders: {
         "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
         "v-slot:header.data-table-select"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
         "v-slot:header.data-table-expand"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
-    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        mobile: boolean | null;
-        sticky: boolean;
-        multiSort: boolean;
-        disableSort: boolean;
-        sortAscIcon: IconValue;
-        sortDescIcon: IconValue;
-    } & {
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-        headerProps?: Record<string, any> | undefined;
-    } & {
-        $children?: {} | vue.VNodeChild | {
-            [x: `header.${string}`]: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
-            headers?: ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
-            loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            'header.data-table-select'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
-            'header.data-table-expand'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            [x: `header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
-            headers?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
-            loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-            'header.data-table-select'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
-            'header.data-table-expand'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        [x: `v-slot:header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
-        "v-slot:headers"?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
-        "v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
-        "v-slot:header.data-table-select"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
-        "v-slot:header.data-table-expand"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
-    }, {
+    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         mobile: boolean | null;
         sticky: boolean;
         multiSort: boolean;
@@ -337,7 +304,7 @@ declare const VDataTableHeaders: {
         loader: (arg: LoaderSlotProps) => vue.VNode[];
         'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -434,7 +401,7 @@ declare const VDataTableHeaders: {
     loader: (arg: LoaderSlotProps) => vue.VNode[];
     'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     loading: (StringConstructor | BooleanConstructor)[];
     mobile: {
         type: PropType<boolean | null>;
@@ -488,12 +455,12 @@ declare function providePagination(options: {
     itemsPerPage: Ref<number>;
     itemsLength: Ref<number>;
 }): {
-    page: Ref<number>;
-    itemsPerPage: Ref<number>;
+    page: Ref<number, number>;
+    itemsPerPage: Ref<number, number>;
     startIndex: vue.ComputedRef<number>;
     stopIndex: vue.ComputedRef<number>;
     pageCount: vue.ComputedRef<number>;
-    itemsLength: Ref<number>;
+    itemsLength: Ref<number, number>;
     nextPage: () => void;
     prevPage: () => void;
     setPage: (value: number) => void;
@@ -521,15 +488,7 @@ type VDataTableRowSlots<T> = {
     [key: `header.${string}`]: VDataTableHeaderCellColumnSlotProps;
 };
 declare const VDataTableRow: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
-        mobile: boolean | null;
-    } & {
-        index?: number | undefined;
-        onClick?: ((args_0: MouseEvent) => void) | undefined;
-        onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
-        onDblclick?: ((args_0: MouseEvent) => void) | undefined;
-        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "item" | "$children" | "v-slots" | "cellProps" | `v-slot:header.${string}` | `v-slot:item.${string}`>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         mobile: boolean | null;
     } & {
         index?: number | undefined;
@@ -537,7 +496,7 @@ declare const VDataTableRow: {
         onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
         onDblclick?: ((args_0: MouseEvent) => void) | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-    }, {
+    }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "item" | "$children" | "v-slots" | "cellProps" | `v-slot:header.${string}` | `v-slot:item.${string}`>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         mobile: boolean | null;
     }, true, {}, vue.SlotsType<Partial<{
         [x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode[];
@@ -546,7 +505,7 @@ declare const VDataTableRow: {
         'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
         'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
         'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -584,7 +543,7 @@ declare const VDataTableRow: {
     'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
     'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
     'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
     item?: DataTableItem<T>;
     cellProps?: CellProps<T>;
 }, slots: VDataTableRowSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
@@ -624,17 +583,7 @@ type VDataTableRowsSlots<T> = VDataTableGroupHeaderRowSlots & VDataTableRowSlots
     'expanded-row': ItemSlot<T>;
 };
 declare const VDataTableRows: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
-        mobile: boolean | null;
-        noDataText: string;
-        loadingText: string;
-        hideNoData: boolean;
-    } & {
-        loading?: string | boolean | undefined;
-        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-        cellProps?: CellProps<any> | undefined;
-        rowProps?: RowProps<any> | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "items" | "v-slot:item" | "v-slot:no-data" | `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">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         mobile: boolean | null;
         noDataText: string;
         loadingText: string;
@@ -644,7 +593,7 @@ declare const VDataTableRows: {
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         cellProps?: CellProps<any> | undefined;
         rowProps?: RowProps<any> | undefined;
-    }, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "items" | "v-slot:item" | "v-slot:no-data" | `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">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         mobile: boolean | null;
         noDataText: string;
         loadingText: string;
@@ -681,7 +630,7 @@ declare const VDataTableRows: {
         'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
         'no-data': () => vue.VNode[];
         'expanded-row': (arg: ItemSlot<unknown>) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -754,7 +703,7 @@ declare const VDataTableRows: {
     'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
     'no-data': () => vue.VNode[];
     'expanded-row': (arg: ItemSlot<unknown>) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
     items?: readonly (DataTableItem<T> | Group<T>)[];
 }, slots: VDataTableRowsSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
     mobile: {
@@ -841,7 +790,7 @@ type VDataTableSlots<T> = VDataTableRowsSlots<T> & VDataTableHeadersSlots & {
 };
 type ItemType$2<T> = T extends readonly (infer U)[] ? U : never;
 declare const VDataTable: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         page: string | number;
         expanded: readonly string[];
         style: vue.StyleValue;
@@ -920,77 +869,7 @@ declare const VDataTable: {
         'update:groupBy': (value: any) => true;
         'update:expanded': (value: any) => true;
         'update:currentItems': (value: any) => true;
-    }, "headers" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "items" | "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" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        page: string | number;
-        expanded: readonly string[];
-        style: vue.StyleValue;
-        mobile: boolean | null;
-        tag: string;
-        sticky: boolean;
-        noDataText: string;
-        loadingText: string;
-        itemsPerPageText: string;
-        sortBy: readonly SortItem[];
-        pageText: string;
-        density: Density;
-        valueComparator: typeof deepEqual;
-        nextIcon: IconValue;
-        prevIcon: IconValue;
-        selectStrategy: "all" | "page" | "single";
-        returnObject: boolean;
-        filterMode: FilterMode;
-        noFilter: boolean;
-        hideNoData: boolean;
-        hover: boolean;
-        multiSort: boolean;
-        mustSort: boolean;
-        groupBy: readonly SortItem[];
-        disableSort: boolean;
-        showSelect: boolean;
-        expandOnClick: boolean;
-        showExpand: boolean;
-        itemsPerPage: string | number;
-        firstIcon: IconValue;
-        lastIcon: IconValue;
-        firstPageLabel: string;
-        prevPageLabel: string;
-        nextPageLabel: string;
-        lastPageLabel: string;
-        itemsPerPageOptions: readonly (number | {
-            title: string;
-            value: number;
-        })[];
-        showCurrentPage: boolean;
-        sortAscIcon: IconValue;
-        sortDescIcon: IconValue;
-        fixedHeader: boolean;
-        fixedFooter: boolean;
-        hideDefaultBody: boolean;
-        hideDefaultFooter: boolean;
-        hideDefaultHeader: boolean;
-    } & {
-        search?: string | undefined;
-        height?: string | number | undefined;
-        width?: string | number | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        class?: any;
-        theme?: string | undefined;
-        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-        customFilter?: FilterFunction | undefined;
-        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;
-        "onUpdate:expanded"?: ((value: any) => any) | undefined;
-        "onUpdate:page"?: ((value: number) => any) | undefined;
-        "onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
-        "onUpdate:options"?: ((value: any) => any) | undefined;
-        "onUpdate:currentItems"?: ((value: any) => any) | undefined;
-    }, {
+    }, "headers" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "items" | "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" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         page: string | number;
         expanded: readonly string[];
         style: vue.StyleValue;
@@ -1083,7 +962,7 @@ declare const VDataTable: {
         'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode[];
         'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode[];
         'footer.prepend': () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -1384,7 +1263,7 @@ declare const VDataTable: {
     'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode[];
     'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode[];
     'footer.prepend': () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
     items?: T;
     itemValue?: SelectItemKey<ItemType$2<T>>;
     rowProps?: RowProps<ItemType$2<T>>;
@@ -1731,7 +1610,7 @@ declare const VDataTable: {
 type VDataTable = InstanceType<typeof VDataTable>;
 
 declare const VDataTableFooter: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         itemsPerPageText: string;
         pageText: string;
         nextIcon: IconValue;
@@ -1756,32 +1635,7 @@ declare const VDataTableFooter: {
         } | undefined;
     } & {
         "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        itemsPerPageText: string;
-        pageText: string;
-        nextIcon: IconValue;
-        prevIcon: IconValue;
-        firstIcon: IconValue;
-        lastIcon: IconValue;
-        firstPageLabel: string;
-        prevPageLabel: string;
-        nextPageLabel: string;
-        lastPageLabel: string;
-        itemsPerPageOptions: readonly (number | {
-            title: string;
-            value: number;
-        })[];
-        showCurrentPage: boolean;
-    } & {} & {
-        $children?: {} | vue.VNodeChild | {
-            prepend?: (() => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            prepend?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
-    }, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         itemsPerPageText: string;
         pageText: string;
         nextIcon: IconValue;
@@ -1799,7 +1653,7 @@ declare const VDataTableFooter: {
         showCurrentPage: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         prepend: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -1894,7 +1748,7 @@ declare const VDataTableFooter: {
     showCurrentPage: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     prepend: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     prevIcon: {
         type: PropType<IconValue>;
         default: string;
@@ -1999,7 +1853,6 @@ declare const VDataTableFooter: {
     };
     showCurrentPage: BooleanConstructor;
 }>>;
-type VDataTableFooter = InstanceType<typeof VDataTableFooter>;
 
 type VDataTableVirtualSlotProps<T> = Omit<VDataTableSlotProps<T>, 'setItemsPerPage' | 'page' | 'pageCount' | 'itemsPerPage'>;
 type VDataTableVirtualSlots<T> = VDataTableRowsSlots<T> & VDataTableHeadersSlots & {
@@ -2015,7 +1868,7 @@ type VDataTableVirtualSlots<T> = VDataTableRowsSlots<T> & VDataTableHeadersSlots
 };
 type ItemType$1<T> = T extends readonly (infer U)[] ? U : never;
 declare const VDataTableVirtual: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         expanded: readonly string[];
         style: vue.StyleValue;
         mobile: boolean | null;
@@ -2117,103 +1970,7 @@ declare const VDataTableVirtual: {
         'update:options': (value: any) => true;
         'update:groupBy': (value: any) => true;
         'update:expanded': (value: any) => true;
-    }, "$children" | "v-slots" | "modelValue" | "items" | "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 & {
-        expanded: readonly string[];
-        style: vue.StyleValue;
-        mobile: boolean | null;
-        tag: string;
-        sticky: boolean;
-        noDataText: string;
-        loadingText: string;
-        sortBy: readonly SortItem[];
-        density: Density;
-        valueComparator: typeof deepEqual;
-        selectStrategy: "all" | "page" | "single";
-        returnObject: boolean;
-        filterMode: FilterMode;
-        noFilter: boolean;
-        itemHeight: string | number;
-        hideNoData: boolean;
-        hover: boolean;
-        multiSort: boolean;
-        mustSort: boolean;
-        groupBy: readonly SortItem[];
-        disableSort: boolean;
-        showSelect: boolean;
-        expandOnClick: boolean;
-        showExpand: boolean;
-        sortAscIcon: IconValue;
-        sortDescIcon: IconValue;
-        fixedHeader: boolean;
-        fixedFooter: boolean;
-        hideDefaultBody: boolean;
-        hideDefaultFooter: boolean;
-        hideDefaultHeader: boolean;
-    } & {
-        search?: string | undefined;
-        height?: string | number | undefined;
-        width?: string | number | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        class?: any;
-        theme?: string | undefined;
-        headers?: readonly {
-            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
-            readonly value?: SelectItemKey<Record<string, any>>;
-            readonly title?: string | undefined;
-            readonly fixed?: boolean | undefined;
-            readonly align?: ("start" | "end" | "center") | undefined;
-            readonly width?: (number | string) | undefined;
-            readonly minWidth?: string | undefined;
-            readonly maxWidth?: string | undefined;
-            readonly nowrap?: boolean | undefined;
-            readonly headerProps?: {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly sortable?: boolean | undefined;
-            readonly sort?: DataTableCompareFunction | undefined;
-            readonly sortRaw?: DataTableCompareFunction | undefined;
-            readonly filter?: FilterFunction | undefined;
-            readonly mobile?: boolean | undefined;
-            readonly children?: readonly {
-                readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
-                readonly value?: SelectItemKey<Record<string, any>>;
-                readonly title?: string | undefined;
-                readonly fixed?: boolean | undefined;
-                readonly align?: ("start" | "end" | "center") | undefined;
-                readonly width?: (number | string) | undefined;
-                readonly minWidth?: string | undefined;
-                readonly maxWidth?: string | undefined;
-                readonly nowrap?: boolean | undefined;
-                readonly headerProps?: {
-                    readonly [x: string]: any;
-                } | undefined;
-                readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
-                    readonly [x: string]: any;
-                } | undefined;
-                readonly sortable?: boolean | undefined;
-                readonly sort?: DataTableCompareFunction | undefined;
-                readonly sortRaw?: DataTableCompareFunction | undefined;
-                readonly filter?: FilterFunction | undefined;
-                readonly mobile?: boolean | undefined;
-                readonly children?: readonly any[] | undefined;
-            }[] | undefined;
-        }[] | undefined;
-        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-        customFilter?: FilterFunction | undefined;
-        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;
-        "onUpdate:expanded"?: ((value: any) => any) | undefined;
-        "onUpdate:options"?: ((value: any) => any) | undefined;
-    }, {
+    }, "$children" | "v-slots" | "modelValue" | "items" | "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, {
         expanded: readonly string[];
         style: vue.StyleValue;
         mobile: boolean | null;
@@ -2286,7 +2043,7 @@ declare const VDataTableVirtual: {
         bottom: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
         'body.prepend': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
         'body.append': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -2600,7 +2357,7 @@ declare const VDataTableVirtual: {
     bottom: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
     'body.prepend': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
     'body.append': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
     items?: T;
     itemValue?: SelectItemKey<ItemType$1<T>>;
     rowProps?: RowProps<ItemType$1<T>>;
@@ -2837,7 +2594,7 @@ type VDataTableVirtual = InstanceType<typeof VDataTableVirtual>;
 
 type ItemType<T> = T extends readonly (infer U)[] ? U : never;
 declare const VDataTableServer: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         page: string | number;
         expanded: readonly string[];
         style: vue.StyleValue;
@@ -2955,117 +2712,7 @@ declare const VDataTableServer: {
         'update:options': (options: any) => true;
         'update:expanded': (options: any) => true;
         'update:groupBy': (value: any) => true;
-    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "items" | "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" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        page: string | number;
-        expanded: readonly string[];
-        style: vue.StyleValue;
-        mobile: boolean | null;
-        tag: string;
-        sticky: boolean;
-        noDataText: string;
-        loadingText: string;
-        itemsPerPageText: string;
-        sortBy: readonly SortItem[];
-        pageText: string;
-        density: Density;
-        valueComparator: typeof deepEqual;
-        nextIcon: IconValue;
-        prevIcon: IconValue;
-        selectStrategy: "all" | "page" | "single";
-        returnObject: boolean;
-        hideNoData: boolean;
-        hover: boolean;
-        multiSort: boolean;
-        mustSort: boolean;
-        groupBy: readonly SortItem[];
-        disableSort: boolean;
-        showSelect: boolean;
-        expandOnClick: boolean;
-        showExpand: boolean;
-        itemsPerPage: string | number;
-        itemsLength: string | number;
-        firstIcon: IconValue;
-        lastIcon: IconValue;
-        firstPageLabel: string;
-        prevPageLabel: string;
-        nextPageLabel: string;
-        lastPageLabel: string;
-        itemsPerPageOptions: readonly (number | {
-            title: string;
-            value: number;
-        })[];
-        showCurrentPage: boolean;
-        sortAscIcon: IconValue;
-        sortDescIcon: IconValue;
-        fixedHeader: boolean;
-        fixedFooter: boolean;
-        hideDefaultBody: boolean;
-        hideDefaultFooter: boolean;
-        hideDefaultHeader: boolean;
-    } & {
-        search?: string | undefined;
-        height?: string | number | undefined;
-        width?: string | number | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        class?: any;
-        theme?: string | undefined;
-        headers?: readonly {
-            readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
-            readonly value?: SelectItemKey<Record<string, any>>;
-            readonly title?: string | undefined;
-            readonly fixed?: boolean | undefined;
-            readonly align?: ("start" | "end" | "center") | undefined;
-            readonly width?: (number | string) | undefined;
-            readonly minWidth?: string | undefined;
-            readonly maxWidth?: string | undefined;
-            readonly nowrap?: boolean | undefined;
-            readonly headerProps?: {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
-                readonly [x: string]: any;
-            } | undefined;
-            readonly sortable?: boolean | undefined;
-            readonly sort?: DataTableCompareFunction | undefined;
-            readonly sortRaw?: DataTableCompareFunction | undefined;
-            readonly filter?: FilterFunction | undefined;
-            readonly mobile?: boolean | undefined;
-            readonly children?: readonly {
-                readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
-                readonly value?: SelectItemKey<Record<string, any>>;
-                readonly title?: string | undefined;
-                readonly fixed?: boolean | undefined;
-                readonly align?: ("start" | "end" | "center") | undefined;
-                readonly width?: (number | string) | undefined;
-                readonly minWidth?: string | undefined;
-                readonly maxWidth?: string | undefined;
-                readonly nowrap?: boolean | undefined;
-                readonly headerProps?: {
-                    readonly [x: string]: any;
-                } | undefined;
-                readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
-                    readonly [x: string]: any;
-                } | undefined;
-                readonly sortable?: boolean | undefined;
-                readonly sort?: DataTableCompareFunction | undefined;
-                readonly sortRaw?: DataTableCompareFunction | undefined;
-                readonly filter?: FilterFunction | undefined;
-                readonly mobile?: boolean | undefined;
-                readonly children?: readonly any[] | undefined;
-            }[] | undefined;
-        }[] | undefined;
-        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-        customKeySort?: Record<string, DataTableCompareFunction> | undefined;
-        headerProps?: Record<string, any> | undefined;
-    } & {
-        "onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
-        "onUpdate:groupBy"?: ((value: any) => any) | undefined;
-        "onUpdate:expanded"?: ((options: any) => any) | undefined;
-        "onUpdate:page"?: ((page: number) => any) | undefined;
-        "onUpdate:itemsPerPage"?: ((page: number) => any) | undefined;
-        "onUpdate:options"?: ((options: any) => any) | undefined;
-    }, {
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "items" | "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" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         page: string | number;
         expanded: readonly string[];
         style: vue.StyleValue;
@@ -3156,7 +2803,7 @@ declare const VDataTableServer: {
         'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode[];
         'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode[];
         'footer.prepend': () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -3532,7 +3179,7 @@ declare const VDataTableServer: {
     'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode[];
     'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode[];
     'footer.prepend': () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
     items?: T;
     itemValue?: SelectItemKey<ItemType<T>>;
     rowProps?: RowProps<ItemType<T>>;