@vuetify/nightly 3.6.14-master.2024-08-04 → 3.6.14-master.2024-08-13

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

@@ -5,19 +5,21 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
 }
 
+type ClassValue = any;
+
 type VMessageSlot = {
     message: string;
 };
 declare const VMessages: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         active: boolean;
-        transition: {
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: Component;
+        }) | {
             component: Component;
             leaveAbsolute: boolean;
             group: boolean;
-        } | NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: Component | undefined;
-        })>;
+        };
         style: vue.StyleValue;
         messages: string | readonly string[];
     } & {
@@ -34,13 +36,13 @@ declare const VMessages: {
         "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         active: boolean;
-        transition: {
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: Component;
+        }) | {
             component: Component;
             leaveAbsolute: boolean;
             group: boolean;
-        } | NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: Component | undefined;
-        })>;
+        };
         style: vue.StyleValue;
         messages: string | readonly string[];
     } & {
@@ -57,19 +59,17 @@ declare const VMessages: {
         "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
     }, {
         active: boolean;
-        transition: {
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: Component;
+        }) | {
             component: Component;
             leaveAbsolute: boolean;
             group: boolean;
-        } | NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: Component | undefined;
-        })>;
+        };
         style: vue.StyleValue;
         messages: string | readonly string[];
     }, true, {}, vue.SlotsType<Partial<{
-        message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        message: (arg: VMessageSlot) => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -79,13 +79,13 @@ declare const VMessages: {
         Defaults: {};
     }, {
         active: boolean;
-        transition: {
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: Component;
+        }) | {
             component: Component;
             leaveAbsolute: boolean;
             group: boolean;
-        } | NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: Component | undefined;
-        })>;
+        };
         style: vue.StyleValue;
         messages: string | readonly string[];
     } & {
@@ -102,28 +102,28 @@ declare const VMessages: {
         "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
         active: boolean;
-        transition: {
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: Component;
+        }) | {
             component: Component;
             leaveAbsolute: boolean;
             group: boolean;
-        } | NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: Component | undefined;
-        })>;
+        };
         style: vue.StyleValue;
         messages: string | readonly string[];
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     active: boolean;
-    transition: {
+    transition: string | boolean | (vue.TransitionProps & {
+        component?: Component;
+    }) | {
         component: Component;
         leaveAbsolute: boolean;
         group: boolean;
-    } | NonNullable<string | boolean | (vue.TransitionProps & {
-        component?: Component | undefined;
-    })>;
+    };
     style: vue.StyleValue;
     messages: string | readonly string[];
 } & {
@@ -140,43 +140,41 @@ declare const VMessages: {
     "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     active: boolean;
-    transition: {
+    transition: string | boolean | (vue.TransitionProps & {
+        component?: Component;
+    }) | {
         component: Component;
         leaveAbsolute: boolean;
         group: boolean;
-    } | NonNullable<string | boolean | (vue.TransitionProps & {
-        component?: Component | undefined;
-    })>;
+    };
     style: vue.StyleValue;
     messages: string | readonly string[];
 }, {}, string, vue.SlotsType<Partial<{
-    message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    message: (arg: VMessageSlot) => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     transition: Omit<{
         type: PropType<string | boolean | (vue.TransitionProps & {
-            component?: Component | undefined;
+            component?: Component;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
-        type: PropType<{
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: Component;
+        }) | {
             component: Component;
             leaveAbsolute: boolean;
             group: boolean;
-        } | NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: Component | undefined;
-        })>>;
+        }>;
         default: {
             component: Component;
             leaveAbsolute: boolean;
             group: boolean;
         } | NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: Component | undefined;
+            component?: Component;
         })>;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -190,27 +188,27 @@ declare const VMessages: {
 }, vue.ExtractPropTypes<{
     transition: Omit<{
         type: PropType<string | boolean | (vue.TransitionProps & {
-            component?: Component | undefined;
+            component?: Component;
         })>;
         default: string;
         validator: (val: unknown) => boolean;
     }, "type" | "default"> & {
-        type: PropType<{
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: Component;
+        }) | {
             component: Component;
             leaveAbsolute: boolean;
             group: boolean;
-        } | NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: Component | undefined;
-        })>>;
+        }>;
         default: {
             component: Component;
             leaveAbsolute: boolean;
             group: boolean;
         } | NonNullable<string | boolean | (vue.TransitionProps & {
-            component?: Component | undefined;
+            component?: Component;
         })>;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;

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

@@ -5,6 +5,8 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
 }
 
+type ClassValue = any;
+
 declare const breakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
 type Breakpoint = typeof breakpoints[number];
 type DisplayBreakpoint = 'xs' | Breakpoint;
@@ -12,6 +14,7 @@ type DisplayBreakpoint = 'xs' | Breakpoint;
 type VNavigationDrawerImageSlot = {
     image: string | undefined;
 };
+declare const locations: readonly ["start", "end", "left", "right", "top", "bottom"];
 declare const VNavigationDrawer: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         absolute: boolean;
