vuetify 3.3.1 → 3.3.2

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

@@ -101,15 +101,15 @@ declare const VTooltip: {
             eager?: boolean | undefined;
             disabled?: boolean | undefined;
             modelValue?: boolean | undefined;
+            locationStrategy?: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined)> | undefined;
+            scrollStrategy?: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition"> | undefined;
             activatorProps?: Record<string, any> | undefined;
             openOnClick?: boolean | undefined;
             openOnHover?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             closeOnContentClick?: boolean | undefined;
-            locationStrategy?: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
-            } | undefined)> | undefined;
-            scrollStrategy?: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition"> | undefined;
             closeOnBack?: boolean | undefined;
             contained?: boolean | undefined;
             noClickAnimation?: boolean | undefined;
@@ -236,14 +236,14 @@ declare const VTooltip: {
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
-            activatorProps: Record<string, any>;
-            openOnClick: boolean;
-            openOnHover: boolean;
-            closeOnContentClick: boolean;
             locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
             } | undefined)>;
             scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+            activatorProps: Record<string, any>;
+            openOnClick: boolean;
+            openOnHover: boolean;
+            closeOnContentClick: boolean;
             closeOnBack: boolean;
             contained: boolean;
             noClickAnimation: boolean;
@@ -311,15 +311,15 @@ declare const VTooltip: {
                 eager?: boolean | undefined;
                 disabled?: boolean | undefined;
                 modelValue?: boolean | undefined;
+                locationStrategy?: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                    updateLocation: (e: Event) => void;
+                } | undefined) | undefined;
+                scrollStrategy?: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition" | undefined;
                 activatorProps?: Record<string, any> | undefined;
                 openOnClick?: boolean | undefined;
                 openOnHover?: boolean | undefined;
                 openOnFocus?: boolean | undefined;
                 closeOnContentClick?: boolean | undefined;
-                locationStrategy?: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
-                    updateLocation: (e: Event) => void;
-                } | undefined) | undefined;
-                scrollStrategy?: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition" | undefined;
                 closeOnBack?: boolean | undefined;
                 contained?: boolean | undefined;
                 noClickAnimation?: boolean | undefined;
@@ -449,13 +449,13 @@ declare const VTooltip: {
                 eager: boolean;
                 disabled: boolean;
                 modelValue: boolean;
-                activatorProps: Record<string, any>;
-                openOnHover: boolean;
-                closeOnContentClick: boolean;
                 locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                     updateLocation: (e: Event) => void;
                 } | undefined);
                 scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+                activatorProps: Record<string, any>;
+                openOnHover: boolean;
+                closeOnContentClick: boolean;
                 closeOnBack: boolean;
                 contained: boolean;
                 noClickAnimation: boolean;
@@ -536,15 +536,15 @@ declare const VTooltip: {
                 eager: boolean;
                 disabled: boolean;
                 modelValue: boolean;
+                locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                    updateLocation: (e: Event) => void;
+                } | undefined);
+                scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
                 activatorProps: Record<string, any>;
                 openOnClick: boolean;
                 openOnHover: boolean;
                 openOnFocus: boolean;
                 closeOnContentClick: boolean;
-                locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
-                    updateLocation: (e: Event) => void;
-                } | undefined);
-                scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
                 closeOnBack: boolean;
                 contained: boolean;
                 noClickAnimation: boolean;
@@ -595,13 +595,13 @@ declare const VTooltip: {
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
-            activatorProps: Record<string, any>;
-            openOnHover: boolean;
-            closeOnContentClick: boolean;
             locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
             } | undefined);
             scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+            activatorProps: Record<string, any>;
+            openOnHover: boolean;
+            closeOnContentClick: boolean;
             closeOnBack: boolean;
             contained: boolean;
             noClickAnimation: boolean;
