@zeedhi/vuetify 3.0.11 → 3.2.0

package/types/components/zd-carousel/ZdCarousel.d.ts

@@ -114,6 +114,7 @@ export declare const ZdCarouselProps: {
             icon: boolean;
             large: boolean;
         };
+        watch: boolean;
     };
     prevButton: {
         type: ObjectConstructor;
@@ -124,6 +125,7 @@ export declare const ZdCarouselProps: {
             icon: boolean;
             large: boolean;
         };
+        watch: boolean;
     };
     children: {
         type: (StringConstructor | {
@@ -134,16 +136,20 @@ export declare const ZdCarouselProps: {
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
             readonly [Symbol.species]: ArrayConstructor;
         })[];
         default(): never[];
+        watch: boolean;
     };
     component: {
         type: StringConstructor;
+        watch: boolean;
     };
     allowDuplicate: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -168,10 +174,12 @@ export declare const ZdCarouselProps: {
     directives: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     events: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     instanceObject: {
         type: ObjectConstructor;
@@ -183,6 +191,7 @@ export declare const ZdCarouselProps: {
     keyMap: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     light: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -194,6 +203,7 @@ export declare const ZdCarouselProps: {
     };
     parent: {
         type: ObjectConstructor;
+        watch: boolean;
     };
     tabStop: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -316,6 +326,7 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
             icon: boolean;
             large: boolean;
         };
+        watch: boolean;
     };
     prevButton: {
         type: ObjectConstructor;
@@ -326,6 +337,7 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
             icon: boolean;
             large: boolean;
         };
+        watch: boolean;
     };
     children: {
         type: (StringConstructor | {
@@ -336,16 +348,20 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
             readonly [Symbol.species]: ArrayConstructor;
         })[];
         default(): never[];
+        watch: boolean;
     };
     component: {
         type: StringConstructor;
+        watch: boolean;
     };
     allowDuplicate: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -370,10 +386,12 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
     directives: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     events: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     instanceObject: {
         type: ObjectConstructor;
@@ -385,6 +403,7 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
     keyMap: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     light: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -396,6 +415,7 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
     };
     parent: {
         type: ObjectConstructor;
+        watch: boolean;
     };
     tabStop: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -424,9 +444,9 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
             onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/common").ICarouselEventParam, import("@zeedhi/core").IEvent<import("@zeedhi/common").ICarouselEventParam>> | undefined;
         };
         fractionPagination: boolean;
-        height: string | number;
-        maxHeight: string | number;
-        minHeight: string | number;
+        height: number | string;
+        maxHeight: number | string;
+        minHeight: number | string;
         fillHeight: boolean;
         infiniteScroll: boolean;
         initialSlide: number;
@@ -482,31 +502,31 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
             to?: string | undefined;
             top?: boolean | undefined;
             type?: string | undefined;
-            width?: string | number | undefined;
+            width?: number | string | undefined;
             active?: boolean | undefined;
             appendIcon?: string | undefined;
             border?: string | number | boolean | undefined;
             density?: "default" | "comfortable" | "compact" | undefined;
             elevation?: string | number | undefined;
-            loading?: string | boolean | undefined;
-            position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+            loading?: boolean | string | undefined;
+            position?: "relative" | "absolute" | "static" | "fixed" | "sticky" | undefined;
             prependIcon?: string | undefined;
             replace?: boolean | undefined;
             ripple?: boolean | undefined;
             selectedClass?: string | undefined;
-            size?: "default" | "small" | "large" | "x-small" | "x-large" | undefined;
+            size?: "x-small" | "small" | "default" | "large" | "x-large" | undefined;
             stacked?: boolean | undefined;
             tag?: string | undefined;
-            variant?: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
+            variant?: "text" | "flat" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
             children?: {
                 [x: string]: any;
-                children?: any[] | undefined;
+                children?: /*elided*/ any[] | undefined;
                 component: string;
                 allowDuplicate?: boolean | undefined;
                 autofocus?: boolean | undefined;
                 componentId?: number | undefined;
                 cssClass?: string | undefined;
-                cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                cssStyle?: (string | import("@zeedhi/core").IDictionary) | undefined;
                 events?: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                     blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -542,25 +562,25 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                         onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                     } | undefined;
                 } | undefined;
-                isVisible?: string | boolean | undefined;
+                isVisible?: boolean | string | undefined;
                 dark?: boolean | undefined;
                 light?: boolean | undefined;
                 theme?: string | undefined;
