vuetify 3.1.4 → 3.1.6

package/lib/components/VCounter/VCounter.mjs

@@ -6,8 +6,8 @@ import "./VCounter.css";
 import { VSlideYTransition } from "../transitions/index.mjs"; // Composables
 import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs"; // Utilities
 import { computed } from 'vue';
-import { defineComponent, useRender } from "../../util/index.mjs";
-export const VCounter = defineComponent({
+import { genericComponent, useRender } from "../../util/index.mjs";
+export const VCounter = genericComponent()({
   name: 'VCounter',
   functional: true,
   props: {

package/lib/components/VCounter/VCounter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VCounter.mjs","names":["VSlideYTransition","makeTransitionProps","MaybeTransition","computed","defineComponent","useRender","VCounter","name","functional","props","active","Boolean","max","Number","String","value","type","default","transition","component","setup","slots","counter"],"sources":["../../../src/components/VCounter/VCounter.tsx"],"sourcesContent":["// Styles\nimport './VCounter.sass'\n\n// Components\nimport { VSlideYTransition } from '@/components/transitions'\n\n// Composables\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\nexport const VCounter = defineComponent({\n  name: 'VCounter',\n\n  functional: true,\n\n  props: {\n    active: Boolean,\n    max: [Number, String],\n    value: {\n      type: [Number, String],\n      default: 0,\n    },\n\n    ...makeTransitionProps({\n      transition: { component: VSlideYTransition },\n    }),\n  },\n\n  setup (props, { slots }) {\n    const counter = computed(() => {\n      return props.max ? `${props.value} / ${props.max}` : String(props.value)\n    })\n\n    useRender(() => (\n      <MaybeTransition transition={ props.transition }>\n        <div\n          v-show={ props.active }\n          class=\"v-counter\"\n        >\n          { slots.default\n            ? slots.default({\n              counter: counter.value,\n              max: props.max,\n              value: props.value,\n            })\n            : counter.value\n          }\n        </div>\n      </MaybeTransition>\n    ))\n\n    return {}\n  },\n})\n\nexport type VCounter = InstanceType<typeof VCounter>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,iBAAiB,oCAE1B;AAAA,SACSC,mBAAmB,EAAEC,eAAe,4CAE7C;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,QAAQ,GAAGF,eAAe,CAAC;EACtCG,IAAI,EAAE,UAAU;EAEhBC,UAAU,EAAE,IAAI;EAEhBC,KAAK,EAAE;IACLC,MAAM,EAAEC,OAAO;IACfC,GAAG,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;IACrBC,KAAK,EAAE;MACLC,IAAI,EAAE,CAACH,MAAM,EAAEC,MAAM,CAAC;MACtBG,OAAO,EAAE;IACX,CAAC;IAED,GAAGhB,mBAAmB,CAAC;MACrBiB,UAAU,EAAE;QAAEC,SAAS,EAAEnB;MAAkB;IAC7C,CAAC;EACH,CAAC;EAEDoB,KAAK,CAAEX,KAAK,QAAa;IAAA,IAAX;MAAEY;IAAM,CAAC;IACrB,MAAMC,OAAO,GAAGnB,QAAQ,CAAC,MAAM;MAC7B,OAAOM,KAAK,CAACG,GAAG,GAAI,GAAEH,KAAK,CAACM,KAAM,MAAKN,KAAK,CAACG,GAAI,EAAC,GAAGE,MAAM,CAACL,KAAK,CAACM,KAAK,CAAC;IAC1E,CAAC,CAAC;IAEFV,SAAS,CAAC;MAAA,cACsBI,KAAK,CAACS;IAAU;MAAA;QAAA,SAGpC;MAAW,IAEfG,KAAK,CAACJ,OAAO,GACXI,KAAK,CAACJ,OAAO,CAAC;QACdK,OAAO,EAAEA,OAAO,CAACP,KAAK;QACtBH,GAAG,EAAEH,KAAK,CAACG,GAAG;QACdG,KAAK,EAAEN,KAAK,CAACM;MACf,CAAC,CAAC,GACAO,OAAO,CAACP,KAAK,cATRN,KAAK,CAACC,MAAM;IAAA,EAa1B,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VCounter.mjs","names":["VSlideYTransition","makeTransitionProps","MaybeTransition","computed","genericComponent","useRender","VCounter","name","functional","props","active","Boolean","max","Number","String","value","type","default","transition","component","setup","slots","counter"],"sources":["../../../src/components/VCounter/VCounter.tsx"],"sourcesContent":["// Styles\nimport './VCounter.sass'\n\n// Components\nimport { VSlideYTransition } from '@/components/transitions'\n\n// Composables\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\nexport const VCounter = genericComponent()({\n  name: 'VCounter',\n\n  functional: true,\n\n  props: {\n    active: Boolean,\n    max: [Number, String],\n    value: {\n      type: [Number, String],\n      default: 0,\n    },\n\n    ...makeTransitionProps({\n      transition: { component: VSlideYTransition },\n    }),\n  },\n\n  setup (props, { slots }) {\n    const counter = computed(() => {\n      return props.max ? `${props.value} / ${props.max}` : String(props.value)\n    })\n\n    useRender(() => (\n      <MaybeTransition transition={ props.transition }>\n        <div\n          v-show={ props.active }\n          class=\"v-counter\"\n        >\n          { slots.default\n            ? slots.default({\n              counter: counter.value,\n              max: props.max,\n              value: props.value,\n            })\n            : counter.value\n          }\n        </div>\n      </MaybeTransition>\n    ))\n\n    return {}\n  },\n})\n\nexport type VCounter = InstanceType<typeof VCounter>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,iBAAiB,oCAE1B;AAAA,SACSC,mBAAmB,EAAEC,eAAe,4CAE7C;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,SAAS;AAEpC,OAAO,MAAMC,QAAQ,GAAGF,gBAAgB,EAAE,CAAC;EACzCG,IAAI,EAAE,UAAU;EAEhBC,UAAU,EAAE,IAAI;EAEhBC,KAAK,EAAE;IACLC,MAAM,EAAEC,OAAO;IACfC,GAAG,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;IACrBC,KAAK,EAAE;MACLC,IAAI,EAAE,CAACH,MAAM,EAAEC,MAAM,CAAC;MACtBG,OAAO,EAAE;IACX,CAAC;IAED,GAAGhB,mBAAmB,CAAC;MACrBiB,UAAU,EAAE;QAAEC,SAAS,EAAEnB;MAAkB;IAC7C,CAAC;EACH,CAAC;EAEDoB,KAAK,CAAEX,KAAK,QAAa;IAAA,IAAX;MAAEY;IAAM,CAAC;IACrB,MAAMC,OAAO,GAAGnB,QAAQ,CAAC,MAAM;MAC7B,OAAOM,KAAK,CAACG,GAAG,GAAI,GAAEH,KAAK,CAACM,KAAM,MAAKN,KAAK,CAACG,GAAI,EAAC,GAAGE,MAAM,CAACL,KAAK,CAACM,KAAK,CAAC;IAC1E,CAAC,CAAC;IAEFV,SAAS,CAAC;MAAA,cACsBI,KAAK,CAACS;IAAU;MAAA;QAAA,SAGpC;MAAW,IAEfG,KAAK,CAACJ,OAAO,GACXI,KAAK,CAACJ,OAAO,CAAC;QACdK,OAAO,EAAEA,OAAO,CAACP,KAAK;QACtBH,GAAG,EAAEH,KAAK,CAACG,GAAG;QACdG,KAAK,EAAEN,KAAK,CAACM;MACf,CAAC,CAAC,GACAO,OAAO,CAACP,KAAK,cATRN,KAAK,CAACC,MAAM;IAAA,EAa1B,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -1,215 +1,157 @@
 import * as vue from 'vue';
 
 declare const VCounter: vue.DefineComponent<{
-    transition: Omit<{
-        type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
-        })>;
-        default: string;
-        validator: (val: unknown) => boolean;
-    }, "type" | "default"> & {
-        type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
-        }) | {
-            component: vue.DefineComponent<{
-                group: BooleanConstructor;
-                hideOnLeave: BooleanConstructor;
-                leaveAbsolute: BooleanConstructor;
-                mode: {
-                    type: StringConstructor;
-                    default: string | undefined;
-                };
-                origin: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                group: BooleanConstructor;
-                hideOnLeave: BooleanConstructor;
-                leaveAbsolute: BooleanConstructor;
-                mode: {
-                    type: StringConstructor;
-                    default: string | undefined;
-                };
-                origin: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>>, {
-                origin: string;
-                group: boolean;
-                mode: string;
-                hideOnLeave: boolean;
-                leaveAbsolute: boolean;
-            }>;
+    active: boolean;
+    transition: NonNullable<string | boolean | (vue.TransitionProps & {
+        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+    })> | {
+        component: vue.DefineComponent<{
+            origin: string;
+            group: boolean;
+            mode: string;
+            hideOnLeave: boolean;
+            leaveAbsolute: boolean;
+        } & {} & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+            };
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+            origin: string;
+            group: boolean;
+            mode: string;
+            hideOnLeave: boolean;
+            leaveAbsolute: boolean;
+        } & {} & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+            };
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        }, {
+            origin: string;
+            group: boolean;
+            mode: string;
+            hideOnLeave: boolean;
+            leaveAbsolute: boolean;
         }>;
-        default: string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
-        }) | {
-            component: vue.DefineComponent<{
-                group: BooleanConstructor;
-                hideOnLeave: BooleanConstructor;
-                leaveAbsolute: BooleanConstructor;
-                mode: {
-                    type: StringConstructor;
-                    default: string | undefined;
-                };
-                origin: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                group: BooleanConstructor;
-                hideOnLeave: BooleanConstructor;
-                leaveAbsolute: BooleanConstructor;
-                mode: {
-                    type: StringConstructor;
-                    default: string | undefined;
-                };
-                origin: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>>, {
-                origin: string;
-                group: boolean;
-                mode: string;
-                hideOnLeave: boolean;
-                leaveAbsolute: boolean;
-            }>;
-        };
     };
