@vuetify/nightly 3.4.0-alpha.1-dev.2023-10-21 → 3.4.0-alpha.1-dev.2023-10-26

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

@@ -61,29 +61,50 @@ declare const VCarousel: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: {
-            reverse?: boolean | undefined;
-            interval?: string | number | undefined;
-            height?: string | number | undefined;
-            direction?: "horizontal" | "vertical" | undefined;
-            style?: vue.StyleValue | undefined;
-            disabled?: boolean | undefined;
-            tag?: string | undefined;
-            mandatory?: NonNullable<boolean | "force"> | undefined;
-            touch?: boolean | TouchHandlers | undefined;
-            selectedClass?: string | undefined;
-            continuous?: boolean | undefined;
-            nextIcon?: IconValue | undefined;
-            prevIcon?: IconValue | undefined;
-            showArrows?: NonNullable<string | boolean> | undefined;
-            cycle?: boolean | undefined;
-            delimiterIcon?: IconValue | undefined;
-            hideDelimiters?: boolean | undefined;
-            hideDelimiterBackground?: boolean | undefined;
+        $props: Partial<{
+            reverse: boolean;
+            interval: string | number;
+            height: string | number;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
+            disabled: boolean;
+            tag: string;
+            mandatory: NonNullable<boolean | "force">;
+            touch: boolean | TouchHandlers;
+            selectedClass: string;
+            continuous: boolean;
+            nextIcon: IconValue;
+            prevIcon: IconValue;
+            showArrows: NonNullable<string | boolean>;
+            cycle: boolean;
+            delimiterIcon: IconValue;
+            hideDelimiters: boolean;
+            hideDelimiterBackground: boolean;
+        }> & Omit<{
+            reverse: boolean;
+            interval: string | number;
+            height: string | number;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
+            disabled: boolean;
+            tag: string;
+            mandatory: NonNullable<boolean | "force">;
+            selectedClass: string;
+            continuous: boolean;
+            nextIcon: IconValue;
+            prevIcon: IconValue;
+            showArrows: NonNullable<string | boolean>;
+            cycle: boolean;
+            delimiterIcon: IconValue;
+            hideDelimiters: boolean;
+            hideDelimiterBackground: boolean;
             progress?: string | boolean | undefined;
-            key?: string | number | symbol | undefined;
             color?: string | undefined;
             class?: any;
+            touch?: boolean | TouchHandlers | undefined;
+            theme?: string | undefined;
+            modelValue?: any;
+            verticalDelimiters?: boolean | "left" | "right" | undefined;
             $children?: vue.VNodeChild | ((arg: {
                 group: GroupProvide;
             }) => vue.VNodeChild) | {
@@ -118,13 +139,6 @@ declare const VCarousel: {
                     };
                 }) => vue.VNodeChild) | undefined;
             };
-            ref?: vue.VNodeRef | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            theme?: string | undefined;
-            "v-slot:default"?: false | ((arg: {
-                group: GroupProvide;
-            }) => vue.VNodeChild) | undefined;
             'v-slots'?: {
                 default?: false | ((arg: {
                     group: GroupProvide;
@@ -157,49 +171,28 @@ declare const VCarousel: {
                     };
                 }) => vue.VNodeChild) | undefined;
             } | undefined;
+            "v-slot:default"?: false | ((arg: {
+                group: GroupProvide;
+            }) => vue.VNodeChild) | undefined;
             "v-slot:additional"?: false | ((arg: {
                 group: GroupProvide;
             }) => vue.VNodeChild) | undefined;