-                keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+                keyMap?: import("@zeedhi/core").IKeyMap | undefined;
                 name: string;
                 parent?: {
-                    addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                    getChildInstance: <T extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T;
+                    addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                    getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                     allowDuplicate: boolean;
                     autofocus: boolean;
                     children: {
                         [x: string]: any;
                         allowDuplicate?: boolean | undefined;
                         autofocus?: boolean | undefined;
-                        children?: any[] | undefined;
+                        children?: /*elided*/ any[] | undefined;
                         componentId?: number | undefined;
                         cssClass?: string | undefined;
-                        cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                        cssStyle?: (string | import("@zeedhi/core").IDictionary) | undefined;
                         events?: {
                             [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                             blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -596,20 +616,20 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                                 onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                             } | undefined;
                         } | undefined;
-                        isVisible?: string | boolean | undefined;
+                        isVisible?: boolean | string | undefined;
                         dark?: boolean | undefined;
                         light?: boolean | undefined;
                         theme?: string | undefined;
-                        keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+                        keyMap?: import("@zeedhi/core").IKeyMap | undefined;
                         name: string;
-                        parent?: any | undefined;
+                        parent?: /*elided*/ any | undefined;
                         tabStop?: boolean | undefined;
-                        userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                        userProperties?: import("@zeedhi/core").IDictionary | undefined;
                         fillHeight?: boolean | undefined;
                     }[];
                     componentId: number;
                     cssClass: string;
-                    cssStyle: string | import("@zeedhi/core").IDictionary<any>;
+                    cssStyle: string | import("@zeedhi/core").IDictionary;
                     events: {
                         [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                         blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -645,19 +665,19 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                             onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                         } | undefined;
                     };
-                    isVisible: string | boolean;
+                    isVisible: boolean | string;
                     dark: boolean;
                     light: boolean;
                     theme?: string | undefined;
-                    keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                    keyMap: import("@zeedhi/core").IKeyMap;
                     name: string;
-                    parent?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop: boolean;
-                    userProperties: import("@zeedhi/core").IDictionary<any>;
+                    userProperties: import("@zeedhi/core").IDictionary;
                     fillHeight: boolean;
                 } | undefined;
                 tabStop?: boolean | undefined;
-                userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                userProperties?: import("@zeedhi/core").IDictionary | undefined;
                 fillHeight?: boolean | undefined;
             }[] | undefined;
             component: string;
@@ -665,7 +685,7 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
             autofocus?: boolean | undefined;
             componentId?: number | undefined;
             cssClass?: string | undefined;
-            cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+            cssStyle?: (string | import("@zeedhi/core").IDictionary) | undefined;
             directives?: {
                 [x: string]: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
@@ -690,25 +710,25 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                     onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 } | undefined;
             } | undefined;
-            isVisible?: string | boolean | undefined;
+            isVisible?: boolean | string | undefined;
             dark?: boolean | undefined;
             light?: boolean | undefined;
             theme?: string | undefined;
-            keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+            keyMap?: import("@zeedhi/core").IKeyMap | undefined;
             name: string;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T;
+                addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                 allowDuplicate: boolean;
                 autofocus: boolean;
                 children: {
                     [x: string]: any;
                     allowDuplicate?: boolean | undefined;
                     autofocus?: boolean | undefined;
-                    children?: any[] | undefined;
+                    children?: /*elided*/ any[] | undefined;
                     componentId?: number | undefined;
                     cssClass?: string | undefined;
-                    cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                    cssStyle?: (string | import("@zeedhi/core").IDictionary) | undefined;
                     events?: {
                         [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                         blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -744,20 +764,20 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                             onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                         } | undefined;
                     } | undefined;
-                    isVisible?: string | boolean | undefined;
+                    isVisible?: boolean | string | undefined;
                     dark?: boolean | undefined;
                     light?: boolean | undefined;
                     theme?: string | undefined;
-                    keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+                    keyMap?: import("@zeedhi/core").IKeyMap | undefined;
                     name: string;
-                    parent?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop?: boolean | undefined;
-                    userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                    userProperties?: import("@zeedhi/core").IDictionary | undefined;
                     fillHeight?: boolean | undefined;
                 }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | import("@zeedhi/core").IDictionary<any>;
+                cssStyle: string | import("@zeedhi/core").IDictionary;
                 events: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                     blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -793,19 +813,19 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                         onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                     } | undefined;
                 };
-                isVisible: string | boolean;
+                isVisible: boolean | string;
                 dark: boolean;
                 light: boolean;
                 theme?: string | undefined;
-                keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                keyMap: import("@zeedhi/core").IKeyMap;
                 name: string;
-                parent?: any | undefined;
+                parent?: /*elided*/ any | undefined;
                 tabStop: boolean;
-                userProperties: import("@zeedhi/core").IDictionary<any>;
+                userProperties: import("@zeedhi/core").IDictionary;
                 fillHeight: boolean;
             } | undefined;
             tabStop?: boolean | undefined;