-    active: BooleanConstructor;
-    max: (StringConstructor | NumberConstructor)[];
-    value: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
+    value: string | number;
+} & {
+    max?: string | number | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    transition: Omit<{
-        type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
-        })>;
-        default: string;
-        validator: (val: unknown) => boolean;
-    }, "type" | "default"> & {
-        type: vue.PropType<string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
-        }) | {
-            component: vue.DefineComponent<{
-                group: BooleanConstructor;
-                hideOnLeave: BooleanConstructor;
-                leaveAbsolute: BooleanConstructor;
-                mode: {
-                    type: StringConstructor;
-                    default: string | undefined;
-                };
-                origin: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                group: BooleanConstructor;
-                hideOnLeave: BooleanConstructor;
-                leaveAbsolute: BooleanConstructor;
-                mode: {
-                    type: StringConstructor;
-                    default: string | undefined;
-                };
-                origin: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>>, {
-                origin: string;
-                group: boolean;
-                mode: string;
-                hideOnLeave: boolean;
-                leaveAbsolute: boolean;
-            }>;
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    active: boolean;
+    transition: NonNullable<string | boolean | (vue.TransitionProps & {
+        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+    })> | {
+        component: vue.DefineComponent<{
+            origin: string;
+            group: boolean;
+            mode: string;
+            hideOnLeave: boolean;
+            leaveAbsolute: boolean;
+        } & {} & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+            };
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+            origin: string;
+            group: boolean;
+            mode: string;
+            hideOnLeave: boolean;
+            leaveAbsolute: boolean;
+        } & {} & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+            };
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        }, {
+            origin: string;
+            group: boolean;
+            mode: string;
+            hideOnLeave: boolean;
+            leaveAbsolute: boolean;
         }>;
