UNPKG

@vueuse/components

Version:
2 lines (1 loc) 37.1 kB
(function(y,R,o,w){"use strict";const Ue=o.defineComponent({name:"OnClickOutside",props:["as","options"],emits:["trigger"],setup(e,{slots:t,emit:n}){const a=o.shallowRef();return R.onClickOutside(a,s=>{n("trigger",s)},e.options),()=>{if(t.default)return o.h(e.as||"div",{ref:a},t.default())}}}),I=w.isClient?window:void 0;function T(e){var t;const n=o.toValue(e);return(t=n?.$el)!=null?t:n}function L(...e){const t=[],n=()=>{t.forEach(r=>r()),t.length=0},a=(r,c,d,i)=>(r.addEventListener(c,d,i),()=>r.removeEventListener(c,d,i)),s=o.computed(()=>{const r=w.toArray(o.toValue(e[0])).filter(c=>c!=null);return r.every(c=>typeof c!="string")?r:void 0}),l=w.watchImmediate(()=>{var r,c;return[(c=(r=s.value)==null?void 0:r.map(d=>T(d)))!=null?c:[I].filter(d=>d!=null),w.toArray(o.toValue(s.value?e[1]:e[0])),w.toArray(o.unref(s.value?e[2]:e[1])),o.toValue(s.value?e[3]:e[2])]},([r,c,d,i])=>{if(n(),!r?.length||!c?.length||!d?.length)return;const f=w.isObject(i)?{...i}:i;t.push(...r.flatMap(h=>c.flatMap(g=>d.map(v=>a(h,g,v,f)))))},{flush:"post"}),u=()=>{l(),n()};return w.tryOnScopeDispose(n),u}let te=!1;function ne(e,t,n={}){const{window:a=I,ignore:s=[],capture:l=!0,detectIframe:u=!1,controls:r=!1}=n;if(!a)return r?{stop:w.noop,cancel:w.noop,trigger:w.noop}:w.noop;if(w.isIOS&&!te){te=!0;const p={passive:!0};Array.from(a.document.body.children).forEach(U=>U.addEventListener("click",w.noop,p)),a.document.documentElement.addEventListener("click",w.noop,p)}let c=!0;const d=p=>o.toValue(s).some(U=>{if(typeof U=="string")return Array.from(a.document.querySelectorAll(U)).some(m=>m===p.target||p.composedPath().includes(m));{const m=T(U);return m&&(p.target===m||p.composedPath().includes(m))}});function i(p){const U=o.toValue(p);return U&&U.$.subTree.shapeFlag===16}function f(p,U){const m=o.toValue(p),b=m.$.subTree&&m.$.subTree.children;return b==null||!Array.isArray(b)?!1:b.some(O=>O.el===U.target||U.composedPath().includes(O.el))}const h=p=>{const U=T(e);if(p.target!=null&&!(!(U instanceof Element)&&i(e)&&f(e,p))&&!(!U||U===p.target||p.composedPath().includes(U))){if("detail"in p&&p.detail===0&&(c=!d(p)),!c){c=!0;return}t(p)}};let g=!1;const v=[L(a,"click",p=>{g||(g=!0,setTimeout(()=>{g=!1},0),h(p))},{passive:!0,capture:l}),L(a,"pointerdown",p=>{const U=T(e);c=!d(p)&&!!(U&&!p.composedPath().includes(U))},{passive:!0}),u&&L(a,"blur",p=>{setTimeout(()=>{var U;const m=T(e);((U=a.document.activeElement)==null?void 0:U.tagName)==="IFRAME"&&!m?.contains(a.document.activeElement)&&t(p)},0)},{passive:!0})].filter(Boolean),S=()=>v.forEach(p=>p());return r?{stop:S,cancel:()=>{c=!1},trigger:p=>{c=!0,h(p),c=!1}}:S}const J=new WeakMap,oe={mounted(e,t){const n=!t.modifiers.bubble;let a;if(typeof t.value=="function")a=ne(e,t.value,{capture:n});else{const[s,l]=t.value;a=ne(e,s,Object.assign({capture:n},l))}J.set(e,a)},unmounted(e){const t=J.get(e);t&&typeof t=="function"?t():t?.stop(),J.delete(e)}};function be(e){return typeof e=="function"?e:typeof e=="string"?t=>t.key===e:Array.isArray(e)?t=>e.includes(t.key):()=>!0}function ae(...e){let t,n,a={};e.length===3?(t=e[0],n=e[1],a=e[2]):e.length===2?typeof e[1]=="object"?(t=!0,n=e[0],a=e[1]):(t=e[0],n=e[1]):(t=!0,n=e[0]);const{target:s=I,eventName:l="keydown",passive:u=!1,dedupe:r=!1}=a,c=be(t);return L(s,l,i=>{i.repeat&&o.toValue(r)||c(i)&&n(i)},u)}const Se={mounted(e,t){var n,a;const s=(a=(n=t.arg)==null?void 0:n.split(","))!=null?a:!0;if(typeof t.value=="function")ae(s,t.value,{target:e});else{const[l,u]=t.value;ae(s,l,{target:e,...u})}}},Ce=500,Ee=10;function $(e,t,n){var a,s;const l=o.computed(()=>T(e));let u,r,c,d=!1;function i(){u&&(clearTimeout(u),u=void 0),r=void 0,c=void 0,d=!1}function f(m){const b=n?.delay;return typeof b=="function"?b(m):b??Ce}function h(m){var b,O,V;const[A,E,_]=[c,r,d];if(i(),!n?.onMouseUp||!E||!A||(b=n?.modifiers)!=null&&b.self&&m.target!==l.value)return;(O=n?.modifiers)!=null&&O.prevent&&m.preventDefault(),(V=n?.modifiers)!=null&&V.stop&&m.stopPropagation();const C=m.x-E.x,k=m.y-E.y,D=Math.sqrt(C*C+k*k);n.onMouseUp(m.timeStamp-A,D,_)}function g(m){var b,O,V;(b=n?.modifiers)!=null&&b.self&&m.target!==l.value||(i(),(O=n?.modifiers)!=null&&O.prevent&&m.preventDefault(),(V=n?.modifiers)!=null&&V.stop&&m.stopPropagation(),r={x:m.x,y:m.y},c=m.timeStamp,u=setTimeout(()=>{d=!0,t(m)},f(m)))}function v(m){var b,O,V,A;if((b=n?.modifiers)!=null&&b.self&&m.target!==l.value||!r||n?.distanceThreshold===!1)return;(O=n?.modifiers)!=null&&O.prevent&&m.preventDefault(),(V=n?.modifiers)!=null&&V.stop&&m.stopPropagation();const E=m.x-r.x,_=m.y-r.y;Math.sqrt(E*E+_*_)>=((A=n?.distanceThreshold)!=null?A:Ee)&&i()}const S={capture:(a=n?.modifiers)==null?void 0:a.capture,once:(s=n?.modifiers)==null?void 0:s.once},p=[L(l,"pointerdown",g,S),L(l,"pointermove",v,S),L(l,["pointerup","pointerleave"],h,S)];return()=>p.forEach(m=>m())}const Re=o.defineComponent({name:"OnLongPress",props:["as","options"],emits:["trigger"],setup(e,{slots:t,emit:n}){const a=o.shallowRef();return $(a,s=>{n("trigger",s)},e.options),()=>{if(t.default)return o.h(e.as||"div",{ref:a},t.default())}}}),se={mounted(e,t){typeof t.value=="function"?$(e,t.value,{modifiers:t.modifiers}):$(e,...t.value)}},Oe=o.defineComponent({name:"UseActiveElement",setup(e,{slots:t}){const n=o.reactive({element:R.useActiveElement()});return()=>{if(t.default)return t.default(n)}}}),Pe=o.defineComponent({name:"UseBattery",setup(e,{slots:t}){const n=o.reactive(R.useBattery(e));return()=>{if(t.default)return t.default(n)}}}),Ve=o.defineComponent({name:"UseBrowserLocation",setup(e,{slots:t}){const n=o.reactive(R.useBrowserLocation());return()=>{if(t.default)return t.default(n)}}}),Me=o.defineComponent({name:"UseClipboard",props:["source","read","navigator","copiedDuring","legacy"],setup(e,{slots:t}){const n=o.reactive(R.useClipboard(e));return()=>{var a;return(a=t.default)==null?void 0:a.call(t,n)}}}),j=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},x="__vueuse_ssr_handlers__",De=Le();function Le(){return x in j||(j[x]=j[x]||{}),j[x]}function le(e,t){return De[e]||t}const Te=Symbol("vueuse-ssr-width");function _e(){const e=o.hasInjectionContext()?w.injectLocal(Te,null):null;return typeof e=="number"?e:void 0}function ke(){const e=o.shallowRef(!1),t=o.getCurrentInstance();return t&&o.onMounted(()=>{e.value=!0},t),e}function Y(e){const t=ke();return o.computed(()=>(t.value,!!e()))}function Ae(e,t={}){const{window:n=I,ssrWidth:a=_e()}=t,s=Y(()=>n&&"matchMedia"in n&&typeof n.matchMedia=="function"),l=o.shallowRef(typeof a=="number"),u=o.shallowRef(),r=o.shallowRef(!1),c=d=>{r.value=d.matches};return o.watchEffect(()=>{if(l.value){l.value=!s.value;const d=o.toValue(e).split(",");r.value=d.some(i=>{const f=i.includes("not all"),h=i.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/),g=i.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);let v=!!(h||g);return h&&v&&(v=a>=w.pxValue(h[1])),g&&v&&(v=a<=w.pxValue(g[1])),f?!v:v});return}s.value&&(u.value=n.matchMedia(o.toValue(e)),r.value=u.value.matches)}),L(u,"change",c,{passive:!0}),o.computed(()=>r.value)}function ze(e){return Ae("(prefers-color-scheme: dark)",e)}function Ie(e){return e==null?"any":e instanceof Set?"set":e instanceof Map?"map":e instanceof Date?"date":typeof e=="boolean"?"boolean":typeof e=="string"?"string":typeof e=="object"?"object":Number.isNaN(e)?"any":"number"}const We={boolean:{read:e=>e==="true",write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}},re="vueuse-storage";function Be(e,t,n,a={}){var s;const{flush:l="pre",deep:u=!0,listenToStorageChanges:r=!0,writeDefaults:c=!0,mergeDefaults:d=!1,shallow:i,window:f=I,eventFilter:h,onError:g=P=>{console.error(P)},initOnMounted:v}=a,S=(i?o.shallowRef:o.ref)(typeof t=="function"?t():t),p=o.computed(()=>o.toValue(e));if(!n)try{n=le("getDefaultStorage",()=>{var P;return(P=I)==null?void 0:P.localStorage})()}catch(P){g(P)}if(!n)return S;const U=o.toValue(t),m=Ie(U),b=(s=a.serializer)!=null?s:We[m],{pause:O,resume:V}=w.pausableWatch(S,P=>k(P),{flush:l,deep:u,eventFilter:h});o.watch(p,()=>W(),{flush:l});let A=!1;const E=P=>{v&&!A||W(P)},_=P=>{v&&!A||B(P)};f&&r&&(n instanceof Storage?L(f,"storage",E,{passive:!0}):L(f,re,_)),v?w.tryOnMounted(()=>{A=!0,W()}):W();function C(P,M){if(f){const z={key:p.value,oldValue:P,newValue:M,storageArea:n};f.dispatchEvent(n instanceof Storage?new StorageEvent("storage",z):new CustomEvent(re,{detail:z}))}}function k(P){try{const M=n.getItem(p.value);if(P==null)C(M,null),n.removeItem(p.value);else{const z=b.write(P);M!==z&&(n.setItem(p.value,z),C(M,z))}}catch(M){g(M)}}function D(P){const M=P?P.newValue:n.getItem(p.value);if(M==null)return c&&U!=null&&n.setItem(p.value,b.write(U)),U;if(!P&&d){const z=b.read(M);return typeof d=="function"?d(z,U):m==="object"&&!Array.isArray(z)?{...U,...z}:z}else return typeof M!="string"?M:b.read(M)}function W(P){if(!(P&&P.storageArea!==n)){if(P&&P.key==null){S.value=U;return}if(!(P&&P.key!==p.value)){O();try{const M=b.write(S.value);(P===void 0||P?.newValue!==M)&&(S.value=D(P))}catch(M){g(M)}finally{P?o.nextTick(V):V()}}}}function B(P){W(P.detail)}return S}const He="*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";function Ne(e={}){const{selector:t="html",attribute:n="class",initialValue:a="auto",window:s=I,storage:l,storageKey:u="vueuse-color-scheme",listenToStorageChanges:r=!0,storageRef:c,emitAuto:d,disableTransition:i=!0}=e,f={auto:"",light:"light",dark:"dark",...e.modes||{}},h=ze({window:s}),g=o.computed(()=>h.value?"dark":"light"),v=c||(u==null?w.toRef(a):Be(u,a,l,{window:s,listenToStorageChanges:r})),S=o.computed(()=>v.value==="auto"?g.value:v.value),p=le("updateHTMLAttrs",(O,V,A)=>{const E=typeof O=="string"?s?.document.querySelector(O):T(O);if(!E)return;const _=new Set,C=new Set;let k=null;if(V==="class"){const W=A.split(/\s/g);Object.values(f).flatMap(B=>(B||"").split(/\s/g)).filter(Boolean).forEach(B=>{W.includes(B)?_.add(B):C.add(B)})}else k={key:V,value:A};if(_.size===0&&C.size===0&&k===null)return;let D;i&&(D=s.document.createElement("style"),D.appendChild(document.createTextNode(He)),s.document.head.appendChild(D));for(const W of _)E.classList.add(W);for(const W of C)E.classList.remove(W);k&&E.setAttribute(k.key,k.value),i&&(s.getComputedStyle(D).opacity,document.head.removeChild(D))});function U(O){var V;p(t,n,(V=f[O])!=null?V:O)}function m(O){e.onChanged?e.onChanged(O,U):U(O)}o.watch(S,m,{flush:"post",immediate:!0}),w.tryOnMounted(()=>m(S.value));const b=o.computed({get(){return d?v.value:S.value},set(O){v.value=O}});return Object.assign(b,{store:v,system:g,state:S})}const Fe=o.defineComponent({name:"UseColorMode",props:["selector","attribute","modes","onChanged","storageKey","storage","emitAuto"],setup(e,{slots:t}){const n=Ne(e),a=o.reactive({mode:n,system:n.system,store:n.store});return()=>{if(t.default)return t.default(a)}}}),je=o.defineComponent({name:"UseDark",props:["selector","attribute","valueDark","valueLight","onChanged","storageKey","storage"],setup(e,{slots:t}){const n=R.useDark(e),a=o.reactive({isDark:n,toggleDark:w.useToggle(n)});return()=>{if(t.default)return t.default(a)}}}),xe=o.defineComponent({name:"UseDeviceMotion",setup(e,{slots:t}){const n=R.useDeviceMotion();return()=>{if(t.default)return t.default(n)}}}),Ye=o.defineComponent({name:"UseDeviceOrientation",setup(e,{slots:t}){const n=o.reactive(R.useDeviceOrientation());return()=>{if(t.default)return t.default(n)}}}),Xe=o.defineComponent({name:"UseDevicePixelRatio",setup(e,{slots:t}){const n=o.reactive({pixelRatio:R.useDevicePixelRatio()});return()=>{if(t.default)return t.default(n)}}}),Ke=o.defineComponent({name:"UseDevicesList",props:["onUpdated","requestPermissions","constraints"],setup(e,{slots:t}){const n=o.reactive(R.useDevicesList(e));return()=>{if(t.default)return t.default(n)}}}),Ge=o.defineComponent({name:"UseDocumentVisibility",setup(e,{slots:t}){const n=o.reactive({visibility:R.useDocumentVisibility()});return()=>{if(t.default)return t.default(n)}}}),Je=o.defineComponent({name:"UseDraggable",props:["storageKey","storageType","initialValue","exact","preventDefault","stopPropagation","pointerTypes","as","handle","axis","onStart","onMove","onEnd","disabled","buttons","containerElement","capture"],setup(e,{slots:t}){const n=o.shallowRef(),a=o.computed(()=>{var i;return(i=o.toValue(e.handle))!=null?i:n.value}),s=o.computed(()=>{var i;return(i=e.containerElement)!=null?i:void 0}),l=o.computed(()=>!!e.disabled),u=e.storageKey&&R.useStorage(e.storageKey,o.toValue(e.initialValue)||{x:0,y:0},R.isClient?e.storageType==="session"?sessionStorage:localStorage:void 0),r=u||e.initialValue||{x:0,y:0},c=(i,f)=>{var h;(h=e.onEnd)==null||h.call(e,i,f),u&&(u.value.x=i.x,u.value.y=i.y)},d=o.reactive(R.useDraggable(n,{...e,handle:a,initialValue:r,onEnd:c,disabled:l,containerElement:s}));return()=>{if(t.default)return o.h(e.as||"div",{ref:n,style:`touch-action:none;${d.style}`},t.default(d))}}}),$e=o.defineComponent({name:"UseElementBounding",props:["box","as"],setup(e,{slots:t}){const n=o.shallowRef(),a=o.reactive(R.useElementBounding(n));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(a))}}});function N(e,t,n={}){const{window:a=I,...s}=n;let l;const u=Y(()=>a&&"MutationObserver"in a),r=()=>{l&&(l.disconnect(),l=void 0)},c=o.computed(()=>{const h=o.toValue(e),g=w.toArray(h).map(T).filter(w.notNullish);return new Set(g)}),d=o.watch(c,h=>{r(),u.value&&h.size&&(l=new MutationObserver(t),h.forEach(g=>l.observe(g,s)))},{immediate:!0,flush:"post"}),i=()=>l?.takeRecords(),f=()=>{d(),r()};return w.tryOnScopeDispose(f),{isSupported:u,stop:f,takeRecords:i}}function F(e,t,n={}){const{window:a=I,...s}=n;let l;const u=Y(()=>a&&"ResizeObserver"in a),r=()=>{l&&(l.disconnect(),l=void 0)},c=o.computed(()=>{const f=o.toValue(e);return Array.isArray(f)?f.map(h=>T(h)):[T(f)]}),d=o.watch(c,f=>{if(r(),u.value&&a){l=new ResizeObserver(t);for(const h of f)h&&l.observe(h,s)}},{immediate:!0,flush:"post"}),i=()=>{r(),d()};return w.tryOnScopeDispose(i),{isSupported:u,stop:i}}function qe(e,t={}){const{reset:n=!0,windowResize:a=!0,windowScroll:s=!0,immediate:l=!0,updateTiming:u="sync"}=t,r=o.shallowRef(0),c=o.shallowRef(0),d=o.shallowRef(0),i=o.shallowRef(0),f=o.shallowRef(0),h=o.shallowRef(0),g=o.shallowRef(0),v=o.shallowRef(0);function S(){const U=T(e);if(!U){n&&(r.value=0,c.value=0,d.value=0,i.value=0,f.value=0,h.value=0,g.value=0,v.value=0);return}const m=U.getBoundingClientRect();r.value=m.height,c.value=m.bottom,d.value=m.left,i.value=m.right,f.value=m.top,h.value=m.width,g.value=m.x,v.value=m.y}function p(){u==="sync"?S():u==="next-frame"&&requestAnimationFrame(()=>S())}return F(e,p),o.watch(()=>T(e),U=>!U&&p()),N(e,p,{attributeFilter:["style","class"]}),s&&L("scroll",p,{capture:!0,passive:!0}),a&&L("resize",p,{passive:!0}),w.tryOnMounted(()=>{l&&p()}),{height:r,bottom:c,left:d,right:i,top:f,width:h,x:g,y:v,update:p}}const Qe={mounted(e,t){const[n,a]=typeof t.value=="function"?[t.value,{}]:t.value,{height:s,bottom:l,left:u,right:r,top:c,width:d,x:i,y:f}=qe(e,a);o.watch([s,l,u,r,c,d,i,f],()=>n({height:s,bottom:l,left:u,right:r,top:c,width:d,x:i,y:f}))}};function Ze(e,t,n={}){const{window:a=I,document:s=a?.document,flush:l="sync"}=n;if(!a||!s)return w.noop;let u;const r=i=>{u?.(),u=i},c=o.watchEffect(()=>{const i=T(e);if(i){const{stop:f}=N(s,h=>{h.map(v=>[...v.removedNodes]).flat().some(v=>v===i||v.contains(i))&&t(h)},{window:a,childList:!0,subtree:!0});r(f)}},{flush:l}),d=()=>{c(),r()};return w.tryOnScopeDispose(d),d}function ie(e,t={}){const{delayEnter:n=0,delayLeave:a=0,triggerOnRemoval:s=!1,window:l=I}=t,u=o.shallowRef(!1);let r;const c=d=>{const i=d?n:a;r&&(clearTimeout(r),r=void 0),i?r=setTimeout(()=>u.value=d,i):u.value=d};return l&&(L(e,"mouseenter",()=>c(!0),{passive:!0}),L(e,"mouseleave",()=>c(!1),{passive:!0}),s&&Ze(o.computed(()=>T(e)),()=>c(!1))),u}const et={mounted(e,t){const n=t.value;if(typeof n=="function"){const a=ie(e);o.watch(a,s=>n(s))}else{const[a,s]=n,l=ie(e,s);o.watch(l,u=>a(u))}}},tt=o.defineComponent({name:"UseElementSize",props:["width","height","box","as"],setup(e,{slots:t}){var n,a;const s=o.shallowRef(),l=o.reactive(R.useElementSize(s,{width:(n=e.width)!=null?n:0,height:(a=e.height)!=null?a:0},{box:e.box}));return()=>{if(t.default)return o.h(e.as||"div",{ref:s},t.default(l))}}});function nt(e,t={width:0,height:0},n={}){const{window:a=I,box:s="content-box"}=n,l=o.computed(()=>{var f,h;return(h=(f=T(e))==null?void 0:f.namespaceURI)==null?void 0:h.includes("svg")}),u=o.shallowRef(t.width),r=o.shallowRef(t.height),{stop:c}=F(e,([f])=>{const h=s==="border-box"?f.borderBoxSize:s==="content-box"?f.contentBoxSize:f.devicePixelContentBoxSize;if(a&&l.value){const g=T(e);if(g){const v=g.getBoundingClientRect();u.value=v.width,r.value=v.height}}else if(h){const g=w.toArray(h);u.value=g.reduce((v,{inlineSize:S})=>v+S,0),r.value=g.reduce((v,{blockSize:S})=>v+S,0)}else u.value=f.contentRect.width,r.value=f.contentRect.height},n);w.tryOnMounted(()=>{const f=T(e);f&&(u.value="offsetWidth"in f?f.offsetWidth:t.width,r.value="offsetHeight"in f?f.offsetHeight:t.height)});const d=o.watch(()=>T(e),f=>{u.value=f?t.width:0,r.value=f?t.height:0});function i(){c(),d()}return{width:u,height:r,stop:i}}const ot={mounted(e,t){var n;const a=typeof t.value=="function"?t.value:(n=t.value)==null?void 0:n[0],s=typeof t.value=="function"?[]:t.value.slice(1),{width:l,height:u}=nt(e,...s);o.watch([l,u],([r,c])=>a({width:r,height:c}))}},at=o.defineComponent({name:"UseElementVisibility",props:["as"],setup(e,{slots:t}){const n=o.shallowRef(),a=o.reactive({isVisible:R.useElementVisibility(n)});return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(a))}}});function q(e,t,n={}){const{root:a,rootMargin:s="0px",threshold:l=0,window:u=I,immediate:r=!0}=n,c=Y(()=>u&&"IntersectionObserver"in u),d=o.computed(()=>{const v=o.toValue(e);return w.toArray(v).map(T).filter(w.notNullish)});let i=w.noop;const f=o.shallowRef(r),h=c.value?o.watch(()=>[d.value,T(a),f.value],([v,S])=>{if(i(),!f.value||!v.length)return;const p=new IntersectionObserver(t,{root:T(S),rootMargin:s,threshold:l});v.forEach(U=>U&&p.observe(U)),i=()=>{p.disconnect(),i=w.noop}},{immediate:r,flush:"post"}):w.noop,g=()=>{i(),h(),f.value=!1};return w.tryOnScopeDispose(g),{isSupported:c,isActive:f,pause(){i(),f.value=!1},resume(){f.value=!0},stop:g}}function Q(e,t={}){const{window:n=I,scrollTarget:a,threshold:s=0,rootMargin:l,once:u=!1}=t,r=o.shallowRef(!1),{stop:c}=q(e,d=>{let i=r.value,f=0;for(const h of d)h.time>=f&&(f=h.time,i=h.isIntersecting);r.value=i,u&&w.watchOnce(r,()=>{c()})},{root:a,window:n,threshold:s,rootMargin:o.toValue(l)});return r}const st={mounted(e,t){if(typeof t.value=="function"){const n=t.value,a=Q(e);o.watch(a,s=>n(s),{immediate:!0})}else{const[n,a]=t.value,s=Q(e,a);o.watch(s,l=>n(l),{immediate:!0})}}},lt=o.defineComponent({name:"UseEyeDropper",props:{sRGBHex:String},setup(e,{slots:t}){const n=o.reactive(R.useEyeDropper());return()=>{if(t.default)return t.default(n)}}}),rt=o.defineComponent({name:"UseFullscreen",props:["as"],setup(e,{slots:t}){const n=o.shallowRef(),a=o.reactive(R.useFullscreen(n));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(a))}}}),it=o.defineComponent({name:"UseGeolocation",props:["enableHighAccuracy","maximumAge","timeout","navigator"],setup(e,{slots:t}){const n=o.reactive(R.useGeolocation(e));return()=>{if(t.default)return t.default(n)}}}),ut=o.defineComponent({name:"UseIdle",props:["timeout","events","listenForVisibilityChange","initialState"],setup(e,{slots:t}){const n=o.reactive(R.useIdle(e.timeout,e));return()=>{if(t.default)return t.default(n)}}});function ct(e,t,n){var a;const{immediate:s=!0,delay:l=0,onError:u=(a=globalThis.reportError)!=null?a:w.noop,onSuccess:r=w.noop,resetOnExecute:c=!0,shallow:d=!0,throwError:i}=n??{},f=d?o.shallowRef(t):o.ref(t),h=o.shallowRef(!1),g=o.shallowRef(!1),v=o.shallowRef(void 0);async function S(m=0,...b){c&&(f.value=o.toValue(t)),v.value=void 0,h.value=!1,g.value=!0,m>0&&await w.promiseTimeout(m);const O=typeof e=="function"?e(...b):e;try{const V=await O;f.value=V,h.value=!0,r(V)}catch(V){if(v.value=V,u(V),i)throw V}finally{g.value=!1}return f.value}s&&S(l);const p={state:f,isReady:h,isLoading:g,error:v,execute:S,executeImmediate:(...m)=>S(0,...m)};function U(){return new Promise((m,b)=>{w.until(g).toBe(!1).then(()=>m(p)).catch(b)})}return{...p,then(m,b){return U().then(m,b)}}}async function ft(e){return new Promise((t,n)=>{const a=new Image,{src:s,srcset:l,sizes:u,class:r,loading:c,crossorigin:d,referrerPolicy:i,width:f,height:h,decoding:g,fetchPriority:v,ismap:S,usemap:p}=e;a.src=s,l!=null&&(a.srcset=l),u!=null&&(a.sizes=u),r!=null&&(a.className=r),c!=null&&(a.loading=c),d!=null&&(a.crossOrigin=d),i!=null&&(a.referrerPolicy=i),f!=null&&(a.width=f),h!=null&&(a.height=h),g!=null&&(a.decoding=g),v!=null&&(a.fetchPriority=v),S!=null&&(a.isMap=S),p!=null&&(a.useMap=p),a.onload=()=>t(a),a.onerror=n})}function dt(e,t={}){const n=ct(()=>ft(o.toValue(e)),void 0,{resetOnExecute:!0,...t});return o.watch(()=>o.toValue(e),()=>n.execute(t.delay),{deep:!0}),n}const mt=o.defineComponent({name:"UseImage",props:["src","srcset","sizes","as","alt","class","loading","crossorigin","referrerPolicy","width","height","decoding","fetchPriority","ismap","usemap"],setup(e,{slots:t}){const n=o.reactive(dt(e));return()=>n.isLoading&&t.loading?t.loading(n):n.error&&t.error?t.error(n.error):t.default?t.default(n):o.h(e.as||"img",e)}});function X(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}const ue=1;function Z(e,t={}){const{throttle:n=0,idle:a=200,onStop:s=w.noop,onScroll:l=w.noop,offset:u={left:0,right:0,top:0,bottom:0},observe:r={mutation:!1},eventListenerOptions:c={capture:!1,passive:!0},behavior:d="auto",window:i=I,onError:f=C=>{console.error(C)}}=t,h=typeof r=="boolean"?{mutation:r}:r,g=o.shallowRef(0),v=o.shallowRef(0),S=o.computed({get(){return g.value},set(C){U(C,void 0)}}),p=o.computed({get(){return v.value},set(C){U(void 0,C)}});function U(C,k){var D,W,B,P;if(!i)return;const M=o.toValue(e);if(!M)return;(B=M instanceof Document?i.document.body:M)==null||B.scrollTo({top:(D=o.toValue(k))!=null?D:p.value,left:(W=o.toValue(C))!=null?W:S.value,behavior:o.toValue(d)});const z=((P=M?.document)==null?void 0:P.documentElement)||M?.documentElement||M;S!=null&&(g.value=z.scrollLeft),p!=null&&(v.value=z.scrollTop)}const m=o.shallowRef(!1),b=o.reactive({left:!0,right:!1,top:!0,bottom:!1}),O=o.reactive({left:!1,right:!1,top:!1,bottom:!1}),V=C=>{m.value&&(m.value=!1,O.left=!1,O.right=!1,O.top=!1,O.bottom=!1,s(C))},A=w.useDebounceFn(V,n+a),E=C=>{var k;if(!i)return;const D=((k=C?.document)==null?void 0:k.documentElement)||C?.documentElement||T(C),{display:W,flexDirection:B,direction:P}=getComputedStyle(D),M=P==="rtl"?-1:1,z=D.scrollLeft;O.left=z<g.value,O.right=z>g.value;const ve=Math.abs(z*M)<=(u.left||0),ge=Math.abs(z*M)+D.clientWidth>=D.scrollWidth-(u.right||0)-ue;W==="flex"&&B==="row-reverse"?(b.left=ge,b.right=ve):(b.left=ve,b.right=ge),g.value=z;let H=D.scrollTop;C===i.document&&!H&&(H=i.document.body.scrollTop),O.top=H<v.value,O.bottom=H>v.value;const ye=Math.abs(H)<=(u.top||0),we=Math.abs(H)+D.clientHeight>=D.scrollHeight-(u.bottom||0)-ue;W==="flex"&&B==="column-reverse"?(b.top=we,b.bottom=ye):(b.top=ye,b.bottom=we),v.value=H},_=C=>{var k;if(!i)return;const D=(k=C.target.documentElement)!=null?k:C.target;E(D),m.value=!0,A(C),l(C)};return L(e,"scroll",n?w.useThrottleFn(_,n,!0,!1):_,c),w.tryOnMounted(()=>{try{const C=o.toValue(e);if(!C)return;E(C)}catch(C){f(C)}}),h?.mutation&&e!=null&&e!==i&&e!==document&&N(e,()=>{const C=o.toValue(e);C&&E(C)},{attributes:!0,childList:!0,subtree:!0}),L(e,"scrollend",V,c),{x:S,y:p,isScrolling:m,arrivedState:b,directions:O,measure(){const C=o.toValue(e);i&&C&&E(C)}}}function ce(e,t,n={}){var a;const{direction:s="bottom",interval:l=100,canLoadMore:u=()=>!0}=n,r=o.reactive(Z(e,{...n,offset:{[s]:(a=n.distance)!=null?a:0,...n.offset}})),c=o.ref(),d=o.computed(()=>!!c.value),i=o.computed(()=>X(o.toValue(e))),f=Q(i);function h(){if(r.measure(),!i.value||!f.value||!u(i.value))return;const{scrollHeight:v,clientHeight:S,scrollWidth:p,clientWidth:U}=i.value,m=s==="bottom"||s==="top"?v<=S:p<=U;(r.arrivedState[s]||m)&&(c.value||(c.value=Promise.all([t(r),new Promise(b=>setTimeout(b,l))]).finally(()=>{c.value=null,o.nextTick(()=>h())})))}const g=o.watch(()=>[r.arrivedState[s],f.value],h,{immediate:!0});return w.tryOnUnmounted(g),{isLoading:d,reset(){o.nextTick(()=>h())}}}const pt={mounted(e,t){typeof t.value=="function"?ce(e,t.value):ce(e,...t.value)}},ht={mounted(e,t){typeof t.value=="function"?q(e,t.value):q(e,...t.value)}},vt=o.defineComponent({name:"UseMouse",props:["touch","resetOnTouchEnds","initialValue"],setup(e,{slots:t}){const n=o.reactive(R.useMouse(e));return()=>{if(t.default)return t.default(n)}}}),gt=o.defineComponent({name:"UseMouseElement",props:["handleOutside","as"],setup(e,{slots:t}){const n=o.shallowRef(),a=o.reactive(R.useMouseInElement(n,e));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(a))}}}),yt={page:e=>[e.pageX,e.pageY],client:e=>[e.clientX,e.clientY],screen:e=>[e.screenX,e.screenY],movement:e=>e instanceof MouseEvent?[e.movementX,e.movementY]:null};function wt(e={}){const{type:t="page",touch:n=!0,resetOnTouchEnds:a=!1,initialValue:s={x:0,y:0},window:l=I,target:u=l,scroll:r=!0,eventFilter:c}=e;let d=null,i=0,f=0;const h=o.shallowRef(s.x),g=o.shallowRef(s.y),v=o.shallowRef(null),S=typeof t=="function"?t:yt[t],p=E=>{const _=S(E);d=E,_&&([h.value,g.value]=_,v.value="mouse"),l&&(i=l.scrollX,f=l.scrollY)},U=E=>{if(E.touches.length>0){const _=S(E.touches[0]);_&&([h.value,g.value]=_,v.value="touch")}},m=()=>{if(!d||!l)return;const E=S(d);d instanceof MouseEvent&&E&&(h.value=E[0]+l.scrollX-i,g.value=E[1]+l.scrollY-f)},b=()=>{h.value=s.x,g.value=s.y},O=c?E=>c(()=>p(E),{}):E=>p(E),V=c?E=>c(()=>U(E),{}):E=>U(E),A=c?()=>c(()=>m(),{}):()=>m();if(u){const E={passive:!0};L(u,["mousemove","dragover"],O,E),n&&t!=="movement"&&(L(u,["touchstart","touchmove"],V,E),a&&L(u,"touchend",b,E)),r&&t==="page"&&L(l,"scroll",A,E)}return{x:h,y:g,sourceType:v}}function Ut(e,t={}){const{windowResize:n=!0,windowScroll:a=!0,handleOutside:s=!0,window:l=I}=t,u=t.type||"page",{x:r,y:c,sourceType:d}=wt(t),i=o.shallowRef(e??l?.document.body),f=o.shallowRef(0),h=o.shallowRef(0),g=o.shallowRef(0),v=o.shallowRef(0),S=o.shallowRef(0),p=o.shallowRef(0),U=o.shallowRef(!0);function m(){if(!l)return;const V=T(i);if(!V||!(V instanceof Element))return;const{left:A,top:E,width:_,height:C}=V.getBoundingClientRect();g.value=A+(u==="page"?l.pageXOffset:0),v.value=E+(u==="page"?l.pageYOffset:0),S.value=C,p.value=_;const k=r.value-g.value,D=c.value-v.value;U.value=_===0||C===0||k<0||D<0||k>_||D>C,(s||!U.value)&&(f.value=k,h.value=D)}const b=[];function O(){b.forEach(V=>V()),b.length=0}if(w.tryOnMounted(()=>{m()}),l){const{stop:V}=F(i,m),{stop:A}=N(i,m,{attributeFilter:["style","class"]}),E=o.watch([i,r,c],m);b.push(V,A,E),L(document,"mouseleave",()=>U.value=!0,{passive:!0}),a&&b.push(L("scroll",m,{capture:!0,passive:!0})),n&&b.push(L("resize",m,{passive:!0}))}return{x:r,y:c,sourceType:d,elementX:f,elementY:h,elementPositionX:g,elementPositionY:v,elementHeight:S,elementWidth:p,isOutside:U,stop:O}}const bt={mounted(e,t){const[n,a]=typeof t.value=="function"?[t.value,{}]:t.value,s=w.reactiveOmit(o.reactive(Ut(e,a)),"stop");o.watch(s,l=>n(l))}},St=o.defineComponent({name:"UseMousePressed",props:["touch","initialValue","as"],setup(e,{slots:t}){const n=o.shallowRef(),a=o.reactive(R.useMousePressed({...e,target:n}));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(a))}}}),Ct=o.defineComponent({name:"UseNetwork",setup(e,{slots:t}){const n=o.reactive(R.useNetwork());return()=>{if(t.default)return t.default(n)}}}),Et=o.defineComponent({name:"UseNow",props:["interval"],setup(e,{slots:t}){const n=o.reactive(R.useNow({...e,controls:!0}));return()=>{if(t.default)return t.default(n)}}}),Rt=o.defineComponent({name:"UseObjectUrl",props:["object"],setup(e,{slots:t}){const n=w.toRef(e,"object"),a=R.useObjectUrl(n);return()=>{if(t.default&&a.value)return t.default(a)}}}),Ot=o.defineComponent({name:"UseOffsetPagination",props:["total","page","pageSize","onPageChange","onPageSizeChange","onPageCountChange"],emits:["page-change","page-size-change","page-count-change"],setup(e,{slots:t,emit:n}){const a=o.reactive(R.useOffsetPagination({...e,onPageChange(...s){var l;(l=e.onPageChange)==null||l.call(e,...s),n("page-change",...s)},onPageSizeChange(...s){var l;(l=e.onPageSizeChange)==null||l.call(e,...s),n("page-size-change",...s)},onPageCountChange(...s){var l;(l=e.onPageCountChange)==null||l.call(e,...s),n("page-count-change",...s)}}));return()=>{if(t.default)return t.default(a)}}}),Pt=o.defineComponent({name:"UseOnline",setup(e,{slots:t}){const n=o.reactive({isOnline:R.useOnline()});return()=>{if(t.default)return t.default(n)}}}),Vt=o.defineComponent({name:"UsePageLeave",setup(e,{slots:t}){const n=o.reactive({isLeft:R.usePageLeave()});return()=>{if(t.default)return t.default(n)}}}),Mt=o.defineComponent({name:"UsePointer",props:["pointerTypes","initialValue","target"],setup(e,{slots:t}){const n=o.shallowRef(null),a=o.reactive(R.usePointer({...e,target:e.target==="self"?n:I}));return()=>{if(t.default)return t.default(a,{ref:n})}}}),Dt=o.defineComponent({name:"UsePointerLock",props:["as"],setup(e,{slots:t}){const n=o.shallowRef(),a=o.reactive(R.usePointerLock(n));return()=>{if(t.default)return o.h(e.as||"div",{ref:n},t.default(a))}}}),Lt=o.defineComponent({name:"UsePreferredColorScheme",setup(e,{slots:t}){const n=o.reactive({colorScheme:R.usePreferredColorScheme()});return()=>{if(t.default)return t.default(n)}}}),Tt=o.defineComponent({name:"UsePreferredContrast",setup(e,{slots:t}){const n=o.reactive({contrast:R.usePreferredContrast()});return()=>{if(t.default)return t.default(n)}}}),_t=o.defineComponent({name:"UsePreferredDark",setup(e,{slots:t}){const n=o.reactive({prefersDark:R.usePreferredDark()});return()=>{if(t.default)return t.default(n)}}}),kt=o.defineComponent({name:"UsePreferredLanguages",setup(e,{slots:t}){const n=o.reactive({languages:R.usePreferredLanguages()});return()=>{if(t.default)return t.default(n)}}}),At=o.defineComponent({name:"UsePreferredReducedMotion",setup(e,{slots:t}){const n=o.reactive({motion:R.usePreferredReducedMotion()});return()=>{if(t.default)return t.default(n)}}}),zt=o.defineComponent({name:"UsePreferredReducedTransparency",setup(e,{slots:t}){const n=o.reactive({transparency:R.usePreferredReducedTransparency()});return()=>{if(t.default)return t.default(n)}}}),It={mounted(e,t){typeof t.value=="function"?F(e,t.value):F(e,...t.value)}};function K(e,t,n={}){const{window:a=I,initialValue:s,observe:l=!1}=n,u=o.shallowRef(s),r=o.computed(()=>{var d;return T(t)||((d=a?.document)==null?void 0:d.documentElement)});function c(){var d;const i=o.toValue(e),f=o.toValue(r);if(f&&a&&i){const h=(d=a.getComputedStyle(f).getPropertyValue(i))==null?void 0:d.trim();u.value=h||u.value||s}}return l&&N(r,c,{attributeFilter:["style","class"],window:a}),o.watch([r,()=>o.toValue(e)],(d,i)=>{i[0]&&i[1]&&i[0].style.removeProperty(i[1]),c()},{immediate:!0}),o.watch([u,r],([d,i])=>{const f=o.toValue(e);i?.style&&f&&(d==null?i.style.removeProperty(f):i.style.setProperty(f,d))},{immediate:!0}),u}const fe="--vueuse-safe-area-top",de="--vueuse-safe-area-right",me="--vueuse-safe-area-bottom",pe="--vueuse-safe-area-left";function Wt(){const e=o.shallowRef(""),t=o.shallowRef(""),n=o.shallowRef(""),a=o.shallowRef("");if(w.isClient){const l=K(fe),u=K(de),r=K(me),c=K(pe);l.value="env(safe-area-inset-top, 0px)",u.value="env(safe-area-inset-right, 0px)",r.value="env(safe-area-inset-bottom, 0px)",c.value="env(safe-area-inset-left, 0px)",w.tryOnMounted(s),L("resize",w.useDebounceFn(s),{passive:!0})}function s(){e.value=G(fe),t.value=G(de),n.value=G(me),a.value=G(pe)}return{top:e,right:t,bottom:n,left:a,update:s}}function G(e){return getComputedStyle(document.documentElement).getPropertyValue(e)}const Bt=o.defineComponent({name:"UseScreenSafeArea",props:{top:Boolean,right:Boolean,bottom:Boolean,left:Boolean},setup(e,{slots:t}){const{top:n,right:a,bottom:s,left:l}=Wt();return()=>{if(t.default)return o.h("div",{style:{paddingTop:e.top?n.value:"",paddingRight:e.right?a.value:"",paddingBottom:e.bottom?s.value:"",paddingLeft:e.left?l.value:"",boxSizing:"border-box",maxHeight:"100vh",maxWidth:"100vw",overflow:"auto"}},t.default())}}}),Ht={mounted(e,t){if(typeof t.value=="function"){const n=t.value,a=Z(e,{onScroll(){n(a)},onStop(){n(a)}})}else{const[n,a]=t.value,s=Z(e,{...a,onScroll(l){var u;(u=a.onScroll)==null||u.call(a,l),n(s)},onStop(l){var u;(u=a.onStop)==null||u.call(a,l),n(s)}})}}};function he(e){const t=window.getComputedStyle(e);if(t.overflowX==="scroll"||t.overflowY==="scroll"||t.overflowX==="auto"&&e.clientWidth<e.scrollWidth||t.overflowY==="auto"&&e.clientHeight<e.scrollHeight)return!0;{const n=e.parentNode;return!n||n.tagName==="BODY"?!1:he(n)}}function Nt(e){const t=e||window.event,n=t.target;return he(n)?!1:t.touches.length>1?!0:(t.preventDefault&&t.preventDefault(),!1)}const ee=new WeakMap;function Ft(e,t=!1){const n=o.shallowRef(t);let a=null,s="";o.watch(w.toRef(e),r=>{const c=X(o.toValue(r));if(c){const d=c;if(ee.get(d)||ee.set(d,d.style.overflow),d.style.overflow!=="hidden"&&(s=d.style.overflow),d.style.overflow==="hidden")return n.value=!0;if(n.value)return d.style.overflow="hidden"}},{immediate:!0});const l=()=>{const r=X(o.toValue(e));!r||n.value||(w.isIOS&&(a=L(r,"touchmove",c=>{Nt(c)},{passive:!1})),r.style.overflow="hidden",n.value=!0)},u=()=>{const r=X(o.toValue(e));!r||!n.value||(w.isIOS&&a?.(),r.style.overflow=s,ee.delete(r),n.value=!1)};return w.tryOnScopeDispose(u),o.computed({get(){return n.value},set(r){r?l():u()}})}function jt(){let e=!1;const t=o.shallowRef(!1);return(n,a)=>{if(t.value=a.value,e)return;e=!0;const s=Ft(n,a.value);o.watch(t,l=>s.value=l)}}const xt=jt(),Yt=o.defineComponent({name:"UseTimeAgo",props:["time","updateInterval","max","fullDateFormatter","messages","showSecond"],setup(e,{slots:t}){const n=o.reactive(R.useTimeAgo(()=>e.time,{...e,controls:!0}));return()=>{if(t.default)return t.default(n)}}}),Xt=o.defineComponent({name:"UseTimestamp",props:["immediate","interval","offset"],setup(e,{slots:t}){const n=o.reactive(R.useTimestamp({...e,controls:!0}));return()=>{if(t.default)return t.default(n)}}}),Kt=o.defineComponent({name:"UseVirtualList",props:["list","options","height"],setup(e,{slots:t,expose:n}){const{list:a}=o.toRefs(e),{list:s,containerProps:l,wrapperProps:u,scrollTo:r}=R.useVirtualList(a,e.options);return n({scrollTo:r}),l.style&&typeof l.style=="object"&&!Array.isArray(l.style)&&(l.style.height=e.height||"300px"),()=>o.h("div",{...l},[o.h("div",{...u.value},s.value.map(c=>o.h("div",{style:{overflow:"hidden",height:c.height}},t.default?t.default(c):"Please set content!")))])}}),Gt=o.defineComponent({name:"UseWindowFocus",setup(e,{slots:t}){const n=o.reactive({focused:R.useWindowFocus()});return()=>{if(t.default)return t.default(n)}}}),Jt=o.defineComponent({name:"UseWindowSize",props:["initialWidth","initialHeight"],setup(e,{slots:t}){const n=o.reactive(R.useWindowSize(e));return()=>{if(t.default)return t.default(n)}}});y.OnClickOutside=Ue,y.OnLongPress=Re,y.UseActiveElement=Oe,y.UseBattery=Pe,y.UseBrowserLocation=Ve,y.UseClipboard=Me,y.UseColorMode=Fe,y.UseDark=je,y.UseDeviceMotion=xe,y.UseDeviceOrientation=Ye,y.UseDevicePixelRatio=Xe,y.UseDevicesList=Ke,y.UseDocumentVisibility=Ge,y.UseDraggable=Je,y.UseElementBounding=$e,y.UseElementSize=tt,y.UseElementVisibility=at,y.UseEyeDropper=lt,y.UseFullscreen=rt,y.UseGeolocation=it,y.UseIdle=ut,y.UseImage=mt,y.UseMouse=vt,y.UseMouseInElement=gt,y.UseMousePressed=St,y.UseNetwork=Ct,y.UseNow=Et,y.UseObjectUrl=Rt,y.UseOffsetPagination=Ot,y.UseOnline=Pt,y.UsePageLeave=Vt,y.UsePointer=Mt,y.UsePointerLock=Dt,y.UsePreferredColorScheme=Lt,y.UsePreferredContrast=Tt,y.UsePreferredDark=_t,y.UsePreferredLanguages=kt,y.UsePreferredReducedMotion=At,y.UsePreferredReducedTransparency=zt,y.UseScreenSafeArea=Bt,y.UseTimeAgo=Yt,y.UseTimestamp=Xt,y.UseVirtualList=Kt,y.UseWindowFocus=Gt,y.UseWindowSize=Jt,y.VOnClickOutside=oe,y.VOnLongPress=se,y.vElementBounding=Qe,y.vElementHover=et,y.vElementSize=ot,y.vElementVisibility=st,y.vInfiniteScroll=pt,y.vIntersectionObserver=ht,y.vMouseInElement=bt,y.vOnClickOutside=oe,y.vOnKeyStroke=Se,y.vOnLongPress=se,y.vResizeObserver=It,y.vScroll=Ht,y.vScrollLock=xt})(this.VueUse=this.VueUse||{},VueUse,Vue,VueUse);