vuetify 3.6.13 → 3.7.0-beta.1

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

@@ -10,9 +10,7 @@ type VMessageSlot = {
 };
 declare const VMessages: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
-        style: vue.StyleValue;
         active: boolean;
-        messages: string | readonly string[];
         transition: {
             component: Component;
             leaveAbsolute: boolean;
@@ -20,9 +18,11 @@ declare const VMessages: {
         } | NonNullable<string | boolean | (vue.TransitionProps & {
             component?: Component | undefined;
         })>;
+        style: vue.StyleValue;
+        messages: string | readonly string[];
     } & {
-        class?: any;
         color?: string | undefined;
+        class?: any;
     } & {
         $children?: {} | vue.VNodeChild | {
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -33,9 +33,7 @@ declare const VMessages: {
     } & {
         "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
         active: boolean;
-        messages: string | readonly string[];
         transition: {
             component: Component;
             leaveAbsolute: boolean;
@@ -43,9 +41,11 @@ declare const VMessages: {
         } | NonNullable<string | boolean | (vue.TransitionProps & {
             component?: Component | undefined;
         })>;
+        style: vue.StyleValue;
+        messages: string | readonly string[];
     } & {
-        class?: any;
         color?: string | undefined;
+        class?: any;
     } & {
         $children?: {} | vue.VNodeChild | {
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -56,9 +56,7 @@ declare const VMessages: {
     } & {
         "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
     }, {
-        style: vue.StyleValue;
         active: boolean;
-        messages: string | readonly string[];
         transition: {
             component: Component;
             leaveAbsolute: boolean;
@@ -66,6 +64,8 @@ declare const VMessages: {
         } | NonNullable<string | boolean | (vue.TransitionProps & {
             component?: Component | undefined;
         })>;
+        style: vue.StyleValue;
+        messages: string | readonly string[];
     }, true, {}, vue.SlotsType<Partial<{
         message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
@@ -78,9 +78,7 @@ declare const VMessages: {
         M: {};
         Defaults: {};
     }, {
-        style: vue.StyleValue;
         active: boolean;
-        messages: string | readonly string[];
         transition: {
             component: Component;
             leaveAbsolute: boolean;
@@ -88,9 +86,11 @@ declare const VMessages: {
         } | NonNullable<string | boolean | (vue.TransitionProps & {
             component?: Component | undefined;
         })>;
+        style: vue.StyleValue;
+        messages: string | readonly string[];
     } & {
-        class?: any;
         color?: string | undefined;
+        class?: any;
     } & {
         $children?: {} | vue.VNodeChild | {
             message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -101,9 +101,7 @@ declare const VMessages: {
     } & {
         "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
-        style: vue.StyleValue;
         active: boolean;
-        messages: string | readonly string[];
         transition: {
             component: Component;
             leaveAbsolute: boolean;
@@ -111,14 +109,14 @@ declare const VMessages: {
         } | NonNullable<string | boolean | (vue.TransitionProps & {
             component?: Component | undefined;
         })>;
+        style: vue.StyleValue;
+        messages: string | readonly string[];
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    style: vue.StyleValue;
     active: boolean;
-    messages: string | readonly string[];
     transition: {
         component: Component;
         leaveAbsolute: boolean;
@@ -126,9 +124,11 @@ declare const VMessages: {
     } | NonNullable<string | boolean | (vue.TransitionProps & {
         component?: Component | undefined;
     })>;
+    style: vue.StyleValue;
+    messages: string | readonly string[];
 } & {
-    class?: any;
     color?: string | undefined;
+    class?: any;
 } & {
     $children?: {} | vue.VNodeChild | {
         message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
@@ -139,9 +139,7 @@ declare const VMessages: {
 } & {
     "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
-    style: vue.StyleValue;
     active: boolean;
-    messages: string | readonly string[];
     transition: {
         component: Component;
         leaveAbsolute: boolean;
@@ -149,6 +147,8 @@ declare const VMessages: {
     } | NonNullable<string | boolean | (vue.TransitionProps & {
         component?: Component | undefined;
     })>;
+    style: vue.StyleValue;
+    messages: string | readonly string[];
 }, {}, string, vue.SlotsType<Partial<{
     message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -160,7 +160,7 @@ declare const VMessages: {
         })>;
         default: string;
         validator: (val: unknown) => boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<{
             component: Component;
             leaveAbsolute: boolean;
@@ -194,7 +194,7 @@ declare const VMessages: {
         })>;
         default: string;
         validator: (val: unknown) => boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<{
             component: Component;
             leaveAbsolute: boolean;

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

@@ -14,17 +14,18 @@ type VNavigationDrawerImageSlot = {
 };
 declare const VNavigationDrawer: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
-        style: vue.StyleValue;
+        absolute: boolean;
+        location: "end" | "start" | "left" | "top" | "bottom" | "right";
         width: string | number;
-        tag: string;
-        mobile: NonNullable<boolean | null> | null;
         order: string | number;
-        absolute: boolean;
+        style: vue.StyleValue;
+        mobile: NonNullable<boolean | null> | null;
+        temporary: boolean;
+        tag: string;
         sticky: boolean;
         modelValue: boolean | null;
         tile: boolean;
         floating: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         persistent: boolean;
         scrim: string | boolean;
         touchless: boolean;
@@ -34,17 +35,16 @@ declare const VNavigationDrawer: {
         permanent: boolean;
         rail: boolean | null;
         railWidth: string | number;
-        temporary: boolean;
     } & {
-        class?: any;
+        name?: string | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
         image?: string | undefined;
+        class?: any;
+        elevation?: string | number | undefined;
         theme?: string | undefined;
-        color?: string | undefined;
-        name?: string | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-        border?: string | number | boolean | undefined;
         rounded?: string | number | boolean | undefined;
-        elevation?: string | number | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
     } & {
@@ -74,17 +74,18 @@ declare const VNavigationDrawer: {
         'update:modelValue': (val: boolean) => true;
         'update:rail': (val: boolean) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
+        absolute: boolean;
+        location: "end" | "start" | "left" | "top" | "bottom" | "right";
         width: string | number;
-        tag: string;
-        mobile: NonNullable<boolean | null> | null;
         order: string | number;
-        absolute: boolean;
+        style: vue.StyleValue;
+        mobile: NonNullable<boolean | null> | null;
+        temporary: boolean;
+        tag: string;
         sticky: boolean;
         modelValue: boolean | null;
         tile: boolean;
         floating: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         persistent: boolean;
         scrim: string | boolean;
         touchless: boolean;
@@ -94,17 +95,16 @@ declare const VNavigationDrawer: {
         permanent: boolean;
         rail: boolean | null;
         railWidth: string | number;
-        temporary: boolean;
     } & {
-        class?: any;
+        name?: string | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
         image?: string | undefined;
+        class?: any;
+        elevation?: string | number | undefined;
         theme?: string | undefined;
-        color?: string | undefined;
-        name?: string | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-        border?: string | number | boolean | undefined;
         rounded?: string | number | boolean | undefined;
-        elevation?: string | number | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
     } & {
@@ -129,18 +129,19 @@ declare const VNavigationDrawer: {
         "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
         "onUpdate:rail"?: ((val: boolean) => any) | undefined;
     }, {
-        style: vue.StyleValue;
+        absolute: boolean;
+        location: "end" | "start" | "left" | "top" | "bottom" | "right";
         width: string | number;
-        tag: string;
-        mobile: NonNullable<boolean | null> | null;
         order: string | number;
-        absolute: boolean;
+        style: vue.StyleValue;
+        mobile: NonNullable<boolean | null> | null;
+        temporary: boolean;
+        tag: string;
         sticky: boolean;
         modelValue: boolean | null;
         rounded: string | number | boolean;
         tile: boolean;
         floating: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         persistent: boolean;
         scrim: string | boolean;
         touchless: boolean;
@@ -150,7 +151,6 @@ declare const VNavigationDrawer: {
         permanent: boolean;
         rail: boolean | null;
         railWidth: string | number;
-        temporary: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
@@ -172,17 +172,18 @@ declare const VNavigationDrawer: {
         M: {};
         Defaults: {};
     }, {
-        style: vue.StyleValue;
+        absolute: boolean;
+        location: "end" | "start" | "left" | "top" | "bottom" | "right";
         width: string | number;
-        tag: string;
-        mobile: NonNullable<boolean | null> | null;
         order: string | number;
-        absolute: boolean;
+        style: vue.StyleValue;
+        mobile: NonNullable<boolean | null> | null;
+        temporary: boolean;
+        tag: string;
         sticky: boolean;
         modelValue: boolean | null;
         tile: boolean;
         floating: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         persistent: boolean;
         scrim: string | boolean;
         touchless: boolean;
@@ -192,17 +193,16 @@ declare const VNavigationDrawer: {
         permanent: boolean;
         rail: boolean | null;
         railWidth: string | number;
-        temporary: boolean;
     } & {
-        class?: any;
+        name?: string | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
         image?: string | undefined;
+        class?: any;
+        elevation?: string | number | undefined;
         theme?: string | undefined;
-        color?: string | undefined;
-        name?: string | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-        border?: string | number | boolean | undefined;
         rounded?: string | number | boolean | undefined;
-        elevation?: string | number | undefined;
         closeDelay?: string | number | undefined;
         openDelay?: string | number | undefined;
     } & {
@@ -229,18 +229,19 @@ declare const VNavigationDrawer: {
     }, {
         isStuck: vue.ShallowRef<boolean | "top" | "bottom">;
     }, {}, {}, {}, {
-        style: vue.StyleValue;
+        absolute: boolean;
+        location: "end" | "start" | "left" | "top" | "bottom" | "right";
         width: string | number;
-        tag: string;
-        mobile: NonNullable<boolean | null> | null;
         order: string | number;
-        absolute: boolean;
+        style: vue.StyleValue;
+        mobile: NonNullable<boolean | null> | null;
+        temporary: boolean;
+        tag: string;
         sticky: boolean;
         modelValue: boolean | null;
         rounded: string | number | boolean;
         tile: boolean;
         floating: boolean;
-        location: "left" | "right" | "end" | "top" | "bottom" | "start";
         persistent: boolean;
         scrim: string | boolean;
         touchless: boolean;
@@ -250,23 +251,23 @@ declare const VNavigationDrawer: {
         permanent: boolean;
         rail: boolean | null;
         railWidth: string | number;
-        temporary: boolean;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    style: vue.StyleValue;
+    absolute: boolean;
+    location: "end" | "start" | "left" | "top" | "bottom" | "right";
     width: string | number;
-    tag: string;
-    mobile: NonNullable<boolean | null> | null;
     order: string | number;
-    absolute: boolean;
+    style: vue.StyleValue;
+    mobile: NonNullable<boolean | null> | null;
+    temporary: boolean;
+    tag: string;
     sticky: boolean;
     modelValue: boolean | null;
     tile: boolean;
     floating: boolean;
-    location: "left" | "right" | "end" | "top" | "bottom" | "start";
     persistent: boolean;
     scrim: string | boolean;
     touchless: boolean;
@@ -276,17 +277,16 @@ declare const VNavigationDrawer: {
     permanent: boolean;
     rail: boolean | null;
     railWidth: string | number;
-    temporary: boolean;
 } & {
-    class?: any;
+    name?: string | undefined;
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
     image?: string | undefined;
+    class?: any;
+    elevation?: string | number | undefined;
     theme?: string | undefined;
-    color?: string | undefined;
-    name?: string | undefined;
     mobileBreakpoint?: number | DisplayBreakpoint | undefined;
-    border?: string | number | boolean | undefined;
     rounded?: string | number | boolean | undefined;
-    elevation?: string | number | undefined;
     closeDelay?: string | number | undefined;
     openDelay?: string | number | undefined;
 } & {
@@ -316,18 +316,19 @@ declare const VNavigationDrawer: {
     'update:modelValue': (val: boolean) => true;
     'update:rail': (val: boolean) => true;
 }, string, {
-    style: vue.StyleValue;
+    absolute: boolean;
+    location: "end" | "start" | "left" | "top" | "bottom" | "right";
     width: string | number;
-    tag: string;
-    mobile: NonNullable<boolean | null> | null;
     order: string | number;
-    absolute: boolean;
+    style: vue.StyleValue;
+    mobile: NonNullable<boolean | null> | null;
+    temporary: boolean;
+    tag: string;
     sticky: boolean;
     modelValue: boolean | null;
     rounded: string | number | boolean;
     tile: boolean;
     floating: boolean;
-    location: "left" | "right" | "end" | "top" | "bottom" | "start";
     persistent: boolean;
     scrim: string | boolean;
     touchless: boolean;
@@ -337,7 +338,6 @@ declare const VNavigationDrawer: {
     permanent: boolean;
     rail: boolean | null;
     railWidth: string | number;
-    temporary: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -356,12 +356,12 @@ declare const VNavigationDrawer: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<string>;
         default: string;
     };
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -380,7 +380,7 @@ declare const VNavigationDrawer: {
     mobile: Omit<{
         type: PropType<boolean | null>;
         default: boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<NonNullable<boolean | null> | null>;
         default: NonNullable<boolean | null> | null;
     };
@@ -392,7 +392,7 @@ declare const VNavigationDrawer: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     color: StringConstructor;
     disableResizeWatcher: BooleanConstructor;
     disableRouteWatcher: BooleanConstructor;
@@ -424,7 +424,7 @@ declare const VNavigationDrawer: {
         default: number;
     };
     location: {
-        type: PropType<"left" | "right" | "end" | "top" | "bottom" | "start">;
+        type: PropType<"end" | "start" | "left" | "top" | "bottom" | "right">;
         default: string;
         validator: (value: any) => boolean;
     };
@@ -434,12 +434,12 @@ declare const VNavigationDrawer: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<string>;
         default: string;
     };
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -458,7 +458,7 @@ declare const VNavigationDrawer: {
     mobile: Omit<{
         type: PropType<boolean | null>;
         default: boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<NonNullable<boolean | null> | null>;
         default: NonNullable<boolean | null> | null;
     };
@@ -470,7 +470,7 @@ declare const VNavigationDrawer: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     color: StringConstructor;
     disableResizeWatcher: BooleanConstructor;
     disableRouteWatcher: BooleanConstructor;
@@ -502,7 +502,7 @@ declare const VNavigationDrawer: {
         default: number;
     };
     location: {
-        type: PropType<"left" | "right" | "end" | "top" | "bottom" | "start">;
+        type: PropType<"end" | "start" | "left" | "top" | "bottom" | "right">;
         default: string;
         validator: (value: any) => boolean;
     };

package/lib/components/VNavigationDrawer/sticky.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sticky.mjs","names":["computed","onBeforeUnmount","onMounted","shallowRef","watch","convertToUnit","useSticky","_ref","rootEl","isSticky","layoutItemStyles","isStuck","stuckPosition","stickyStyles","side","value","top","bottom","height","undefined","val","window","addEventListener","onScroll","passive","removeEventListener","immediate","lastScrollTop","direction","scrollY","rect","getBoundingClientRect","layoutTop","parseFloat","Math","max","innerHeight","bodyScroll","getComputedStyle","getPropertyValue"],"sources":["../../../src/components/VNavigationDrawer/sticky.ts"],"sourcesContent":["// Utilities\nimport { computed, onBeforeUnmount, onMounted, shallowRef, watch } from 'vue'\nimport { convertToUnit } from '@/util'\n\n// Types\nimport type { CSSProperties, Ref } from 'vue'\n\ninterface StickyProps {\n  rootEl: Ref<HTMLElement | undefined>\n  isSticky: Ref<boolean>\n  layoutItemStyles: Ref<CSSProperties>\n}\n\nexport function useSticky ({ rootEl, isSticky, layoutItemStyles }: StickyProps) {\n  const isStuck = shallowRef<boolean | 'top' | 'bottom'>(false)\n  const stuckPosition = shallowRef(0)\n\n  const stickyStyles = computed(() => {\n    const side = typeof isStuck.value === 'boolean' ? 'top' : isStuck.value\n    return [\n      isSticky.value ? { top: 'auto', bottom: 'auto', height: undefined } : undefined,\n      isStuck.value\n        ? { [side]: convertToUnit(stuckPosition.value) }\n        : { top: layoutItemStyles.value.top },\n    ]\n  })\n\n  onMounted(() => {\n    watch(isSticky, val => {\n      if (val) {\n        window.addEventListener('scroll', onScroll, { passive: true })\n      } else {\n        window.removeEventListener('scroll', onScroll)\n      }\n    }, { immediate: true })\n  })\n\n  onBeforeUnmount(() => {\n    window.removeEventListener('scroll', onScroll)\n  })\n\n  let lastScrollTop = 0\n  function onScroll () {\n    const direction = lastScrollTop > window.scrollY ? 'up' : 'down'\n    const rect = rootEl.value!.getBoundingClientRect()\n    const layoutTop = parseFloat(layoutItemStyles.value.top ?? 0)\n    const top = window.scrollY - Math.max(0, stuckPosition.value - layoutTop)\n    const bottom =\n      rect.height +\n      Math.max(stuckPosition.value, layoutTop) -\n      window.scrollY -\n      window.innerHeight\n    const bodyScroll = parseFloat(getComputedStyle(rootEl.value!).getPropertyValue('--v-body-scroll-y')) || 0\n\n    if (rect.height < window.innerHeight - layoutTop) {\n      isStuck.value = 'top'\n      stuckPosition.value = layoutTop\n    } else if (\n      (direction === 'up' && isStuck.value === 'bottom') ||\n      (direction === 'down' && isStuck.value === 'top')\n    ) {\n      stuckPosition.value = window.scrollY + rect.top - bodyScroll\n      isStuck.value = true\n    } else if (direction === 'down' && bottom <= 0) {\n      stuckPosition.value = 0\n      isStuck.value = 'bottom'\n    } else if (direction === 'up' && top <= 0) {\n      if (!bodyScroll) {\n        stuckPosition.value = rect.top + top\n        isStuck.value = 'top'\n      } else if (isStuck.value !== 'top') {\n        stuckPosition.value = -top + bodyScroll + layoutTop\n        isStuck.value = 'top'\n      }\n    }\n\n    lastScrollTop = window.scrollY\n  }\n\n  return { isStuck, stickyStyles }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"sticky.mjs","names":["computed","onBeforeUnmount","onMounted","shallowRef","watch","convertToUnit","useSticky","_ref","rootEl","isSticky","layoutItemStyles","isStuck","stuckPosition","stickyStyles","side","value","top","bottom","height","undefined","val","window","addEventListener","onScroll","passive","removeEventListener","immediate","lastScrollTop","direction","scrollY","rect","getBoundingClientRect","layoutTop","parseFloat","Math","max","innerHeight","bodyScroll","getComputedStyle","getPropertyValue"],"sources":["../../../src/components/VNavigationDrawer/sticky.ts"],"sourcesContent":["// Utilities\nimport { computed, onBeforeUnmount, onMounted, shallowRef, watch } from 'vue'\nimport { convertToUnit } from '@/util'\n\n// Types\nimport type { CSSProperties, Ref, StyleValue } from 'vue'\n\ninterface StickyProps {\n  rootEl: Ref<HTMLElement | undefined>\n  isSticky: Ref<boolean>\n  layoutItemStyles: Ref<CSSProperties>\n}\n\nexport function useSticky ({ rootEl, isSticky, layoutItemStyles }: StickyProps) {\n  const isStuck = shallowRef<boolean | 'top' | 'bottom'>(false)\n  const stuckPosition = shallowRef(0)\n\n  const stickyStyles = computed<StyleValue>(() => {\n    const side = typeof isStuck.value === 'boolean' ? 'top' : isStuck.value\n    return [\n      isSticky.value ? { top: 'auto', bottom: 'auto', height: undefined } : undefined,\n      isStuck.value\n        ? { [side]: convertToUnit(stuckPosition.value) }\n        : { top: layoutItemStyles.value.top },\n    ]\n  })\n\n  onMounted(() => {\n    watch(isSticky, val => {\n      if (val) {\n        window.addEventListener('scroll', onScroll, { passive: true })\n      } else {\n        window.removeEventListener('scroll', onScroll)\n      }\n    }, { immediate: true })\n  })\n\n  onBeforeUnmount(() => {\n    window.removeEventListener('scroll', onScroll)\n  })\n\n  let lastScrollTop = 0\n  function onScroll () {\n    const direction = lastScrollTop > window.scrollY ? 'up' : 'down'\n    const rect = rootEl.value!.getBoundingClientRect()\n    const layoutTop = parseFloat(layoutItemStyles.value.top ?? 0)\n    const top = window.scrollY - Math.max(0, stuckPosition.value - layoutTop)\n    const bottom =\n      rect.height +\n      Math.max(stuckPosition.value, layoutTop) -\n      window.scrollY -\n      window.innerHeight\n    const bodyScroll = parseFloat(getComputedStyle(rootEl.value!).getPropertyValue('--v-body-scroll-y')) || 0\n\n    if (rect.height < window.innerHeight - layoutTop) {\n      isStuck.value = 'top'\n      stuckPosition.value = layoutTop\n    } else if (\n      (direction === 'up' && isStuck.value === 'bottom') ||\n      (direction === 'down' && isStuck.value === 'top')\n    ) {\n      stuckPosition.value = window.scrollY + rect.top - bodyScroll\n      isStuck.value = true\n    } else if (direction === 'down' && bottom <= 0) {\n      stuckPosition.value = 0\n      isStuck.value = 'bottom'\n    } else if (direction === 'up' && top <= 0) {\n      if (!bodyScroll) {\n        stuckPosition.value = rect.top + top\n        isStuck.value = 'top'\n      } else if (isStuck.value !== 'top') {\n        stuckPosition.value = -top + bodyScroll + layoutTop\n        isStuck.value = 'top'\n      }\n    }\n\n    lastScrollTop = window.scrollY\n  }\n\n  return { isStuck, stickyStyles }\n}\n"],"mappings":"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","ignoreList":[]}