-        default: string | boolean | (vue.TransitionProps & {
-            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
-        }) | {
-            component: vue.DefineComponent<{
-                group: BooleanConstructor;
-                hideOnLeave: BooleanConstructor;
-                leaveAbsolute: BooleanConstructor;
-                mode: {
-                    type: StringConstructor;
-                    default: string | undefined;
-                };
-                origin: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-                group: BooleanConstructor;
-                hideOnLeave: BooleanConstructor;
-                leaveAbsolute: BooleanConstructor;
-                mode: {
-                    type: StringConstructor;
-                    default: string | undefined;
-                };
-                origin: {
-                    type: StringConstructor;
-                    default: string;
-                };
-            }>>, {
-                origin: string;
-                group: boolean;
-                mode: string;
-                hideOnLeave: boolean;
-                leaveAbsolute: boolean;
-            }>;
-        };
     };
-    active: BooleanConstructor;
-    max: (StringConstructor | NumberConstructor)[];
-    value: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
+    value: string | number;
+} & {
+    max?: string | number | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-}>>, {
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     active: boolean;
-    transition: string | boolean | (vue.TransitionProps & {
+    transition: NonNullable<string | boolean | (vue.TransitionProps & {
         component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
-    }) | {
+    })> | {
         component: vue.DefineComponent<{
-            group: BooleanConstructor;
-            hideOnLeave: BooleanConstructor;
-            leaveAbsolute: BooleanConstructor;
-            mode: {
-                type: StringConstructor;
-                default: string | undefined;
-            };
-            origin: {
-                type: StringConstructor;
-                default: string;
+            origin: string;
+            group: boolean;
+            mode: string;
+            hideOnLeave: boolean;
+            leaveAbsolute: boolean;
+        } & {} & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
             };
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
-        }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-            group: BooleanConstructor;
-            hideOnLeave: BooleanConstructor;
-            leaveAbsolute: BooleanConstructor;
-            mode: {
-                type: StringConstructor;
-                default: string | undefined;
-            };
-            origin: {
-                type: StringConstructor;
-                default: string;
+        }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+            origin: string;
+            group: boolean;
+            mode: string;
+            hideOnLeave: boolean;
+            leaveAbsolute: boolean;
+        } & {} & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
             };
-        }>>, {
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        }, {
             origin: string;
             group: boolean;
             mode: string;
@@ -219,6 +161,6 @@ declare const VCounter: vue.DefineComponent<{
     };
     value: string | number;
 }>;
-declare type VCounter = InstanceType<typeof VCounter>;
+type VCounter = InstanceType<typeof VCounter>;
 
 export { VCounter };

package/lib/components/VDefaultsProvider/VDefaultsProvider.mjs

@@ -1,10 +1,8 @@
 // Composables
 import { provideDefaults } from "../../composables/defaults.mjs"; // Utilities
