vuetify 3.7.11 → 3.7.13

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

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, ComponentPublicInstance, PropType, FunctionalComponent, ComputedRef, Ref, EffectScope, Component, nextTick } from 'vue';
+import { VNodeChild, VNode, ComponentPropsOptions, ExtractPropTypes, ComponentPublicInstance, PropType, FunctionalComponent, ComputedRef, Ref, EffectScope, Component, nextTick } from 'vue';
 
 type ClassValue = any;
 
@@ -337,7 +337,7 @@ interface ItemProps {
     itemChildren: SelectItemKey;
     itemProps: SelectItemKey;
     returnObject: boolean;
-    valueComparator: typeof deepEqual;
+    valueComparator: typeof deepEqual | undefined;
 }
 
 interface InternalListItem<T = any> extends ListItem<T> {
@@ -356,7 +356,6 @@ declare const VList: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -380,6 +379,7 @@ declare const VList: {
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         activeColor?: string | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
         collapseIcon?: IconValue | undefined;
@@ -428,7 +428,6 @@ declare const VList: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -452,6 +451,7 @@ declare const VList: {
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         activeColor?: string | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
         collapseIcon?: IconValue | undefined;
@@ -475,7 +475,6 @@ declare const VList: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -526,7 +525,6 @@ declare const VList: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -550,6 +548,7 @@ declare const VList: {
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         activeColor?: string | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
         collapseIcon?: IconValue | undefined;
@@ -580,7 +579,6 @@ declare const VList: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -602,7 +600,6 @@ declare const VList: {
     tile: boolean;
     density: Density;
     slim: boolean;
-    valueComparator: typeof deepEqual;
     activatable: boolean;
     selectable: boolean;
     selectStrategy: SelectStrategyProp;
@@ -626,6 +623,7 @@ declare const VList: {
     baseColor?: string | undefined;
     bgColor?: string | undefined;
     activeColor?: string | undefined;
+    valueComparator?: typeof deepEqual | undefined;
     activeClass?: string | undefined;
     activeStrategy?: ActiveStrategyProp | undefined;
     collapseIcon?: IconValue | undefined;
@@ -675,7 +673,6 @@ declare const VList: {
     tile: boolean;
     density: Density;
     slim: boolean;
-    valueComparator: typeof deepEqual;
     activatable: boolean;
     selectable: boolean;
     selectStrategy: SelectStrategyProp;
@@ -769,10 +766,7 @@ declare const VList: {
         default: string;
     };
     returnObject: BooleanConstructor;
-    valueComparator: {
-        type: PropType<typeof deepEqual>;
-        default: typeof deepEqual;
-    };
+    valueComparator: PropType<typeof deepEqual>;
     itemType: {
         type: StringConstructor;
         default: string;
@@ -878,10 +872,7 @@ declare const VList: {
         default: string;
     };
     returnObject: BooleanConstructor;
-    valueComparator: {
-        type: PropType<typeof deepEqual>;
-        default: typeof deepEqual;
-    };
+    valueComparator: PropType<typeof deepEqual>;
     itemType: {
         type: StringConstructor;
         default: string;
@@ -1396,7 +1387,7 @@ declare const VMenu: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         absolute: boolean;
         location: Anchor;
@@ -2077,7 +2068,7 @@ declare const VMenu: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
     } & Omit<{
         absolute: boolean;
         location: Anchor;
@@ -2663,7 +2654,7 @@ declare const VMenu: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
 } & Omit<{
     absolute: boolean;
     location: Anchor;
@@ -3078,7 +3069,6 @@ declare const VCombobox: {
         rules: readonly ValidationRule[];
         tile: boolean;
         density: Density;
-        valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         hideSpinButtons: boolean;
         persistentHint: boolean;
@@ -3122,6 +3112,7 @@ declare const VCombobox: {
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
@@ -3148,7 +3139,6 @@ declare const VCombobox: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -3166,7 +3156,6 @@ declare const VCombobox: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -3189,6 +3178,7 @@ declare const VCombobox: {
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
+            valueComparator?: typeof deepEqual | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
             collapseIcon?: IconValue | undefined;
@@ -3210,7 +3200,6 @@ declare const VCombobox: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -3234,6 +3223,7 @@ declare const VCombobox: {
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
+            valueComparator?: typeof deepEqual | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
             collapseIcon?: IconValue | undefined;
@@ -3245,7 +3235,7 @@ declare const VCombobox: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;
@@ -3573,7 +3563,6 @@ declare const VCombobox: {
         rules: readonly ValidationRule[];
         tile: boolean;
         density: Density;
-        valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         hideSpinButtons: boolean;
         persistentHint: boolean;
@@ -3617,6 +3606,7 @@ declare const VCombobox: {
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
@@ -3643,7 +3633,6 @@ declare const VCombobox: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -3661,7 +3650,6 @@ declare const VCombobox: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -3684,6 +3672,7 @@ declare const VCombobox: {
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
+            valueComparator?: typeof deepEqual | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
             collapseIcon?: IconValue | undefined;
@@ -3705,7 +3694,6 @@ declare const VCombobox: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -3729,6 +3717,7 @@ declare const VCombobox: {
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
+            valueComparator?: typeof deepEqual | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
             collapseIcon?: IconValue | undefined;
@@ -3740,7 +3729,7 @@ declare const VCombobox: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;
@@ -4064,7 +4053,6 @@ declare const VCombobox: {
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
-        valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         centerAffix: boolean;
         hideSpinButtons: boolean;
@@ -4152,7 +4140,6 @@ declare const VCombobox: {
         rules: readonly ValidationRule[];
         tile: boolean;
         density: Density;
-        valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         hideSpinButtons: boolean;
         persistentHint: boolean;
@@ -4196,6 +4183,7 @@ declare const VCombobox: {
         bgColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         prependInnerIcon?: IconValue | undefined;
         'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
@@ -4222,7 +4210,6 @@ declare const VCombobox: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -4240,7 +4227,6 @@ declare const VCombobox: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -4263,6 +4249,7 @@ declare const VCombobox: {
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
+            valueComparator?: typeof deepEqual | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
             collapseIcon?: IconValue | undefined;
@@ -4284,7 +4271,6 @@ declare const VCombobox: {
             tile: boolean;
             density: Density;
             slim: boolean;
-            valueComparator: typeof deepEqual;
             activatable: boolean;
             selectable: boolean;
             selectStrategy: SelectStrategyProp;
@@ -4308,6 +4294,7 @@ declare const VCombobox: {
             baseColor?: string | undefined;
             bgColor?: string | undefined;
             activeColor?: string | undefined;
+            valueComparator?: typeof deepEqual | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
             collapseIcon?: IconValue | undefined;
@@ -4319,7 +4306,7 @@ declare const VCombobox: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;
@@ -4643,7 +4630,6 @@ declare const VCombobox: {
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
-        valueComparator: typeof deepEqual;
         clearIcon: IconValue;
         centerAffix: boolean;
         hideSpinButtons: boolean;
@@ -4696,7 +4682,6 @@ declare const VCombobox: {
     rules: readonly ValidationRule[];
     tile: boolean;
     density: Density;
-    valueComparator: typeof deepEqual;
     clearIcon: IconValue;
     hideSpinButtons: boolean;
     persistentHint: boolean;
@@ -4740,6 +4725,7 @@ declare const VCombobox: {
     bgColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
+    valueComparator?: typeof deepEqual | undefined;
     prependInnerIcon?: IconValue | undefined;
     'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
@@ -4766,7 +4752,6 @@ declare const VCombobox: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -4784,7 +4769,6 @@ declare const VCombobox: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -4807,6 +4791,7 @@ declare const VCombobox: {
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         activeColor?: string | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
         collapseIcon?: IconValue | undefined;
@@ -4828,7 +4813,6 @@ declare const VCombobox: {
         tile: boolean;
         density: Density;
         slim: boolean;
-        valueComparator: typeof deepEqual;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: SelectStrategyProp;
@@ -4852,6 +4836,7 @@ declare const VCombobox: {
         baseColor?: string | undefined;
         bgColor?: string | undefined;
         activeColor?: string | undefined;
+        valueComparator?: typeof deepEqual | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
         collapseIcon?: IconValue | undefined;
@@ -4863,7 +4848,7 @@ declare const VCombobox: {
             value: boolean;
             path: unknown[];
         }) => any) | undefined;
-    }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
+    }, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
         items?: readonly any[] | undefined;
         itemTitle?: SelectItemKey<any>;
         itemValue?: SelectItemKey<any>;
@@ -5192,7 +5177,6 @@ declare const VCombobox: {
     rounded: string | number | boolean;
     tile: boolean;
     density: Density;
-    valueComparator: typeof deepEqual;
     clearIcon: IconValue;
     centerAffix: boolean;
     hideSpinButtons: boolean;
@@ -5427,10 +5411,7 @@ declare const VCombobox: {
         type: PropType<boolean>;
         default: boolean;
     };
-    valueComparator: {
-        type: PropType<typeof deepEqual>;
-        default: typeof deepEqual;
-    };
+    valueComparator: PropType<typeof deepEqual>;
     chips: BooleanConstructor;
     closableChips: BooleanConstructor;
     closeText: {
@@ -5637,10 +5618,7 @@ declare const VCombobox: {
         type: PropType<boolean>;
         default: boolean;
     };
-    valueComparator: {
-        type: PropType<typeof deepEqual>;
-        default: typeof deepEqual;
-    };
+    valueComparator: PropType<typeof deepEqual>;
     chips: BooleanConstructor;
     closableChips: BooleanConstructor;
     closeText: {

package/lib/components/VConfirmEdit/VConfirmEdit.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps, Fragment as _Fragment } from "vue";
+import { Fragment as _Fragment, mergeProps as _mergeProps, 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';
@@ -16,10 +16,10 @@ describe('VConfirmEdit', () => {
         return _createVNode("p", null, [model.value]);
       }
     }));
-    expect(screen.getByText('foo')).toBeInTheDocument();
+    expect(screen.getByText('foo')).toBeVisible();
     externalModel.value = 'bar';
     await nextTick();
-    expect(screen.getByText('bar')).toBeInTheDocument();
+    expect(screen.getByText('bar')).toBeVisible();
   });
   it("doesn't mutate the original value", async () => {
     const externalModel = shallowRef(['foo']);
@@ -37,9 +37,9 @@ describe('VConfirmEdit', () => {
         }, [_createTextVNode("Push")])]);
       }
     }));
-    expect(screen.getByText('foo')).toBeInTheDocument();
+    expect(screen.getByText('foo')).toBeVisible();
     await userEvent.click(screen.getByTestId('push'));
-    expect(screen.getByText('foo,bar')).toBeInTheDocument();
+    expect(screen.getByText('foo,bar')).toBeVisible();
     expect(externalModel.value).toEqual(['foo']);
     await userEvent.click(screen.getByText('OK'));
     expect(externalModel.value).toEqual(['foo', 'bar']);

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

@@ -1 +1 @@
-{"version":3,"file":"VConfirmEdit.spec.browser.mjs","names":["VConfirmEdit","render","screen","userEvent","nextTick","shallowRef","describe","it","externalModel","_createVNode","value","default","_ref","model","expect","getByText","toBeInTheDocument","$event","_ref2","_Fragment","join","onClick","push","_createTextVNode","click","getByTestId","toEqual","getAllByCSS","toHaveLength","_ref3","_ref4","actions","queryAllByCSS","_ref5"],"sources":["../../../../src/components/VConfirmEdit/__test__/VConfirmEdit.spec.browser.tsx"],"sourcesContent":["// Components\nimport { VConfirmEdit } from '../'\n\n// Utilities\nimport { render, screen, userEvent } from '@test'\nimport { nextTick, shallowRef } from 'vue'\n\ndescribe('VConfirmEdit', () => {\n  it('mirrors external updates', async () => {\n    const externalModel = shallowRef('foo')\n\n    render(() => (\n      <VConfirmEdit modelValue={ externalModel.value }>\n        { ({ model }) => (\n          <p>{ model.value }</p>\n        )}\n      </VConfirmEdit>\n    ))\n\n    expect(screen.getByText('foo')).toBeInTheDocument()\n\n    externalModel.value = 'bar'\n    await nextTick()\n    expect(screen.getByText('bar')).toBeInTheDocument()\n  })\n\n  it(\"doesn't mutate the original value\", async () => {\n    const externalModel = shallowRef(['foo'])\n\n    render(() => (\n      <VConfirmEdit v-model={ externalModel.value } modelValue={ externalModel.value }>\n        { ({ model }) => (\n          <>\n            <p>{ model.value.join(',') }</p>\n            <button data-testid=\"push\" onClick={ () => model.value.push('bar') }>Push</button>\n          </>\n        )}\n      </VConfirmEdit>\n    ))\n\n    expect(screen.getByText('foo')).toBeInTheDocument()\n\n    await userEvent.click(screen.getByTestId('push'))\n    expect(screen.getByText('foo,bar')).toBeInTheDocument()\n    expect(externalModel.value).toEqual(['foo'])\n\n    await userEvent.click(screen.getByText('OK'))\n    expect(externalModel.value).toEqual(['foo', 'bar'])\n  })\n\n  describe('hides actions if used from the slot', () => {\n    it('nothing', () => {\n      render(() => <VConfirmEdit />)\n      expect(screen.getAllByCSS('button')).toHaveLength(2)\n    })\n\n    it('consume model', () => {\n      render(() => (\n        <VConfirmEdit>\n          { ({ model }) => {\n            void model\n          }}\n        </VConfirmEdit>\n      ))\n      expect(screen.getAllByCSS('button')).toHaveLength(2)\n    })\n\n    it('consume actions', () => {\n      render(() => (\n        <VConfirmEdit>\n          { ({ actions }) => {\n            void actions\n          }}\n        </VConfirmEdit>\n      ))\n      expect(screen.queryAllByCSS('button')).toHaveLength(0)\n    })\n\n    it('render actions', () => {\n      render(() => (\n        <VConfirmEdit>\n          { ({ actions }) => actions() }\n        </VConfirmEdit>\n      ))\n      expect(screen.getAllByCSS('button')).toHaveLength(2)\n    })\n  })\n})\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VConfirmEdit.spec.browser.mjs","names":["VConfirmEdit","render","screen","userEvent","nextTick","shallowRef","describe","it","externalModel","_createVNode","value","default","_ref","model","expect","getByText","toBeVisible","$event","_ref2","_Fragment","join","onClick","push","_createTextVNode","click","getByTestId","toEqual","getAllByCSS","toHaveLength","_ref3","_ref4","actions","queryAllByCSS","_ref5"],"sources":["../../../../src/components/VConfirmEdit/__test__/VConfirmEdit.spec.browser.tsx"],"sourcesContent":["// Components\nimport { VConfirmEdit } from '../'\n\n// Utilities\nimport { render, screen, userEvent } from '@test'\nimport { nextTick, shallowRef } from 'vue'\n\ndescribe('VConfirmEdit', () => {\n  it('mirrors external updates', async () => {\n    const externalModel = shallowRef('foo')\n\n    render(() => (\n      <VConfirmEdit modelValue={ externalModel.value }>\n        { ({ model }) => (\n          <p>{ model.value }</p>\n        )}\n      </VConfirmEdit>\n    ))\n\n    expect(screen.getByText('foo')).toBeVisible()\n\n    externalModel.value = 'bar'\n    await nextTick()\n    expect(screen.getByText('bar')).toBeVisible()\n  })\n\n  it(\"doesn't mutate the original value\", async () => {\n    const externalModel = shallowRef(['foo'])\n\n    render(() => (\n      <VConfirmEdit v-model={ externalModel.value } modelValue={ externalModel.value }>\n        { ({ model }) => (\n          <>\n            <p>{ model.value.join(',') }</p>\n            <button data-testid=\"push\" onClick={ () => model.value.push('bar') }>Push</button>\n          </>\n        )}\n      </VConfirmEdit>\n    ))\n\n    expect(screen.getByText('foo')).toBeVisible()\n\n    await userEvent.click(screen.getByTestId('push'))\n    expect(screen.getByText('foo,bar')).toBeVisible()\n    expect(externalModel.value).toEqual(['foo'])\n\n    await userEvent.click(screen.getByText('OK'))\n    expect(externalModel.value).toEqual(['foo', 'bar'])\n  })\n\n  describe('hides actions if used from the slot', () => {\n    it('nothing', () => {\n      render(() => <VConfirmEdit />)\n      expect(screen.getAllByCSS('button')).toHaveLength(2)\n    })\n\n    it('consume model', () => {\n      render(() => (\n        <VConfirmEdit>\n          { ({ model }) => {\n            void model\n          }}\n        </VConfirmEdit>\n      ))\n      expect(screen.getAllByCSS('button')).toHaveLength(2)\n    })\n\n    it('consume actions', () => {\n      render(() => (\n        <VConfirmEdit>\n          { ({ actions }) => {\n            void actions\n          }}\n        </VConfirmEdit>\n      ))\n      expect(screen.queryAllByCSS('button')).toHaveLength(0)\n    })\n\n    it('render actions', () => {\n      render(() => (\n        <VConfirmEdit>\n          { ({ actions }) => actions() }\n        </VConfirmEdit>\n      ))\n      expect(screen.getAllByCSS('button')).toHaveLength(2)\n    })\n  })\n})\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, Ref } from 'vue';
+import { VNodeChild, VNode, ComponentPropsOptions, ExtractPropTypes, Ref } from 'vue';
 
 type SlotsToProps<U extends RawSlots, T = MakeInternalSlots<U>> = {
     $children?: (VNodeChild | (T extends {

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/VDataIterator/index.d.mts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { Ref, ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, Component } from 'vue';
+import { Ref, VNodeChild, VNode, ComponentPropsOptions, ExtractPropTypes, PropType, Component } from 'vue';
 
 type ClassValue = any;
 

package/lib/components/VDataTable/VDataTable.mjs

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode, resolveDirective as _resolveDirective, Fragment as _Fragment } from "vue";
+import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 // Styles
 import "./VDataTable.css";
 

package/lib/components/VDataTable/VDataTableFooter.mjs

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 // Styles
 import "./VDataTableFooter.css";
 

package/lib/components/VDataTable/VDataTableGroupHeaderRow.mjs

@@ -1,4 +1,4 @@
-import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
 // Components
 import { VDataTableColumn } from "./VDataTableColumn.mjs";
 import { VBtn } from "../VBtn/index.mjs";

package/lib/components/VDataTable/VDataTableHeaders.mjs

@@ -1,4 +1,4 @@
-import { resolveDirective as _resolveDirective, Fragment as _Fragment, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps, Fragment as _Fragment } from "vue";
 // Components
 import { VDataTableColumn } from "./VDataTableColumn.mjs";
 import { VCheckboxBtn } from "../VCheckbox/index.mjs";

package/lib/components/VDataTable/VDataTableRow.mjs

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

package/lib/components/VDataTable/VDataTableRows.mjs

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, Fragment as _Fragment, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, Fragment as _Fragment, mergeProps as _mergeProps } from "vue";
 // Components
 import { VDataTableGroupHeaderRow } from "./VDataTableGroupHeaderRow.mjs";
 import { VDataTableRow } from "./VDataTableRow.mjs"; // Composables

package/lib/components/VDataTable/VDataTableServer.mjs

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode, resolveDirective as _resolveDirective, Fragment as _Fragment } from "vue";
+import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 // Components
 import { makeDataTableProps } from "./VDataTable.mjs";
 import { makeVDataTableFooterProps, VDataTableFooter } from "./VDataTableFooter.mjs";

package/lib/components/VDataTable/VDataTableVirtual.mjs

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 // Components
 import { makeDataTableProps } from "./VDataTable.mjs";
 import { VDataTableHeaders } from "./VDataTableHeaders.mjs";

package/lib/components/VDataTable/composables/sort.mjs

@@ -37,15 +37,19 @@ export function provideSort(options) {
     })) ?? [];
     const item = newSortBy.find(x => x.key === column.key);
     if (!item) {
-      if (multiSort.value) newSortBy = [...newSortBy, {
-        key: column.key,
-        order: 'asc'
-      }];else newSortBy = [{
-        key: column.key,
-        order: 'asc'
-      }];
+      if (multiSort.value) {
+        newSortBy.push({
+          key: column.key,
+          order: 'asc'
+        });
+      } else {
+        newSortBy = [{
+          key: column.key,
+          order: 'asc'
+        }];
+      }
     } else if (item.order === 'desc') {
-      if (mustSort.value) {
+      if (mustSort.value && newSortBy.length === 1) {
         item.order = 'asc';
       } else {
         newSortBy = newSortBy.filter(x => x.key !== column.key);