@vueuse/components 9.0.0-beta.1 → 9.0.1

package/index.cjs

@@ -142,19 +142,19 @@ function onKeyStroke(key, handler, options = {}) {
   return useEventListener(target, eventName, listener, passive);
 }
 
-var __defProp$c = Object.defineProperty;
-var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$c = (a, b) => {
+var __defProp$d = Object.defineProperty;
+var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$d = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$d.call(b, prop))
-      __defNormalProp$c(a, prop, b[prop]);
-  if (__getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(b)) {
-      if (__propIsEnum$d.call(b, prop))
-        __defNormalProp$c(a, prop, b[prop]);
+    if (__hasOwnProp$e.call(b, prop))
+      __defNormalProp$d(a, prop, b[prop]);
+  if (__getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(b)) {
+      if (__propIsEnum$e.call(b, prop))
+        __defNormalProp$d(a, prop, b[prop]);
     }
   return a;
 };
@@ -168,7 +168,7 @@ const vOnKeyStroke = {
       });
     } else {
       const [handler, options] = binding.value;
-      onKeyStroke(keys, handler, __spreadValues$c({
+      onKeyStroke(keys, handler, __spreadValues$d({
         target: el
       }, options));
     }
@@ -278,6 +278,22 @@ function guessSerializerType(rawInit) {
   return rawInit == null ? "any" : rawInit instanceof Set ? "set" : rawInit instanceof Map ? "map" : rawInit instanceof Date ? "date" : typeof rawInit === "boolean" ? "boolean" : typeof rawInit === "string" ? "string" : typeof rawInit === "object" ? "object" : Array.isArray(rawInit) ? "object" : !Number.isNaN(rawInit) ? "number" : "any";
 }
 
+var __defProp$c = Object.defineProperty;
+var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$c = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$d.call(b, prop))
+      __defNormalProp$c(a, prop, b[prop]);
+  if (__getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(b)) {
+      if (__propIsEnum$d.call(b, prop))
+        __defNormalProp$c(a, prop, b[prop]);
+    }
+  return a;
+};
 const StorageSerializers = {
   boolean: {
     read: (v) => v === "true",
@@ -312,13 +328,14 @@ const StorageSerializers = {
     write: (v) => v.toISOString()
   }
 };
-function useStorage(key, initialValue, storage, options = {}) {
+function useStorage(key, defaults, storage, options = {}) {
   var _a;
   const {
     flush = "pre",
     deep = true,
     listenToStorageChanges = true,
     writeDefaults = true,
+    mergeDefaults = false,
     shallow,
     window = defaultWindow,
     eventFilter,
@@ -326,7 +343,7 @@ function useStorage(key, initialValue, storage, options = {}) {
       console.error(e);
     }
   } = options;
-  const data = (shallow ? vueDemi.shallowRef : vueDemi.ref)(initialValue);
+  const data = (shallow ? vueDemi.shallowRef : vueDemi.ref)(defaults);
   if (!storage) {
     try {
       storage = getSSRHandler("getDefaultStorage", () => {
@@ -339,7 +356,7 @@ function useStorage(key, initialValue, storage, options = {}) {
   }
   if (!storage)
     return data;
-  const rawInit = shared.resolveUnref(initialValue);
+  const rawInit = shared.resolveUnref(defaults);
   const type = guessSerializerType(rawInit);
   const serializer = (_a = options.serializer) != null ? _a : StorageSerializers[type];
   const { pause: pauseWatch, resume: resumeWatch } = shared.pausableWatch(data, () => write(data.value), { flush, deep, eventFilter });
@@ -367,6 +384,13 @@ function useStorage(key, initialValue, storage, options = {}) {
         if (writeDefaults && rawInit !== null)
           storage.setItem(key, serializer.write(rawInit));
         return rawInit;
+      } else if (!event && mergeDefaults) {
+        const value = serializer.read(rawValue);
+        if (shared.isFunction(mergeDefaults))
+          return mergeDefaults(value, rawInit);
+        else if (type === "object" && !Array.isArray(value))
+          return __spreadValues$c(__spreadValues$c({}, rawInit), value);
+        return value;
       } else if (typeof rawValue !== "string") {
         return rawValue;
       } else {
@@ -447,6 +471,7 @@ function useColorMode(options = {}) {
   const {
     selector = "html",
     attribute = "class",
+    initialValue = "auto",
     window = defaultWindow,
     storage,
     storageKey = "vueuse-color-scheme",
@@ -461,7 +486,7 @@ function useColorMode(options = {}) {
   }, options.modes || {});
   const preferredDark = usePreferredDark({ window });
   const preferredMode = vueDemi.computed(() => preferredDark.value ? "dark" : "light");
-  const store = storageRef || (storageKey == null ? vueDemi.ref("auto") : useStorage(storageKey, "auto", storage, { window, listenToStorageChanges }));
+  const store = storageRef || (storageKey == null ? vueDemi.ref(initialValue) : useStorage(storageKey, initialValue, storage, { window, listenToStorageChanges }));
   const state = vueDemi.computed({
     get() {
       return store.value === "auto" && !emitAuto ? preferredMode.value : store.value;
@@ -498,6 +523,8 @@ function useColorMode(options = {}) {
       defaultOnChanged(mode);
   }
   vueDemi.watch(state, onChanged, { flush: "post", immediate: true });
+  if (emitAuto)
+    vueDemi.watch(preferredMode, () => onChanged(state.value), { flush: "post" });
   shared.tryOnMounted(() => onChanged(state.value));
   return state;
 }
@@ -856,7 +883,8 @@ function useAsyncState(promise, initialState, options) {
     delay = 0,
     onError = shared.noop,
     resetOnExecute = true,
-    shallow = true
+    shallow = true,
+    throwError
   } = options != null ? options : {};
   const state = shallow ? vueDemi.shallowRef(initialState) : vueDemi.ref(initialState);
   const isReady = vueDemi.ref(false);
@@ -878,6 +906,8 @@ function useAsyncState(promise, initialState, options) {
     } catch (e) {
       error.value = e;
       onError(e);
+      if (throwError)
+        throw error;
     } finally {
       isLoading.value = false;
     }

package/index.d.ts

@@ -106,6 +106,15 @@ interface UseStorageOptions<T> extends ConfigurableEventFilter, ConfigurableWind
      * @default true
      */
     writeDefaults?: boolean;
+    /**
+     * Merge the default value with the value read from the storage.
+     *
+     * When setting it to true, it will perform a **shallow merge** for objects.
+     * You can pass a function to perform custom merge (e.g. deep merge), for example:
+     *
+     * @default false
+     */
+    mergeDefaults?: boolean | ((storageValue: T, defaults: T) => T);
     /**
      * Custom data serialization
      */
@@ -138,6 +147,12 @@ interface UseColorModeOptions<T extends string = BasicColorSchema> extends UseSt
      * @default 'class'
      */
     attribute?: string;
+    /**
+     * The initial color mode
+     *
+     * @default 'auto'
+     */
+    initialValue?: T | BasicColorSchema;
     /**
      * Prefix when adding value to the attribute
      */

package/index.iife.js

@@ -210,19 +210,19 @@
     return useEventListener(target, eventName, listener, passive);
   }
 
-  var __defProp$c = Object.defineProperty;
-  var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-  var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-  var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$c = (a, b) => {
+  var __defProp$d = Object.defineProperty;
+  var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+  var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+  var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$d = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$d.call(b, prop))
-        __defNormalProp$c(a, prop, b[prop]);
-    if (__getOwnPropSymbols$d)
-      for (var prop of __getOwnPropSymbols$d(b)) {
-        if (__propIsEnum$d.call(b, prop))
-          __defNormalProp$c(a, prop, b[prop]);
+      if (__hasOwnProp$e.call(b, prop))
+        __defNormalProp$d(a, prop, b[prop]);
+    if (__getOwnPropSymbols$e)
+      for (var prop of __getOwnPropSymbols$e(b)) {
+        if (__propIsEnum$e.call(b, prop))
+          __defNormalProp$d(a, prop, b[prop]);
       }
     return a;
   };
@@ -236,7 +236,7 @@
         });
       } else {
         const [handler, options] = binding.value;
-        onKeyStroke(keys, handler, __spreadValues$c({
+        onKeyStroke(keys, handler, __spreadValues$d({
           target: el
         }, options));
       }
@@ -346,6 +346,22 @@
     return rawInit == null ? "any" : rawInit instanceof Set ? "set" : rawInit instanceof Map ? "map" : rawInit instanceof Date ? "date" : typeof rawInit === "boolean" ? "boolean" : typeof rawInit === "string" ? "string" : typeof rawInit === "object" ? "object" : Array.isArray(rawInit) ? "object" : !Number.isNaN(rawInit) ? "number" : "any";
   }
 
+  var __defProp$c = Object.defineProperty;
+  var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+  var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+  var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$c = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$d.call(b, prop))
+        __defNormalProp$c(a, prop, b[prop]);
+    if (__getOwnPropSymbols$d)
+      for (var prop of __getOwnPropSymbols$d(b)) {
+        if (__propIsEnum$d.call(b, prop))
+          __defNormalProp$c(a, prop, b[prop]);
+      }
+    return a;
+  };
   const StorageSerializers = {
     boolean: {
       read: (v) => v === "true",
@@ -380,13 +396,14 @@
       write: (v) => v.toISOString()
     }
   };
-  function useStorage(key, initialValue, storage, options = {}) {
+  function useStorage(key, defaults, storage, options = {}) {
     var _a;
     const {
       flush = "pre",
       deep = true,
       listenToStorageChanges = true,
       writeDefaults = true,
+      mergeDefaults = false,
       shallow,
       window = defaultWindow,
       eventFilter,
@@ -394,7 +411,7 @@
         console.error(e);
       }
     } = options;
-    const data = (shallow ? vueDemi.shallowRef : vueDemi.ref)(initialValue);
+    const data = (shallow ? vueDemi.shallowRef : vueDemi.ref)(defaults);
     if (!storage) {
       try {
         storage = getSSRHandler("getDefaultStorage", () => {
@@ -407,7 +424,7 @@
     }
     if (!storage)
       return data;
-    const rawInit = shared.resolveUnref(initialValue);
+    const rawInit = shared.resolveUnref(defaults);
     const type = guessSerializerType(rawInit);
     const serializer = (_a = options.serializer) != null ? _a : StorageSerializers[type];
     const { pause: pauseWatch, resume: resumeWatch } = shared.pausableWatch(data, () => write(data.value), { flush, deep, eventFilter });
@@ -435,6 +452,13 @@
           if (writeDefaults && rawInit !== null)
             storage.setItem(key, serializer.write(rawInit));
           return rawInit;
+        } else if (!event && mergeDefaults) {
+          const value = serializer.read(rawValue);
+          if (shared.isFunction(mergeDefaults))
+            return mergeDefaults(value, rawInit);
+          else if (type === "object" && !Array.isArray(value))
+            return __spreadValues$c(__spreadValues$c({}, rawInit), value);
+          return value;
         } else if (typeof rawValue !== "string") {
           return rawValue;
         } else {
@@ -515,6 +539,7 @@
     const {
       selector = "html",
       attribute = "class",
+      initialValue = "auto",
       window = defaultWindow,
       storage,
       storageKey = "vueuse-color-scheme",
@@ -529,7 +554,7 @@
     }, options.modes || {});
     const preferredDark = usePreferredDark({ window });
     const preferredMode = vueDemi.computed(() => preferredDark.value ? "dark" : "light");
-    const store = storageRef || (storageKey == null ? vueDemi.ref("auto") : useStorage(storageKey, "auto", storage, { window, listenToStorageChanges }));
+    const store = storageRef || (storageKey == null ? vueDemi.ref(initialValue) : useStorage(storageKey, initialValue, storage, { window, listenToStorageChanges }));
     const state = vueDemi.computed({
       get() {
         return store.value === "auto" && !emitAuto ? preferredMode.value : store.value;
@@ -566,6 +591,8 @@
         defaultOnChanged(mode);
     }
     vueDemi.watch(state, onChanged, { flush: "post", immediate: true });
+    if (emitAuto)
+      vueDemi.watch(preferredMode, () => onChanged(state.value), { flush: "post" });
     shared.tryOnMounted(() => onChanged(state.value));
     return state;
   }
@@ -924,7 +951,8 @@
       delay = 0,
       onError = shared.noop,
       resetOnExecute = true,
-      shallow = true
+      shallow = true,
+      throwError
     } = options != null ? options : {};
     const state = shallow ? vueDemi.shallowRef(initialState) : vueDemi.ref(initialState);
     const isReady = vueDemi.ref(false);
@@ -946,6 +974,8 @@
       } catch (e) {
         error.value = e;
         onError(e);
+        if (throwError)
+          throw error;
       } finally {
         isLoading.value = false;
       }

package/index.iife.min.js

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

package/index.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, ref, h, watch, computed, reactive, shallowRef, nextTick, toRef, toRefs } from 'vue-demi';
 import { onClickOutside as onClickOutside$1, useActiveElement, useBattery, useBrowserLocation, useDark, useDeviceMotion, useDeviceOrientation, useDevicePixelRatio, useDevicesList, useDocumentVisibility, useStorage as useStorage$1, isClient as isClient$1, useDraggable, useElementBounding, useElementSize as useElementSize$1, useElementVisibility as useElementVisibility$1, useEyeDropper, useFullscreen, useGeolocation, useIdle, useMouse, useMouseInElement, useMousePressed, useNetwork, useNow, useObjectUrl, useOffsetPagination, useOnline, usePageLeave, usePointer, usePreferredColorScheme, usePreferredDark as usePreferredDark$1, usePreferredLanguages, useTimeAgo, useTimestamp, useVirtualList, useWindowFocus, useWindowSize } from '@vueuse/core';
-import { resolveUnref, isClient, isString, noop, tryOnScopeDispose, directiveHooks, pausableWatch, tryOnMounted, tryOnBeforeMount, useToggle, promiseTimeout, useDebounceFn, useThrottleFn, resolveRef, isIOS } from '@vueuse/shared';
+import { resolveUnref, isClient, isString, noop, tryOnScopeDispose, directiveHooks, pausableWatch, isFunction, tryOnMounted, tryOnBeforeMount, useToggle, promiseTimeout, useDebounceFn, useThrottleFn, resolveRef, isIOS } from '@vueuse/shared';
 
 const OnClickOutside = defineComponent({
   name: "OnClickOutside",
@@ -138,19 +138,19 @@ function onKeyStroke(key, handler, options = {}) {
   return useEventListener(target, eventName, listener, passive);
 }
 
-var __defProp$c = Object.defineProperty;
-var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$c = (a, b) => {
+var __defProp$d = Object.defineProperty;
+var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$d = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$d.call(b, prop))
-      __defNormalProp$c(a, prop, b[prop]);
-  if (__getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(b)) {
-      if (__propIsEnum$d.call(b, prop))
-        __defNormalProp$c(a, prop, b[prop]);
+    if (__hasOwnProp$e.call(b, prop))
+      __defNormalProp$d(a, prop, b[prop]);
+  if (__getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(b)) {
+      if (__propIsEnum$e.call(b, prop))
+        __defNormalProp$d(a, prop, b[prop]);
     }
   return a;
 };
@@ -164,7 +164,7 @@ const vOnKeyStroke = {
       });
     } else {
       const [handler, options] = binding.value;
-      onKeyStroke(keys, handler, __spreadValues$c({
+      onKeyStroke(keys, handler, __spreadValues$d({
         target: el
       }, options));
     }
@@ -274,6 +274,22 @@ function guessSerializerType(rawInit) {
   return rawInit == null ? "any" : rawInit instanceof Set ? "set" : rawInit instanceof Map ? "map" : rawInit instanceof Date ? "date" : typeof rawInit === "boolean" ? "boolean" : typeof rawInit === "string" ? "string" : typeof rawInit === "object" ? "object" : Array.isArray(rawInit) ? "object" : !Number.isNaN(rawInit) ? "number" : "any";
 }
 
+var __defProp$c = Object.defineProperty;
+var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$c = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$d.call(b, prop))
+      __defNormalProp$c(a, prop, b[prop]);
+  if (__getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(b)) {
+      if (__propIsEnum$d.call(b, prop))
+        __defNormalProp$c(a, prop, b[prop]);
+    }
+  return a;
+};
 const StorageSerializers = {
   boolean: {
     read: (v) => v === "true",
@@ -308,13 +324,14 @@ const StorageSerializers = {
     write: (v) => v.toISOString()
   }
 };
-function useStorage(key, initialValue, storage, options = {}) {
+function useStorage(key, defaults, storage, options = {}) {
   var _a;
   const {
     flush = "pre",
     deep = true,
     listenToStorageChanges = true,
     writeDefaults = true,
+    mergeDefaults = false,
     shallow,
     window = defaultWindow,
     eventFilter,
@@ -322,7 +339,7 @@ function useStorage(key, initialValue, storage, options = {}) {
       console.error(e);
     }
   } = options;
-  const data = (shallow ? shallowRef : ref)(initialValue);
+  const data = (shallow ? shallowRef : ref)(defaults);
   if (!storage) {
     try {
       storage = getSSRHandler("getDefaultStorage", () => {
@@ -335,7 +352,7 @@ function useStorage(key, initialValue, storage, options = {}) {
   }
   if (!storage)
     return data;
-  const rawInit = resolveUnref(initialValue);
+  const rawInit = resolveUnref(defaults);
   const type = guessSerializerType(rawInit);
   const serializer = (_a = options.serializer) != null ? _a : StorageSerializers[type];
   const { pause: pauseWatch, resume: resumeWatch } = pausableWatch(data, () => write(data.value), { flush, deep, eventFilter });
@@ -363,6 +380,13 @@ function useStorage(key, initialValue, storage, options = {}) {
         if (writeDefaults && rawInit !== null)
           storage.setItem(key, serializer.write(rawInit));
         return rawInit;
+      } else if (!event && mergeDefaults) {
+        const value = serializer.read(rawValue);
+        if (isFunction(mergeDefaults))
+          return mergeDefaults(value, rawInit);
+        else if (type === "object" && !Array.isArray(value))
+          return __spreadValues$c(__spreadValues$c({}, rawInit), value);
+        return value;
       } else if (typeof rawValue !== "string") {
         return rawValue;
       } else {
@@ -443,6 +467,7 @@ function useColorMode(options = {}) {
   const {
     selector = "html",
     attribute = "class",
+    initialValue = "auto",
     window = defaultWindow,
     storage,
     storageKey = "vueuse-color-scheme",
@@ -457,7 +482,7 @@ function useColorMode(options = {}) {
   }, options.modes || {});
   const preferredDark = usePreferredDark({ window });
   const preferredMode = computed(() => preferredDark.value ? "dark" : "light");
-  const store = storageRef || (storageKey == null ? ref("auto") : useStorage(storageKey, "auto", storage, { window, listenToStorageChanges }));
+  const store = storageRef || (storageKey == null ? ref(initialValue) : useStorage(storageKey, initialValue, storage, { window, listenToStorageChanges }));
   const state = computed({
     get() {
       return store.value === "auto" && !emitAuto ? preferredMode.value : store.value;
@@ -494,6 +519,8 @@ function useColorMode(options = {}) {
       defaultOnChanged(mode);
   }
   watch(state, onChanged, { flush: "post", immediate: true });
+  if (emitAuto)
+    watch(preferredMode, () => onChanged(state.value), { flush: "post" });
   tryOnMounted(() => onChanged(state.value));
   return state;
 }
@@ -852,7 +879,8 @@ function useAsyncState(promise, initialState, options) {
     delay = 0,
     onError = noop,
     resetOnExecute = true,
-    shallow = true
+    shallow = true,
+    throwError
   } = options != null ? options : {};
   const state = shallow ? shallowRef(initialState) : ref(initialState);
   const isReady = ref(false);
@@ -874,6 +902,8 @@ function useAsyncState(promise, initialState, options) {
     } catch (e) {
       error.value = e;
       onError(e);
+      if (throwError)
+        throw error;
     } finally {
       isLoading.value = false;
     }

package/package.json

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