-            userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+            userProperties?: import("@zeedhi/core").IDictionary | undefined;
             fillHeight?: boolean | undefined;
         };
         prevButton: {
@@ -845,31 +865,31 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
             to?: string | undefined;
             top?: boolean | undefined;
             type?: string | undefined;
-            width?: string | number | undefined;
+            width?: number | string | undefined;
             active?: boolean | undefined;
             appendIcon?: string | undefined;
             border?: string | number | boolean | undefined;
             density?: "default" | "comfortable" | "compact" | undefined;
             elevation?: string | number | undefined;
-            loading?: string | boolean | undefined;
-            position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+            loading?: boolean | string | undefined;
+            position?: "relative" | "absolute" | "static" | "fixed" | "sticky" | undefined;
             prependIcon?: string | undefined;
             replace?: boolean | undefined;
             ripple?: boolean | undefined;
             selectedClass?: string | undefined;
-            size?: "default" | "small" | "large" | "x-small" | "x-large" | undefined;
+            size?: "x-small" | "small" | "default" | "large" | "x-large" | undefined;
             stacked?: boolean | undefined;
             tag?: string | undefined;
-            variant?: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
+            variant?: "text" | "flat" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
             children?: {
                 [x: string]: any;
-                children?: any[] | undefined;
+                children?: /*elided*/ any[] | undefined;
                 component: string;
                 allowDuplicate?: boolean | undefined;
                 autofocus?: boolean | undefined;
                 componentId?: number | undefined;
                 cssClass?: string | undefined;
-                cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                cssStyle?: (string | import("@zeedhi/core").IDictionary) | undefined;
                 events?: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                     blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -905,25 +925,25 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                         onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                     } | undefined;
                 } | undefined;
-                isVisible?: string | boolean | undefined;
+                isVisible?: boolean | string | undefined;
                 dark?: boolean | undefined;
                 light?: boolean | undefined;
                 theme?: string | undefined;
-                keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+                keyMap?: import("@zeedhi/core").IKeyMap | undefined;
                 name: string;
                 parent?: {
-                    addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                    getChildInstance: <T extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T;
+                    addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                    getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                     allowDuplicate: boolean;
                     autofocus: boolean;
                     children: {
                         [x: string]: any;
                         allowDuplicate?: boolean | undefined;
                         autofocus?: boolean | undefined;
-                        children?: any[] | undefined;
+                        children?: /*elided*/ any[] | undefined;
                         componentId?: number | undefined;
                         cssClass?: string | undefined;
-                        cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                        cssStyle?: (string | import("@zeedhi/core").IDictionary) | undefined;
                         events?: {
                             [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                             blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -959,20 +979,20 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                                 onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                             } | undefined;
                         } | undefined;
-                        isVisible?: string | boolean | undefined;
+                        isVisible?: boolean | string | undefined;
                         dark?: boolean | undefined;
                         light?: boolean | undefined;
                         theme?: string | undefined;
-                        keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+                        keyMap?: import("@zeedhi/core").IKeyMap | undefined;
                         name: string;
-                        parent?: any | undefined;
+                        parent?: /*elided*/ any | undefined;
                         tabStop?: boolean | undefined;
-                        userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                        userProperties?: import("@zeedhi/core").IDictionary | undefined;
                         fillHeight?: boolean | undefined;
                     }[];
                     componentId: number;
                     cssClass: string;
-                    cssStyle: string | import("@zeedhi/core").IDictionary<any>;
+                    cssStyle: string | import("@zeedhi/core").IDictionary;
                     events: {
                         [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                         blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1008,19 +1028,19 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                             onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                         } | undefined;
                     };
-                    isVisible: string | boolean;
+                    isVisible: boolean | string;
                     dark: boolean;
                     light: boolean;
                     theme?: string | undefined;
-                    keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                    keyMap: import("@zeedhi/core").IKeyMap;
                     name: string;
-                    parent?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop: boolean;
-                    userProperties: import("@zeedhi/core").IDictionary<any>;
+                    userProperties: import("@zeedhi/core").IDictionary;
                     fillHeight: boolean;
                 } | undefined;
                 tabStop?: boolean | undefined;
-                userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                userProperties?: import("@zeedhi/core").IDictionary | undefined;
                 fillHeight?: boolean | undefined;
             }[] | undefined;
             component: string;
@@ -1028,7 +1048,7 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
             autofocus?: boolean | undefined;
             componentId?: number | undefined;
             cssClass?: string | undefined;
-            cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+            cssStyle?: (string | import("@zeedhi/core").IDictionary) | undefined;
             directives?: {
                 [x: string]: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
@@ -1053,25 +1073,25 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                     onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 } | undefined;
             } | undefined;
-            isVisible?: string | boolean | undefined;
+            isVisible?: boolean | string | undefined;
             dark?: boolean | undefined;
             light?: boolean | undefined;
             theme?: string | undefined;
-            keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+            keyMap?: import("@zeedhi/core").IKeyMap | undefined;
             name: string;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T;