@@ -666,7 +666,7 @@ declare const VTooltip: {
             globalTop: Readonly<vue.Ref<boolean>>;
             localTop: vue.ComputedRef<boolean>;
             updateLocation: vue.Ref<((e: Event) => void) | undefined>;
-        }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'update:modelValue': (value: boolean) => boolean;
         }, string, {
             offset: NonNullable<string | number | number[] | undefined>;
@@ -681,15 +681,15 @@ declare const VTooltip: {
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
+            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined)>;
+            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             activatorProps: Record<string, any>;
             openOnClick: boolean;
             openOnHover: boolean;
             openOnFocus: boolean;
             closeOnContentClick: boolean;
-            locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
-            } | undefined)>;
-            scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
             closeOnBack: boolean;
             contained: boolean;
             noClickAnimation: boolean;
@@ -739,14 +739,14 @@ declare const VTooltip: {
         eager: boolean;
         disabled: boolean;
         modelValue: boolean;
-        activatorProps: Record<string, any>;
-        openOnClick: boolean;
-        openOnHover: boolean;
-        closeOnContentClick: boolean;
         locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
         } | undefined)>;
         scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+        activatorProps: Record<string, any>;
+        openOnClick: boolean;
+        openOnHover: boolean;
+        closeOnContentClick: boolean;
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
@@ -814,15 +814,15 @@ declare const VTooltip: {
             eager?: boolean | undefined;
             disabled?: boolean | undefined;
             modelValue?: boolean | undefined;
+            locationStrategy?: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined) | undefined;
+            scrollStrategy?: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition" | undefined;
             activatorProps?: Record<string, any> | undefined;
             openOnClick?: boolean | undefined;
             openOnHover?: boolean | undefined;
             openOnFocus?: boolean | undefined;
             closeOnContentClick?: boolean | undefined;
-            locationStrategy?: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
-            } | undefined) | undefined;
-            scrollStrategy?: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition" | undefined;
             closeOnBack?: boolean | undefined;
             contained?: boolean | undefined;
             noClickAnimation?: boolean | undefined;
@@ -952,13 +952,13 @@ declare const VTooltip: {
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
-            activatorProps: Record<string, any>;
-            openOnHover: boolean;
-            closeOnContentClick: boolean;
             locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
                 updateLocation: (e: Event) => void;
             } | undefined);
             scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+            activatorProps: Record<string, any>;
+            openOnHover: boolean;
+            closeOnContentClick: boolean;
             closeOnBack: boolean;
             contained: boolean;
             noClickAnimation: boolean;
@@ -1039,15 +1039,15 @@ declare const VTooltip: {
             eager: boolean;
             disabled: boolean;
             modelValue: boolean;
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined);
+            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
             activatorProps: Record<string, any>;
             openOnClick: boolean;
             openOnHover: boolean;
             openOnFocus: boolean;
             closeOnContentClick: boolean;
-            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
-                updateLocation: (e: Event) => void;
-            } | undefined);
-            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
             closeOnBack: boolean;
             contained: boolean;
             noClickAnimation: boolean;
@@ -1098,13 +1098,13 @@ declare const VTooltip: {
         eager: boolean;
         disabled: boolean;
         modelValue: boolean;
-        activatorProps: Record<string, any>;
-        openOnHover: boolean;
-        closeOnContentClick: boolean;
         locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
         } | undefined);
         scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+        activatorProps: Record<string, any>;
+        openOnHover: boolean;
+        closeOnContentClick: boolean;
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
@@ -1169,7 +1169,7 @@ declare const VTooltip: {
         globalTop: Readonly<vue.Ref<boolean>>;
         localTop: vue.ComputedRef<boolean>;
         updateLocation: vue.Ref<((e: Event) => void) | undefined>;
-    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>> & {} & vue.ComponentCustomProperties & {};
+    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -1186,14 +1186,14 @@ declare const VTooltip: {
     eager: boolean;
     disabled: boolean;
     modelValue: boolean;
-    activatorProps: Record<string, any>;
-    openOnClick: boolean;
-    openOnHover: boolean;
-    closeOnContentClick: boolean;
     locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
         updateLocation: (e: Event) => void;
     } | undefined)>;
     scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