@@ -19,7 +22,7 @@ declare const VNavigationDrawer: {
         width: string | number;
         order: string | number;
         style: vue.StyleValue;
-        mobile: NonNullable<boolean | null> | null;
+        mobile: boolean | null;
         temporary: boolean;
         tag: string;
         sticky: boolean;
@@ -79,7 +82,7 @@ declare const VNavigationDrawer: {
         width: string | number;
         order: string | number;
         style: vue.StyleValue;
-        mobile: NonNullable<boolean | null> | null;
+        mobile: boolean | null;
         temporary: boolean;
         tag: string;
         sticky: boolean;
@@ -134,7 +137,7 @@ declare const VNavigationDrawer: {
         width: string | number;
         order: string | number;
         style: vue.StyleValue;
-        mobile: NonNullable<boolean | null> | null;
+        mobile: boolean | null;
         temporary: boolean;
         tag: string;
         sticky: boolean;
@@ -152,18 +155,10 @@ declare const VNavigationDrawer: {
         rail: boolean | null;
         railWidth: string | number;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        image: (arg: VNavigationDrawerImageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
+        prepend: () => vue.VNode[];
+        append: () => vue.VNode[];
+        image: (arg: VNavigationDrawerImageSlot) => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -177,7 +172,7 @@ declare const VNavigationDrawer: {
         width: string | number;
         order: string | number;
         style: vue.StyleValue;
-        mobile: NonNullable<boolean | null> | null;
+        mobile: boolean | null;
         temporary: boolean;
         tag: string;
         sticky: boolean;
@@ -234,7 +229,7 @@ declare const VNavigationDrawer: {
         width: string | number;
         order: string | number;
         style: vue.StyleValue;
-        mobile: NonNullable<boolean | null> | null;
+        mobile: boolean | null;
         temporary: boolean;
         tag: string;
         sticky: boolean;
@@ -252,16 +247,16 @@ declare const VNavigationDrawer: {
         rail: boolean | null;
         railWidth: string | number;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     absolute: boolean;
     location: "end" | "start" | "left" | "top" | "bottom" | "right";
     width: string | number;
     order: string | number;
     style: vue.StyleValue;
-    mobile: NonNullable<boolean | null> | null;
+    mobile: boolean | null;
     temporary: boolean;
     tag: string;
     sticky: boolean;
@@ -321,7 +316,7 @@ declare const VNavigationDrawer: {
     width: string | number;
     order: string | number;
     style: vue.StyleValue;
-    mobile: NonNullable<boolean | null> | null;
+    mobile: boolean | null;
     temporary: boolean;
     tag: string;
     sticky: boolean;
@@ -339,18 +334,10 @@ declare const VNavigationDrawer: {
     rail: boolean | null;
     railWidth: string | number;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    image: (arg: VNavigationDrawerImageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    default: () => vue.VNode[];
+    prepend: () => vue.VNode[];
+    append: () => vue.VNode[];
+    image: (arg: VNavigationDrawerImageSlot) => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     theme: StringConstructor;
     tag: Omit<{
@@ -381,13 +368,13 @@ declare const VNavigationDrawer: {
         type: PropType<boolean | null>;
         default: boolean;
     }, "type" | "default"> & {
-        type: PropType<NonNullable<boolean | null> | null>;
+        type: PropType<boolean | null>;
         default: NonNullable<boolean | null> | null;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     closeDelay: (StringConstructor | NumberConstructor)[];
     openDelay: (StringConstructor | NumberConstructor)[];
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -424,7 +411,7 @@ declare const VNavigationDrawer: {
         default: number;
     };
     location: {
-        type: PropType<"end" | "start" | "left" | "top" | "bottom" | "right">;
+        type: PropType<(typeof locations)[number]>;
         default: string;
         validator: (value: any) => boolean;
     };
@@ -459,13 +446,13 @@ declare const VNavigationDrawer: {
         type: PropType<boolean | null>;
         default: boolean;
     }, "type" | "default"> & {
-        type: PropType<NonNullable<boolean | null> | null>;
+        type: PropType<boolean | null>;
         default: NonNullable<boolean | null> | null;
     };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     closeDelay: (StringConstructor | NumberConstructor)[];
     openDelay: (StringConstructor | NumberConstructor)[];
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -502,7 +489,7 @@ declare const VNavigationDrawer: {
         default: number;
     };
     location: {
-        type: PropType<"end" | "start" | "left" | "top" | "bottom" | "right">;
+        type: PropType<(typeof locations)[number]>;
         default: string;
         validator: (value: any) => boolean;
     };

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

@@ -5,10 +5,12 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
 }
 
+type ClassValue = any;
+
 declare const VOtpInput: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         length: string | number;
-        variant: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         type: "number" | "text" | "password";
         error: boolean;
         label: string;
@@ -64,7 +66,7 @@ declare const VOtpInput: {
         'update:modelValue': (val: string) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         length: string | number;
-        variant: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         type: "number" | "text" | "password";
         error: boolean;
         label: string;
@@ -109,7 +111,7 @@ declare const VOtpInput: {
         onFinish?: ((val: string) => any) | undefined;
     }, {
         length: string | number;
-        variant: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         type: "number" | "text" | "password";
         error: boolean;
         label: string;
@@ -121,12 +123,8 @@ declare const VOtpInput: {
         rounded: string | number | boolean;
         focusAll: boolean;
     }, true, {}, vue.SlotsType<Partial<{
-        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
-        loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        default: () => vue.VNode[];
+        loader: () => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -136,7 +134,7 @@ declare const VOtpInput: {
         Defaults: {};
     }, {
         length: string | number;
-        variant: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         type: "number" | "text" | "password";
         error: boolean;
         label: string;
@@ -188,7 +186,7 @@ declare const VOtpInput: {
         };
     }, {}, {}, {}, {
         length: string | number;
-        variant: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+        variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
         type: "number" | "text" | "password";
         error: boolean;
         label: string;
@@ -200,12 +198,12 @@ declare const VOtpInput: {
         rounded: string | number | boolean;
         focusAll: boolean;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     length: string | number;
-    variant: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+    variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
     type: "number" | "text" | "password";
     error: boolean;
     label: string;
@@ -261,7 +259,7 @@ declare const VOtpInput: {
     'update:modelValue': (val: string) => true;
 }, string, {
     length: string | number;
-    variant: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
+    variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
     type: "number" | "text" | "password";
     error: boolean;
     label: string;
@@ -273,19 +271,15 @@ declare const VOtpInput: {
     rounded: string | number | boolean;
     focusAll: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
-    loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    default: () => vue.VNode[];
+    loader: () => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     variant: Omit<{
         type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: PropType<NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">>;
+        type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
         default: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
     };
     error: BooleanConstructor;
@@ -299,7 +293,7 @@ declare const VOtpInput: {
         type: BooleanConstructor;
         default: null;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     theme: StringConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -332,7 +326,7 @@ declare const VOtpInput: {
     };
     placeholder: StringConstructor;
     type: {
-        type: PropType<"number" | "text" | "password">;
+        type: PropType<"text" | "password" | "number">;
         default: string;
     };
 }, vue.ExtractPropTypes<{
@@ -341,7 +335,7 @@ declare const VOtpInput: {
         default: string;
         validator: (v: any) => boolean;
     }, "type" | "default"> & {
-        type: PropType<NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">>;
+        type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
         default: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
     };
     error: BooleanConstructor;
@@ -355,7 +349,7 @@ declare const VOtpInput: {
         type: BooleanConstructor;
         default: null;
     };
-    class: PropType<any>;
+    class: PropType<ClassValue>;
     theme: StringConstructor;
     rounded: {
         type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
@@ -388,7 +382,7 @@ declare const VOtpInput: {
     };
     placeholder: StringConstructor;
     type: {
-        type: PropType<"number" | "text" | "password">;
+        type: PropType<"text" | "password" | "number">;
         default: string;
     };
 }>>;

package/lib/components/VOverlay/VOverlay.mjs

@@ -22,7 +22,7 @@ import { useToggleScope } from "../../composables/toggleScope.mjs";
 import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs"; // Directives
 import { ClickOutside } from "../../directives/click-outside/index.mjs"; // Utilities
 import { computed, mergeProps, onBeforeUnmount, ref, Teleport, toRef, Transition, watch } from 'vue';
-import { animate, convertToUnit, genericComponent, getScrollParent, IN_BROWSER, propsFactory, standardEasing, useRender } from "../../util/index.mjs"; // Types
+import { animate, convertToUnit, genericComponent, getCurrentInstance, getScrollParent, IN_BROWSER, propsFactory, standardEasing, useRender } from "../../util/index.mjs"; // Types
 function Scrim(props) {
   const {
     modelValue,
@@ -93,6 +93,7 @@ export const VOverlay = genericComponent()({
       attrs,
       emit
     } = _ref;
+    const vm = getCurrentInstance('VOverlay');
     const model = useProxiedModel(props, 'modelValue');
     const isActive = computed({
       get: () => model.value,
@@ -137,7 +138,7 @@ export const VOverlay = genericComponent()({
     } = useTeleport(() => {
       const target = props.attach || props.contained;
       if (target) return target;
-      const rootNode = activatorEl?.value?.getRootNode();
+      const rootNode = activatorEl?.value?.getRootNode() || vm.proxy?.$el?.getRootNode();
       if (rootNode instanceof ShadowRoot) return rootNode;
       return false;
     });
@@ -177,7 +178,7 @@ export const VOverlay = genericComponent()({
     function closeConditional(e) {
       return isActive.value && globalTop.value && (
       // If using scrim, only close if clicking on it rather than anything opened on top
-      !props.scrim || e.target === scrimEl.value);
+      !props.scrim || e.target === scrimEl.value || e instanceof MouseEvent && e.shadowTarget === scrimEl.value);
     }
     IN_BROWSER && watch(isActive, val => {
       if (val) {