vuetify 3.1.15 → 3.2.0

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

@@ -17,6 +17,7 @@ declare const VAppBar: {
             location: "top" | "bottom";
             height: string | number;
             order: string | number;
+            style: vue.StyleValue;
             tag: string;
             collapse: boolean;
             rounded: string | number | boolean;
@@ -31,6 +32,7 @@ declare const VAppBar: {
             location: "top" | "bottom";
             height: string | number;
             order: string | number;
+            style: vue.StyleValue;
             tag: string;
             collapse: boolean;
             density: Density;
@@ -42,13 +44,17 @@ declare const VAppBar: {
             name?: string | undefined;
             border?: string | number | boolean | undefined;
             color?: string | undefined;
+            scrollBehavior?: string | undefined;
             title?: string | undefined;
             image?: string | undefined;
+            class?: any;
             elevation?: string | number | undefined;
             theme?: string | undefined;
             rounded?: string | number | boolean | undefined;
+            scrollTarget?: string | undefined;
+            scrollThreshold?: string | number | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 image?: (() => vue.VNodeChild) | undefined;
                 prepend?: (() => vue.VNodeChild) | undefined;
@@ -56,14 +62,6 @@ declare const VAppBar: {
                 title?: (() => vue.VNodeChild) | undefined;
                 extension?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                image?: (() => vue.VNodeChild) | undefined;
-                prepend?: (() => vue.VNodeChild) | undefined;
-                append?: (() => vue.VNodeChild) | undefined;
-                title?: (() => vue.VNodeChild) | undefined;
-                extension?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 image?: false | (() => vue.VNodeChild) | undefined;
@@ -81,7 +79,7 @@ declare const VAppBar: {
             "v-slot:extension"?: false | (() => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "absolute" | "location" | "height" | "order" | "tag" | "collapse" | "rounded" | "density" | "extended" | "extensionHeight" | "floating" | "modelValue">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "absolute" | "location" | "height" | "order" | "style" | "tag" | "collapse" | "rounded" | "density" | "extended" | "extensionHeight" | "floating" | "modelValue">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -101,6 +99,7 @@ declare const VAppBar: {
             location: "top" | "bottom";
             height: string | number;
             order: string | number;
+            style: vue.StyleValue;
             tag: string;
             collapse: boolean;
             density: Density;
@@ -112,13 +111,17 @@ declare const VAppBar: {
             name?: string | undefined;
             border?: string | number | boolean | undefined;
             color?: string | undefined;
+            scrollBehavior?: string | undefined;
             title?: string | undefined;
             image?: string | undefined;
+            class?: any;
             elevation?: string | number | undefined;
             theme?: string | undefined;
             rounded?: string | number | boolean | undefined;
+            scrollTarget?: string | undefined;
+            scrollThreshold?: string | number | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 image?: (() => vue.VNodeChild) | undefined;
                 prepend?: (() => vue.VNodeChild) | undefined;
@@ -126,14 +129,6 @@ declare const VAppBar: {
                 title?: (() => vue.VNodeChild) | undefined;
                 extension?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                image?: (() => vue.VNodeChild) | undefined;
-                prepend?: (() => vue.VNodeChild) | undefined;
-                append?: (() => vue.VNodeChild) | undefined;
-                title?: (() => vue.VNodeChild) | undefined;
-                extension?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 image?: false | (() => vue.VNodeChild) | undefined;
@@ -159,6 +154,7 @@ declare const VAppBar: {
             location: "top" | "bottom";
             height: string | number;
             order: string | number;
+            style: vue.StyleValue;
             tag: string;
             collapse: boolean;
             rounded: string | number | boolean;
@@ -193,6 +189,7 @@ declare const VAppBar: {
         location: "top" | "bottom";
         height: string | number;
         order: string | number;
+        style: vue.StyleValue;
         tag: string;
         collapse: boolean;
         density: Density;
@@ -204,13 +201,17 @@ declare const VAppBar: {
         name?: string | undefined;
         border?: string | number | boolean | undefined;
         color?: string | undefined;
+        scrollBehavior?: string | undefined;
         title?: string | undefined;
         image?: string | undefined;
+        class?: any;
         elevation?: string | number | undefined;
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
+        scrollTarget?: string | undefined;
+        scrollThreshold?: string | number | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
             image?: (() => vue.VNodeChild) | undefined;
             prepend?: (() => vue.VNodeChild) | undefined;
@@ -218,14 +219,6 @@ declare const VAppBar: {
             title?: (() => vue.VNodeChild) | undefined;
             extension?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-            image?: (() => vue.VNodeChild) | undefined;
-            prepend?: (() => vue.VNodeChild) | undefined;
-            append?: (() => vue.VNodeChild) | undefined;
-            title?: (() => vue.VNodeChild) | undefined;
-            extension?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
             image?: false | (() => vue.VNodeChild) | undefined;
@@ -253,6 +246,7 @@ declare const VAppBar: {
     location: "top" | "bottom";
     height: string | number;
     order: string | number;
+    style: vue.StyleValue;
     tag: string;
     collapse: boolean;
     density: Density;
@@ -264,13 +258,17 @@ declare const VAppBar: {
     name?: string | undefined;
     border?: string | number | boolean | undefined;
     color?: string | undefined;
+    scrollBehavior?: string | undefined;
     title?: string | undefined;
     image?: string | undefined;
+    class?: any;
     elevation?: string | number | undefined;
     theme?: string | undefined;
     rounded?: string | number | boolean | undefined;
+    scrollTarget?: string | undefined;
+    scrollThreshold?: string | number | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
         image?: (() => vue.VNodeChild) | undefined;
         prepend?: (() => vue.VNodeChild) | undefined;
@@ -278,14 +276,6 @@ declare const VAppBar: {
         title?: (() => vue.VNodeChild) | undefined;
         extension?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        image?: (() => vue.VNodeChild) | undefined;
-        prepend?: (() => vue.VNodeChild) | undefined;
-        append?: (() => vue.VNodeChild) | undefined;
-        title?: (() => vue.VNodeChild) | undefined;
-        extension?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         image?: false | (() => vue.VNodeChild) | undefined;
@@ -311,6 +301,7 @@ declare const VAppBar: {
     location: "top" | "bottom";
     height: string | number;
     order: string | number;
+    style: vue.StyleValue;
     tag: string;
     collapse: boolean;
     rounded: string | number | boolean;
@@ -324,6 +315,12 @@ declare const VAppBar: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    scrollTarget: {
+        type: StringConstructor;
+    };
+    scrollThreshold: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
     name: {
         type: StringConstructor;
     };
@@ -348,6 +345,11 @@ declare const VAppBar: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     collapse: BooleanConstructor;
     color: StringConstructor;
@@ -365,6 +367,7 @@ declare const VAppBar: {
     floating: BooleanConstructor;
     image: StringConstructor;
     title: StringConstructor;
+    scrollBehavior: StringConstructor;
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -379,6 +382,12 @@ declare const VAppBar: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    scrollTarget: {
+        type: StringConstructor;
+    };
+    scrollThreshold: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
     name: {
         type: StringConstructor;
     };
@@ -403,6 +412,11 @@ declare const VAppBar: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     collapse: BooleanConstructor;
     color: StringConstructor;
@@ -420,6 +434,7 @@ declare const VAppBar: {
     floating: BooleanConstructor;
     image: StringConstructor;
     title: StringConstructor;
+    scrollBehavior: StringConstructor;
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -432,7 +447,7 @@ declare const VAppBar: {
 }>>;
 type VAppBar = InstanceType<typeof VAppBar>;
 
-type IconValue = string | JSXComponent;
+type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
 declare const VAppBarNavIcon: {
@@ -440,22 +455,20 @@ declare const VAppBarNavIcon: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             icon: IconValue;
         }> & Omit<{
+            style: vue.StyleValue;
             icon: IconValue;
-        } & {} & {
-            $children?: {} | vue.VNodeChild | {
+        } & {
+            class?: any;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 prepend?: (() => vue.VNodeChild) | undefined;
                 append?: (() => vue.VNodeChild) | undefined;
                 loader?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                prepend?: (() => vue.VNodeChild) | undefined;
-                append?: (() => vue.VNodeChild) | undefined;
-                loader?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 prepend?: false | (() => vue.VNodeChild) | undefined;
@@ -467,7 +480,7 @@ declare const VAppBarNavIcon: {
             "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "icon">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "icon">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -482,20 +495,17 @@ declare const VAppBarNavIcon: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             icon: IconValue;
-        } & {} & {
-            $children?: {} | vue.VNodeChild | {
+        } & {
+            class?: any;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 prepend?: (() => vue.VNodeChild) | undefined;
                 append?: (() => vue.VNodeChild) | undefined;
                 loader?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                prepend?: (() => vue.VNodeChild) | undefined;
-                append?: (() => vue.VNodeChild) | undefined;
-                loader?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 prepend?: false | (() => vue.VNodeChild) | undefined;
@@ -508,6 +518,7 @@ declare const VAppBarNavIcon: {
             "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             icon: IconValue;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -530,20 +541,17 @@ declare const VAppBarNavIcon: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        style: vue.StyleValue;
         icon: IconValue;
-    } & {} & {
-        $children?: {} | vue.VNodeChild | {
+    } & {
+        class?: any;
+    } & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
             prepend?: (() => vue.VNodeChild) | undefined;
             append?: (() => vue.VNodeChild) | undefined;
             loader?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-            prepend?: (() => vue.VNodeChild) | undefined;
-            append?: (() => vue.VNodeChild) | undefined;
-            loader?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
             prepend?: false | (() => vue.VNodeChild) | undefined;
@@ -560,20 +568,17 @@ declare const VAppBarNavIcon: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     icon: IconValue;
-} & {} & {
-    $children?: {} | vue.VNodeChild | {
+} & {
+    class?: any;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
         prepend?: (() => vue.VNodeChild) | undefined;
         append?: (() => vue.VNodeChild) | undefined;
         loader?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        prepend?: (() => vue.VNodeChild) | undefined;
-        append?: (() => vue.VNodeChild) | undefined;
-        loader?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         prepend?: false | (() => vue.VNodeChild) | undefined;
@@ -586,13 +591,24 @@ declare const VAppBarNavIcon: {
     "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     icon: IconValue;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     icon: {
         type: vue.PropType<IconValue>;
         default: string;
     };
 }, vue.ExtractPropTypes<{
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     icon: {
         type: vue.PropType<IconValue>;
         default: string;
@@ -605,20 +621,19 @@ declare const VAppBarTitle: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             tag: string;
         }> & Omit<{
+            style: vue.StyleValue;
             tag: string;
         } & {
             text?: string | undefined;
+            class?: any;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 text?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                text?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 text?: false | (() => vue.VNodeChild) | undefined;
@@ -626,7 +641,7 @@ declare const VAppBarTitle: {
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -641,18 +656,16 @@ declare const VAppBarTitle: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             tag: string;
         } & {
             text?: string | undefined;
+            class?: any;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 text?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                text?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 text?: false | (() => vue.VNodeChild) | undefined;
@@ -661,6 +674,7 @@ declare const VAppBarTitle: {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             tag: string;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -683,18 +697,16 @@ declare const VAppBarTitle: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        style: vue.StyleValue;
         tag: string;
     } & {
         text?: string | undefined;
+        class?: any;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
             text?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-            text?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
             text?: false | (() => vue.VNodeChild) | undefined;
@@ -707,18 +719,16 @@ declare const VAppBarTitle: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     tag: string;
 } & {
     text?: string | undefined;
+    class?: any;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
         text?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        text?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         text?: false | (() => vue.VNodeChild) | undefined;
@@ -727,18 +737,29 @@ declare const VAppBarTitle: {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     tag: string;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     tag: {
         type: StringConstructor;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     text: StringConstructor;
 }, vue.ExtractPropTypes<{
     tag: {
         type: StringConstructor;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     text: StringConstructor;
 }>>;
 type VAppBarTitle = InstanceType<typeof VAppBarTitle>;

package/lib/components/VAutocomplete/VAutocomplete.mjs

@@ -248,7 +248,8 @@ export const VAutocomplete = genericComponent()({
           'v-autocomplete--selecting-index': selectionIndex.value > -1,
           [`v-autocomplete--${props.multiple ? 'multiple' : 'single'}`]: true,
           'v-autocomplete--selection-slot': !!slots.selection
-        }],
+        }, props.class],
+        "style": props.style,
         "appendInnerIcon": props.menuIcon,
         "readonly": props.readonly,
         "placeholder": isDirty ? undefined : props.placeholder,