@vueuse/components 9.12.0 → 9.13.0

package/index.iife.min.js

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