Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@vueuse/components

Package Overview
Dependencies
Maintainers
3
Versions
162
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vueuse/components - npm Package Compare versions

Comparing version 10.0.0 to 10.0.1

2

index.iife.min.js

@@ -1,1 +0,1 @@

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

6

package.json
{
"name": "@vueuse/components",
"version": "10.0.0",
"version": "10.0.1",
"description": "Renderless components for VueUse",

@@ -36,6 +36,6 @@ "author": "Jacob Clevenger<https://github.com/wheatjs>",

"dependencies": {
"@vueuse/core": "10.0.0",
"@vueuse/shared": "10.0.0",
"@vueuse/core": "10.0.1",
"@vueuse/shared": "10.0.1",
"vue-demi": ">=0.14.0"
}
}
index.cjs

Sorry, the diff of this file is not supported yet

index.iife.js

Sorry, the diff of this file is too big to display

index.mjs

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc