@vueuse/components 9.9.0 → 9.10.0

package/index.cjs

@@ -1704,8 +1704,22 @@ const vScroll = {
   }
 };
 
+function checkOverflowScroll(ele) {
+  const style = window.getComputedStyle(ele);
+  if (style.overflowX === "scroll" || style.overflowY === "scroll") {
+    return true;
+  } else {
+    const parent = ele.parentNode;
+    if (!parent || parent.tagName === "BODY")
+      return false;
+    return checkOverflowScroll(parent);
+  }
+}
 function preventDefault(rawEvent) {
   const e = rawEvent || window.event;
+  const _target = e.target;
+  if (checkOverflowScroll(_target))
+    return false;
   if (e.touches.length > 1)
     return true;
   if (e.preventDefault)
@@ -1731,7 +1745,9 @@ function useScrollLock(element, initialState = false) {
     if (!ele || isLocked.value)
       return;
     if (shared.isIOS) {
-      stopTouchMoveListener = useEventListener(ele, "touchmove", preventDefault, { passive: false });
+      stopTouchMoveListener = useEventListener(ele, "touchmove", (e) => {
+        preventDefault(e);
+      }, { passive: false });
     }
     ele.style.overflow = "hidden";
     isLocked.value = true;
@@ -1857,9 +1873,10 @@ const UseVirtualList = vueDemi.defineComponent({
     "options",
     "height"
   ],
-  setup(props, { slots }) {
+  setup(props, { slots, expose }) {
     const { list: listRef } = vueDemi.toRefs(props);
-    const { list, containerProps, wrapperProps } = core.useVirtualList(listRef, props.options);
+    const { list, containerProps, wrapperProps, scrollTo } = core.useVirtualList(listRef, props.options);
+    expose({ scrollTo });
     typeof containerProps.style === "object" && !Array.isArray(containerProps.style) && (containerProps.style.height = props.height || "300px");
     return () => vueDemi.h("div", __spreadValues({}, containerProps), [
       vueDemi.h("div", __spreadValues({}, wrapperProps.value), list.value.map((item) => vueDemi.h("div", { style: { overFlow: "hidden", height: item.height } }, slots.default ? slots.default(item) : "Please set content!")))

package/index.d.ts

@@ -16,10 +16,10 @@ interface RenderableComponent {
     as?: Object | string;
 }
 
-declare type VueInstance = ComponentPublicInstance;
-declare type MaybeElementRef<T extends MaybeElement = MaybeElement> = MaybeRef<T>;
-declare type MaybeComputedElementRef<T extends MaybeElement = MaybeElement> = MaybeComputedRef<T>;
-declare type MaybeElement = HTMLElement | SVGElement | VueInstance | undefined | null;
+type VueInstance = ComponentPublicInstance;
+type MaybeElementRef<T extends MaybeElement = MaybeElement> = MaybeRef<T>;
+type MaybeComputedElementRef<T extends MaybeElement = MaybeElement> = MaybeComputedRef<T>;
+type MaybeElement = HTMLElement | SVGElement | VueInstance | undefined | null;
 
 interface OnClickOutsideOptions extends ConfigurableWindow {
     /**
@@ -37,7 +37,7 @@ interface OnClickOutsideOptions extends ConfigurableWindow {
      */
     detectIframe?: boolean;
 }
-declare type OnClickOutsideHandler<T extends {
+type OnClickOutsideHandler<T extends {
     detectIframe: OnClickOutsideOptions['detectIframe'];
 } = {
     detectIframe: false;
@@ -50,15 +50,15 @@ declare const OnClickOutside: vue_demi.DefineComponent<OnClickOutsideProps, {},
 
 declare const vOnClickOutside: ObjectDirective<HTMLElement, OnClickOutsideHandler | [(evt: any) => void, OnClickOutsideOptions]>;
 
-declare type KeyStrokeEventName = 'keydown' | 'keypress' | 'keyup';
+type KeyStrokeEventName = 'keydown' | 'keypress' | 'keyup';
 interface OnKeyStrokeOptions {
     eventName?: KeyStrokeEventName;
-    target?: MaybeComputedRef<EventTarget>;
+    target?: MaybeComputedRef<EventTarget | null | undefined>;
     passive?: boolean;
 }
 
-declare type BindingValueFunction$7 = (event: KeyboardEvent) => void;
-declare type BindingValueArray$6 = [BindingValueFunction$7, OnKeyStrokeOptions];
+type BindingValueFunction$7 = (event: KeyboardEvent) => void;
+type BindingValueArray$6 = [BindingValueFunction$7, OnKeyStrokeOptions];
 declare const vOnKeyStroke: ObjectDirective<HTMLElement, BindingValueFunction$7 | BindingValueArray$6>;
 
 interface OnLongPressOptions {
@@ -83,8 +83,8 @@ interface OnLongPressProps extends RenderableComponent {
 }
 declare const OnLongPress: vue_demi.DefineComponent<OnLongPressProps, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<OnLongPressProps>, {}>;
 
-declare type BindingValueFunction$6 = (evt: PointerEvent) => void;
-declare type BindingValueArray$5 = [
+type BindingValueFunction$6 = (evt: PointerEvent) => void;
+type BindingValueArray$5 = [
     BindingValueFunction$6,
     OnLongPressOptions
 ];
@@ -158,7 +158,7 @@ interface UseStorageOptions<T> extends ConfigurableEventFilter, ConfigurableWind
     shallow?: boolean;
 }
 
-declare type BasicColorSchema = 'light' | 'dark' | 'auto';
+type BasicColorSchema = 'light' | 'dark' | 'auto';
 interface UseColorModeOptions<T extends string = BasicColorSchema> extends UseStorageOptions<T | BasicColorSchema> {
     /**
      * CSS Selector for the target element applying to
@@ -268,7 +268,7 @@ interface UseResizeObserverOptions extends ConfigurableWindow {
 
 declare const UseElementBounding: vue_demi.DefineComponent<UseResizeObserverOptions & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseResizeObserverOptions & RenderableComponent>, {}>;
 
-declare type BindingValueFunction$5 = (state: boolean) => void;
+type BindingValueFunction$5 = (state: boolean) => void;
 declare const vElementHover: ObjectDirective<HTMLElement, BindingValueFunction$5>;
 
 declare const UseElementSize: vue_demi.DefineComponent<ElementSize$1 & UseResizeObserverOptions & RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<ElementSize$1 & UseResizeObserverOptions & RenderableComponent>, {}>;
@@ -290,10 +290,10 @@ declare function useElementSize(target: MaybeComputedElementRef, initialSize?: E
     height: vue_demi.Ref<number>;
 };
 
-declare type RemoveFirstFromTuple<T extends any[]> = T['length'] extends 0 ? undefined : (((...b: T) => void) extends (a: any, ...b: infer I) => void ? I : []);
-declare type BindingValueFunction$4 = (size: ElementSize) => void;
-declare type VElementSizeOptions = RemoveFirstFromTuple<Parameters<typeof useElementSize>>;
-declare type BindingValueArray$4 = [BindingValueFunction$4, ...VElementSizeOptions];
+type RemoveFirstFromTuple<T extends any[]> = T['length'] extends 0 ? undefined : (((...b: T) => void) extends (a: any, ...b: infer I) => void ? I : []);
+type BindingValueFunction$4 = (size: ElementSize) => void;
+type VElementSizeOptions = RemoveFirstFromTuple<Parameters<typeof useElementSize>>;
+type BindingValueArray$4 = [BindingValueFunction$4, ...VElementSizeOptions];
 declare const vElementSize: ObjectDirective<HTMLElement, BindingValueFunction$4 | BindingValueArray$4>;
 
 declare const UseElementVisibility: vue_demi.DefineComponent<RenderableComponent, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<RenderableComponent>, {}>;
@@ -302,8 +302,8 @@ interface UseElementVisibilityOptions extends ConfigurableWindow {
     scrollTarget?: MaybeComputedRef<HTMLElement | undefined | null>;
 }
 
-declare type BindingValueFunction$3 = (state: boolean) => void;
-declare type BindingValueArray$3 = [BindingValueFunction$3, UseElementVisibilityOptions];
+type BindingValueFunction$3 = (state: boolean) => void;
+type BindingValueArray$3 = [BindingValueFunction$3, UseElementVisibilityOptions];
 declare const vElementVisibility: ObjectDirective<HTMLElement, BindingValueFunction$3 | BindingValueArray$3>;
 
 declare const UseEyeDropper: vue_demi.DefineComponent<{
@@ -407,7 +407,7 @@ declare function useScroll(element: MaybeComputedRef<HTMLElement | SVGElement |
         bottom: boolean;
     };
 };
-declare type UseScrollReturn = ReturnType<typeof useScroll>;
+type UseScrollReturn = ReturnType<typeof useScroll>;
 
 interface UseInfiniteScrollOptions extends UseScrollOptions {
     /**
@@ -436,8 +436,8 @@ interface UseInfiniteScrollOptions extends UseScrollOptions {
  */
 declare function useInfiniteScroll(element: MaybeComputedRef<HTMLElement | SVGElement | Window | Document | null | undefined>, onLoadMore: (state: UnwrapNestedRefs<ReturnType<typeof useScroll>>) => void | Promise<void>, options?: UseInfiniteScrollOptions): void;
 
-declare type BindingValueFunction$2 = Parameters<typeof useInfiniteScroll>[1];
-declare type BindingValueArray$2 = [BindingValueFunction$2, UseInfiniteScrollOptions];
+type BindingValueFunction$2 = Parameters<typeof useInfiniteScroll>[1];
+type BindingValueArray$2 = [BindingValueFunction$2, UseInfiniteScrollOptions];
 declare const vInfiniteScroll: ObjectDirective<HTMLElement, BindingValueFunction$2 | BindingValueArray$2>;
 
 interface UseIntersectionObserverOptions extends ConfigurableWindow {
@@ -455,8 +455,8 @@ interface UseIntersectionObserverOptions extends ConfigurableWindow {
     threshold?: number | number[];
 }
 
-declare type BindingValueFunction$1 = IntersectionObserverCallback;
-declare type BindingValueArray$1 = [BindingValueFunction$1, UseIntersectionObserverOptions];
+type BindingValueFunction$1 = IntersectionObserverCallback;
+type BindingValueArray$1 = [BindingValueFunction$1, UseIntersectionObserverOptions];
 declare const vIntersectionObserver: ObjectDirective<HTMLElement, BindingValueFunction$1 | BindingValueArray$1>;
 
 declare const UseMouse: vue_demi.DefineComponent<UseMouseOptions, {}, {}, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<UseMouseOptions>, {}>;
@@ -569,8 +569,8 @@ declare const UseScreenSafeArea: vue_demi.DefineComponent<{
     bottom: boolean;
 }>;
 
-declare type BindingValueFunction = (state: UseScrollReturn) => void;
-declare type BindingValueArray = [BindingValueFunction, UseScrollOptions];
+type BindingValueFunction = (state: UseScrollReturn) => void;
+type BindingValueArray = [BindingValueFunction, UseScrollOptions];
 declare const vScroll: ObjectDirective<HTMLElement, BindingValueFunction | BindingValueArray>;
 
 declare const vScrollLock: FunctionDirective<HTMLElement, boolean>;

package/index.iife.js

@@ -1815,8 +1815,22 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
     }
   };
 
+  function checkOverflowScroll(ele) {
+    const style = window.getComputedStyle(ele);
+    if (style.overflowX === "scroll" || style.overflowY === "scroll") {
+      return true;
+    } else {
+      const parent = ele.parentNode;
+      if (!parent || parent.tagName === "BODY")
+        return false;
+      return checkOverflowScroll(parent);
+    }
+  }
   function preventDefault(rawEvent) {
     const e = rawEvent || window.event;
+    const _target = e.target;
+    if (checkOverflowScroll(_target))
+      return false;
     if (e.touches.length > 1)
       return true;
     if (e.preventDefault)
@@ -1842,7 +1856,9 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
       if (!ele || isLocked.value)
         return;
       if (shared.isIOS) {
-        stopTouchMoveListener = useEventListener(ele, "touchmove", preventDefault, { passive: false });
+        stopTouchMoveListener = useEventListener(ele, "touchmove", (e) => {
+          preventDefault(e);
+        }, { passive: false });
       }
       ele.style.overflow = "hidden";
       isLocked.value = true;
@@ -1968,9 +1984,10 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
       "options",
       "height"
     ],
-    setup(props, { slots }) {
+    setup(props, { slots, expose }) {
       const { list: listRef } = vueDemi.toRefs(props);
-      const { list, containerProps, wrapperProps } = core.useVirtualList(listRef, props.options);
+      const { list, containerProps, wrapperProps, scrollTo } = core.useVirtualList(listRef, props.options);
+      expose({ scrollTo });
       typeof containerProps.style === "object" && !Array.isArray(containerProps.style) && (containerProps.style.height = props.height || "300px");
       return () => vueDemi.h("div", __spreadValues({}, containerProps), [
         vueDemi.h("div", __spreadValues({}, wrapperProps.value), list.value.map((item) => vueDemi.h("div", { style: { overFlow: "hidden", height: item.height } }, slots.default ? slots.default(item) : "Please set content!")))

package/index.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(s,n,d){if(s.install)return s;if(!n)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),s;if(n.version.slice(0,4)==="2.7."){let P=function(b,U){var A,R={},z={config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),provide:function(M,T){return R[M]=T,this},directive:function(M,T){return T?(n.directive(M,T),z):n.directive(M)},mount:function(M,T){return A||(A=new n(Object.assign({propsData:U},b,{provide:Object.assign(R,b.provide)})),A.$mount(M,T),A)},unmount:function(){A&&(A.$destroy(),A=void 0)}};return z};var Me=P;for(var u in n)s[u]=n[u];s.isVue2=!0,s.isVue3=!1,s.install=function(){},s.Vue=n,s.Vue2=n,s.version=n.version,s.warn=n.util.warn,s.createApp=P}else if(n.version.slice(0,2)==="2.")if(d){for(var u in d)s[u]=d[u];s.isVue2=!0,s.isVue3=!1,s.install=function(){},s.Vue=n,s.Vue2=n,s.version=n.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(n.version.slice(0,2)==="3."){for(var u in n)s[u]=n[u];s.isVue2=!1,s.isVue3=!0,s.install=function(){},s.Vue=n,s.Vue2=void 0,s.version=n.version,s.set=function(P,b,U){return Array.isArray(P)?(P.length=Math.max(P.length,b),P.splice(b,1,U),U):(P[b]=U,U)},s.del=function(P,b){if(Array.isArray(P)){P.splice(b,1);return}delete P[b]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");return s}(this.VueDemi=this.VueDemi||(typeof VueDemi!="undefined"?VueDemi:{}),this.Vue||(typeof Vue!="undefined"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI!="undefined"?VueCompositionAPI:void 0));(function(s,n,d,u){"use strict";const Me=n.defineComponent({name:"OnClickOutside",props:["as","options"],emits:["trigger"],setup(t,{slots:e,emit:r}){const o=n.ref();return d.onClickOutside(o,a=>{r("trigger",a)},t.options),()=>{if(e.default)return n.h(t.as||"div",{ref:o},e.default())}}});function P(t){var e;const r=u.resolveUnref(t);return(e=r==null?void 0:r.$el)!=null?e:r}const b=u.isClient?window:void 0;function U(...t){let e,r,o,a;if(u.isString(t[0])||Array.isArray(t[0])?([r,o,a]=t,e=b):[e,r,o,a]=t,!e)return u.noop;Array.isArray(r)||(r=[r]),Array.isArray(o)||(o=[o]);const i=[],l=()=>{i.forEach(f=>f()),i.length=0},c=(f,m,h)=>(f.addEventListener(m,h,a),()=>f.removeEventListener(m,h,a)),v=n.watch(()=>P(e),f=>{l(),!!f&&i.push(...r.flatMap(m=>o.map(h=>c(f,m,h))))},{immediate:!0,flush:"post"}),_=()=>{v(),l()};return u.tryOnScopeDispose(_),_}function A(t,e,r={}){const{window:o=b,ignore:a=[],capture:i=!0,detectIframe:l=!1}=r;if(!o)return;let c=!0,v;const _=p=>a.some(g=>{if(typeof g=="string")return Array.from(o.document.querySelectorAll(g)).some(y=>y===p.target||p.composedPath().includes(y));{const y=P(g);return y&&(p.target===y||p.composedPath().includes(y))}}),f=p=>{o.clearTimeout(v);const g=P(t);if(!(!g||g===p.target||p.composedPath().includes(g))){if(p.detail===0&&(c=!_(p)),!c){c=!0;return}e(p)}},m=[U(o,"click",f,{passive:!0,capture:i}),U(o,"pointerdown",p=>{const g=P(t);g&&(c=!p.composedPath().includes(g)&&!_(p))},{passive:!0}),U(o,"pointerup",p=>{if(p.button===0){const g=p.composedPath();p.composedPath=()=>g,v=o.setTimeout(()=>f(p),50)}},{passive:!0}),l&&U(o,"blur",p=>{var g;const y=P(t);((g=o.document.activeElement)==null?void 0:g.tagName)==="IFRAME"&&!(y==null?void 0:y.contains(o.document.activeElement))&&e(p)})].filter(Boolean);return()=>m.forEach(p=>p())}const R={[u.directiveHooks.mounted](t,e){const r=!e.modifiers.bubble;if(typeof e.value=="function")t.__onClickOutside_stop=A(t,e.value,{capture:r});else{const[o,a]=e.value;t.__onClickOutside_stop=A(t,o,Object.assign({capture:r},a))}},[u.directiveHooks.unmounted](t){t.__onClickOutside_stop()}},z=t=>typeof t=="function"?t:typeof t=="string"?e=>e.key===t:Array.isArray(t)?e=>t.includes(e.key):()=>!0;function M(...t){let e,r,o={};t.length===3?(e=t[0],r=t[1],o=t[2]):t.length===2?typeof t[1]=="object"?(e=!0,r=t[0],o=t[1]):(e=t[0],r=t[1]):(e=!0,r=t[0]);const{target:a=b,eventName:i="keydown",passive:l=!1}=o,c=z(e);return U(a,i,_=>{c(_)&&r(_)},l)}var T=Object.defineProperty,J=Object.getOwnPropertySymbols,Te=Object.prototype.hasOwnProperty,Ne=Object.prototype.propertyIsEnumerable,G=(t,e,r)=>e in t?T(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Re=(t,e)=>{for(var r in e||(e={}))Te.call(e,r)&&G(t,r,e[r]);if(J)for(var r of J(e))Ne.call(e,r)&&G(t,r,e[r]);return t};const ze={[u.directiveHooks.mounted](t,e){var r,o;const a=(o=(r=e.arg)==null?void 0:r.split(","))!=null?o:!0;if(typeof e.value=="function")M(a,e.value,{target:t});else{const[i,l]=e.value;M(a,i,Re({target:t},l))}}},He=500;function B(t,e,r){var o,a;const i=n.computed(()=>P(t));let l;function c(){l&&(clearTimeout(l),l=void 0)}function v(f){var m,h,p,g;((m=r==null?void 0:r.modifiers)==null?void 0:m.self)&&f.target!==i.value||(c(),((h=r==null?void 0:r.modifiers)==null?void 0:h.prevent)&&f.preventDefault(),((p=r==null?void 0:r.modifiers)==null?void 0:p.stop)&&f.stopPropagation(),l=setTimeout(()=>e(f),(g=r==null?void 0:r.delay)!=null?g:He))}const _={capture:(o=r==null?void 0:r.modifiers)==null?void 0:o.capture,once:(a=r==null?void 0:r.modifiers)==null?void 0:a.once};U(i,"pointerdown",v,_),U(i,"pointerup",c,_),U(i,"pointerleave",c,_)}const Ve=n.defineComponent({name:"OnLongPress",props:["as","options"],emits:["trigger"],setup(t,{slots:e,emit:r}){const o=n.ref();return B(o,a=>{r("trigger",a)},t.options),()=>{if(e.default)return n.h(t.as||"div",{ref:o},e.default())}}}),q={[u.directiveHooks.mounted](t,e){typeof e.value=="function"?B(t,e.value,{modifiers:e.modifiers}):B(t,...e.value)}},Be=n.defineComponent({name:"UseActiveElement",setup(t,{slots:e}){const r=n.reactive({element:d.useActiveElement()});return()=>{if(e.default)return e.default(r)}}}),ke=n.defineComponent({name:"UseBattery",setup(t,{slots:e}){const r=n.reactive(d.useBattery(t));return()=>{if(e.default)return e.default(r)}}}),We=n.defineComponent({name:"UseBrowserLocation",setup(t,{slots:e}){const r=n.reactive(d.useBrowserLocation());return()=>{if(e.default)return e.default(r)}}}),k=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},W="__vueuse_ssr_handlers__";k[W]=k[W]||{};const Fe=k[W];function Q(t,e){return Fe[t]||e}function Ke(t){return t==null?"any":t instanceof Set?"set":t instanceof Map?"map":t instanceof Date?"date":typeof t=="boolean"?"boolean":typeof t=="string"?"string":typeof t=="object"?"object":Number.isNaN(t)?"any":"number"}var Je=Object.defineProperty,X=Object.getOwnPropertySymbols,Ge=Object.prototype.hasOwnProperty,qe=Object.prototype.propertyIsEnumerable,Y=(t,e,r)=>e in t?Je(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Z=(t,e)=>{for(var r in e||(e={}))Ge.call(e,r)&&Y(t,r,e[r]);if(X)for(var r of X(e))qe.call(e,r)&&Y(t,r,e[r]);return t};const Qe={boolean:{read:t=>t==="true",write:t=>String(t)},object:{read:t=>JSON.parse(t),write:t=>JSON.stringify(t)},number:{read:t=>Number.parseFloat(t),write:t=>String(t)},any:{read:t=>t,write:t=>String(t)},string:{read:t=>t,write:t=>String(t)},map:{read:t=>new Map(JSON.parse(t)),write:t=>JSON.stringify(Array.from(t.entries()))},set:{read:t=>new Set(JSON.parse(t)),write:t=>JSON.stringify(Array.from(t))},date:{read:t=>new Date(t),write:t=>t.toISOString()}};function Xe(t,e,r,o={}){var a;const{flush:i="pre",deep:l=!0,listenToStorageChanges:c=!0,writeDefaults:v=!0,mergeDefaults:_=!1,shallow:f,window:m=b,eventFilter:h,onError:p=O=>{console.error(O)}}=o,g=(f?n.shallowRef:n.ref)(e);if(!r)try{r=Q("getDefaultStorage",()=>{var O;return(O=b)==null?void 0:O.localStorage})()}catch(O){p(O)}if(!r)return g;const y=u.resolveUnref(e),$=Ke(y),L=(a=o.serializer)!=null?a:Qe[$],{pause:S,resume:w}=u.pausableWatch(g,()=>E(g.value),{flush:i,deep:l,eventFilter:h});return m&&c&&U(m,"storage",I),I(),g;function E(O){try{if(O==null)r.removeItem(t);else{const C=L.write(O),N=r.getItem(t);N!==C&&(r.setItem(t,C),m&&(m==null||m.dispatchEvent(new StorageEvent("storage",{key:t,oldValue:N,newValue:C,storageArea:r}))))}}catch(C){p(C)}}function j(O){const C=O?O.newValue:r.getItem(t);if(C==null)return v&&y!==null&&r.setItem(t,L.write(y)),y;if(!O&&_){const N=L.read(C);return u.isFunction(_)?_(N,y):$==="object"&&!Array.isArray(N)?Z(Z({},y),N):N}else return typeof C!="string"?C:L.read(C)}function I(O){if(!(O&&O.storageArea!==r)){if(O&&O.key==null){g.value=y;return}if(!(O&&O.key!==t)){S();try{g.value=j(O)}catch(C){p(C)}finally{O?n.nextTick(w):w()}}}}}function F(t,e=!1){const r=n.ref(),o=()=>r.value=Boolean(t());return o(),u.tryOnMounted(o,e),r}function Ye(t,e={}){const{window:r=b}=e,o=F(()=>r&&"matchMedia"in r&&typeof r.matchMedia=="function");let a;const i=n.ref(!1),l=()=>{!a||("removeEventListener"in a?a.removeEventListener("change",c):a.removeListener(c))},c=()=>{!o.value||(l(),a=r.matchMedia(u.resolveRef(t).value),i.value=a.matches,"addEventListener"in a?a.addEventListener("change",c):a.addListener(c))};return n.watchEffect(c),u.tryOnScopeDispose(()=>l()),i}function Ze(t){return Ye("(prefers-color-scheme: dark)",t)}var xe=Object.defineProperty,x=Object.getOwnPropertySymbols,De=Object.prototype.hasOwnProperty,et=Object.prototype.propertyIsEnumerable,D=(t,e,r)=>e in t?xe(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,tt=(t,e)=>{for(var r in e||(e={}))De.call(e,r)&&D(t,r,e[r]);if(x)for(var r of x(e))et.call(e,r)&&D(t,r,e[r]);return t};function rt(t={}){const{selector:e="html",attribute:r="class",initialValue:o="auto",window:a=b,storage:i,storageKey:l="vueuse-color-scheme",listenToStorageChanges:c=!0,storageRef:v,emitAuto:_}=t,f=tt({auto:"",light:"light",dark:"dark"},t.modes||{}),m=Ze({window:a}),h=n.computed(()=>m.value?"dark":"light"),p=v||(l==null?n.ref(o):Xe(l,o,i,{window:a,listenToStorageChanges:c})),g=n.computed({get(){return p.value==="auto"&&!_?h.value:p.value},set(S){p.value=S}}),y=Q("updateHTMLAttrs",(S,w,E)=>{const j=a==null?void 0:a.document.querySelector(S);if(!!j)if(w==="class"){const I=E.split(/\s/g);Object.values(f).flatMap(O=>(O||"").split(/\s/g)).filter(Boolean).forEach(O=>{I.includes(O)?j.classList.add(O):j.classList.remove(O)})}else j.setAttribute(w,E)});function $(S){var w;const E=S==="auto"?h.value:S;y(e,r,(w=f[E])!=null?w:E)}function L(S){t.onChanged?t.onChanged(S,$):$(S)}return n.watch(g,L,{flush:"post",immediate:!0}),_&&n.watch(h,()=>L(g.value),{flush:"post"}),u.tryOnMounted(()=>L(g.value)),g}const nt=n.defineComponent({name:"UseColorMode",props:["selector","attribute","modes","onChanged","storageKey","storage","emitAuto"],setup(t,{slots:e}){const r=rt(t),o=n.reactive({mode:r});return()=>{if(e.default)return e.default(o)}}}),ot=n.defineComponent({name:"UseDark",props:["selector","attribute","valueDark","valueLight","onChanged","storageKey","storage"],setup(t,{slots:e}){const r=d.useDark(t),o=n.reactive({isDark:r,toggleDark:u.useToggle(r)});return()=>{if(e.default)return e.default(o)}}}),at=n.defineComponent({name:"UseDeviceMotion",setup(t,{slots:e}){const r=n.reactive(d.useDeviceMotion());return()=>{if(e.default)return e.default(r)}}}),st=n.defineComponent({name:"UseDeviceOrientation",setup(t,{slots:e}){const r=n.reactive(d.useDeviceOrientation());return()=>{if(e.default)return e.default(r)}}}),lt=n.defineComponent({name:"UseDevicePixelRatio",setup(t,{slots:e}){const r=n.reactive({pixelRatio:d.useDevicePixelRatio()});return()=>{if(e.default)return e.default(r)}}}),it=n.defineComponent({name:"UseDevicesList",props:["onUpdated","requestPermissions","constraints"],setup(t,{slots:e}){const r=n.reactive(d.useDevicesList(t));return()=>{if(e.default)return e.default(r)}}}),ct=n.defineComponent({name:"UseDocumentVisibility",setup(t,{slots:e}){const r=n.reactive({visibility:d.useDocumentVisibility()});return()=>{if(e.default)return e.default(r)}}});var ut=Object.defineProperty,ft=Object.defineProperties,dt=Object.getOwnPropertyDescriptors,ee=Object.getOwnPropertySymbols,pt=Object.prototype.hasOwnProperty,vt=Object.prototype.propertyIsEnumerable,te=(t,e,r)=>e in t?ut(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,_t=(t,e)=>{for(var r in e||(e={}))pt.call(e,r)&&te(t,r,e[r]);if(ee)for(var r of ee(e))vt.call(e,r)&&te(t,r,e[r]);return t},gt=(t,e)=>ft(t,dt(e));const mt=n.defineComponent({name:"UseDraggable",props:["storageKey","storageType","initialValue","exact","preventDefault","stopPropagation","pointerTypes","as","handle"],setup(t,{slots:e}){const r=n.ref(),o=n.computed(()=>{var l;return(l=t.handle)!=null?l:r.value}),a=t.storageKey?d.useStorage(t.storageKey,u.resolveUnref(t.initialValue)||{x:0,y:0},d.isClient?t.storageType==="session"?sessionStorage:localStorage:void 0):t.initialValue||{x:0,y:0},i=n.reactive(d.useDraggable(r,gt(_t({},t),{handle:o,initialValue:a})));return()=>{if(e.default)return n.h(t.as||"div",{ref:r,style:`touch-action:none;${i.style}`},e.default(i))}}}),Ot=n.defineComponent({name:"UseElementBounding",props:["box","as"],setup(t,{slots:e}){const r=n.ref(),o=n.reactive(d.useElementBounding(r));return()=>{if(e.default)return n.h(t.as||"div",{ref:r},e.default(o))}}});function yt(t){const e=n.ref(!1);return U(t,"mouseenter",()=>e.value=!0),U(t,"mouseleave",()=>e.value=!1),e}const Pt={[u.directiveHooks.mounted](t,e){if(typeof e.value=="function"){const r=yt(t);n.watch(r,o=>e.value(o))}}},ht=n.defineComponent({name:"UseElementSize",props:["width","height","box"],setup(t,{slots:e}){const r=n.ref(),o=n.reactive(d.useElementSize(r,{width:t.width,height:t.height},{box:t.box}));return()=>{if(e.default)return n.h(t.as||"div",{ref:r},e.default(o))}}});var re=Object.getOwnPropertySymbols,wt=Object.prototype.hasOwnProperty,bt=Object.prototype.propertyIsEnumerable,Ut=(t,e)=>{var r={};for(var o in t)wt.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(t!=null&&re)for(var o of re(t))e.indexOf(o)<0&&bt.call(t,o)&&(r[o]=t[o]);return r};function St(t,e,r={}){const o=r,{window:a=b}=o,i=Ut(o,["window"]);let l;const c=F(()=>a&&"ResizeObserver"in a),v=()=>{l&&(l.disconnect(),l=void 0)},_=n.watch(()=>P(t),m=>{v(),c.value&&a&&m&&(l=new ResizeObserver(e),l.observe(m,i))},{immediate:!0,flush:"post"}),f=()=>{v(),_()};return u.tryOnScopeDispose(f),{isSupported:c,stop:f}}function $t(t,e={width:0,height:0},r={}){const{box:o="content-box"}=r,a=n.ref(e.width),i=n.ref(e.height);return St(t,([l])=>{const c=o==="border-box"?l.borderBoxSize:o==="content-box"?l.contentBoxSize:l.devicePixelContentBoxSize;c?(a.value=c.reduce((v,{inlineSize:_})=>v+_,0),i.value=c.reduce((v,{blockSize:_})=>v+_,0)):(a.value=l.contentRect.width,i.value=l.contentRect.height)},r),n.watch(()=>P(t),l=>{a.value=l?e.width:0,i.value=l?e.height:0}),{width:a,height:i}}const Ct={[u.directiveHooks.mounted](t,e){var r;const o=typeof e.value=="function"?e.value:(r=e.value)==null?void 0:r[0],a=typeof e.value=="function"?[]:e.value.slice(1),{width:i,height:l}=$t(t,...a);n.watch([i,l],([c,v])=>o({width:c,height:v}))}},Et=n.defineComponent({name:"UseElementVisibility",props:["as"],setup(t,{slots:e}){const r=n.ref(),o=n.reactive({isVisible:d.useElementVisibility(r)});return()=>{if(e.default)return n.h(t.as||"div",{ref:r},e.default(o))}}});function ne(t,{window:e=b,scrollTarget:r}={}){const o=n.ref(!1),a=()=>{if(!e)return;const i=e.document,l=P(t);if(!l)o.value=!1;else{const c=l.getBoundingClientRect();o.value=c.top<=(e.innerHeight||i.documentElement.clientHeight)&&c.left<=(e.innerWidth||i.documentElement.clientWidth)&&c.bottom>=0&&c.right>=0}};return n.watch(()=>P(t),()=>a(),{immediate:!0,flush:"post"}),e&&U(r||e,"scroll",a,{capture:!1,passive:!0}),o}const jt={[u.directiveHooks.mounted](t,e){if(typeof e.value=="function"){const r=e.value,o=ne(t);n.watch(o,a=>r(a),{immediate:!0})}else{const[r,o]=e.value,a=ne(t,o);n.watch(a,i=>r(i),{immediate:!0})}}},It=n.defineComponent({name:"UseEyeDropper",props:{sRGBHex:String},setup(t,{slots:e}){const r=n.reactive(d.useEyeDropper());return()=>{if(e.default)return e.default(r)}}}),Lt=n.defineComponent({name:"UseFullscreen",props:["as"],setup(t,{slots:e}){const r=n.ref(),o=n.reactive(d.useFullscreen(r));return()=>{if(e.default)return n.h(t.as||"div",{ref:r},e.default(o))}}}),At=n.defineComponent({name:"UseGeolocation",props:["enableHighAccuracy","maximumAge","timeout","navigator"],setup(t,{slots:e}){const r=n.reactive(d.useGeolocation(t));return()=>{if(e.default)return e.default(r)}}}),Mt=n.defineComponent({name:"UseIdle",props:["timeout","events","listenForVisibilityChange","initialState"],setup(t,{slots:e}){const r=n.reactive(d.useIdle(t.timeout,t));return()=>{if(e.default)return e.default(r)}}});function Tt(t,e,r){const{immediate:o=!0,delay:a=0,onError:i=u.noop,onSuccess:l=u.noop,resetOnExecute:c=!0,shallow:v=!0,throwError:_}=r??{},f=v?n.shallowRef(e):n.ref(e),m=n.ref(!1),h=n.ref(!1),p=n.ref(void 0);async function g(y=0,...$){c&&(f.value=e),p.value=void 0,m.value=!1,h.value=!0,y>0&&await u.promiseTimeout(y);const L=typeof t=="function"?t(...$):t;try{const S=await L;f.value=S,m.value=!0,l(S)}catch(S){if(p.value=S,i(S),_)throw p}finally{h.value=!1}return f.value}return o&&g(a),{state:f,isReady:m,isLoading:h,error:p,execute:g}}var Nt=Object.defineProperty,oe=Object.getOwnPropertySymbols,Rt=Object.prototype.hasOwnProperty,zt=Object.prototype.propertyIsEnumerable,ae=(t,e,r)=>e in t?Nt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ht=(t,e)=>{for(var r in e||(e={}))Rt.call(e,r)&&ae(t,r,e[r]);if(oe)for(var r of oe(e))zt.call(e,r)&&ae(t,r,e[r]);return t};async function Vt(t){return new Promise((e,r)=>{const o=new Image,{src:a,srcset:i,sizes:l}=t;o.src=a,i&&(o.srcset=i),l&&(o.sizes=l),o.onload=()=>e(o),o.onerror=r})}const Bt=(t,e={})=>{const r=Tt(()=>Vt(u.resolveUnref(t)),void 0,Ht({resetOnExecute:!0},e));return n.watch(()=>u.resolveUnref(t),()=>r.execute(e.delay),{deep:!0}),r},kt=n.defineComponent({name:"UseImage",props:["src","srcset","sizes","as"],setup(t,{slots:e}){const r=n.reactive(Bt(t));return()=>r.isLoading&&e.loading?e.loading(r):r.error&&e.error?e.error(r.error):e.default?e.default(r):n.h(t.as||"img",t)}}),se=1;function K(t,e={}){const{throttle:r=0,idle:o=200,onStop:a=u.noop,onScroll:i=u.noop,offset:l={left:0,right:0,top:0,bottom:0},eventListenerOptions:c={capture:!1,passive:!0},behavior:v="auto"}=e,_=n.ref(0),f=n.ref(0),m=n.computed({get(){return _.value},set(w){p(w,void 0)}}),h=n.computed({get(){return f.value},set(w){p(void 0,w)}});function p(w,E){var j,I,O;const C=u.resolveUnref(t);!C||(O=C instanceof Document?document.body:C)==null||O.scrollTo({top:(j=u.resolveUnref(E))!=null?j:h.value,left:(I=u.resolveUnref(w))!=null?I:m.value,behavior:u.resolveUnref(v)})}const g=n.ref(!1),y=n.reactive({left:!0,right:!1,top:!0,bottom:!1}),$=n.reactive({left:!1,right:!1,top:!1,bottom:!1}),L=u.useDebounceFn(w=>{g.value=!1,$.left=!1,$.right=!1,$.top=!1,$.bottom=!1,a(w)},r+o),S=w=>{const E=w.target===document?w.target.documentElement:w.target,j=E.scrollLeft;$.left=j<_.value,$.right=j>f.value,y.left=j<=0+(l.left||0),y.right=j+E.clientWidth>=E.scrollWidth-(l.right||0)-se,_.value=j;let I=E.scrollTop;w.target===document&&!I&&(I=document.body.scrollTop),$.top=I<f.value,$.bottom=I>f.value,y.top=I<=0+(l.top||0),y.bottom=I+E.clientHeight>=E.scrollHeight-(l.bottom||0)-se,f.value=I,g.value=!0,L(w),i(w)};return U(t,"scroll",r?u.useThrottleFn(S,r,!0,!1):S,c),{x:m,y:h,isScrolling:g,arrivedState:y,directions:$}}var Wt=Object.defineProperty,Ft=Object.defineProperties,Kt=Object.getOwnPropertyDescriptors,le=Object.getOwnPropertySymbols,Jt=Object.prototype.hasOwnProperty,Gt=Object.prototype.propertyIsEnumerable,ie=(t,e,r)=>e in t?Wt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ce=(t,e)=>{for(var r in e||(e={}))Jt.call(e,r)&&ie(t,r,e[r]);if(le)for(var r of le(e))Gt.call(e,r)&&ie(t,r,e[r]);return t},qt=(t,e)=>Ft(t,Kt(e));function ue(t,e,r={}){var o,a;const i=(o=r.direction)!=null?o:"bottom",l=n.reactive(K(t,qt(ce({},r),{offset:ce({[i]:(a=r.distance)!=null?a:0},r.offset)})));n.watch(()=>l.arrivedState[i],async c=>{var v,_;if(c){const f=u.resolveUnref(t),m={height:(v=f==null?void 0:f.scrollHeight)!=null?v:0,width:(_=f==null?void 0:f.scrollWidth)!=null?_:0};await e(l),r.preserveScrollPosition&&f&&n.nextTick(()=>{f.scrollTo({top:f.scrollHeight-m.height,left:f.scrollWidth-m.width})})}})}const Qt={[u.directiveHooks.mounted](t,e){typeof e.value=="function"?ue(t,e.value):ue(t,...e.value)}};function fe(t,e,r={}){const{root:o,rootMargin:a="0px",threshold:i=.1,window:l=b}=r,c=F(()=>l&&"IntersectionObserver"in l);let v=u.noop;const _=c.value?n.watch(()=>({el:P(t),root:P(o)}),({el:m,root:h})=>{if(v(),!m)return;const p=new IntersectionObserver(e,{root:h,rootMargin:a,threshold:i});p.observe(m),v=()=>{p.disconnect(),v=u.noop}},{immediate:!0,flush:"post"}):u.noop,f=()=>{v(),_()};return u.tryOnScopeDispose(f),{isSupported:c,stop:f}}const Xt={[u.directiveHooks.mounted](t,e){typeof e.value=="function"?fe(t,e.value):fe(t,...e.value)}},Yt=n.defineComponent({name:"UseMouse",props:["touch","resetOnTouchEnds","initialValue"],setup(t,{slots:e}){const r=n.reactive(d.useMouse(t));return()=>{if(e.default)return e.default(r)}}}),Zt=n.defineComponent({name:"UseMouseElement",props:["handleOutside","as"],setup(t,{slots:e}){const r=n.ref(),o=n.reactive(d.useMouseInElement(r,t));return()=>{if(e.default)return n.h(t.as||"div",{ref:r},e.default(o))}}});var xt=Object.defineProperty,Dt=Object.defineProperties,er=Object.getOwnPropertyDescriptors,de=Object.getOwnPropertySymbols,tr=Object.prototype.hasOwnProperty,rr=Object.prototype.propertyIsEnumerable,pe=(t,e,r)=>e in t?xt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,nr=(t,e)=>{for(var r in e||(e={}))tr.call(e,r)&&pe(t,r,e[r]);if(de)for(var r of de(e))rr.call(e,r)&&pe(t,r,e[r]);return t},or=(t,e)=>Dt(t,er(e));const ar=n.defineComponent({name:"UseMousePressed",props:["touch","initialValue","as"],setup(t,{slots:e}){const r=n.ref(),o=n.reactive(d.useMousePressed(or(nr({},t),{target:r})));return()=>{if(e.default)return n.h(t.as||"div",{ref:r},e.default(o))}}}),sr=n.defineComponent({name:"UseNetwork",setup(t,{slots:e}){const r=n.reactive(d.useNetwork());return()=>{if(e.default)return e.default(r)}}});var lr=Object.defineProperty,ir=Object.defineProperties,cr=Object.getOwnPropertyDescriptors,ve=Object.getOwnPropertySymbols,ur=Object.prototype.hasOwnProperty,fr=Object.prototype.propertyIsEnumerable,_e=(t,e,r)=>e in t?lr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,dr=(t,e)=>{for(var r in e||(e={}))ur.call(e,r)&&_e(t,r,e[r]);if(ve)for(var r of ve(e))fr.call(e,r)&&_e(t,r,e[r]);return t},pr=(t,e)=>ir(t,cr(e));const vr=n.defineComponent({name:"UseNow",props:["interval"],setup(t,{slots:e}){const r=n.reactive(d.useNow(pr(dr({},t),{controls:!0})));return()=>{if(e.default)return e.default(r)}}}),_r=n.defineComponent({name:"UseObjectUrl",props:["object"],setup(t,{slots:e}){const r=n.toRef(t,"object"),o=d.useObjectUrl(r);return()=>{if(e.default&&o.value)return e.default(o)}}});var gr=Object.defineProperty,mr=Object.defineProperties,Or=Object.getOwnPropertyDescriptors,ge=Object.getOwnPropertySymbols,yr=Object.prototype.hasOwnProperty,Pr=Object.prototype.propertyIsEnumerable,me=(t,e,r)=>e in t?gr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,hr=(t,e)=>{for(var r in e||(e={}))yr.call(e,r)&&me(t,r,e[r]);if(ge)for(var r of ge(e))Pr.call(e,r)&&me(t,r,e[r]);return t},wr=(t,e)=>mr(t,Or(e));const br=n.defineComponent({name:"UseOffsetPagination",props:["total","page","pageSize","onPageChange","onPageSizeChange","onPageCountChange"],emits:["page-change","page-size-change","page-count-change"],setup(t,{slots:e,emit:r}){const o=n.reactive(d.useOffsetPagination(wr(hr({},t),{onPageChange(...a){var i;(i=t.onPageChange)==null||i.call(t,...a),r("page-change",...a)},onPageSizeChange(...a){var i;(i=t.onPageSizeChange)==null||i.call(t,...a),r("page-size-change",...a)},onPageCountChange(...a){var i;(i=t.onPageCountChange)==null||i.call(t,...a),r("page-count-change",...a)}})));return()=>{if(e.default)return e.default(o)}}}),Ur=n.defineComponent({name:"UseOnline",setup(t,{slots:e}){const r=n.reactive({isOnline:d.useOnline()});return()=>{if(e.default)return e.default(r)}}}),Sr=n.defineComponent({name:"UsePageLeave",setup(t,{slots:e}){const r=n.reactive({isLeft:d.usePageLeave()});return()=>{if(e.default)return e.default(r)}}});var $r=Object.defineProperty,Cr=Object.defineProperties,Er=Object.getOwnPropertyDescriptors,Oe=Object.getOwnPropertySymbols,jr=Object.prototype.hasOwnProperty,Ir=Object.prototype.propertyIsEnumerable,ye=(t,e,r)=>e in t?$r(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Lr=(t,e)=>{for(var r in e||(e={}))jr.call(e,r)&&ye(t,r,e[r]);if(Oe)for(var r of Oe(e))Ir.call(e,r)&&ye(t,r,e[r]);return t},Ar=(t,e)=>Cr(t,Er(e));const Mr=n.defineComponent({name:"UsePointer",props:["pointerTypes","initialValue","target"],setup(t,{slots:e}){const r=n.ref(null),o=n.reactive(d.usePointer(Ar(Lr({},t),{target:t.target==="self"?r:b})));return()=>{if(e.default)return e.default(o,{ref:r})}}}),Tr=n.defineComponent({name:"UsePreferredColorScheme",setup(t,{slots:e}){const r=n.reactive({colorScheme:d.usePreferredColorScheme()});return()=>{if(e.default)return e.default(r)}}}),Nr=n.defineComponent({name:"UsePreferredContrast",setup(t,{slots:e}){const r=n.reactive({contrast:d.usePreferredContrast()});return()=>{if(e.default)return e.default(r)}}}),Rr=n.defineComponent({name:"UsePreferredDark",setup(t,{slots:e}){const r=n.reactive({prefersDark:d.usePreferredDark()});return()=>{if(e.default)return e.default(r)}}}),zr=n.defineComponent({name:"UsePreferredLanguages",setup(t,{slots:e}){const r=n.reactive({languages:d.usePreferredLanguages()});return()=>{if(e.default)return e.default(r)}}}),Hr=n.defineComponent({name:"UsePreferredReducedMotion",setup(t,{slots:e}){const r=n.reactive({motion:d.usePreferredReducedMotion()});return()=>{if(e.default)return e.default(r)}}});function H(t,e,{window:r=b,initialValue:o=""}={}){const a=n.ref(o),i=n.computed(()=>{var l;return P(e)||((l=r==null?void 0:r.document)==null?void 0:l.documentElement)});return n.watch([i,()=>u.resolveUnref(t)],([l,c])=>{var v;if(l&&r){const _=(v=r.getComputedStyle(l).getPropertyValue(c))==null?void 0:v.trim();a.value=_||o}},{immediate:!0}),n.watch(a,l=>{var c;((c=i.value)==null?void 0:c.style)&&i.value.style.setProperty(u.resolveUnref(t),l)}),a}const Pe="--vueuse-safe-area-top",he="--vueuse-safe-area-right",we="--vueuse-safe-area-bottom",be="--vueuse-safe-area-left";function Vr(){const t=n.ref(""),e=n.ref(""),r=n.ref(""),o=n.ref("");if(u.isClient){const i=H(Pe),l=H(he),c=H(we),v=H(be);i.value="env(safe-area-inset-top, 0px)",l.value="env(safe-area-inset-right, 0px)",c.value="env(safe-area-inset-bottom, 0px)",v.value="env(safe-area-inset-left, 0px)",a(),U("resize",u.useDebounceFn(a))}function a(){t.value=V(Pe),e.value=V(he),r.value=V(we),o.value=V(be)}return{top:t,right:e,bottom:r,left:o,update:a}}function V(t){return getComputedStyle(document.documentElement).getPropertyValue(t)}const Br=n.defineComponent({name:"UseScreenSafeArea",props:{top:Boolean,right:Boolean,bottom:Boolean,left:Boolean},setup(t,{slots:e}){const{top:r,right:o,bottom:a,left:i}=Vr();return()=>{if(e.default)return n.h("div",{style:{paddingTop:t.top?r.value:"",paddingRight:t.right?o.value:"",paddingBottom:t.bottom?a.value:"",paddingLeft:t.left?i.value:"",boxSizing:"border-box",maxHeight:"100vh",maxWidth:"100vw",overflow:"auto"}},e.default())}}});var kr=Object.defineProperty,Wr=Object.defineProperties,Fr=Object.getOwnPropertyDescriptors,Ue=Object.getOwnPropertySymbols,Kr=Object.prototype.hasOwnProperty,Jr=Object.prototype.propertyIsEnumerable,Se=(t,e,r)=>e in t?kr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Gr=(t,e)=>{for(var r in e||(e={}))Kr.call(e,r)&&Se(t,r,e[r]);if(Ue)for(var r of Ue(e))Jr.call(e,r)&&Se(t,r,e[r]);return t},qr=(t,e)=>Wr(t,Fr(e));const Qr={[u.directiveHooks.mounted](t,e){if(typeof e.value=="function"){const r=e.value,o=K(t,{onScroll(){r(o)},onStop(){r(o)}})}else{const[r,o]=e.value,a=K(t,qr(Gr({},o),{onScroll(i){var l;(l=o.onScroll)==null||l.call(o,i),r(a)},onStop(i){var l;(l=o.onStop)==null||l.call(o,i),r(a)}}))}}};function Xr(t){const e=t||window.event;return e.touches.length>1?!0:(e.preventDefault&&e.preventDefault(),!1)}function Yr(t,e=!1){const r=n.ref(e);let o=null,a;n.watch(u.resolveRef(t),c=>{if(c){const v=c;a=v.style.overflow,r.value&&(v.style.overflow="hidden")}},{immediate:!0});const i=()=>{const c=u.resolveUnref(t);!c||r.value||(u.isIOS&&(o=U(c,"touchmove",Xr,{passive:!1})),c.style.overflow="hidden",r.value=!0)},l=()=>{const c=u.resolveUnref(t);!c||!r.value||(u.isIOS&&(o==null||o()),c.style.overflow=a,r.value=!1)};return u.tryOnScopeDispose(l),n.computed({get(){return r.value},set(c){c?i():l()}})}const Zr=(()=>{let t=!1;const e=n.ref(!1);return(r,o)=>{if(e.value=o.value,t)return;t=!0;const a=Yr(r,o.value);n.watch(e,i=>a.value=i)}})();var xr=Object.defineProperty,Dr=Object.defineProperties,en=Object.getOwnPropertyDescriptors,$e=Object.getOwnPropertySymbols,tn=Object.prototype.hasOwnProperty,rn=Object.prototype.propertyIsEnumerable,Ce=(t,e,r)=>e in t?xr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,nn=(t,e)=>{for(var r in e||(e={}))tn.call(e,r)&&Ce(t,r,e[r]);if($e)for(var r of $e(e))rn.call(e,r)&&Ce(t,r,e[r]);return t},on=(t,e)=>Dr(t,en(e));const an=n.defineComponent({name:"UseTimeAgo",props:["time","updateInterval","max","fullDateFormatter","messages","showSecond"],setup(t,{slots:e}){const r=n.reactive(d.useTimeAgo(()=>t.time,on(nn({},t),{controls:!0})));return()=>{if(e.default)return e.default(r)}}});var sn=Object.defineProperty,ln=Object.defineProperties,cn=Object.getOwnPropertyDescriptors,Ee=Object.getOwnPropertySymbols,un=Object.prototype.hasOwnProperty,fn=Object.prototype.propertyIsEnumerable,je=(t,e,r)=>e in t?sn(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,dn=(t,e)=>{for(var r in e||(e={}))un.call(e,r)&&je(t,r,e[r]);if(Ee)for(var r of Ee(e))fn.call(e,r)&&je(t,r,e[r]);return t},pn=(t,e)=>ln(t,cn(e));const vn=n.defineComponent({name:"UseTimestamp",props:["immediate","interval","offset"],setup(t,{slots:e}){const r=n.reactive(d.useTimestamp(pn(dn({},t),{controls:!0})));return()=>{if(e.default)return e.default(r)}}});var _n=Object.defineProperty,Ie=Object.getOwnPropertySymbols,gn=Object.prototype.hasOwnProperty,mn=Object.prototype.propertyIsEnumerable,Le=(t,e,r)=>e in t?_n(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ae=(t,e)=>{for(var r in e||(e={}))gn.call(e,r)&&Le(t,r,e[r]);if(Ie)for(var r of Ie(e))mn.call(e,r)&&Le(t,r,e[r]);return t};const On=n.defineComponent({name:"UseVirtualList",props:["list","options","height"],setup(t,{slots:e}){const{list:r}=n.toRefs(t),{list:o,containerProps:a,wrapperProps:i}=d.useVirtualList(r,t.options);return typeof a.style=="object"&&!Array.isArray(a.style)&&(a.style.height=t.height||"300px"),()=>n.h("div",Ae({},a),[n.h("div",Ae({},i.value),o.value.map(l=>n.h("div",{style:{overFlow:"hidden",height:l.height}},e.default?e.default(l):"Please set content!")))])}}),yn=n.defineComponent({name:"UseWindowFocus",setup(t,{slots:e}){const r=n.reactive({focused:d.useWindowFocus()});return()=>{if(e.default)return e.default(r)}}}),Pn=n.defineComponent({name:"UseWindowSize",props:["initialWidth","initialHeight"],setup(t,{slots:e}){const r=n.reactive(d.useWindowSize(t));return()=>{if(e.default)return e.default(r)}}});s.OnClickOutside=Me,s.OnLongPress=Ve,s.UseActiveElement=Be,s.UseBattery=ke,s.UseBrowserLocation=We,s.UseColorMode=nt,s.UseDark=ot,s.UseDeviceMotion=at,s.UseDeviceOrientation=st,s.UseDevicePixelRatio=lt,s.UseDevicesList=it,s.UseDocumentVisibility=ct,s.UseDraggable=mt,s.UseElementBounding=Ot,s.UseElementSize=ht,s.UseElementVisibility=Et,s.UseEyeDropper=It,s.UseFullscreen=Lt,s.UseGeolocation=At,s.UseIdle=Mt,s.UseImage=kt,s.UseMouse=Yt,s.UseMouseInElement=Zt,s.UseMousePressed=ar,s.UseNetwork=sr,s.UseNow=vr,s.UseObjectUrl=_r,s.UseOffsetPagination=br,s.UseOnline=Ur,s.UsePageLeave=Sr,s.UsePointer=Mr,s.UsePreferredColorScheme=Tr,s.UsePreferredContrast=Nr,s.UsePreferredDark=Rr,s.UsePreferredLanguages=zr,s.UsePreferredReducedMotion=Hr,s.UseScreenSafeArea=Br,s.UseTimeAgo=an,s.UseTimestamp=vn,s.UseVirtualList=On,s.UseWindowFocus=yn,s.UseWindowSize=Pn,s.VOnClickOutside=R,s.VOnLongPress=q,s.vElementHover=Pt,s.vElementSize=Ct,s.vElementVisibility=jt,s.vInfiniteScroll=Qt,s.vIntersectionObserver=Xt,s.vOnClickOutside=R,s.vOnKeyStroke=ze,s.vOnLongPress=q,s.vScroll=Qr,s.vScrollLock=Zr})(this.VueUse=this.VueUse||{},VueDemi,VueUse,VueUse);
+var VueDemi=function(s,n,p){if(s.install)return s;if(!n)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),s;if(n.version.slice(0,4)==="2.7."){let P=function(b,U){var A,R={},z={config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),provide:function(M,T){return R[M]=T,this},directive:function(M,T){return T?(n.directive(M,T),z):n.directive(M)},mount:function(M,T){return A||(A=new n(Object.assign({propsData:U},b,{provide:Object.assign(R,b.provide)})),A.$mount(M,T),A)},unmount:function(){A&&(A.$destroy(),A=void 0)}};return z};var Te=P;for(var u in n)s[u]=n[u];s.isVue2=!0,s.isVue3=!1,s.install=function(){},s.Vue=n,s.Vue2=n,s.version=n.version,s.warn=n.util.warn,s.createApp=P}else if(n.version.slice(0,2)==="2.")if(p){for(var u in p)s[u]=p[u];s.isVue2=!0,s.isVue3=!1,s.install=function(){},s.Vue=n,s.Vue2=n,s.version=n.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(n.version.slice(0,2)==="3."){for(var u in n)s[u]=n[u];s.isVue2=!1,s.isVue3=!0,s.install=function(){},s.Vue=n,s.Vue2=void 0,s.version=n.version,s.set=function(P,b,U){return Array.isArray(P)?(P.length=Math.max(P.length,b),P.splice(b,1,U),U):(P[b]=U,U)},s.del=function(P,b){if(Array.isArray(P)){P.splice(b,1);return}delete P[b]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");return s}(this.VueDemi=this.VueDemi||(typeof VueDemi!="undefined"?VueDemi:{}),this.Vue||(typeof Vue!="undefined"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI!="undefined"?VueCompositionAPI:void 0));(function(s,n,p,u){"use strict";const Te=n.defineComponent({name:"OnClickOutside",props:["as","options"],emits:["trigger"],setup(t,{slots:e,emit:r}){const o=n.ref();return p.onClickOutside(o,a=>{r("trigger",a)},t.options),()=>{if(e.default)return n.h(t.as||"div",{ref:o},e.default())}}});function P(t){var e;const r=u.resolveUnref(t);return(e=r==null?void 0:r.$el)!=null?e:r}const b=u.isClient?window:void 0;function U(...t){let e,r,o,a;if(u.isString(t[0])||Array.isArray(t[0])?([r,o,a]=t,e=b):[e,r,o,a]=t,!e)return u.noop;Array.isArray(r)||(r=[r]),Array.isArray(o)||(o=[o]);const i=[],l=()=>{i.forEach(f=>f()),i.length=0},c=(f,m,h)=>(f.addEventListener(m,h,a),()=>f.removeEventListener(m,h,a)),d=n.watch(()=>P(e),f=>{l(),!!f&&i.push(...r.flatMap(m=>o.map(h=>c(f,m,h))))},{immediate:!0,flush:"post"}),g=()=>{d(),l()};return u.tryOnScopeDispose(g),g}function A(t,e,r={}){const{window:o=b,ignore:a=[],capture:i=!0,detectIframe:l=!1}=r;if(!o)return;let c=!0,d;const g=v=>a.some(_=>{if(typeof _=="string")return Array.from(o.document.querySelectorAll(_)).some(y=>y===v.target||v.composedPath().includes(y));{const y=P(_);return y&&(v.target===y||v.composedPath().includes(y))}}),f=v=>{o.clearTimeout(d);const _=P(t);if(!(!_||_===v.target||v.composedPath().includes(_))){if(v.detail===0&&(c=!g(v)),!c){c=!0;return}e(v)}},m=[U(o,"click",f,{passive:!0,capture:i}),U(o,"pointerdown",v=>{const _=P(t);_&&(c=!v.composedPath().includes(_)&&!g(v))},{passive:!0}),U(o,"pointerup",v=>{if(v.button===0){const _=v.composedPath();v.composedPath=()=>_,d=o.setTimeout(()=>f(v),50)}},{passive:!0}),l&&U(o,"blur",v=>{var _;const y=P(t);((_=o.document.activeElement)==null?void 0:_.tagName)==="IFRAME"&&!(y==null?void 0:y.contains(o.document.activeElement))&&e(v)})].filter(Boolean);return()=>m.forEach(v=>v())}const R={[u.directiveHooks.mounted](t,e){const r=!e.modifiers.bubble;if(typeof e.value=="function")t.__onClickOutside_stop=A(t,e.value,{capture:r});else{const[o,a]=e.value;t.__onClickOutside_stop=A(t,o,Object.assign({capture:r},a))}},[u.directiveHooks.unmounted](t){t.__onClickOutside_stop()}},z=t=>typeof t=="function"?t:typeof t=="string"?e=>e.key===t:Array.isArray(t)?e=>t.includes(e.key):()=>!0;function M(...t){let e,r,o={};t.length===3?(e=t[0],r=t[1],o=t[2]):t.length===2?typeof t[1]=="object"?(e=!0,r=t[0],o=t[1]):(e=t[0],r=t[1]):(e=!0,r=t[0]);const{target:a=b,eventName:i="keydown",passive:l=!1}=o,c=z(e);return U(a,i,g=>{c(g)&&r(g)},l)}var T=Object.defineProperty,J=Object.getOwnPropertySymbols,Ne=Object.prototype.hasOwnProperty,Re=Object.prototype.propertyIsEnumerable,G=(t,e,r)=>e in t?T(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ze=(t,e)=>{for(var r in e||(e={}))Ne.call(e,r)&&G(t,r,e[r]);if(J)for(var r of J(e))Re.call(e,r)&&G(t,r,e[r]);return t};const He={[u.directiveHooks.mounted](t,e){var r,o;const a=(o=(r=e.arg)==null?void 0:r.split(","))!=null?o:!0;if(typeof e.value=="function")M(a,e.value,{target:t});else{const[i,l]=e.value;M(a,i,ze({target:t},l))}}},Ve=500;function B(t,e,r){var o,a;const i=n.computed(()=>P(t));let l;function c(){l&&(clearTimeout(l),l=void 0)}function d(f){var m,h,v,_;((m=r==null?void 0:r.modifiers)==null?void 0:m.self)&&f.target!==i.value||(c(),((h=r==null?void 0:r.modifiers)==null?void 0:h.prevent)&&f.preventDefault(),((v=r==null?void 0:r.modifiers)==null?void 0:v.stop)&&f.stopPropagation(),l=setTimeout(()=>e(f),(_=r==null?void 0:r.delay)!=null?_:Ve))}const g={capture:(o=r==null?void 0:r.modifiers)==null?void 0:o.capture,once:(a=r==null?void 0:r.modifiers)==null?void 0:a.once};U(i,"pointerdown",d,g),U(i,"pointerup",c,g),U(i,"pointerleave",c,g)}const Be=n.defineComponent({name:"OnLongPress",props:["as","options"],emits:["trigger"],setup(t,{slots:e,emit:r}){const o=n.ref();return B(o,a=>{r("trigger",a)},t.options),()=>{if(e.default)return n.h(t.as||"div",{ref:o},e.default())}}}),Y={[u.directiveHooks.mounted](t,e){typeof e.value=="function"?B(t,e.value,{modifiers:e.modifiers}):B(t,...e.value)}},ke=n.defineComponent({name:"UseActiveElement",setup(t,{slots:e}){const r=n.reactive({element:p.useActiveElement()});return()=>{if(e.default)return e.default(r)}}}),We=n.defineComponent({name:"UseBattery",setup(t,{slots:e}){const r=n.reactive(p.useBattery(t));return()=>{if(e.default)return e.default(r)}}}),Fe=n.defineComponent({name:"UseBrowserLocation",setup(t,{slots:e}){const r=n.reactive(p.useBrowserLocation());return()=>{if(e.default)return e.default(r)}}}),k=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},W="__vueuse_ssr_handlers__";k[W]=k[W]||{};const Ke=k[W];function q(t,e){return Ke[t]||e}function Je(t){return t==null?"any":t instanceof Set?"set":t instanceof Map?"map":t instanceof Date?"date":typeof t=="boolean"?"boolean":typeof t=="string"?"string":typeof t=="object"?"object":Number.isNaN(t)?"any":"number"}var Ge=Object.defineProperty,X=Object.getOwnPropertySymbols,Ye=Object.prototype.hasOwnProperty,qe=Object.prototype.propertyIsEnumerable,Q=(t,e,r)=>e in t?Ge(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Z=(t,e)=>{for(var r in e||(e={}))Ye.call(e,r)&&Q(t,r,e[r]);if(X)for(var r of X(e))qe.call(e,r)&&Q(t,r,e[r]);return t};const Xe={boolean:{read:t=>t==="true",write:t=>String(t)},object:{read:t=>JSON.parse(t),write:t=>JSON.stringify(t)},number:{read:t=>Number.parseFloat(t),write:t=>String(t)},any:{read:t=>t,write:t=>String(t)},string:{read:t=>t,write:t=>String(t)},map:{read:t=>new Map(JSON.parse(t)),write:t=>JSON.stringify(Array.from(t.entries()))},set:{read:t=>new Set(JSON.parse(t)),write:t=>JSON.stringify(Array.from(t))},date:{read:t=>new Date(t),write:t=>t.toISOString()}};function Qe(t,e,r,o={}){var a;const{flush:i="pre",deep:l=!0,listenToStorageChanges:c=!0,writeDefaults:d=!0,mergeDefaults:g=!1,shallow:f,window:m=b,eventFilter:h,onError:v=O=>{console.error(O)}}=o,_=(f?n.shallowRef:n.ref)(e);if(!r)try{r=q("getDefaultStorage",()=>{var O;return(O=b)==null?void 0:O.localStorage})()}catch(O){v(O)}if(!r)return _;const y=u.resolveUnref(e),$=Je(y),L=(a=o.serializer)!=null?a:Xe[$],{pause:S,resume:w}=u.pausableWatch(_,()=>E(_.value),{flush:i,deep:l,eventFilter:h});return m&&c&&U(m,"storage",I),I(),_;function E(O){try{if(O==null)r.removeItem(t);else{const C=L.write(O),N=r.getItem(t);N!==C&&(r.setItem(t,C),m&&(m==null||m.dispatchEvent(new StorageEvent("storage",{key:t,oldValue:N,newValue:C,storageArea:r}))))}}catch(C){v(C)}}function j(O){const C=O?O.newValue:r.getItem(t);if(C==null)return d&&y!==null&&r.setItem(t,L.write(y)),y;if(!O&&g){const N=L.read(C);return u.isFunction(g)?g(N,y):$==="object"&&!Array.isArray(N)?Z(Z({},y),N):N}else return typeof C!="string"?C:L.read(C)}function I(O){if(!(O&&O.storageArea!==r)){if(O&&O.key==null){_.value=y;return}if(!(O&&O.key!==t)){S();try{_.value=j(O)}catch(C){v(C)}finally{O?n.nextTick(w):w()}}}}}function F(t,e=!1){const r=n.ref(),o=()=>r.value=Boolean(t());return o(),u.tryOnMounted(o,e),r}function Ze(t,e={}){const{window:r=b}=e,o=F(()=>r&&"matchMedia"in r&&typeof r.matchMedia=="function");let a;const i=n.ref(!1),l=()=>{!a||("removeEventListener"in a?a.removeEventListener("change",c):a.removeListener(c))},c=()=>{!o.value||(l(),a=r.matchMedia(u.resolveRef(t).value),i.value=a.matches,"addEventListener"in a?a.addEventListener("change",c):a.addListener(c))};return n.watchEffect(c),u.tryOnScopeDispose(()=>l()),i}function xe(t){return Ze("(prefers-color-scheme: dark)",t)}var De=Object.defineProperty,x=Object.getOwnPropertySymbols,et=Object.prototype.hasOwnProperty,tt=Object.prototype.propertyIsEnumerable,D=(t,e,r)=>e in t?De(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,rt=(t,e)=>{for(var r in e||(e={}))et.call(e,r)&&D(t,r,e[r]);if(x)for(var r of x(e))tt.call(e,r)&&D(t,r,e[r]);return t};function nt(t={}){const{selector:e="html",attribute:r="class",initialValue:o="auto",window:a=b,storage:i,storageKey:l="vueuse-color-scheme",listenToStorageChanges:c=!0,storageRef:d,emitAuto:g}=t,f=rt({auto:"",light:"light",dark:"dark"},t.modes||{}),m=xe({window:a}),h=n.computed(()=>m.value?"dark":"light"),v=d||(l==null?n.ref(o):Qe(l,o,i,{window:a,listenToStorageChanges:c})),_=n.computed({get(){return v.value==="auto"&&!g?h.value:v.value},set(S){v.value=S}}),y=q("updateHTMLAttrs",(S,w,E)=>{const j=a==null?void 0:a.document.querySelector(S);if(!!j)if(w==="class"){const I=E.split(/\s/g);Object.values(f).flatMap(O=>(O||"").split(/\s/g)).filter(Boolean).forEach(O=>{I.includes(O)?j.classList.add(O):j.classList.remove(O)})}else j.setAttribute(w,E)});function $(S){var w;const E=S==="auto"?h.value:S;y(e,r,(w=f[E])!=null?w:E)}function L(S){t.onChanged?t.onChanged(S,$):$(S)}return n.watch(_,L,{flush:"post",immediate:!0}),g&&n.watch(h,()=>L(_.value),{flush:"post"}),u.tryOnMounted(()=>L(_.value)),_}const ot=n.defineComponent({name:"UseColorMode",props:["selector","attribute","modes","onChanged","storageKey","storage","emitAuto"],setup(t,{slots:e}){const r=nt(t),o=n.reactive({mode:r});return()=>{if(e.default)return e.default(o)}}}),at=n.defineComponent({name:"UseDark",props:["selector","attribute","valueDark","valueLight","onChanged","storageKey","storage"],setup(t,{slots:e}){const r=p.useDark(t),o=n.reactive({isDark:r,toggleDark:u.useToggle(r)});return()=>{if(e.default)return e.default(o)}}}),st=n.defineComponent({name:"UseDeviceMotion",setup(t,{slots:e}){const r=n.reactive(p.useDeviceMotion());return()=>{if(e.default)return e.default(r)}}}),lt=n.defineComponent({name:"UseDeviceOrientation",setup(t,{slots:e}){const r=n.reactive(p.useDeviceOrientation());return()=>{if(e.default)return e.default(r)}}}),it=n.defineComponent({name:"UseDevicePixelRatio",setup(t,{slots:e}){const r=n.reactive({pixelRatio:p.useDevicePixelRatio()});return()=>{if(e.default)return e.default(r)}}}),ct=n.defineComponent({name:"UseDevicesList",props:["onUpdated","requestPermissions","constraints"],setup(t,{slots:e}){const r=n.reactive(p.useDevicesList(t));return()=>{if(e.default)return e.default(r)}}}),ut=n.defineComponent({name:"UseDocumentVisibility",setup(t,{slots:e}){const r=n.reactive({visibility:p.useDocumentVisibility()});return()=>{if(e.default)return e.default(r)}}});var ft=Object.defineProperty,dt=Object.defineProperties,pt=Object.getOwnPropertyDescriptors,ee=Object.getOwnPropertySymbols,vt=Object.prototype.hasOwnProperty,gt=Object.prototype.propertyIsEnumerable,te=(t,e,r)=>e in t?ft(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,_t=(t,e)=>{for(var r in e||(e={}))vt.call(e,r)&&te(t,r,e[r]);if(ee)for(var r of ee(e))gt.call(e,r)&&te(t,r,e[r]);return t},mt=(t,e)=>dt(t,pt(e));const Ot=n.defineComponent({name:"UseDraggable",props:["storageKey","storageType","initialValue","exact","preventDefault","stopPropagation","pointerTypes","as","handle"],setup(t,{slots:e}){const r=n.ref(),o=n.computed(()=>{var l;return(l=t.handle)!=null?l:r.value}),a=t.storageKey?p.useStorage(t.storageKey,u.resolveUnref(t.initialValue)||{x:0,y:0},p.isClient?t.storageType==="session"?sessionStorage:localStorage:void 0):t.initialValue||{x:0,y:0},i=n.reactive(p.useDraggable(r,mt(_t({},t),{handle:o,initialValue:a})));return()=>{if(e.default)return n.h(t.as||"div",{ref:r,style:`touch-action:none;${i.style}`},e.default(i))}}}),yt=n.defineComponent({name:"UseElementBounding",props:["box","as"],setup(t,{slots:e}){const r=n.ref(),o=n.reactive(p.useElementBounding(r));return()=>{if(e.default)return n.h(t.as||"div",{ref:r},e.default(o))}}});function Pt(t){const e=n.ref(!1);return U(t,"mouseenter",()=>e.value=!0),U(t,"mouseleave",()=>e.value=!1),e}const ht={[u.directiveHooks.mounted](t,e){if(typeof e.value=="function"){const r=Pt(t);n.watch(r,o=>e.value(o))}}},wt=n.defineComponent({name:"UseElementSize",props:["width","height","box"],setup(t,{slots:e}){const r=n.ref(),o=n.reactive(p.useElementSize(r,{width:t.width,height:t.height},{box:t.box}));return()=>{if(e.default)return n.h(t.as||"div",{ref:r},e.default(o))}}});var re=Object.getOwnPropertySymbols,bt=Object.prototype.hasOwnProperty,Ut=Object.prototype.propertyIsEnumerable,St=(t,e)=>{var r={};for(var o in t)bt.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(t!=null&&re)for(var o of re(t))e.indexOf(o)<0&&Ut.call(t,o)&&(r[o]=t[o]);return r};function $t(t,e,r={}){const o=r,{window:a=b}=o,i=St(o,["window"]);let l;const c=F(()=>a&&"ResizeObserver"in a),d=()=>{l&&(l.disconnect(),l=void 0)},g=n.watch(()=>P(t),m=>{d(),c.value&&a&&m&&(l=new ResizeObserver(e),l.observe(m,i))},{immediate:!0,flush:"post"}),f=()=>{d(),g()};return u.tryOnScopeDispose(f),{isSupported:c,stop:f}}function Ct(t,e={width:0,height:0},r={}){const{box:o="content-box"}=r,a=n.ref(e.width),i=n.ref(e.height);return $t(t,([l])=>{const c=o==="border-box"?l.borderBoxSize:o==="content-box"?l.contentBoxSize:l.devicePixelContentBoxSize;c?(a.value=c.reduce((d,{inlineSize:g})=>d+g,0),i.value=c.reduce((d,{blockSize:g})=>d+g,0)):(a.value=l.contentRect.width,i.value=l.contentRect.height)},r),n.watch(()=>P(t),l=>{a.value=l?e.width:0,i.value=l?e.height:0}),{width:a,height:i}}const Et={[u.directiveHooks.mounted](t,e){var r;const o=typeof e.value=="function"?e.value:(r=e.value)==null?void 0:r[0],a=typeof e.value=="function"?[]:e.value.slice(1),{width:i,height:l}=Ct(t,...a);n.watch([i,l],([c,d])=>o({width:c,height:d}))}},jt=n.defineComponent({name:"UseElementVisibility",props:["as"],setup(t,{slots:e}){const r=n.ref(),o=n.reactive({isVisible:p.useElementVisibility(r)});return()=>{if(e.default)return n.h(t.as||"div",{ref:r},e.default(o))}}});function ne(t,{window:e=b,scrollTarget:r}={}){const o=n.ref(!1),a=()=>{if(!e)return;const i=e.document,l=P(t);if(!l)o.value=!1;else{const c=l.getBoundingClientRect();o.value=c.top<=(e.innerHeight||i.documentElement.clientHeight)&&c.left<=(e.innerWidth||i.documentElement.clientWidth)&&c.bottom>=0&&c.right>=0}};return n.watch(()=>P(t),()=>a(),{immediate:!0,flush:"post"}),e&&U(r||e,"scroll",a,{capture:!1,passive:!0}),o}const It={[u.directiveHooks.mounted](t,e){if(typeof e.value=="function"){const r=e.value,o=ne(t);n.watch(o,a=>r(a),{immediate:!0})}else{const[r,o]=e.value,a=ne(t,o);n.watch(a,i=>r(i),{immediate:!0})}}},Lt=n.defineComponent({name:"UseEyeDropper",props:{sRGBHex:String},setup(t,{slots:e}){const r=n.reactive(p.useEyeDropper());return()=>{if(e.default)return e.default(r)}}}),At=n.defineComponent({name:"UseFullscreen",props:["as"],setup(t,{slots:e}){const r=n.ref(),o=n.reactive(p.useFullscreen(r));return()=>{if(e.default)return n.h(t.as||"div",{ref:r},e.default(o))}}}),Mt=n.defineComponent({name:"UseGeolocation",props:["enableHighAccuracy","maximumAge","timeout","navigator"],setup(t,{slots:e}){const r=n.reactive(p.useGeolocation(t));return()=>{if(e.default)return e.default(r)}}}),Tt=n.defineComponent({name:"UseIdle",props:["timeout","events","listenForVisibilityChange","initialState"],setup(t,{slots:e}){const r=n.reactive(p.useIdle(t.timeout,t));return()=>{if(e.default)return e.default(r)}}});function Nt(t,e,r){const{immediate:o=!0,delay:a=0,onError:i=u.noop,onSuccess:l=u.noop,resetOnExecute:c=!0,shallow:d=!0,throwError:g}=r??{},f=d?n.shallowRef(e):n.ref(e),m=n.ref(!1),h=n.ref(!1),v=n.ref(void 0);async function _(y=0,...$){c&&(f.value=e),v.value=void 0,m.value=!1,h.value=!0,y>0&&await u.promiseTimeout(y);const L=typeof t=="function"?t(...$):t;try{const S=await L;f.value=S,m.value=!0,l(S)}catch(S){if(v.value=S,i(S),g)throw v}finally{h.value=!1}return f.value}return o&&_(a),{state:f,isReady:m,isLoading:h,error:v,execute:_}}var Rt=Object.defineProperty,oe=Object.getOwnPropertySymbols,zt=Object.prototype.hasOwnProperty,Ht=Object.prototype.propertyIsEnumerable,ae=(t,e,r)=>e in t?Rt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Vt=(t,e)=>{for(var r in e||(e={}))zt.call(e,r)&&ae(t,r,e[r]);if(oe)for(var r of oe(e))Ht.call(e,r)&&ae(t,r,e[r]);return t};async function Bt(t){return new Promise((e,r)=>{const o=new Image,{src:a,srcset:i,sizes:l}=t;o.src=a,i&&(o.srcset=i),l&&(o.sizes=l),o.onload=()=>e(o),o.onerror=r})}const kt=(t,e={})=>{const r=Nt(()=>Bt(u.resolveUnref(t)),void 0,Vt({resetOnExecute:!0},e));return n.watch(()=>u.resolveUnref(t),()=>r.execute(e.delay),{deep:!0}),r},Wt=n.defineComponent({name:"UseImage",props:["src","srcset","sizes","as"],setup(t,{slots:e}){const r=n.reactive(kt(t));return()=>r.isLoading&&e.loading?e.loading(r):r.error&&e.error?e.error(r.error):e.default?e.default(r):n.h(t.as||"img",t)}}),se=1;function K(t,e={}){const{throttle:r=0,idle:o=200,onStop:a=u.noop,onScroll:i=u.noop,offset:l={left:0,right:0,top:0,bottom:0},eventListenerOptions:c={capture:!1,passive:!0},behavior:d="auto"}=e,g=n.ref(0),f=n.ref(0),m=n.computed({get(){return g.value},set(w){v(w,void 0)}}),h=n.computed({get(){return f.value},set(w){v(void 0,w)}});function v(w,E){var j,I,O;const C=u.resolveUnref(t);!C||(O=C instanceof Document?document.body:C)==null||O.scrollTo({top:(j=u.resolveUnref(E))!=null?j:h.value,left:(I=u.resolveUnref(w))!=null?I:m.value,behavior:u.resolveUnref(d)})}const _=n.ref(!1),y=n.reactive({left:!0,right:!1,top:!0,bottom:!1}),$=n.reactive({left:!1,right:!1,top:!1,bottom:!1}),L=u.useDebounceFn(w=>{_.value=!1,$.left=!1,$.right=!1,$.top=!1,$.bottom=!1,a(w)},r+o),S=w=>{const E=w.target===document?w.target.documentElement:w.target,j=E.scrollLeft;$.left=j<g.value,$.right=j>f.value,y.left=j<=0+(l.left||0),y.right=j+E.clientWidth>=E.scrollWidth-(l.right||0)-se,g.value=j;let I=E.scrollTop;w.target===document&&!I&&(I=document.body.scrollTop),$.top=I<f.value,$.bottom=I>f.value,y.top=I<=0+(l.top||0),y.bottom=I+E.clientHeight>=E.scrollHeight-(l.bottom||0)-se,f.value=I,_.value=!0,L(w),i(w)};return U(t,"scroll",r?u.useThrottleFn(S,r,!0,!1):S,c),{x:m,y:h,isScrolling:_,arrivedState:y,directions:$}}var Ft=Object.defineProperty,Kt=Object.defineProperties,Jt=Object.getOwnPropertyDescriptors,le=Object.getOwnPropertySymbols,Gt=Object.prototype.hasOwnProperty,Yt=Object.prototype.propertyIsEnumerable,ie=(t,e,r)=>e in t?Ft(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ce=(t,e)=>{for(var r in e||(e={}))Gt.call(e,r)&&ie(t,r,e[r]);if(le)for(var r of le(e))Yt.call(e,r)&&ie(t,r,e[r]);return t},qt=(t,e)=>Kt(t,Jt(e));function ue(t,e,r={}){var o,a;const i=(o=r.direction)!=null?o:"bottom",l=n.reactive(K(t,qt(ce({},r),{offset:ce({[i]:(a=r.distance)!=null?a:0},r.offset)})));n.watch(()=>l.arrivedState[i],async c=>{var d,g;if(c){const f=u.resolveUnref(t),m={height:(d=f==null?void 0:f.scrollHeight)!=null?d:0,width:(g=f==null?void 0:f.scrollWidth)!=null?g:0};await e(l),r.preserveScrollPosition&&f&&n.nextTick(()=>{f.scrollTo({top:f.scrollHeight-m.height,left:f.scrollWidth-m.width})})}})}const Xt={[u.directiveHooks.mounted](t,e){typeof e.value=="function"?ue(t,e.value):ue(t,...e.value)}};function fe(t,e,r={}){const{root:o,rootMargin:a="0px",threshold:i=.1,window:l=b}=r,c=F(()=>l&&"IntersectionObserver"in l);let d=u.noop;const g=c.value?n.watch(()=>({el:P(t),root:P(o)}),({el:m,root:h})=>{if(d(),!m)return;const v=new IntersectionObserver(e,{root:h,rootMargin:a,threshold:i});v.observe(m),d=()=>{v.disconnect(),d=u.noop}},{immediate:!0,flush:"post"}):u.noop,f=()=>{d(),g()};return u.tryOnScopeDispose(f),{isSupported:c,stop:f}}const Qt={[u.directiveHooks.mounted](t,e){typeof e.value=="function"?fe(t,e.value):fe(t,...e.value)}},Zt=n.defineComponent({name:"UseMouse",props:["touch","resetOnTouchEnds","initialValue"],setup(t,{slots:e}){const r=n.reactive(p.useMouse(t));return()=>{if(e.default)return e.default(r)}}}),xt=n.defineComponent({name:"UseMouseElement",props:["handleOutside","as"],setup(t,{slots:e}){const r=n.ref(),o=n.reactive(p.useMouseInElement(r,t));return()=>{if(e.default)return n.h(t.as||"div",{ref:r},e.default(o))}}});var Dt=Object.defineProperty,er=Object.defineProperties,tr=Object.getOwnPropertyDescriptors,de=Object.getOwnPropertySymbols,rr=Object.prototype.hasOwnProperty,nr=Object.prototype.propertyIsEnumerable,pe=(t,e,r)=>e in t?Dt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,or=(t,e)=>{for(var r in e||(e={}))rr.call(e,r)&&pe(t,r,e[r]);if(de)for(var r of de(e))nr.call(e,r)&&pe(t,r,e[r]);return t},ar=(t,e)=>er(t,tr(e));const sr=n.defineComponent({name:"UseMousePressed",props:["touch","initialValue","as"],setup(t,{slots:e}){const r=n.ref(),o=n.reactive(p.useMousePressed(ar(or({},t),{target:r})));return()=>{if(e.default)return n.h(t.as||"div",{ref:r},e.default(o))}}}),lr=n.defineComponent({name:"UseNetwork",setup(t,{slots:e}){const r=n.reactive(p.useNetwork());return()=>{if(e.default)return e.default(r)}}});var ir=Object.defineProperty,cr=Object.defineProperties,ur=Object.getOwnPropertyDescriptors,ve=Object.getOwnPropertySymbols,fr=Object.prototype.hasOwnProperty,dr=Object.prototype.propertyIsEnumerable,ge=(t,e,r)=>e in t?ir(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,pr=(t,e)=>{for(var r in e||(e={}))fr.call(e,r)&&ge(t,r,e[r]);if(ve)for(var r of ve(e))dr.call(e,r)&&ge(t,r,e[r]);return t},vr=(t,e)=>cr(t,ur(e));const gr=n.defineComponent({name:"UseNow",props:["interval"],setup(t,{slots:e}){const r=n.reactive(p.useNow(vr(pr({},t),{controls:!0})));return()=>{if(e.default)return e.default(r)}}}),_r=n.defineComponent({name:"UseObjectUrl",props:["object"],setup(t,{slots:e}){const r=n.toRef(t,"object"),o=p.useObjectUrl(r);return()=>{if(e.default&&o.value)return e.default(o)}}});var mr=Object.defineProperty,Or=Object.defineProperties,yr=Object.getOwnPropertyDescriptors,_e=Object.getOwnPropertySymbols,Pr=Object.prototype.hasOwnProperty,hr=Object.prototype.propertyIsEnumerable,me=(t,e,r)=>e in t?mr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,wr=(t,e)=>{for(var r in e||(e={}))Pr.call(e,r)&&me(t,r,e[r]);if(_e)for(var r of _e(e))hr.call(e,r)&&me(t,r,e[r]);return t},br=(t,e)=>Or(t,yr(e));const Ur=n.defineComponent({name:"UseOffsetPagination",props:["total","page","pageSize","onPageChange","onPageSizeChange","onPageCountChange"],emits:["page-change","page-size-change","page-count-change"],setup(t,{slots:e,emit:r}){const o=n.reactive(p.useOffsetPagination(br(wr({},t),{onPageChange(...a){var i;(i=t.onPageChange)==null||i.call(t,...a),r("page-change",...a)},onPageSizeChange(...a){var i;(i=t.onPageSizeChange)==null||i.call(t,...a),r("page-size-change",...a)},onPageCountChange(...a){var i;(i=t.onPageCountChange)==null||i.call(t,...a),r("page-count-change",...a)}})));return()=>{if(e.default)return e.default(o)}}}),Sr=n.defineComponent({name:"UseOnline",setup(t,{slots:e}){const r=n.reactive({isOnline:p.useOnline()});return()=>{if(e.default)return e.default(r)}}}),$r=n.defineComponent({name:"UsePageLeave",setup(t,{slots:e}){const r=n.reactive({isLeft:p.usePageLeave()});return()=>{if(e.default)return e.default(r)}}});var Cr=Object.defineProperty,Er=Object.defineProperties,jr=Object.getOwnPropertyDescriptors,Oe=Object.getOwnPropertySymbols,Ir=Object.prototype.hasOwnProperty,Lr=Object.prototype.propertyIsEnumerable,ye=(t,e,r)=>e in t?Cr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ar=(t,e)=>{for(var r in e||(e={}))Ir.call(e,r)&&ye(t,r,e[r]);if(Oe)for(var r of Oe(e))Lr.call(e,r)&&ye(t,r,e[r]);return t},Mr=(t,e)=>Er(t,jr(e));const Tr=n.defineComponent({name:"UsePointer",props:["pointerTypes","initialValue","target"],setup(t,{slots:e}){const r=n.ref(null),o=n.reactive(p.usePointer(Mr(Ar({},t),{target:t.target==="self"?r:b})));return()=>{if(e.default)return e.default(o,{ref:r})}}}),Nr=n.defineComponent({name:"UsePreferredColorScheme",setup(t,{slots:e}){const r=n.reactive({colorScheme:p.usePreferredColorScheme()});return()=>{if(e.default)return e.default(r)}}}),Rr=n.defineComponent({name:"UsePreferredContrast",setup(t,{slots:e}){const r=n.reactive({contrast:p.usePreferredContrast()});return()=>{if(e.default)return e.default(r)}}}),zr=n.defineComponent({name:"UsePreferredDark",setup(t,{slots:e}){const r=n.reactive({prefersDark:p.usePreferredDark()});return()=>{if(e.default)return e.default(r)}}}),Hr=n.defineComponent({name:"UsePreferredLanguages",setup(t,{slots:e}){const r=n.reactive({languages:p.usePreferredLanguages()});return()=>{if(e.default)return e.default(r)}}}),Vr=n.defineComponent({name:"UsePreferredReducedMotion",setup(t,{slots:e}){const r=n.reactive({motion:p.usePreferredReducedMotion()});return()=>{if(e.default)return e.default(r)}}});function H(t,e,{window:r=b,initialValue:o=""}={}){const a=n.ref(o),i=n.computed(()=>{var l;return P(e)||((l=r==null?void 0:r.document)==null?void 0:l.documentElement)});return n.watch([i,()=>u.resolveUnref(t)],([l,c])=>{var d;if(l&&r){const g=(d=r.getComputedStyle(l).getPropertyValue(c))==null?void 0:d.trim();a.value=g||o}},{immediate:!0}),n.watch(a,l=>{var c;((c=i.value)==null?void 0:c.style)&&i.value.style.setProperty(u.resolveUnref(t),l)}),a}const Pe="--vueuse-safe-area-top",he="--vueuse-safe-area-right",we="--vueuse-safe-area-bottom",be="--vueuse-safe-area-left";function Br(){const t=n.ref(""),e=n.ref(""),r=n.ref(""),o=n.ref("");if(u.isClient){const i=H(Pe),l=H(he),c=H(we),d=H(be);i.value="env(safe-area-inset-top, 0px)",l.value="env(safe-area-inset-right, 0px)",c.value="env(safe-area-inset-bottom, 0px)",d.value="env(safe-area-inset-left, 0px)",a(),U("resize",u.useDebounceFn(a))}function a(){t.value=V(Pe),e.value=V(he),r.value=V(we),o.value=V(be)}return{top:t,right:e,bottom:r,left:o,update:a}}function V(t){return getComputedStyle(document.documentElement).getPropertyValue(t)}const kr=n.defineComponent({name:"UseScreenSafeArea",props:{top:Boolean,right:Boolean,bottom:Boolean,left:Boolean},setup(t,{slots:e}){const{top:r,right:o,bottom:a,left:i}=Br();return()=>{if(e.default)return n.h("div",{style:{paddingTop:t.top?r.value:"",paddingRight:t.right?o.value:"",paddingBottom:t.bottom?a.value:"",paddingLeft:t.left?i.value:"",boxSizing:"border-box",maxHeight:"100vh",maxWidth:"100vw",overflow:"auto"}},e.default())}}});var Wr=Object.defineProperty,Fr=Object.defineProperties,Kr=Object.getOwnPropertyDescriptors,Ue=Object.getOwnPropertySymbols,Jr=Object.prototype.hasOwnProperty,Gr=Object.prototype.propertyIsEnumerable,Se=(t,e,r)=>e in t?Wr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Yr=(t,e)=>{for(var r in e||(e={}))Jr.call(e,r)&&Se(t,r,e[r]);if(Ue)for(var r of Ue(e))Gr.call(e,r)&&Se(t,r,e[r]);return t},qr=(t,e)=>Fr(t,Kr(e));const Xr={[u.directiveHooks.mounted](t,e){if(typeof e.value=="function"){const r=e.value,o=K(t,{onScroll(){r(o)},onStop(){r(o)}})}else{const[r,o]=e.value,a=K(t,qr(Yr({},o),{onScroll(i){var l;(l=o.onScroll)==null||l.call(o,i),r(a)},onStop(i){var l;(l=o.onStop)==null||l.call(o,i),r(a)}}))}}};function $e(t){const e=window.getComputedStyle(t);if(e.overflowX==="scroll"||e.overflowY==="scroll")return!0;{const r=t.parentNode;return!r||r.tagName==="BODY"?!1:$e(r)}}function Qr(t){const e=t||window.event,r=e.target;return $e(r)?!1:e.touches.length>1?!0:(e.preventDefault&&e.preventDefault(),!1)}function Zr(t,e=!1){const r=n.ref(e);let o=null,a;n.watch(u.resolveRef(t),c=>{if(c){const d=c;a=d.style.overflow,r.value&&(d.style.overflow="hidden")}},{immediate:!0});const i=()=>{const c=u.resolveUnref(t);!c||r.value||(u.isIOS&&(o=U(c,"touchmove",d=>{Qr(d)},{passive:!1})),c.style.overflow="hidden",r.value=!0)},l=()=>{const c=u.resolveUnref(t);!c||!r.value||(u.isIOS&&(o==null||o()),c.style.overflow=a,r.value=!1)};return u.tryOnScopeDispose(l),n.computed({get(){return r.value},set(c){c?i():l()}})}const xr=(()=>{let t=!1;const e=n.ref(!1);return(r,o)=>{if(e.value=o.value,t)return;t=!0;const a=Zr(r,o.value);n.watch(e,i=>a.value=i)}})();var Dr=Object.defineProperty,en=Object.defineProperties,tn=Object.getOwnPropertyDescriptors,Ce=Object.getOwnPropertySymbols,rn=Object.prototype.hasOwnProperty,nn=Object.prototype.propertyIsEnumerable,Ee=(t,e,r)=>e in t?Dr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,on=(t,e)=>{for(var r in e||(e={}))rn.call(e,r)&&Ee(t,r,e[r]);if(Ce)for(var r of Ce(e))nn.call(e,r)&&Ee(t,r,e[r]);return t},an=(t,e)=>en(t,tn(e));const sn=n.defineComponent({name:"UseTimeAgo",props:["time","updateInterval","max","fullDateFormatter","messages","showSecond"],setup(t,{slots:e}){const r=n.reactive(p.useTimeAgo(()=>t.time,an(on({},t),{controls:!0})));return()=>{if(e.default)return e.default(r)}}});var ln=Object.defineProperty,cn=Object.defineProperties,un=Object.getOwnPropertyDescriptors,je=Object.getOwnPropertySymbols,fn=Object.prototype.hasOwnProperty,dn=Object.prototype.propertyIsEnumerable,Ie=(t,e,r)=>e in t?ln(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,pn=(t,e)=>{for(var r in e||(e={}))fn.call(e,r)&&Ie(t,r,e[r]);if(je)for(var r of je(e))dn.call(e,r)&&Ie(t,r,e[r]);return t},vn=(t,e)=>cn(t,un(e));const gn=n.defineComponent({name:"UseTimestamp",props:["immediate","interval","offset"],setup(t,{slots:e}){const r=n.reactive(p.useTimestamp(vn(pn({},t),{controls:!0})));return()=>{if(e.default)return e.default(r)}}});var _n=Object.defineProperty,Le=Object.getOwnPropertySymbols,mn=Object.prototype.hasOwnProperty,On=Object.prototype.propertyIsEnumerable,Ae=(t,e,r)=>e in t?_n(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Me=(t,e)=>{for(var r in e||(e={}))mn.call(e,r)&&Ae(t,r,e[r]);if(Le)for(var r of Le(e))On.call(e,r)&&Ae(t,r,e[r]);return t};const yn=n.defineComponent({name:"UseVirtualList",props:["list","options","height"],setup(t,{slots:e,expose:r}){const{list:o}=n.toRefs(t),{list:a,containerProps:i,wrapperProps:l,scrollTo:c}=p.useVirtualList(o,t.options);return r({scrollTo:c}),typeof i.style=="object"&&!Array.isArray(i.style)&&(i.style.height=t.height||"300px"),()=>n.h("div",Me({},i),[n.h("div",Me({},l.value),a.value.map(d=>n.h("div",{style:{overFlow:"hidden",height:d.height}},e.default?e.default(d):"Please set content!")))])}}),Pn=n.defineComponent({name:"UseWindowFocus",setup(t,{slots:e}){const r=n.reactive({focused:p.useWindowFocus()});return()=>{if(e.default)return e.default(r)}}}),hn=n.defineComponent({name:"UseWindowSize",props:["initialWidth","initialHeight"],setup(t,{slots:e}){const r=n.reactive(p.useWindowSize(t));return()=>{if(e.default)return e.default(r)}}});s.OnClickOutside=Te,s.OnLongPress=Be,s.UseActiveElement=ke,s.UseBattery=We,s.UseBrowserLocation=Fe,s.UseColorMode=ot,s.UseDark=at,s.UseDeviceMotion=st,s.UseDeviceOrientation=lt,s.UseDevicePixelRatio=it,s.UseDevicesList=ct,s.UseDocumentVisibility=ut,s.UseDraggable=Ot,s.UseElementBounding=yt,s.UseElementSize=wt,s.UseElementVisibility=jt,s.UseEyeDropper=Lt,s.UseFullscreen=At,s.UseGeolocation=Mt,s.UseIdle=Tt,s.UseImage=Wt,s.UseMouse=Zt,s.UseMouseInElement=xt,s.UseMousePressed=sr,s.UseNetwork=lr,s.UseNow=gr,s.UseObjectUrl=_r,s.UseOffsetPagination=Ur,s.UseOnline=Sr,s.UsePageLeave=$r,s.UsePointer=Tr,s.UsePreferredColorScheme=Nr,s.UsePreferredContrast=Rr,s.UsePreferredDark=zr,s.UsePreferredLanguages=Hr,s.UsePreferredReducedMotion=Vr,s.UseScreenSafeArea=kr,s.UseTimeAgo=sn,s.UseTimestamp=gn,s.UseVirtualList=yn,s.UseWindowFocus=Pn,s.UseWindowSize=hn,s.VOnClickOutside=R,s.VOnLongPress=Y,s.vElementHover=ht,s.vElementSize=Et,s.vElementVisibility=It,s.vInfiniteScroll=Xt,s.vIntersectionObserver=Qt,s.vOnClickOutside=R,s.vOnKeyStroke=He,s.vOnLongPress=Y,s.vScroll=Xr,s.vScrollLock=xr})(this.VueUse=this.VueUse||{},VueDemi,VueUse,VueUse);

package/index.mjs

@@ -1702,8 +1702,22 @@ const vScroll = {
   }
 };
 
+function checkOverflowScroll(ele) {
+  const style = window.getComputedStyle(ele);
+  if (style.overflowX === "scroll" || style.overflowY === "scroll") {
+    return true;
+  } else {
+    const parent = ele.parentNode;
+    if (!parent || parent.tagName === "BODY")
+      return false;
+    return checkOverflowScroll(parent);
+  }
+}
 function preventDefault(rawEvent) {
   const e = rawEvent || window.event;
+  const _target = e.target;
+  if (checkOverflowScroll(_target))
+    return false;
   if (e.touches.length > 1)
     return true;
   if (e.preventDefault)
@@ -1729,7 +1743,9 @@ function useScrollLock(element, initialState = false) {
     if (!ele || isLocked.value)
       return;
     if (isIOS) {
-      stopTouchMoveListener = useEventListener(ele, "touchmove", preventDefault, { passive: false });
+      stopTouchMoveListener = useEventListener(ele, "touchmove", (e) => {
+        preventDefault(e);
+      }, { passive: false });
     }
     ele.style.overflow = "hidden";
     isLocked.value = true;
@@ -1855,9 +1871,10 @@ const UseVirtualList = defineComponent({
     "options",
     "height"
   ],
-  setup(props, { slots }) {
+  setup(props, { slots, expose }) {
     const { list: listRef } = toRefs(props);
-    const { list, containerProps, wrapperProps } = useVirtualList(listRef, props.options);
+    const { list, containerProps, wrapperProps, scrollTo } = useVirtualList(listRef, props.options);
+    expose({ scrollTo });
     typeof containerProps.style === "object" && !Array.isArray(containerProps.style) && (containerProps.style.height = props.height || "300px");
     return () => h("div", __spreadValues({}, containerProps), [
       h("div", __spreadValues({}, wrapperProps.value), list.value.map((item) => h("div", { style: { overFlow: "hidden", height: item.height } }, slots.default ? slots.default(item) : "Please set content!")))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/components",
-  "version": "9.9.0",
+  "version": "9.10.0",
   "description": "Renderless components for VueUse",
   "author": "Jacob Clevenger<https://github.com/wheatjs>",
   "license": "MIT",
@@ -33,8 +33,8 @@
   "jsdelivr": "./index.iife.min.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@vueuse/core": "9.9.0",
-    "@vueuse/shared": "9.9.0",
+    "@vueuse/core": "9.10.0",
+    "@vueuse/shared": "9.10.0",
     "vue-demi": "*"
   }
 }