+                addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                 allowDuplicate: boolean;
                 autofocus: boolean;
                 children: {
                     [x: string]: any;
                     allowDuplicate?: boolean | undefined;
                     autofocus?: boolean | undefined;
-                    children?: any[] | undefined;
+                    children?: /*elided*/ any[] | undefined;
                     componentId?: number | undefined;
                     cssClass?: string | undefined;
-                    cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                    cssStyle?: (string | import("@zeedhi/core").IDictionary) | undefined;
                     events?: {
                         [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                         blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1107,20 +1127,20 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                             onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                         } | undefined;
                     } | undefined;
-                    isVisible?: string | boolean | undefined;
+                    isVisible?: boolean | string | undefined;
                     dark?: boolean | undefined;
                     light?: boolean | undefined;
                     theme?: string | undefined;
-                    keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+                    keyMap?: import("@zeedhi/core").IKeyMap | undefined;
                     name: string;
-                    parent?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop?: boolean | undefined;
-                    userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                    userProperties?: import("@zeedhi/core").IDictionary | undefined;
                     fillHeight?: boolean | undefined;
                 }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | import("@zeedhi/core").IDictionary<any>;
+                cssStyle: string | import("@zeedhi/core").IDictionary;
                 events: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                     blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1156,35 +1176,35 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                         onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                     } | undefined;
                 };
-                isVisible: string | boolean;
+                isVisible: boolean | string;
                 dark: boolean;
                 light: boolean;
                 theme?: string | undefined;
-                keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                keyMap: import("@zeedhi/core").IKeyMap;
                 name: string;
-                parent?: any | undefined;
+                parent?: /*elided*/ any | undefined;
                 tabStop: boolean;
-                userProperties: import("@zeedhi/core").IDictionary<any>;
+                userProperties: import("@zeedhi/core").IDictionary;
                 fillHeight: boolean;
             } | undefined;
             tabStop?: boolean | undefined;
-            userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+            userProperties?: import("@zeedhi/core").IDictionary | undefined;
             fillHeight?: boolean | undefined;
         };
         slideTo: (index: number) => void;
         slideNext: () => void;
         slidePrev: () => void;
-        beforeSlide: (element: any, slideData: ISlideData, event?: Event | undefined) => void;
-        slide: (element: any, slideData: ISlideData, event?: Event | undefined) => void;
+        beforeSlide: (element: any, slideData: ISlideData, event?: Event) => void;
+        slide: (element: any, slideData: ISlideData, event?: Event) => void;
         children: {
             [x: string]: any;
-            children?: any[] | undefined;
+            children?: /*elided*/ any[] | undefined;
             component: string;
             allowDuplicate?: boolean | undefined;
             autofocus?: boolean | undefined;
             componentId?: number | undefined;
             cssClass?: string | undefined;
-            cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+            cssStyle?: (string | import("@zeedhi/core").IDictionary) | undefined;
             events?: {
                 [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                 blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1220,25 +1240,25 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                     onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 } | undefined;
             } | undefined;
-            isVisible?: string | boolean | undefined;
+            isVisible?: boolean | string | undefined;
             dark?: boolean | undefined;
             light?: boolean | undefined;
             theme?: string | undefined;
-            keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+            keyMap?: import("@zeedhi/core").IKeyMap | undefined;
             name: string;
             parent?: {
-                addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-                getChildInstance: <T extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T;
+                addChildInstance: (component: import("@zeedhi/common").Component) => void;
+                getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
                 allowDuplicate: boolean;
                 autofocus: boolean;
                 children: {
                     [x: string]: any;
                     allowDuplicate?: boolean | undefined;
                     autofocus?: boolean | undefined;
-                    children?: any[] | undefined;
+                    children?: /*elided*/ any[] | undefined;
                     componentId?: number | undefined;
                     cssClass?: string | undefined;
-                    cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                    cssStyle?: (string | import("@zeedhi/core").IDictionary) | undefined;
                     events?: {
                         [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                         blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1274,20 +1294,20 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                             onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                         } | undefined;
                     } | undefined;
-                    isVisible?: string | boolean | undefined;
+                    isVisible?: boolean | string | undefined;
                     dark?: boolean | undefined;
                     light?: boolean | undefined;
                     theme?: string | undefined;
-                    keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+                    keyMap?: import("@zeedhi/core").IKeyMap | undefined;
                     name: string;
-                    parent?: any | undefined;
+                    parent?: /*elided*/ any | undefined;
                     tabStop?: boolean | undefined;
-                    userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                    userProperties?: import("@zeedhi/core").IDictionary | undefined;
                     fillHeight?: boolean | undefined;
                 }[];
                 componentId: number;
                 cssClass: string;
-                cssStyle: string | import("@zeedhi/core").IDictionary<any>;
+                cssStyle: string | import("@zeedhi/core").IDictionary;
                 events: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                     blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1323,19 +1343,19 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                         onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                     } | undefined;
                 };
-                isVisible: string | boolean;
+                isVisible: boolean | string;
                 dark: boolean;
                 light: boolean;
                 theme?: string | undefined;
-                keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+                keyMap: import("@zeedhi/core").IKeyMap;
                 name: string;
-                parent?: any | undefined;
+                parent?: /*elided*/ any | undefined;
                 tabStop: boolean;
-                userProperties: import("@zeedhi/core").IDictionary<any>;
+                userProperties: import("@zeedhi/core").IDictionary;
                 fillHeight: boolean;
             } | undefined;
             tabStop?: boolean | undefined;
