@vuetify/nightly 3.7.2-master.2024-09-22 → 3.7.2-master.2024-09-27

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

@@ -1101,9 +1101,9 @@ declare const VMenu: {
             class?: any;
             theme?: string | undefined;
             contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             closeDelay?: string | number | undefined;
             openDelay?: string | number | undefined;
-            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -1180,9 +1180,9 @@ declare const VMenu: {
             class?: any;
             theme?: string | undefined;
             contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             closeDelay?: string | number | undefined;
             openDelay?: string | number | undefined;
-            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -1243,7 +1243,7 @@ declare const VMenu: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
-        $emit: ((event: "click:outside", e: MouseEvent) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
+        $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
             absolute: boolean;
@@ -1283,9 +1283,9 @@ declare const VMenu: {
             class?: any;
             theme?: string | undefined;
             contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             closeDelay?: string | number | undefined;
             openDelay?: string | number | undefined;
-            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -1435,9 +1435,9 @@ declare const VMenu: {
         class?: any;
         theme?: string | undefined;
         contentClass?: any;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
-        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         openOnClick?: boolean | undefined;
         openOnFocus?: boolean | undefined;
         contentProps?: any;
@@ -1488,7 +1488,7 @@ declare const VMenu: {
         globalTop: Readonly<vue.Ref<boolean>>;
         localTop: vue.ComputedRef<boolean>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined>;
-    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "closeDelay" | "openDelay" | "activator" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${any}`> & {
+    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
         _allExposed: {
             activatorEl: vue.Ref<HTMLElement | undefined>;
             scrimEl: vue.Ref<HTMLElement | undefined>;
@@ -1782,9 +1782,9 @@ declare const VMenu: {
             class?: any;
             theme?: string | undefined;
             contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             closeDelay?: string | number | undefined;
             openDelay?: string | number | undefined;
-            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -1861,9 +1861,9 @@ declare const VMenu: {
             class?: any;
             theme?: string | undefined;
             contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             closeDelay?: string | number | undefined;
             openDelay?: string | number | undefined;
-            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -1924,7 +1924,7 @@ declare const VMenu: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
-        $emit: ((event: "click:outside", e: MouseEvent) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
+        $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
             absolute: boolean;
@@ -1964,9 +1964,9 @@ declare const VMenu: {
             class?: any;
             theme?: string | undefined;
             contentClass?: any;
+            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             closeDelay?: string | number | undefined;
             openDelay?: string | number | undefined;
-            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
             openOnClick?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             contentProps?: any;
@@ -2116,9 +2116,9 @@ declare const VMenu: {
         class?: any;
         theme?: string | undefined;
         contentClass?: any;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
-        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         openOnClick?: boolean | undefined;
         openOnFocus?: boolean | undefined;
         contentProps?: any;
@@ -2169,7 +2169,7 @@ declare const VMenu: {
         globalTop: Readonly<vue.Ref<boolean>>;
         localTop: vue.ComputedRef<boolean>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined>;
-    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "closeDelay" | "openDelay" | "activator" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${any}`> & {
+    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
         _allExposed: {
             activatorEl: vue.Ref<HTMLElement | undefined>;
             scrimEl: vue.Ref<HTMLElement | undefined>;
@@ -2368,9 +2368,9 @@ declare const VMenu: {
         class?: any;
         theme?: string | undefined;
         contentClass?: any;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
-        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         openOnClick?: boolean | undefined;
         openOnFocus?: boolean | undefined;
         contentProps?: any;
@@ -2447,9 +2447,9 @@ declare const VMenu: {
         class?: any;
         theme?: string | undefined;
         contentClass?: any;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
-        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         openOnClick?: boolean | undefined;
         openOnFocus?: boolean | undefined;
         contentProps?: any;
@@ -2510,7 +2510,7 @@ declare const VMenu: {
     }>;
     $root: vue.ComponentPublicInstance | null;
     $parent: vue.ComponentPublicInstance | null;
-    $emit: ((event: "click:outside", e: MouseEvent) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
+    $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
     $el: any;
     $options: vue.ComponentOptionsBase<{
         absolute: boolean;
@@ -2550,9 +2550,9 @@ declare const VMenu: {
         class?: any;
         theme?: string | undefined;
         contentClass?: any;
+        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
-        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
         openOnClick?: boolean | undefined;
         openOnFocus?: boolean | undefined;
         contentProps?: any;
@@ -2702,9 +2702,9 @@ declare const VMenu: {
     class?: any;
     theme?: string | undefined;
     contentClass?: any;
+    activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
     closeDelay?: string | number | undefined;
     openDelay?: string | number | undefined;
-    activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
     openOnClick?: boolean | undefined;
     openOnFocus?: boolean | undefined;
     contentProps?: any;
@@ -2755,7 +2755,7 @@ declare const VMenu: {
     globalTop: Readonly<vue.Ref<boolean>>;
     localTop: vue.ComputedRef<boolean>;
     updateLocation: vue.Ref<((e: Event) => void) | undefined>;
-}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "closeDelay" | "openDelay" | "activator" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${any}`> & {
+}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
     _allExposed: {
         activatorEl: vue.Ref<HTMLElement | undefined>;
         scrimEl: vue.Ref<HTMLElement | undefined>;
@@ -2864,6 +2864,7 @@ declare const VMenu: {
     persistent: BooleanConstructor;
     modelValue: BooleanConstructor;
     contentClass: null;
+    activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
     locationStrategy: Omit<{
         type: vue.PropType<StrategyProps["locationStrategy"]>;
         default: string;
@@ -2892,7 +2893,6 @@ declare const VMenu: {
         type: vue.PropType<string | number>;
         default: NonNullable<string | number>;
     };
-    activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
     activatorProps: {
         type: vue.PropType<Record<string, any>>;
         default: () => {};
@@ -2981,6 +2981,7 @@ declare const VMenu: {
     persistent: BooleanConstructor;
     modelValue: BooleanConstructor;
     contentClass: null;
+    activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
     locationStrategy: Omit<{
         type: vue.PropType<StrategyProps["locationStrategy"]>;
         default: string;
@@ -3009,7 +3010,6 @@ declare const VMenu: {
         type: vue.PropType<string | number>;
         default: NonNullable<string | number>;
     };
-    activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
     activatorProps: {
         type: vue.PropType<Record<string, any>>;
         default: () => {};
@@ -3547,7 +3547,7 @@ declare const VCombobox: {
         'update:modelValue': (value: any) => true;
         'update:search': (value: string) => true;
         'update:menu': (value: boolean) => true;
-    }, "multiple" | "$children" | "v-slots" | "modelValue" | "update:modelValue" | "items" | "v-slot:prepend" | "v-slot:append" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, "multiple" | "$children" | "v-slots" | "modelValue" | "items" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         flat: boolean;
         reverse: boolean;
         variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
@@ -5165,7 +5165,7 @@ declare const VCombobox: {
     'update:modelValue': (value: any) => true;
     'update:search': (value: string) => true;
     'update:menu': (value: boolean) => true;
-}, "multiple" | "$children" | "v-slots" | "modelValue" | "update:modelValue" | "items" | "v-slot:prepend" | "v-slot:append" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
+}, "multiple" | "$children" | "v-slots" | "modelValue" | "items" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
     flat: boolean;
     reverse: boolean;
     variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";

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

@@ -0,0 +1,87 @@
+import { createTextVNode as _createTextVNode, Fragment as _Fragment, createVNode as _createVNode } from "vue";
+// Components
+import { VConfirmEdit } from "../index.mjs"; // Utilities
+import { render, screen, userEvent } from '@test';
+import { nextTick, shallowRef } from 'vue';
+describe('VConfirmEdit', () => {
+  it('mirrors external updates', async () => {
+    const externalModel = shallowRef('foo');
+    render(() => _createVNode(VConfirmEdit, {
+      "modelValue": externalModel.value
+    }, {
+      default: _ref => {
+        let {
+          model
+        } = _ref;
+        return _createVNode("p", null, [model.value]);
+      }
+    }));
+    expect(screen.getByText('foo')).toBeInTheDocument();
+    externalModel.value = 'bar';
+    await nextTick();
+    expect(screen.getByText('bar')).toBeInTheDocument();
+  });
+  it("doesn't mutate the original value", async () => {
+    const externalModel = shallowRef(['foo']);
+    render(() => _createVNode(VConfirmEdit, {
+      "modelValue": externalModel.value,
+      "onUpdate:modelValue": $event => externalModel.value = $event
+    }, {
+      default: _ref2 => {
+        let {
+          model
+        } = _ref2;
+        return _createVNode(_Fragment, null, [_createVNode("p", null, [model.value.join(',')]), _createVNode("button", {
+          "data-testid": "push",
+          "onClick": () => model.value.push('bar')
+        }, [_createTextVNode("Push")])]);
+      }
+    }));
+    expect(screen.getByText('foo')).toBeInTheDocument();
+    await userEvent.click(screen.getByTestId('push'));
+    expect(screen.getByText('foo,bar')).toBeInTheDocument();
+    expect(externalModel.value).toEqual(['foo']);
+    await userEvent.click(screen.getByText('OK'));
+    expect(externalModel.value).toEqual(['foo', 'bar']);
+  });
+  describe('hides actions if used from the slot', () => {
+    it('nothing', () => {
+      render(() => _createVNode(VConfirmEdit, null, null));
+      expect(screen.getAllByCSS('button')).toHaveLength(2);
+    });
+    it('consume model', () => {
+      render(() => _createVNode(VConfirmEdit, null, {
+        default: _ref3 => {
+          let {
+            model
+          } = _ref3;
+          void model;
+        }
+      }));
+      expect(screen.getAllByCSS('button')).toHaveLength(2);
+    });
+    it('consume actions', () => {
+      render(() => _createVNode(VConfirmEdit, null, {
+        default: _ref4 => {
+          let {
+            actions
+          } = _ref4;
+          void actions;
+        }
+      }));
+      expect(screen.queryAllByCSS('button')).toHaveLength(0);
+    });
+    it('render actions', () => {
+      render(() => _createVNode(VConfirmEdit, null, {
+        default: _ref5 => {
+          let {
+            actions
+          } = _ref5;
+          return actions;
+        }
+      }));
+      expect(screen.getAllByCSS('button')).toHaveLength(2);
+    });
+  });
+});
+//# sourceMappingURL=VConfirmEdit.spec.browser.mjs.map

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

@@ -0,0 +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":[]}

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

@@ -920,7 +920,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" | "update:modelValue" | "items" | "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 & {
+    }, "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;
@@ -1291,7 +1291,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" | "update:modelValue" | "items" | "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">, string, {
+}, "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">, string, {
     page: string | number;
     expanded: readonly string[];
     style: vue.StyleValue;
@@ -2116,7 +2116,7 @@ declare const VDataTableVirtual: {
         'update:options': (value: any) => true;
         'update:groupBy': (value: any) => true;
         'update:expanded': (value: any) => true;
-    }, "$children" | "v-slots" | "modelValue" | "update:modelValue" | "items" | "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 & {
+    }, "$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;
@@ -2526,7 +2526,7 @@ declare const VDataTableVirtual: {
     'update:options': (value: any) => true;
     'update:groupBy': (value: any) => true;
     'update:expanded': (value: any) => true;
-}, "$children" | "v-slots" | "modelValue" | "update:modelValue" | "items" | "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, {
+}, "$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">, string, {
     expanded: readonly string[];
     style: vue.StyleValue;
     mobile: boolean | null;
@@ -2954,7 +2954,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" | "update:modelValue" | "items" | "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 & {
+    }, "$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;
@@ -3440,7 +3440,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" | "update:modelValue" | "items" | "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">, string, {
+}, "$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">, string, {
     page: string | number;
     expanded: readonly string[];
     style: vue.StyleValue;

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

@@ -112,7 +112,7 @@ declare const VDatePicker: {
         'update:month': (date: any) => true;
         'update:year': (date: any) => true;
         'update:viewMode': (date: any) => true;
-    }, "multiple" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:title" | "v-slot:header" | "v-slot:actions">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, "multiple" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:title" | "update:modelValue" | "v-slot:header" | "v-slot:actions">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         transition: string;
         header: string;
         style: vue.StyleValue;
@@ -327,7 +327,7 @@ declare const VDatePicker: {
     'update:month': (date: any) => true;
     'update:year': (date: any) => true;
     'update:viewMode': (date: any) => true;
-}, "multiple" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:title" | "v-slot:header" | "v-slot:actions">, string, {
+}, "multiple" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:title" | "update:modelValue" | "v-slot:header" | "v-slot:actions">, string, {
     active: string | string[];
     transition: string;
     header: string;