-import { defineComponent, toRefs } from 'vue'; // eslint-disable-line no-restricted-imports
-
-// Types
-
-export const VDefaultsProvider = defineComponent({
+import { toRefs } from 'vue';
+import { genericComponent } from "../../util/index.mjs"; // Types
+export const VDefaultsProvider = genericComponent(false)({
   name: 'VDefaultsProvider',
   props: {
     defaults: Object,
@@ -27,10 +25,7 @@ export const VDefaultsProvider = defineComponent({
       root,
       scoped
     });
-    return () => {
-      var _slots$default;
-      return (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots);
-    };
+    return () => slots.default?.();
   }
 });
 //# sourceMappingURL=VDefaultsProvider.mjs.map

package/lib/components/VDefaultsProvider/VDefaultsProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VDefaultsProvider.mjs","names":["provideDefaults","defineComponent","toRefs","VDefaultsProvider","name","props","defaults","Object","reset","Number","String","root","Boolean","scoped","setup","slots","default"],"sources":["../../../src/components/VDefaultsProvider/VDefaultsProvider.tsx"],"sourcesContent":["// Composables\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { defineComponent, toRefs } from 'vue' // eslint-disable-line no-restricted-imports\n\n// Types\nimport type { DefaultsOptions } from '@/composables/defaults'\nimport type { PropType } from 'vue'\n\nexport const VDefaultsProvider = defineComponent({\n  name: 'VDefaultsProvider',\n\n  props: {\n    defaults: Object as PropType<DefaultsOptions>,\n    reset: [Number, String],\n    root: Boolean,\n    scoped: Boolean,\n  },\n\n  setup (props, { slots }) {\n    const { defaults, reset, root, scoped } = toRefs(props)\n\n    provideDefaults(defaults, {\n      reset,\n      root,\n      scoped,\n    })\n\n    return () => slots.default?.()\n  },\n})\n\nexport type VDefaultsProvider = InstanceType<typeof VDefaultsProvider>\n"],"mappings":"AAAA;AAAA,SACSA,eAAe,0CAExB;AACA,SAASC,eAAe,EAAEC,MAAM,QAAQ,KAAK,EAAC;;AAE9C;;AAIA,OAAO,MAAMC,iBAAiB,GAAGF,eAAe,CAAC;EAC/CG,IAAI,EAAE,mBAAmB;EAEzBC,KAAK,EAAE;IACLC,QAAQ,EAAEC,MAAmC;IAC7CC,KAAK,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;IACvBC,IAAI,EAAEC,OAAO;IACbC,MAAM,EAAED;EACV,CAAC;EAEDE,KAAK,CAAET,KAAK,QAAa;IAAA,IAAX;MAAEU;IAAM,CAAC;IACrB,MAAM;MAAET,QAAQ;MAAEE,KAAK;MAAEG,IAAI;MAAEE;IAAO,CAAC,GAAGX,MAAM,CAACG,KAAK,CAAC;IAEvDL,eAAe,CAACM,QAAQ,EAAE;MACxBE,KAAK;MACLG,IAAI;MACJE;IACF,CAAC,CAAC;IAEF,OAAO;MAAA;MAAA,yBAAME,KAAK,CAACC,OAAO,qBAAb,oBAAAD,KAAK,CAAY;IAAA;EAChC;AACF,CAAC,CAAC"}
+{"version":3,"file":"VDefaultsProvider.mjs","names":["provideDefaults","toRefs","genericComponent","VDefaultsProvider","name","props","defaults","Object","reset","Number","String","root","Boolean","scoped","setup","slots","default"],"sources":["../../../src/components/VDefaultsProvider/VDefaultsProvider.tsx"],"sourcesContent":["// Composables\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { toRefs } from 'vue'\nimport { genericComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { DefaultsOptions } from '@/composables/defaults'\n\nexport const VDefaultsProvider = genericComponent(false)({\n  name: 'VDefaultsProvider',\n\n  props: {\n    defaults: Object as PropType<DefaultsOptions>,\n    reset: [Number, String],\n    root: Boolean,\n    scoped: Boolean,\n  },\n\n  setup (props, { slots }) {\n    const { defaults, reset, root, scoped } = toRefs(props)\n\n    provideDefaults(defaults, {\n      reset,\n      root,\n      scoped,\n    })\n\n    return () => slots.default?.()\n  },\n})\n\nexport type VDefaultsProvider = InstanceType<typeof VDefaultsProvider>\n"],"mappings":"AAAA;AAAA,SACSA,eAAe,0CAExB;AACA,SAASC,MAAM,QAAQ,KAAK;AAAA,SACnBC,gBAAgB,gCAEzB;AAIA,OAAO,MAAMC,iBAAiB,GAAGD,gBAAgB,CAAC,KAAK,CAAC,CAAC;EACvDE,IAAI,EAAE,mBAAmB;EAEzBC,KAAK,EAAE;IACLC,QAAQ,EAAEC,MAAmC;IAC7CC,KAAK,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;IACvBC,IAAI,EAAEC,OAAO;IACbC,MAAM,EAAED;EACV,CAAC;EAEDE,KAAK,CAAET,KAAK,QAAa;IAAA,IAAX;MAAEU;IAAM,CAAC;IACrB,MAAM;MAAET,QAAQ;MAAEE,KAAK;MAAEG,IAAI;MAAEE;IAAO,CAAC,GAAGZ,MAAM,CAACI,KAAK,CAAC;IAEvDL,eAAe,CAACM,QAAQ,EAAE;MACxBE,KAAK;MACLG,IAAI;MACJE;IACF,CAAC,CAAC;IAEF,OAAO,MAAME,KAAK,CAACC,OAAO,IAAI;EAChC;AACF,CAAC,CAAC"}

package/lib/components/VDefaultsProvider/index.d.ts

@@ -1,28 +1,47 @@
 import * as vue from 'vue';
-import { PropType } from 'vue';
 
-declare type DefaultsInstance = undefined | {
+type DefaultsInstance = undefined | {
     [key: string]: undefined | Record<string, unknown>;
     global?: Record<string, unknown>;
 };
-declare type DefaultsOptions = Partial<DefaultsInstance>;
+type DefaultsOptions = Partial<DefaultsInstance>;
 
 declare const VDefaultsProvider: vue.DefineComponent<{
-    defaults: PropType<DefaultsOptions>;
-    reset: (StringConstructor | NumberConstructor)[];
-    root: BooleanConstructor;
-    scoped: BooleanConstructor;
+    root: boolean;
+    scoped: boolean;
+} & {
+    reset?: string | number | undefined;
+    defaults?: DefaultsOptions;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    defaults: PropType<DefaultsOptions>;
-    reset: (StringConstructor | NumberConstructor)[];
-    root: BooleanConstructor;
-    scoped: BooleanConstructor;
-}>>, {
+}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    root: boolean;
+    scoped: boolean;
+} & {
+    reset?: string | number | undefined;
+    defaults?: DefaultsOptions;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     root: boolean;
     scoped: boolean;
 }>;
-declare type VDefaultsProvider = InstanceType<typeof VDefaultsProvider>;
+type VDefaultsProvider = InstanceType<typeof VDefaultsProvider>;
 
 export { VDefaultsProvider };

package/lib/components/VDialog/VDialog.mjs

@@ -43,11 +43,11 @@ export const VDialog = genericComponent()({
     } = useScopeId();
     const overlay = ref();
     function onFocusin(e) {
-      var _overlay$value, _overlay$value2;
       const before = e.relatedTarget;
       const after = e.target;
-      if (before !== after && (_overlay$value = overlay.value) != null && _overlay$value.contentEl && // We're the topmost dialog
-      (_overlay$value2 = overlay.value) != null && _overlay$value2.globalTop &&
+      if (before !== after && overlay.value?.contentEl &&
+      // We're the topmost dialog
+      overlay.value?.globalTop &&
       // It isn't the document or the dialog body
       ![document, overlay.value.contentEl].includes(after) &&
       // It isn't inside the dialog body
@@ -73,13 +73,11 @@ export const VDialog = genericComponent()({
     watch(isActive, async val => {
       await nextTick();
       if (val) {
-        var _contentEl;
-        (_contentEl = overlay.value.contentEl) == null ? void 0 : _contentEl.focus({
+        overlay.value.contentEl?.focus({
           preventScroll: true
         });
       } else {
-        var _activatorEl;
-        (_activatorEl = overlay.value.activatorEl) == null ? void 0 : _activatorEl.focus({
+        overlay.value.activatorEl?.focus({
           preventScroll: true
         });
       }
@@ -105,14 +103,13 @@ export const VDialog = genericComponent()({
       }, scopeId), {
         activator: slots.activator,
         default: function () {
-          var _slots$default;
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
             args[_key] = arguments[_key];
           }
           return _createVNode(VDefaultsProvider, {
             "root": true
           }, {
-            default: () => [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, ...args)]
+            default: () => [slots.default?.(...args)]
           });
         }
       });

package/lib/components/VDialog/VDialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VDialog.mjs","names":["VDialogTransition","VDefaultsProvider","VOverlay","useProxiedModel","useScopeId","forwardRefs","computed","mergeProps","nextTick","ref","watch","genericComponent","IN_BROWSER","useRender","filterVOverlayProps","makeVOverlayProps","VDialog","name","props","fullscreen","Boolean","retainFocus","type","default","scrollable","origin","scrollStrategy","transition","component","zIndex","emits","value","setup","slots","isActive","scopeId","overlay","onFocusin","e","before","relatedTarget","after","target","contentEl","globalTop","document","includes","contains","focusable","querySelectorAll","filter","el","hasAttribute","matches","length","firstElement","lastElement","focus","val","addEventListener","removeEventListener","immediate","preventScroll","activatorEl","activatorProps","String","overlayProps","activator","args"],"sources":["../../../src/components/VDialog/VDialog.tsx"],"sourcesContent":["// Styles\nimport './VDialog.sass'\n\n// Components\nimport { VDialogTransition } from '@/components/transitions'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VOverlay } from '@/components/VOverlay'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\nimport { forwardRefs } from '@/composables/forwardRefs'\n\n// Utilities\nimport { computed, mergeProps, nextTick, ref, watch } from 'vue'\nimport { genericComponent, IN_BROWSER, useRender } from '@/util'\nimport { filterVOverlayProps, makeVOverlayProps } from '@/components/VOverlay/VOverlay'\n\n// Types\nimport type { SlotsToProps } from '@/util'\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\n\nexport const VDialog = genericComponent<new () => {\n  $props: SlotsToProps<OverlaySlots>\n}>()({\n  name: 'VDialog',\n\n  props: {\n    fullscreen: Boolean,\n    retainFocus: {\n      type: Boolean,\n      default: true,\n    },\n    scrollable: Boolean,\n\n    ...makeVOverlayProps({\n      origin: 'center center' as const,\n      scrollStrategy: 'block' as const,\n      transition: { component: VDialogTransition },\n      zIndex: 2400,\n    }),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n    const { scopeId } = useScopeId()\n\n    const overlay = ref<VOverlay>()\n    function onFocusin (e: FocusEvent) {\n      const before = e.relatedTarget as HTMLElement | null\n      const after = e.target as HTMLElement | null\n\n      if (\n        before !== after &&\n        overlay.value?.contentEl &&\n        // We're the topmost dialog\n        overlay.value?.globalTop &&\n        // It isn't the document or the dialog body\n        ![document, overlay.value.contentEl].includes(after!) &&\n        // It isn't inside the dialog body\n        !overlay.value.contentEl.contains(after)\n      ) {\n        const focusable = [...overlay.value.contentEl.querySelectorAll(\n          'button, [href], input:not([type=\"hidden\"]), select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        )].filter(el => !el.hasAttribute('disabled') && !el.matches('[tabindex=\"-1\"]')) as HTMLElement[]\n\n        if (!focusable.length) return\n\n        const firstElement = focusable[0]\n        const lastElement = focusable[focusable.length - 1]\n\n        if (before === firstElement) {\n          lastElement.focus()\n        } else {\n          firstElement.focus()\n        }\n      }\n    }\n\n    if (IN_BROWSER) {\n      watch(() => isActive.value && props.retainFocus, val => {\n        val\n          ? document.addEventListener('focusin', onFocusin)\n          : document.removeEventListener('focusin', onFocusin)\n      }, { immediate: true })\n    }\n\n    watch(isActive, async val => {\n      await nextTick()\n      if (val) {\n        overlay.value!.contentEl?.focus({ preventScroll: true })\n      } else {\n        overlay.value!.activatorEl?.focus({ preventScroll: true })\n      }\n    })\n\n    const activatorProps = computed(() =>\n      mergeProps({\n        'aria-haspopup': 'dialog',\n        'aria-expanded': String(isActive.value),\n      }, props.activatorProps)\n    )\n\n    useRender(() => {\n      const [overlayProps] = filterVOverlayProps(props)\n\n      return (\n        <VOverlay\n          ref={ overlay }\n          class={[\n            'v-dialog',\n            {\n              'v-dialog--fullscreen': props.fullscreen,\n              'v-dialog--scrollable': props.scrollable,\n            },\n          ]}\n          { ...overlayProps }\n          v-model={ isActive.value }\n          aria-role=\"dialog\"\n          aria-modal=\"true\"\n          activatorProps={ activatorProps.value }\n          { ...scopeId }\n        >\n          {{\n            activator: slots.activator,\n            default: (...args) => (\n              <VDefaultsProvider root>\n                { slots.default?.(...args) }\n              </VDefaultsProvider>\n            ),\n          }}\n        </VOverlay>\n      )\n    })\n\n    return forwardRefs({}, overlay)\n  },\n})\n\nexport type VDialog = InstanceType<typeof VDialog>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,iBAAiB;AAAA,SACjBC,iBAAiB;AAAA,SACjBC,QAAQ,iCAEjB;AAAA,SACSC,eAAe;AAAA,SACfC,UAAU;AAAA,SACVC,WAAW,6CAEpB;AACA,SAASC,QAAQ,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAA,SACvDC,gBAAgB,EAAEC,UAAU,EAAEC,SAAS;AAAA,SACvCC,mBAAmB,EAAEC,iBAAiB,oCAE/C;AAIA,OAAO,MAAMC,OAAO,GAAGL,gBAAgB,EAEnC,CAAC;EACHM,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAE;IACLC,UAAU,EAAEC,OAAO;IACnBC,WAAW,EAAE;MACXC,IAAI,EAAEF,OAAO;MACbG,OAAO,EAAE;IACX,CAAC;IACDC,UAAU,EAAEJ,OAAO;IAEnB,GAAGL,iBAAiB,CAAC;MACnBU,MAAM,EAAE,eAAwB;MAChCC,cAAc,EAAE,OAAgB;MAChCC,UAAU,EAAE;QAAEC,SAAS,EAAE5B;MAAkB,CAAC;MAC5C6B,MAAM,EAAE;IACV,CAAC;EACH,CAAC;EAEDC,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAK,CAAEd,KAAK,QAAa;IAAA,IAAX;MAAEe;IAAM,CAAC;IACrB,MAAMC,QAAQ,GAAG/B,eAAe,CAACe,KAAK,EAAE,YAAY,CAAC;IACrD,MAAM;MAAEiB;IAAQ,CAAC,GAAG/B,UAAU,EAAE;IAEhC,MAAMgC,OAAO,GAAG3B,GAAG,EAAY;IAC/B,SAAS4B,SAAS,CAAEC,CAAa,EAAE;MAAA;MACjC,MAAMC,MAAM,GAAGD,CAAC,CAACE,aAAmC;MACpD,MAAMC,KAAK,GAAGH,CAAC,CAACI,MAA4B;MAE5C,IACEH,MAAM,KAAKE,KAAK,sBAChBL,OAAO,CAACL,KAAK,aAAb,eAAeY,SAAS,IACxB;MAAA,mBACAP,OAAO,CAACL,KAAK,aAAb,gBAAea,SAAS;MACxB;MACA,CAAC,CAACC,QAAQ,EAAET,OAAO,CAACL,KAAK,CAACY,SAAS,CAAC,CAACG,QAAQ,CAACL,KAAK,CAAE;MACrD;MACA,CAACL,OAAO,CAACL,KAAK,CAACY,SAAS,CAACI,QAAQ,CAACN,KAAK,CAAC,EACxC;QACA,MAAMO,SAAS,GAAG,CAAC,GAAGZ,OAAO,CAACL,KAAK,CAACY,SAAS,CAACM,gBAAgB,CAC5D,+FAA+F,CAChG,CAAC,CAACC,MAAM,CAACC,EAAE,IAAI,CAACA,EAAE,CAACC,YAAY,CAAC,UAAU,CAAC,IAAI,CAACD,EAAE,CAACE,OAAO,CAAC,iBAAiB,CAAC,CAAkB;QAEhG,IAAI,CAACL,SAAS,CAACM,MAAM,EAAE;QAEvB,MAAMC,YAAY,GAAGP,SAAS,CAAC,CAAC,CAAC;QACjC,MAAMQ,WAAW,GAAGR,SAAS,CAACA,SAAS,CAACM,MAAM,GAAG,CAAC,CAAC;QAEnD,IAAIf,MAAM,KAAKgB,YAAY,EAAE;UAC3BC,WAAW,CAACC,KAAK,EAAE;QACrB,CAAC,MAAM;UACLF,YAAY,CAACE,KAAK,EAAE;QACtB;MACF;IACF;IAEA,IAAI7C,UAAU,EAAE;MACdF,KAAK,CAAC,MAAMwB,QAAQ,CAACH,KAAK,IAAIb,KAAK,CAACG,WAAW,EAAEqC,GAAG,IAAI;QACtDA,GAAG,GACCb,QAAQ,CAACc,gBAAgB,CAAC,SAAS,EAAEtB,SAAS,CAAC,GAC/CQ,QAAQ,CAACe,mBAAmB,CAAC,SAAS,EAAEvB,SAAS,CAAC;MACxD,CAAC,EAAE;QAAEwB,SAAS,EAAE;MAAK,CAAC,CAAC;IACzB;IAEAnD,KAAK,CAACwB,QAAQ,EAAE,MAAMwB,GAAG,IAAI;MAC3B,MAAMlD,QAAQ,EAAE;MAChB,IAAIkD,GAAG,EAAE;QAAA;QACP,cAAAtB,OAAO,CAACL,KAAK,CAAEY,SAAS,qBAAxB,WAA0Bc,KAAK,CAAC;UAAEK,aAAa,EAAE;QAAK,CAAC,CAAC;MAC1D,CAAC,MAAM;QAAA;QACL,gBAAA1B,OAAO,CAACL,KAAK,CAAEgC,WAAW,qBAA1B,aAA4BN,KAAK,CAAC;UAAEK,aAAa,EAAE;QAAK,CAAC,CAAC;MAC5D;IACF,CAAC,CAAC;IAEF,MAAME,cAAc,GAAG1D,QAAQ,CAAC,MAC9BC,UAAU,CAAC;MACT,eAAe,EAAE,QAAQ;MACzB,eAAe,EAAE0D,MAAM,CAAC/B,QAAQ,CAACH,KAAK;IACxC,CAAC,EAAEb,KAAK,CAAC8C,cAAc,CAAC,CACzB;IAEDnD,SAAS,CAAC,MAAM;MACd,MAAM,CAACqD,YAAY,CAAC,GAAGpD,mBAAmB,CAACI,KAAK,CAAC;MAEjD;QAAA,OAEUkB,OAAO;QAAA,SACN,CACL,UAAU,EACV;UACE,sBAAsB,EAAElB,KAAK,CAACC,UAAU;UACxC,sBAAsB,EAAED,KAAK,CAACM;QAChC,CAAC;MACF,GACI0C,YAAY;QAAA,cACPhC,QAAQ,CAACH,KAAK;QAAA,iCAAdG,QAAQ,CAACH,KAAK;QAAA,aACd,QAAQ;QAAA,cACP,MAAM;QAAA,kBACAiC,cAAc,CAACjC;MAAK,GAChCI,OAAO;QAGVgC,SAAS,EAAElC,KAAK,CAACkC,SAAS;QAC1B5C,OAAO,EAAE;UAAA;UAAA,kCAAI6C,IAAI;YAAJA,IAAI;UAAA;UAAA;YAAA;UAAA;YAAA,kCAEXnC,KAAK,CAACV,OAAO,qBAAb,oBAAAU,KAAK,EAAW,GAAGmC,IAAI,CAAC;UAAA;QAAA;MAE7B;IAIT,CAAC,CAAC;IAEF,OAAO/D,WAAW,CAAC,CAAC,CAAC,EAAE+B,OAAO,CAAC;EACjC;AACF,CAAC,CAAC"}
+{"version":3,"file":"VDialog.mjs","names":["VDialogTransition","VDefaultsProvider","VOverlay","useProxiedModel","useScopeId","forwardRefs","computed","mergeProps","nextTick","ref","watch","genericComponent","IN_BROWSER","useRender","filterVOverlayProps","makeVOverlayProps","VDialog","name","props","fullscreen","Boolean","retainFocus","type","default","scrollable","origin","scrollStrategy","transition","component","zIndex","emits","value","setup","slots","isActive","scopeId","overlay","onFocusin","e","before","relatedTarget","after","target","contentEl","globalTop","document","includes","contains","focusable","querySelectorAll","filter","el","hasAttribute","matches","length","firstElement","lastElement","focus","val","addEventListener","removeEventListener","immediate","preventScroll","activatorEl","activatorProps","String","overlayProps","activator","args"],"sources":["../../../src/components/VDialog/VDialog.tsx"],"sourcesContent":["// Styles\nimport './VDialog.sass'\n\n// Components\nimport { VDialogTransition } from '@/components/transitions'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VOverlay } from '@/components/VOverlay'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\nimport { forwardRefs } from '@/composables/forwardRefs'\n\n// Utilities\nimport { computed, mergeProps, nextTick, ref, watch } from 'vue'\nimport { genericComponent, IN_BROWSER, useRender } from '@/util'\nimport { filterVOverlayProps, makeVOverlayProps } from '@/components/VOverlay/VOverlay'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\n\nexport const VDialog = genericComponent<OverlaySlots>()({\n  name: 'VDialog',\n\n  props: {\n    fullscreen: Boolean,\n    retainFocus: {\n      type: Boolean,\n      default: true,\n    },\n    scrollable: Boolean,\n\n    ...makeVOverlayProps({\n      origin: 'center center' as const,\n      scrollStrategy: 'block' as const,\n      transition: { component: VDialogTransition },\n      zIndex: 2400,\n    }),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n    const { scopeId } = useScopeId()\n\n    const overlay = ref<VOverlay>()\n    function onFocusin (e: FocusEvent) {\n      const before = e.relatedTarget as HTMLElement | null\n      const after = e.target as HTMLElement | null\n\n      if (\n        before !== after &&\n        overlay.value?.contentEl &&\n        // We're the topmost dialog\n        overlay.value?.globalTop &&\n        // It isn't the document or the dialog body\n        ![document, overlay.value.contentEl].includes(after!) &&\n        // It isn't inside the dialog body\n        !overlay.value.contentEl.contains(after)\n      ) {\n        const focusable = [...overlay.value.contentEl.querySelectorAll(\n          'button, [href], input:not([type=\"hidden\"]), select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        )].filter(el => !el.hasAttribute('disabled') && !el.matches('[tabindex=\"-1\"]')) as HTMLElement[]\n\n        if (!focusable.length) return\n\n        const firstElement = focusable[0]\n        const lastElement = focusable[focusable.length - 1]\n\n        if (before === firstElement) {\n          lastElement.focus()\n        } else {\n          firstElement.focus()\n        }\n      }\n    }\n\n    if (IN_BROWSER) {\n      watch(() => isActive.value && props.retainFocus, val => {\n        val\n          ? document.addEventListener('focusin', onFocusin)\n          : document.removeEventListener('focusin', onFocusin)\n      }, { immediate: true })\n    }\n\n    watch(isActive, async val => {\n      await nextTick()\n      if (val) {\n        overlay.value!.contentEl?.focus({ preventScroll: true })\n      } else {\n        overlay.value!.activatorEl?.focus({ preventScroll: true })\n      }\n    })\n\n    const activatorProps = computed(() =>\n      mergeProps({\n        'aria-haspopup': 'dialog',\n        'aria-expanded': String(isActive.value),\n      }, props.activatorProps)\n    )\n\n    useRender(() => {\n      const [overlayProps] = filterVOverlayProps(props)\n\n      return (\n        <VOverlay\n          ref={ overlay }\n          class={[\n            'v-dialog',\n            {\n              'v-dialog--fullscreen': props.fullscreen,\n              'v-dialog--scrollable': props.scrollable,\n            },\n          ]}\n          { ...overlayProps }\n          v-model={ isActive.value }\n          aria-role=\"dialog\"\n          aria-modal=\"true\"\n          activatorProps={ activatorProps.value }\n          { ...scopeId }\n        >\n          {{\n            activator: slots.activator,\n            default: (...args) => (\n              <VDefaultsProvider root>\n                { slots.default?.(...args) }\n              </VDefaultsProvider>\n            ),\n          }}\n        </VOverlay>\n      )\n    })\n\n    return forwardRefs({}, overlay)\n  },\n})\n\nexport type VDialog = InstanceType<typeof VDialog>\n"],"mappings":"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"}