-            userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+            userProperties?: import("@zeedhi/core").IDictionary | undefined;
             fillHeight?: boolean | undefined;
         }[];
         component: string;
@@ -1374,18 +1394,18 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
         light: boolean;
         theme?: string | undefined;
         parent?: {
-            addChildInstance: (component: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
-            getChildInstance: <T extends import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>>(name: string) => T;
+            addChildInstance: (component: import("@zeedhi/common").Component) => void;
+            getChildInstance: <T extends import("@zeedhi/common").Component>(name: string) => T;
             allowDuplicate: boolean;
             autofocus: boolean;
             children: {
                 [x: string]: any;
                 allowDuplicate?: boolean | undefined;
                 autofocus?: boolean | undefined;
-                children?: any[] | undefined;
+                children?: /*elided*/ any[] | undefined;
                 componentId?: number | undefined;
                 cssClass?: string | undefined;
-                cssStyle?: string | import("@zeedhi/core").IDictionary<any> | undefined;
+                cssStyle?: (string | import("@zeedhi/core").IDictionary) | undefined;
                 events?: {
                     [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                     blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1421,20 +1441,20 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                         onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                     } | undefined;
                 } | undefined;
-                isVisible?: string | boolean | undefined;
+                isVisible?: boolean | string | undefined;
                 dark?: boolean | undefined;
                 light?: boolean | undefined;
                 theme?: string | undefined;
-                keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+                keyMap?: import("@zeedhi/core").IKeyMap | undefined;
                 name: string;
-                parent?: any | undefined;
+                parent?: /*elided*/ any | undefined;
                 tabStop?: boolean | undefined;
-                userProperties?: import("@zeedhi/core").IDictionary<any> | undefined;
+                userProperties?: import("@zeedhi/core").IDictionary | undefined;
                 fillHeight?: boolean | undefined;
             }[];
             componentId: number;
             cssClass: string;
-            cssStyle: string | import("@zeedhi/core").IDictionary<any>;
+            cssStyle: string | import("@zeedhi/core").IDictionary;
             events: {
                 [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | (string | import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>> | undefined)[] | undefined;
                 blur?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
@@ -1470,19 +1490,19 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
                     onDestroyed?: import("@zeedhi/common").EventDef<import("@zeedhi/core").IEventParam<any>, import("@zeedhi/core").IEvent<import("@zeedhi/core").IEventParam<any>>> | undefined;
                 } | undefined;
             };
-            isVisible: string | boolean;
+            isVisible: boolean | string;
             dark: boolean;
             light: boolean;
             theme?: string | undefined;
-            keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+            keyMap: import("@zeedhi/core").IKeyMap;
             name: string;
-            parent?: any | undefined;
+            parent?: /*elided*/ any | undefined;
             tabStop: boolean;
-            userProperties: import("@zeedhi/core").IDictionary<any>;
+            userProperties: import("@zeedhi/core").IDictionary;
             fillHeight: boolean;
         } | undefined;
         componentId: number;
-        keyMap: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>>;
+        keyMap: import("@zeedhi/core").IKeyMap;
         isFocused: boolean;
         tabStop: boolean;
         userProperties: import("@zeedhi/core").IDictionary<any>;
@@ -1491,22 +1511,22 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
         callEvent: (eventName: string, args: any) => boolean;
         addChild: (child: import("@zeedhi/common").IComponent) => void;
         removeChild: (name: string) => void;
-        getChildInstance: <T_1>(name: string) => T_1;
-        addChildInstance: (instance: import("@zeedhi/common").Component<import("@zeedhi/common").IComponent>) => void;
+        getChildInstance: <T>(name: string) => T;
+        addChildInstance: (instance: import("@zeedhi/common").Component) => void;
         onCreated: () => void;
         onBeforeMount: () => void;
         onMounted: (element: any) => void;
         onBeforeDestroy: () => void;
         onDestroyed: () => void;
-        click: (event?: Event | undefined, element?: any) => void;
+        click: (event?: Event, element?: any) => void;
         focus: (event: Event, element: any) => void;
         blur: (event: Event, element: any) => void;
-        mouseenter: (event?: Event | undefined, element?: any) => void;
-        mouseleave: (event?: Event | undefined, element?: any) => void;
-        mouseout: (event?: Event | undefined, element?: any) => void;
-        mouseover: (event?: Event | undefined, element?: any) => void;
+        mouseenter: (event?: Event, element?: any) => void;
+        mouseleave: (event?: Event, element?: any) => void;
+        mouseout: (event?: Event, element?: any) => void;
+        mouseover: (event?: Event, element?: any) => void;
     };
-    root: Readonly<import("vue").ShallowRef<HTMLElement | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null, HTMLElement | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null>>;
+    root: Readonly<import("vue").ShallowRef<HTMLElement | ComponentPublicInstance | null>>;
     infiniteScrollProp: import("vue").ComputedRef<boolean>;
     initialSlideProp: import("vue").ComputedRef<string | number>;
     progressWidth: import("vue").ComputedRef<string>;