-            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            modelValue?: any;
-            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+            "v-slot:prev"?: false | ((arg: {
+                props: {
+                    icon: IconValue;
+                    class: string;
+                    onClick: () => void;
+                    ariaLabel: string;
+                };
+            }) => vue.VNodeChild) | undefined;
+            "v-slot:next"?: false | ((arg: {
+                props: {
+                    icon: IconValue;
+                    class: string;
+                    onClick: () => void;
+                    ariaLabel: string;
+                };
+            }) => vue.VNodeChild) | undefined;
             "v-slot:item"?: false | ((arg: {
                 props: Record<string, any>;
                 item: {
@@ -208,7 +201,108 @@ declare const VCarousel: {
                     disabled: boolean | undefined;
                 };
             }) => vue.VNodeChild) | undefined;
-            "v-slot:next"?: false | ((arg: {
+            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            reverse: boolean;
+            interval: string | number;
+            height: string | number;
+            direction: "horizontal" | "vertical";
+            style: vue.StyleValue;
+            disabled: boolean;
+            tag: string;
+            mandatory: NonNullable<boolean | "force">;
+            selectedClass: string;
+            continuous: boolean;
+            nextIcon: IconValue;
+            prevIcon: IconValue;
+            showArrows: NonNullable<string | boolean>;
+            cycle: boolean;
+            delimiterIcon: IconValue;
+            hideDelimiters: boolean;
+            hideDelimiterBackground: boolean;
+        } & {
+            progress?: string | boolean | undefined;
+            color?: string | undefined;
+            class?: any;
+            touch?: boolean | TouchHandlers | undefined;
+            theme?: string | undefined;
+            modelValue?: any;
+            verticalDelimiters?: boolean | "left" | "right" | undefined;
+        } & {
+            $children?: vue.VNodeChild | ((arg: {
+                group: GroupProvide;
+            }) => vue.VNodeChild) | {
+                default?: ((arg: {
+                    group: GroupProvide;
+                }) => vue.VNodeChild) | undefined;
+                additional?: ((arg: {
+                    group: GroupProvide;
+                }) => vue.VNodeChild) | undefined;
+                prev?: ((arg: {
+                    props: {
+                        icon: IconValue;
+                        class: string;
+                        onClick: () => void;
+                        ariaLabel: string;
+                    };
+                }) => vue.VNodeChild) | undefined;
+                next?: ((arg: {
+                    props: {
+                        icon: IconValue;
+                        class: string;
+                        onClick: () => void;
+                        ariaLabel: string;
+                    };
+                }) => vue.VNodeChild) | undefined;
+                item?: ((arg: {
+                    props: Record<string, any>;
+                    item: {
+                        id: number;
+                        value: unknown;
+                        disabled: boolean | undefined;
+                    };
+                }) => vue.VNodeChild) | undefined;
+            };
+            'v-slots'?: {
+                default?: false | ((arg: {
+                    group: GroupProvide;
+                }) => vue.VNodeChild) | undefined;
+                additional?: false | ((arg: {
+                    group: GroupProvide;
+                }) => vue.VNodeChild) | undefined;
+                prev?: false | ((arg: {
+                    props: {
+                        icon: IconValue;
+                        class: string;
+                        onClick: () => void;
+                        ariaLabel: string;
+                    };
+                }) => vue.VNodeChild) | undefined;
+                next?: false | ((arg: {
+                    props: {
+                        icon: IconValue;
+                        class: string;
+                        onClick: () => void;
+                        ariaLabel: string;
+                    };
+                }) => vue.VNodeChild) | undefined;
+                item?: false | ((arg: {
+                    props: Record<string, any>;
+                    item: {
+                        id: number;
+                        value: unknown;
+                        disabled: boolean | undefined;
+                    };
+                }) => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((arg: {
+                group: GroupProvide;
+            }) => vue.VNodeChild) | undefined;
+            "v-slot:additional"?: false | ((arg: {
+                group: GroupProvide;
+            }) => vue.VNodeChild) | undefined;
+            "v-slot:prev"?: false | ((arg: {
                 props: {
                     icon: IconValue;
                     class: string;
@@ -216,7 +310,7 @@ declare const VCarousel: {
                     ariaLabel: string;
                 };
             }) => vue.VNodeChild) | undefined;
-            "v-slot:prev"?: false | ((arg: {
+            "v-slot:next"?: false | ((arg: {
                 props: {
                     icon: IconValue;
                     class: string;
@@ -224,8 +318,17 @@ declare const VCarousel: {
                     ariaLabel: string;
                 };
             }) => vue.VNodeChild) | undefined;
-            verticalDelimiters?: boolean | "left" | "right" | undefined;
-        };
+            "v-slot:item"?: false | ((arg: {
+                props: Record<string, any>;
+                item: {
+                    id: number;
+                    value: unknown;
+                    disabled: boolean | undefined;
+                };
+            }) => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+        }, "reverse" | "interval" | "height" | "direction" | "style" | "disabled" | "tag" | "mandatory" | "touch" | "selectedClass" | "continuous" | "nextIcon" | "prevIcon" | "showArrows" | "cycle" | "delimiterIcon" | "hideDelimiters" | "hideDelimiterBackground">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -960,18 +1063,25 @@ declare const VCarouselItem: {
     new (...args: any[]): {
         $: vue.ComponentInternalInstance;
         $data: {};
-        $props: {
-            inline?: boolean | undefined;
-            transition?: string | boolean | undefined;
-            style?: vue.StyleValue | undefined;
-            draggable?: boolean | "false" | "true" | undefined;
-            eager?: boolean | undefined;
-            disabled?: boolean | undefined;
-            options?: IntersectionObserverInit | undefined;
-            cover?: boolean | undefined;
-            src?: string | srcObject | undefined;
-            reverseTransition?: string | boolean | undefined;
-            key?: string | number | symbol | undefined;
+        $props: Partial<{
+            inline: boolean;
+            transition: string | boolean;
+            style: vue.StyleValue;
+            draggable: boolean | "false" | "true";
+            eager: boolean;
+            disabled: boolean;
+            options: IntersectionObserverInit;
+            cover: boolean;
+            src: string | srcObject;
+            reverseTransition: string | boolean;
+        }> & Omit<{
+            inline: boolean;
+            style: vue.StyleValue;
+            eager: boolean;
+            disabled: boolean;
+            options: IntersectionObserverInit;
+            cover: boolean;
+            src: string | srcObject;
             height?: string | number | undefined;
             width?: string | number | undefined;
             aspectRatio?: string | number | undefined;
@@ -979,75 +1089,85 @@ declare const VCarouselItem: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            transition?: string | boolean | undefined;
             value?: any;
+            draggable?: boolean | "false" | "true" | undefined;
             class?: any;
+            referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
+            alt?: string | undefined;
+            crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
+            sizes?: string | undefined;
+            srcset?: string | undefined;
+            contentClass?: string | undefined;
+            gradient?: string | undefined;
+            lazySrc?: string | undefined;
+            selectedClass?: string | undefined;
+            reverseTransition?: string | boolean | undefined;
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 placeholder?: (() => vue.VNodeChild) | undefined;
                 error?: (() => vue.VNodeChild) | undefined;
                 sources?: (() => vue.VNodeChild) | undefined;
             };
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                placeholder?: false | (() => vue.VNodeChild) | undefined;
+                error?: false | (() => vue.VNodeChild) | undefined;
+                sources?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+            inline: boolean;
+            style: vue.StyleValue;
+            eager: boolean;
+            disabled: boolean;
+            options: IntersectionObserverInit;
+            cover: boolean;
+            src: string | srcObject;
+        } & {
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            aspectRatio?: string | number | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            transition?: string | boolean | undefined;
+            value?: any;
+            draggable?: boolean | "false" | "true" | undefined;
+            class?: any;
             referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
             alt?: string | undefined;
             crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
             sizes?: string | undefined;
             srcset?: string | undefined;
-            ref?: vue.VNodeRef | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            contentClass?: string | undefined;
+            gradient?: string | undefined;
+            lazySrc?: string | undefined;
+            selectedClass?: string | undefined;
+            reverseTransition?: string | boolean | undefined;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+                placeholder?: (() => vue.VNodeChild) | undefined;
+                error?: (() => vue.VNodeChild) | undefined;
+                sources?: (() => vue.VNodeChild) | undefined;
+            };
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 placeholder?: false | (() => vue.VNodeChild) | undefined;
                 error?: false | (() => vue.VNodeChild) | undefined;
                 sources?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
-            contentClass?: string | undefined;
-            gradient?: string | undefined;
-            lazySrc?: string | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
-            "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
-            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            selectedClass?: string | undefined;
-        };
+        }, "inline" | "transition" | "style" | "draggable" | "eager" | "disabled" | "options" | "cover" | "src" | "reverseTransition">;
         $attrs: {
             [x: string]: unknown;
         };