+    activatorProps: Record<string, any>;
+    openOnClick: boolean;
+    openOnHover: boolean;
+    closeOnContentClick: boolean;
     closeOnBack: boolean;
     contained: boolean;
     noClickAnimation: boolean;
@@ -1261,15 +1261,15 @@ declare const VTooltip: {
         eager?: boolean | undefined;
         disabled?: boolean | undefined;
         modelValue?: boolean | undefined;
+        locationStrategy?: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            updateLocation: (e: Event) => void;
+        } | undefined) | undefined;
+        scrollStrategy?: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition" | undefined;
         activatorProps?: Record<string, any> | undefined;
         openOnClick?: boolean | undefined;
         openOnHover?: boolean | undefined;
         openOnFocus?: boolean | undefined;
         closeOnContentClick?: boolean | undefined;
-        locationStrategy?: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
-        } | undefined) | undefined;
-        scrollStrategy?: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition" | undefined;
         closeOnBack?: boolean | undefined;
         contained?: boolean | undefined;
         noClickAnimation?: boolean | undefined;
@@ -1399,13 +1399,13 @@ declare const VTooltip: {
         eager: boolean;
         disabled: boolean;
         modelValue: boolean;
-        activatorProps: Record<string, any>;
-        openOnHover: boolean;
-        closeOnContentClick: boolean;
         locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
         } | undefined);
         scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+        activatorProps: Record<string, any>;
+        openOnHover: boolean;
+        closeOnContentClick: boolean;
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
@@ -1486,15 +1486,15 @@ declare const VTooltip: {
         eager: boolean;
         disabled: boolean;
         modelValue: boolean;
+        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+            updateLocation: (e: Event) => void;
+        } | undefined);
+        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
         activatorProps: Record<string, any>;
         openOnClick: boolean;
         openOnHover: boolean;
         openOnFocus: boolean;
         closeOnContentClick: boolean;
-        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
-            updateLocation: (e: Event) => void;
-        } | undefined);
-        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
@@ -1545,13 +1545,13 @@ declare const VTooltip: {
     eager: boolean;
     disabled: boolean;
     modelValue: boolean;
-    activatorProps: Record<string, any>;
-    openOnHover: boolean;
-    closeOnContentClick: boolean;
     locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
         updateLocation: (e: Event) => void;
     } | undefined);
     scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
+    activatorProps: Record<string, any>;
+    openOnHover: boolean;
+    closeOnContentClick: boolean;
     closeOnBack: boolean;
     contained: boolean;
     noClickAnimation: boolean;
@@ -1616,7 +1616,7 @@ declare const VTooltip: {
     globalTop: Readonly<vue.Ref<boolean>>;
     localTop: vue.ComputedRef<boolean>;
     updateLocation: vue.Ref<((e: Event) => void) | undefined>;
-}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "class" | "onAfterLeave" | "$children" | "ref" | "ref_for" | "ref_key" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => boolean;
 }, string, {
     offset: NonNullable<string | number | number[] | undefined>;
@@ -1631,15 +1631,15 @@ declare const VTooltip: {
     eager: boolean;
     disabled: boolean;
     modelValue: boolean;
+    locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
+        updateLocation: (e: Event) => void;
+    } | undefined)>;
+    scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
     activatorProps: Record<string, any>;
     openOnClick: boolean;
     openOnHover: boolean;
     openOnFocus: boolean;
     closeOnContentClick: boolean;
-    locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
-        updateLocation: (e: Event) => void;
-    } | undefined)>;
-    scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
     closeOnBack: boolean;
     contained: boolean;
     noClickAnimation: boolean;
