@vuetify/nightly 3.7.4-master.2024-11-06 → 3.7.4-next.2024-11-06

package/lib/components/VConfirmEdit/VConfirmEdit.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { Fragment as _Fragment, createVNode as _createVNode } from "vue";
 // Components
 import { VBtn } from "../VBtn/index.mjs"; // Composables
 import { useLocale } from "../../composables/index.mjs";

package/lib/components/VConfirmEdit/__test__/VConfirmEdit.spec.browser.mjs

@@ -1,4 +1,4 @@
-import { createTextVNode as _createTextVNode, Fragment as _Fragment, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, Fragment as _Fragment, createTextVNode as _createTextVNode } from "vue";
 // Components
 import { VConfirmEdit } from "../index.mjs"; // Utilities
 import { render, screen, userEvent } from '@test';

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

@@ -40,7 +40,7 @@ type VConfirmEditSlots<T> = {
     };
 };
 declare const VConfirmEdit: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         cancelText: string;
         okText: string;
     } & {
@@ -55,19 +55,12 @@ declare const VConfirmEdit: {
         cancel: () => true;
         save: (value: any) => true;
         'update:modelValue': (value: any) => true;
-    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "save">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        cancelText: string;
-        okText: string;
-    } & {
-        color?: string | undefined;
-    } & {
-        onCancel?: (() => any) | undefined;
-    }, {
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "save">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         cancelText: string;
         okText: string;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: {
-            model: Ref<unknown>;
+            model: Ref<unknown, unknown>;
             save: () => void;
             cancel: () => void;
             isPristine: boolean;
@@ -75,7 +68,7 @@ declare const VConfirmEdit: {
                 [key: string]: any;
             }>;
         }) => VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -120,7 +113,7 @@ declare const VConfirmEdit: {
     okText: string;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: {
-        model: Ref<unknown>;
+        model: Ref<unknown, unknown>;
         save: () => void;
         cancel: () => void;
         isPristine: boolean;
@@ -128,7 +121,7 @@ declare const VConfirmEdit: {
             [key: string]: any;
         }>;
     }) => 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: {
     modelValue?: T;
     "onUpdate:modelValue"?: (value: T) => void;
     "onSave"?: (value: T) => void;

package/lib/components/VCounter/VCounter.css

@@ -1,6 +1,8 @@
-.v-counter {
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-  flex: 0 1 auto;
-  font-size: 12px;
-  transition-duration: 150ms;
+@layer vuetify.components {
+  .v-counter {
+    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+    flex: 0 1 auto;
+    font-size: 12px;
+    transition-duration: 150ms;
+  }
 }

package/lib/components/VCounter/VCounter.mjs

@@ -1,4 +1,4 @@
-import { withDirectives as _withDirectives, createVNode as _createVNode, vShow as _vShow } from "vue";
+import { vShow as _vShow, createVNode as _createVNode, withDirectives as _withDirectives } from "vue";
 // Styles
 import "./VCounter.css";
 

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

@@ -13,7 +13,7 @@ type VCounterSlot = {
     value: string | number | undefined;
 };
 declare const VCounter: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         active: boolean;
         transition: string | boolean | (vue.TransitionProps & {
             component?: Component;
@@ -27,37 +27,15 @@ declare const VCounter: {
         max?: string | number | undefined;
         class?: any;
     } & {
-        $children?: vue.VNodeChild | {
+        $children?: vue.VNodeChild | ((arg: VCounterSlot) => vue.VNodeChild) | {
             default?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-        } | ((arg: VCounterSlot) => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        active: boolean;
-        transition: string | boolean | (vue.TransitionProps & {
-            component?: Component;
-        }) | {
-            component: Component;
         };
-        value: string | number;
-        style: vue.StyleValue;
-        disabled: boolean;
-    } & {
-        max?: string | number | undefined;
-        class?: any;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-        } | ((arg: VCounterSlot) => vue.VNodeChild);
         'v-slots'?: {
             default?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
         "v-slot:default"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-    }, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         active: boolean;
         transition: string | boolean | (vue.TransitionProps & {
             component?: Component;
@@ -69,7 +47,7 @@ declare const VCounter: {
         disabled: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: VCounterSlot) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -90,9 +68,9 @@ declare const VCounter: {
         max?: string | number | undefined;
         class?: any;
     } & {
-        $children?: vue.VNodeChild | {
+        $children?: vue.VNodeChild | ((arg: VCounterSlot) => vue.VNodeChild) | {
             default?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-        } | ((arg: VCounterSlot) => vue.VNodeChild);
+        };
         'v-slots'?: {
             default?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
         } | undefined;
@@ -126,9 +104,9 @@ declare const VCounter: {
     max?: string | number | undefined;
     class?: any;
 } & {
-    $children?: vue.VNodeChild | {
+    $children?: vue.VNodeChild | ((arg: VCounterSlot) => vue.VNodeChild) | {
         default?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
-    } | ((arg: VCounterSlot) => vue.VNodeChild);
+    };
     'v-slots'?: {
         default?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
     } | undefined;
@@ -146,7 +124,7 @@ declare const VCounter: {
     disabled: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: VCounterSlot) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     transition: Omit<{
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
             component?: Component;

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

@@ -10,10 +10,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;
 };
@@ -162,7 +162,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;
 };
@@ -186,8 +186,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;
 };
@@ -207,12 +207,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;
@@ -253,7 +253,7 @@ type VDataIteratorSlots<T> = {
     'no-data': never;
 };
 declare const VDataIterator: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         page: string | number;
         transition: string | boolean | (vue.TransitionProps & {
             component?: Component;
@@ -306,51 +306,7 @@ declare const VDataIterator: {
         'update:options': (value: any) => true;
         'update:expanded': (value: any) => true;
         'update:currentItems': (value: any) => true;
-    }, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:loader" | "v-slot:header" | "v-slot:no-data" | "v-slot:footer">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        page: string | number;
-        transition: string | boolean | (vue.TransitionProps & {
-            component?: Component;
-        }) | {
-            component: Component;
-            hideOnLeave: boolean;
-        };
-        expanded: readonly string[];
-        loading: boolean;
-        style: vue.StyleValue;
-        tag: string;
-        sortBy: readonly SortItem[];
-        modelValue: readonly any[];
-        valueComparator: typeof deepEqual;
-        selectStrategy: "all" | "page" | "single";
-        returnObject: boolean;
-        filterMode: FilterMode;
-        noFilter: boolean;
-        itemValue: SelectItemKey;
-        multiSort: boolean;
-        mustSort: boolean;
-        groupBy: readonly SortItem[];
-        itemSelectable: SelectItemKey;
-        showSelect: boolean;
-        expandOnClick: boolean;
-        showExpand: boolean;
-        itemsPerPage: string | number;
-    } & {
-        search?: string | undefined;
-        class?: any;
-        customFilter?: FilterFunction | undefined;
-        customKeyFilter?: FilterKeyFunctions | undefined;
-        filterKeys?: FilterKeys | undefined;
-        customKeySort?: Record<string, DataTableCompareFunction> | undefined;
-    } & {
-        "onUpdate:modelValue"?: ((value: any[]) => 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;
-    }, {
+    }, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:loader" | "v-slot:header" | "v-slot:no-data" | "v-slot:footer">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         page: string | number;
         transition: string | boolean | (vue.TransitionProps & {
             component?: Component;
@@ -384,7 +340,7 @@ declare const VDataIterator: {
         footer: (arg: VDataIteratorSlotProps<unknown>) => vue.VNode[];
         loader: (arg: LoaderSlotProps) => vue.VNode[];
         'no-data': () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -554,7 +510,7 @@ declare const VDataIterator: {
     footer: (arg: VDataIteratorSlotProps<unknown>) => vue.VNode[];
     loader: (arg: LoaderSlotProps) => vue.VNode[];
     'no-data': () => 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 T[];
 }, slots: VDataIteratorSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
     transition: Omit<{