@@ -1521,75 +1541,62 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
     setEvent: (event: any) => void;
     Carousel: import("vue").DefineComponent<{
         autoplay?: number | undefined;
-        breakpointMode?: "viewport" | "carousel" | undefined;
+        breakpointMode?: import("vue3-carousel").BreakpointMode | undefined;
         breakpoints?: import("vue3-carousel").Breakpoints | undefined;
-        dir?: "ltr" | "left-to-right" | "rtl" | "right-to-left" | "ttb" | "top-to-bottom" | "btt" | "bottom-to-top" | undefined;
+        clamp?: boolean | undefined;
+        dir?: import("vue3-carousel").Dir | undefined;
         enabled: boolean;
         gap: number;
         height: string | number;
-        i18n: {
-            ariaGallery?: string | undefined;
-            ariaNavigateToPage?: string | undefined;
-            ariaNavigateToSlide?: string | undefined;
-            ariaNextSlide?: string | undefined;
-            ariaPreviousSlide?: string | undefined;
-            iconArrowDown?: string | undefined;
-            iconArrowLeft?: string | undefined;
-            iconArrowRight?: string | undefined;
-            iconArrowUp?: string | undefined;
-            itemXofY?: string | undefined;
-        };
-        ignoreAnimations: string | boolean | string[];
+        i18n: { [key in import("vue3-carousel").I18nKeys]?: string; };
+        ignoreAnimations: boolean | string[] | string;
         itemsToScroll: number;
         itemsToShow: number | "auto";
         modelValue?: number | undefined;
-        mouseDrag?: boolean | undefined;
+        mouseDrag?: (boolean | import("vue3-carousel").DragConfig) | undefined;
+        mouseWheel?: (boolean | import("vue3-carousel").WheelConfig) | undefined;
+        mouseScrollThreshold?: number | undefined;
         pauseAutoplayOnHover?: boolean | undefined;
         preventExcessiveDragging: boolean;
-        slideEffect: "slide" | "fade";
-        snapAlign: "center" | "start" | "end" | "center-even" | "center-odd";
-        touchDrag?: boolean | undefined;
+        slideEffect: import("vue3-carousel").SlideEffect;
+        snapAlign: import("vue3-carousel").SnapAlign;
+        touchDrag?: (boolean | import("vue3-carousel").DragConfig) | undefined;
         transition?: number | undefined;
+        transitionEasing?: import("vue3-carousel").TransitionEasing | undefined;
         wrapAround?: boolean | undefined;
     }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, "slide-registered" | "slide-unregistered" | "drag" | "before-init" | "init" | "loop" | "slide-end" | "slide-start" | "update:modelValue", import("vue").PublicProps, Readonly<{
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, "slide-registered" | "slide-unregistered" | "drag" | "wheel" | "before-init" | "init" | "loop" | "slide-end" | "slide-start" | "update:modelValue", import("vue").PublicProps, Readonly<{
         autoplay?: number | undefined;
-        breakpointMode?: "viewport" | "carousel" | undefined;
+        breakpointMode?: import("vue3-carousel").BreakpointMode | undefined;
         breakpoints?: import("vue3-carousel").Breakpoints | undefined;
-        dir?: "ltr" | "left-to-right" | "rtl" | "right-to-left" | "ttb" | "top-to-bottom" | "btt" | "bottom-to-top" | undefined;
+        clamp?: boolean | undefined;
+        dir?: import("vue3-carousel").Dir | undefined;
         enabled: boolean;
         gap: number;
         height: string | number;
-        i18n: {
-            ariaGallery?: string | undefined;
-            ariaNavigateToPage?: string | undefined;
-            ariaNavigateToSlide?: string | undefined;
-            ariaNextSlide?: string | undefined;
-            ariaPreviousSlide?: string | undefined;
-            iconArrowDown?: string | undefined;
-            iconArrowLeft?: string | undefined;
-            iconArrowRight?: string | undefined;
-            iconArrowUp?: string | undefined;
-            itemXofY?: string | undefined;
-        };
-        ignoreAnimations: string | boolean | string[];
+        i18n: { [key in import("vue3-carousel").I18nKeys]?: string; };
+        ignoreAnimations: boolean | string[] | string;
         itemsToScroll: number;
         itemsToShow: number | "auto";
         modelValue?: number | undefined;
-        mouseDrag?: boolean | undefined;
+        mouseDrag?: (boolean | import("vue3-carousel").DragConfig) | undefined;
+        mouseWheel?: (boolean | import("vue3-carousel").WheelConfig) | undefined;
+        mouseScrollThreshold?: number | undefined;
         pauseAutoplayOnHover?: boolean | undefined;
         preventExcessiveDragging: boolean;
-        slideEffect: "slide" | "fade";
-        snapAlign: "center" | "start" | "end" | "center-even" | "center-odd";
-        touchDrag?: boolean | undefined;
+        slideEffect: import("vue3-carousel").SlideEffect;
+        snapAlign: import("vue3-carousel").SnapAlign;
+        touchDrag?: (boolean | import("vue3-carousel").DragConfig) | undefined;
         transition?: number | undefined;
+        transitionEasing?: import("vue3-carousel").TransitionEasing | undefined;
         wrapAround?: boolean | undefined;
     }> & Readonly<{}>, {
         breakpoints: import("vue3-carousel").Breakpoints | undefined;
         modelValue: number;
         breakpointMode: "viewport" | "carousel";
         autoplay: number;
+        clamp: boolean;
         dir: "ltr" | "left-to-right" | "rtl" | "right-to-left" | "ttb" | "top-to-bottom" | "btt" | "bottom-to-top";
         enabled: boolean;
         gap: number;
@@ -1609,20 +1616,22 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
         ignoreAnimations: string | boolean | string[];
         itemsToScroll: number;
         itemsToShow: string | number;
-        mouseDrag: boolean;
+        mouseDrag: boolean | import("vue3-carousel").DragConfig;
+        mouseWheel: boolean | import("vue3-carousel").WheelConfig;
+        mouseScrollThreshold: number;
         pauseAutoplayOnHover: boolean;
         preventExcessiveDragging: boolean;
         slideEffect: "slide" | "fade";
         snapAlign: "center" | "start" | "end" | "center-even" | "center-odd";
-        touchDrag: boolean;
+        touchDrag: boolean | import("vue3-carousel").DragConfig;
         transition: number;
+        transitionEasing: string;
         wrapAround: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     Slide: import("vue").DefineComponent<{
         readonly id?: string | undefined;
         readonly index: number;
         readonly isClone?: boolean | undefined;
-        readonly position?: "before" | "after" | undefined;
     }, (() => string) | (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -1631,10 +1640,8 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
         readonly id?: string | undefined;
         readonly index: number;
         readonly isClone?: boolean | undefined;
-        readonly position?: "before" | "after" | undefined;
     }> & Readonly<{}>, {
         isClone: boolean;
-        position: string;
         index: number;
         id: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1753,6 +1760,7 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
             icon: boolean;
             large: boolean;
         };
+        watch: boolean;
     };
     prevButton: {
         type: ObjectConstructor;
@@ -1763,6 +1771,7 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
             icon: boolean;
             large: boolean;
         };
+        watch: boolean;
     };
     children: {
         type: (StringConstructor | {
@@ -1773,16 +1782,20 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
             readonly [Symbol.species]: ArrayConstructor;
         })[];
         default(): never[];
+        watch: boolean;
     };
     component: {
         type: StringConstructor;
+        watch: boolean;
     };
     allowDuplicate: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -1807,10 +1820,12 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
     directives: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     events: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     instanceObject: {
         type: ObjectConstructor;
@@ -1822,6 +1837,7 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
     keyMap: {
         type: ObjectConstructor;
         default(): {};
+        watch: boolean;
     };
     light: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -1833,6 +1849,7 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
     };
     parent: {
         type: ObjectConstructor;
+        watch: boolean;
     };
     tabStop: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -1884,75 +1901,62 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
 }, {}, {
     Carousel: import("vue").DefineComponent<{
         autoplay?: number | undefined;
-        breakpointMode?: "viewport" | "carousel" | undefined;
+        breakpointMode?: import("vue3-carousel").BreakpointMode | undefined;
         breakpoints?: import("vue3-carousel").Breakpoints | undefined;
-        dir?: "ltr" | "left-to-right" | "rtl" | "right-to-left" | "ttb" | "top-to-bottom" | "btt" | "bottom-to-top" | undefined;
+        clamp?: boolean | undefined;
+        dir?: import("vue3-carousel").Dir | undefined;
         enabled: boolean;
         gap: number;
         height: string | number;
-        i18n: {
-            ariaGallery?: string | undefined;
-            ariaNavigateToPage?: string | undefined;
-            ariaNavigateToSlide?: string | undefined;
-            ariaNextSlide?: string | undefined;
-            ariaPreviousSlide?: string | undefined;
-            iconArrowDown?: string | undefined;
-            iconArrowLeft?: string | undefined;
-            iconArrowRight?: string | undefined;
-            iconArrowUp?: string | undefined;
-            itemXofY?: string | undefined;
-        };
-        ignoreAnimations: string | boolean | string[];
+        i18n: { [key in import("vue3-carousel").I18nKeys]?: string; };
+        ignoreAnimations: boolean | string[] | string;
         itemsToScroll: number;
         itemsToShow: number | "auto";
         modelValue?: number | undefined;
-        mouseDrag?: boolean | undefined;
+        mouseDrag?: (boolean | import("vue3-carousel").DragConfig) | undefined;
+        mouseWheel?: (boolean | import("vue3-carousel").WheelConfig) | undefined;
+        mouseScrollThreshold?: number | undefined;
         pauseAutoplayOnHover?: boolean | undefined;
         preventExcessiveDragging: boolean;
-        slideEffect: "slide" | "fade";
-        snapAlign: "center" | "start" | "end" | "center-even" | "center-odd";
-        touchDrag?: boolean | undefined;
+        slideEffect: import("vue3-carousel").SlideEffect;
+        snapAlign: import("vue3-carousel").SnapAlign;
+        touchDrag?: (boolean | import("vue3-carousel").DragConfig) | undefined;
         transition?: number | undefined;
+        transitionEasing?: import("vue3-carousel").TransitionEasing | undefined;
         wrapAround?: boolean | undefined;
     }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, "slide-registered" | "slide-unregistered" | "drag" | "before-init" | "init" | "loop" | "slide-end" | "slide-start" | "update:modelValue", import("vue").PublicProps, Readonly<{
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, "slide-registered" | "slide-unregistered" | "drag" | "wheel" | "before-init" | "init" | "loop" | "slide-end" | "slide-start" | "update:modelValue", import("vue").PublicProps, Readonly<{
         autoplay?: number | undefined;
-        breakpointMode?: "viewport" | "carousel" | undefined;
+        breakpointMode?: import("vue3-carousel").BreakpointMode | undefined;
         breakpoints?: import("vue3-carousel").Breakpoints | undefined;
-        dir?: "ltr" | "left-to-right" | "rtl" | "right-to-left" | "ttb" | "top-to-bottom" | "btt" | "bottom-to-top" | undefined;
+        clamp?: boolean | undefined;
+        dir?: import("vue3-carousel").Dir | undefined;
         enabled: boolean;
         gap: number;
         height: string | number;
-        i18n: {
-            ariaGallery?: string | undefined;
-            ariaNavigateToPage?: string | undefined;
-            ariaNavigateToSlide?: string | undefined;
-            ariaNextSlide?: string | undefined;
-            ariaPreviousSlide?: string | undefined;
-            iconArrowDown?: string | undefined;
-            iconArrowLeft?: string | undefined;
-            iconArrowRight?: string | undefined;
-            iconArrowUp?: string | undefined;
-            itemXofY?: string | undefined;
-        };
-        ignoreAnimations: string | boolean | string[];
+        i18n: { [key in import("vue3-carousel").I18nKeys]?: string; };
+        ignoreAnimations: boolean | string[] | string;
         itemsToScroll: number;
         itemsToShow: number | "auto";
         modelValue?: number | undefined;
-        mouseDrag?: boolean | undefined;
+        mouseDrag?: (boolean | import("vue3-carousel").DragConfig) | undefined;
+        mouseWheel?: (boolean | import("vue3-carousel").WheelConfig) | undefined;
+        mouseScrollThreshold?: number | undefined;
         pauseAutoplayOnHover?: boolean | undefined;
         preventExcessiveDragging: boolean;
-        slideEffect: "slide" | "fade";
-        snapAlign: "center" | "start" | "end" | "center-even" | "center-odd";
-        touchDrag?: boolean | undefined;
+        slideEffect: import("vue3-carousel").SlideEffect;
+        snapAlign: import("vue3-carousel").SnapAlign;
+        touchDrag?: (boolean | import("vue3-carousel").DragConfig) | undefined;
         transition?: number | undefined;
+        transitionEasing?: import("vue3-carousel").TransitionEasing | undefined;
         wrapAround?: boolean | undefined;
     }> & Readonly<{}>, {
         breakpoints: import("vue3-carousel").Breakpoints | undefined;
         modelValue: number;
         breakpointMode: "viewport" | "carousel";
         autoplay: number;
+        clamp: boolean;
         dir: "ltr" | "left-to-right" | "rtl" | "right-to-left" | "ttb" | "top-to-bottom" | "btt" | "bottom-to-top";
         enabled: boolean;
         gap: number;
@@ -1972,20 +1976,22 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
         ignoreAnimations: string | boolean | string[];
         itemsToScroll: number;
         itemsToShow: string | number;
-        mouseDrag: boolean;
+        mouseDrag: boolean | import("vue3-carousel").DragConfig;
+        mouseWheel: boolean | import("vue3-carousel").WheelConfig;
+        mouseScrollThreshold: number;
         pauseAutoplayOnHover: boolean;
         preventExcessiveDragging: boolean;
         slideEffect: "slide" | "fade";
         snapAlign: "center" | "start" | "end" | "center-even" | "center-odd";
-        touchDrag: boolean;
+        touchDrag: boolean | import("vue3-carousel").DragConfig;
         transition: number;
+        transitionEasing: string;
         wrapAround: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     Slide: import("vue").DefineComponent<{
         readonly id?: string | undefined;
         readonly index: number;
         readonly isClone?: boolean | undefined;
-        readonly position?: "before" | "after" | undefined;
     }, (() => string) | (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -1994,10 +2000,8 @@ declare const carouselComponent: import("vue").DefineComponent<import("vue").Ext
         readonly id?: string | undefined;
         readonly index: number;
         readonly isClone?: boolean | undefined;
-        readonly position?: "before" | "after" | undefined;
     }> & Readonly<{}>, {
         isClone: boolean;
-        position: string;
         index: number;
         id: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;