@@ -1716,28 +1716,6 @@ declare const VTooltip: {
     contentClass: null;
     modelValue: BooleanConstructor;
     activator: vue.PropType<string | Element | vue.ComponentPublicInstance | undefined>;
-    closeDelay: (StringConstructor | NumberConstructor)[];
-    openDelay: (StringConstructor | NumberConstructor)[];
-    activatorProps: {
-        type: vue.PropType<Record<string, any>>;
-        default: () => {};
-    };
-    openOnClick: Omit<{
-        type: BooleanConstructor;
-        default: undefined;
-    }, "type" | "default"> & {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    openOnHover: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    openOnFocus: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    closeOnContentClick: BooleanConstructor;
     locationStrategy: Omit<{
         type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
@@ -1760,6 +1738,28 @@ declare const VTooltip: {
         type: vue.PropType<NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">>;
         default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
     };
+    closeDelay: (StringConstructor | NumberConstructor)[];
+    openDelay: (StringConstructor | NumberConstructor)[];
+    activatorProps: {
+        type: vue.PropType<Record<string, any>>;
+        default: () => {};
+    };
+    openOnClick: Omit<{
+        type: BooleanConstructor;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    openOnHover: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    openOnFocus: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    closeOnContentClick: BooleanConstructor;
     closeOnBack: Omit<{
         type: BooleanConstructor;
         default: boolean;
@@ -1840,28 +1840,6 @@ declare const VTooltip: {
     contentClass: null;
     modelValue: BooleanConstructor;
     activator: vue.PropType<string | Element | vue.ComponentPublicInstance | undefined>;
-    closeDelay: (StringConstructor | NumberConstructor)[];
-    openDelay: (StringConstructor | NumberConstructor)[];
-    activatorProps: {
-        type: vue.PropType<Record<string, any>>;
-        default: () => {};
-    };
-    openOnClick: Omit<{
-        type: BooleanConstructor;
-        default: undefined;
-    }, "type" | "default"> & {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    openOnHover: {
-        type: vue.PropType<boolean>;
-        default: boolean;
-    };
-    openOnFocus: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    closeOnContentClick: BooleanConstructor;
     locationStrategy: Omit<{
         type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
             updateLocation: (e: Event) => void;
@@ -1884,6 +1862,28 @@ declare const VTooltip: {
         type: vue.PropType<NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">>;
         default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
     };
+    closeDelay: (StringConstructor | NumberConstructor)[];
+    openDelay: (StringConstructor | NumberConstructor)[];
+    activatorProps: {
+        type: vue.PropType<Record<string, any>>;
+        default: () => {};
+    };
+    openOnClick: Omit<{
+        type: BooleanConstructor;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    openOnHover: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    openOnFocus: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    closeOnContentClick: BooleanConstructor;
     closeOnBack: Omit<{
         type: BooleanConstructor;
         default: boolean;

package/lib/components/VVirtualScroll/VVirtualScroll.mjs

@@ -6,21 +6,18 @@ import "./VVirtualScroll.css";
 import { VVirtualScrollItem } from "./VVirtualScrollItem.mjs"; // Composables
 import { makeComponentProps } from "../../composables/component.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
-import { useDisplay } from "../../composables/display.mjs";
-import { useResizeObserver } from "../../composables/resizeObserver.mjs"; // Utilities
-import { computed, onMounted, ref, shallowRef, watch, watchEffect } from 'vue';
-import { clamp, convertToUnit, createRange, genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
-const UP = -1;
-const DOWN = 1;
+import { makeVirtualProps, useVirtual } from "../../composables/virtual.mjs"; // Utilities
+import { toRef } from 'vue';
+import { convertToUnit, genericComponent, propsFactory, useRender } from "../../util/index.mjs"; // Types
 export const makeVVirtualScrollProps = propsFactory({
   items: {
     type: Array,
     default: () => []
   },
-  itemHeight: [Number, String],
+  ...makeVirtualProps(),
   ...makeComponentProps(),
   ...makeDimensionProps()
-}, 'v-virtual-scroll');
+}, 'VVirtualScroll');
 export const VVirtualScroll = genericComponent()({
   name: 'VVirtualScroll',
   props: makeVVirtualScrollProps(),
@@ -28,95 +25,20 @@ export const VVirtualScroll = genericComponent()({
     let {
       slots
     } = _ref;
-    const first = shallowRef(0);
-    const baseItemHeight = shallowRef(props.itemHeight);
-    const itemHeight = computed({
-      get: () => parseInt(baseItemHeight.value ?? 0, 10),
-      set(val) {
-        baseItemHeight.value = val;
-      }
-    });
-    const rootEl = ref();
-    const {
-      resizeRef,
-      contentRect
-    } = useResizeObserver();
-    watchEffect(() => {
-      resizeRef.value = rootEl.value;
-    });
-    const display = useDisplay();
-    const sizeMap = new Map();
-    let sizes = createRange(props.items.length).map(() => itemHeight.value);
-    const visibleItems = computed(() => {
-      return Math.max(12, Math.ceil((contentRect.value?.height ?? display.height.value) / itemHeight.value * 1.7 + 1));
-    });
-    function handleItemResize(index, height) {
-      itemHeight.value = Math.max(itemHeight.value, height);
-      sizes[index] = height;
-      sizeMap.set(props.items[index], height);
-    }
-    function calculateOffset(index) {
-      return sizes.slice(0, index).reduce((curr, value) => curr + (value || itemHeight.value), 0);
-    }
-    function calculateMidPointIndex(scrollTop) {
-      const end = props.items.length;
-      let middle = 0;
-      let middleOffset = 0;
-      while (middleOffset < scrollTop && middle < end) {
-        middleOffset += sizes[middle++] || itemHeight.value;
-      }
-      return middle - 1;
-    }
-    let lastScrollTop = 0;
-    function handleScroll() {
-      if (!rootEl.value || !contentRect.value) return;
-      const height = contentRect.value.height;
-      const scrollTop = rootEl.value.scrollTop;
-      const direction = scrollTop < lastScrollTop ? UP : DOWN;
-      const midPointIndex = calculateMidPointIndex(scrollTop + height / 2);
-      const buffer = Math.round(visibleItems.value / 3);
-      if (direction === UP && midPointIndex <= first.value + buffer * 2 - 1) {
-        first.value = clamp(midPointIndex - buffer, 0, props.items.length);
-      } else if (direction === DOWN && midPointIndex >= first.value + buffer * 2 - 1) {
-        first.value = clamp(midPointIndex - buffer, 0, props.items.length - visibleItems.value);
-      }
-      lastScrollTop = rootEl.value.scrollTop;
-    }
-    function scrollToIndex(index) {
-      if (!rootEl.value) return;
-      const offset = calculateOffset(index);
-      rootEl.value.scrollTop = offset;
-    }
-    const items = computed(() => props.items.map((item, index) => ({
-      raw: item,
-      index
-    })));
-    const last = computed(() => Math.min(props.items.length, first.value + visibleItems.value));
-    const computedItems = computed(() => items.value.slice(first.value, last.value));
-    const paddingTop = computed(() => calculateOffset(first.value));
-    const paddingBottom = computed(() => calculateOffset(props.items.length) - calculateOffset(last.value));
     const {
       dimensionStyles
     } = useDimension(props);
-    onMounted(() => {
-      if (!itemHeight.value) {
-        // If itemHeight prop is not set, then calculate an estimated height from the average of inital items
-        itemHeight.value = sizes.slice(first.value, last.value).reduce((curr, height) => curr + height, 0) / visibleItems.value;
-      }
-    });
-    watch(() => props.items.length, () => {
-      sizes = createRange(props.items.length).map(() => itemHeight.value);
-      sizeMap.forEach((height, item) => {
-        const index = props.items.indexOf(item);
-        if (index === -1) {
-          sizeMap.delete(item);
-        } else {
-          sizes[index] = height;
-        }
-      });
-    });
+    const {
+      containerRef,
+      handleScroll,
+      handleItemResize,
+      scrollToIndex,
+      paddingTop,
+      paddingBottom,
+      computedItems
+    } = useVirtual(props, toRef(props, 'items'));
     useRender(() => _createVNode("div", {
-      "ref": rootEl,
+      "ref": containerRef,
       "class": ['v-virtual-scroll', props.class],
       "onScroll": handleScroll,
       "style": [dimensionStyles.value, props.style]