@vueuse/shared 9.2.0 → 9.3.0

package/index.cjs

@@ -717,8 +717,7 @@ function tryOnUnmounted(fn) {
     vueDemi.onUnmounted(fn);
 }
 
-function until(r) {
-  let isNot = false;
+function createUntil(r, isNot = false) {
   function toMatch(condition, { flush = "sync", deep = false, timeout, throwOnTimeout } = {}) {
     let stop = null;
     const watcher = new Promise((resolve) => {
@@ -800,8 +799,7 @@ function until(r) {
       changed,
       changedTimes,
       get not() {
-        isNot = !isNot;
-        return this;
+        return createUntil(r, !isNot);
       }
     };
     return instance;
@@ -816,13 +814,15 @@ function until(r) {
       changed,
       changedTimes,
       get not() {
-        isNot = !isNot;
-        return this;
+        return createUntil(r, !isNot);
       }
     };
     return instance;
   }
 }
+function until(r) {
+  return createUntil(r);
+}
 
 function useArrayEvery(list, fn) {
   return vueDemi.computed(() => resolveUnref(list).every((element, index, array) => fn(resolveUnref(element), index, array)));
@@ -878,8 +878,15 @@ function useCounter(initialValue = 0, options = {}) {
 }
 
 const REGEX_PARSE = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/;
-const REGEX_FORMAT = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
-const formatDate = (date, formatStr, locales) => {
+const REGEX_FORMAT = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
+const defaultMeridiem = (hours, minutes, isLowercase, hasPeriod) => {
+  let m = hours < 12 ? "AM" : "PM";
+  if (hasPeriod)
+    m = m.split("").reduce((acc, curr) => acc += `${curr}.`, "");
+  return isLowercase ? m.toLowerCase() : m;
+};
+const formatDate = (date, formatStr, options) => {
+  var _a;
   const years = date.getFullYear();
   const month = date.getMonth();
   const days = date.getDate();
@@ -888,11 +895,14 @@ const formatDate = (date, formatStr, locales) => {
   const seconds = date.getSeconds();
   const milliseconds = date.getMilliseconds();
   const day = date.getDay();
+  const meridiem = (_a = options.customMeridiem) != null ? _a : defaultMeridiem;
   const matches = {
     YY: () => String(years).slice(-2),
     YYYY: () => years,
     M: () => month + 1,
     MM: () => `${month + 1}`.padStart(2, "0"),
+    MMM: () => date.toLocaleDateString(options.locales, { month: "short" }),
+    MMMM: () => date.toLocaleDateString(options.locales, { month: "long" }),
     D: () => String(days),
     DD: () => `${days}`.padStart(2, "0"),
     H: () => String(hours),
@@ -905,9 +915,13 @@ const formatDate = (date, formatStr, locales) => {
     ss: () => `${seconds}`.padStart(2, "0"),
     SSS: () => `${milliseconds}`.padStart(3, "0"),
     d: () => day,
-    dd: () => date.toLocaleDateString(locales, { weekday: "narrow" }),
-    ddd: () => date.toLocaleDateString(locales, { weekday: "short" }),
-    dddd: () => date.toLocaleDateString(locales, { weekday: "long" })
+    dd: () => date.toLocaleDateString(options.locales, { weekday: "narrow" }),
+    ddd: () => date.toLocaleDateString(options.locales, { weekday: "short" }),
+    dddd: () => date.toLocaleDateString(options.locales, { weekday: "long" }),
+    A: () => meridiem(hours, minutes),
+    AA: () => meridiem(hours, minutes, false, true),
+    a: () => meridiem(hours, minutes, true),
+    aa: () => meridiem(hours, minutes, true, true)
   };
   return formatStr.replace(REGEX_FORMAT, (match, $1) => $1 || matches[match]());
 };
@@ -929,7 +943,7 @@ const normalizeDate = (date) => {
   return new Date(date);
 };
 function useDateFormat(date, formatStr = "HH:mm:ss", options = {}) {
-  return vueDemi.computed(() => formatDate(normalizeDate(resolveUnref(date)), resolveUnref(formatStr), options == null ? void 0 : options.locales));
+  return vueDemi.computed(() => formatDate(normalizeDate(resolveUnref(date)), resolveUnref(formatStr), options));
 }
 
 function useIntervalFn(cb, interval = 1e3, options = {}) {
@@ -994,10 +1008,15 @@ var __spreadValues$6 = (a, b) => {
 function useInterval(interval = 1e3, options = {}) {
   const {
     controls: exposeControls = false,
-    immediate = true
+    immediate = true,
+    callback
   } = options;
   const counter = vueDemi.ref(0);
-  const controls = useIntervalFn(() => counter.value += 1, interval, { immediate });
+  const update = () => counter.value += 1;
+  const controls = useIntervalFn(callback ? () => {
+    update();
+    callback(counter.value);
+  } : update, interval, { immediate });
   if (exposeControls) {
     return __spreadValues$6({
       counter
@@ -1070,9 +1089,10 @@ var __spreadValues$5 = (a, b) => {
 };
 function useTimeout(interval = 1e3, options = {}) {
   const {
-    controls: exposeControls = false
+    controls: exposeControls = false,
+    callback
   } = options;
-  const controls = useTimeoutFn(noop, interval, options);
+  const controls = useTimeoutFn(callback != null ? callback : noop, interval, options);
   const ready = vueDemi.computed(() => !controls.isPending.value);
   if (exposeControls) {
     return __spreadValues$5({

package/index.d.ts

@@ -76,11 +76,11 @@ interface ExtendRefOptions<Unwrap extends boolean = boolean> {
     unwrap?: Unwrap;
 }
 /**
- * Overlad 1: Unwrap set to false
+ * Overload 1: Unwrap set to false
  */
 declare function extendRef<R extends Ref<any>, Extend extends object, Options extends ExtendRefOptions<false>>(ref: R, extend: Extend, options?: Options): ShallowUnwrapRef$1<Extend> & R;
 /**
- * Overlad 2: Unwrap unset or set to true
+ * Overload 2: Unwrap unset or set to true
  */
 declare function extendRef<R extends Ref<any>, Extend extends object, Options extends ExtendRefOptions>(ref: R, extend: Extend, options?: Options): Extend & R;
 
@@ -161,7 +161,7 @@ declare type Awaitable<T> = Promise<T> | T;
 declare type ArgumentsType<T> = T extends (...args: infer U) => any ? U : never;
 interface Pausable {
     /**
-     * A ref indicate whether a pusable instance is active
+     * A ref indicate whether a pausable instance is active
      */
     isActive: Ref<boolean>;
     /**
@@ -430,7 +430,7 @@ interface ControlledRefOptions<T> {
     /**
      * Callback function after the ref changed
      *
-     * This happends synchronously, with less overhead compare to `watch`
+     * This happens synchronously, with less overhead compare to `watch`
      */
     onChanged?: (value: T, oldValue: T) => void;
 }
@@ -763,21 +763,26 @@ declare function useCounter(initialValue?: number, options?: UseCounterOptions):
 declare type DateLike = Date | number | string | undefined;
 interface UseDateFormatOptions {
     /**
-     * The locale(s) to used for dd/ddd/dddd format
+     * The locale(s) to used for dd/ddd/dddd/MMM/MMMM format
      *
      * [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument).
      */
     locales?: Intl.LocalesArgument;
+    /**
+     * A custom function to re-modify the way to display meridiem
+     *
+     */
+    customMeridiem?: (hours: number, minutes: number, isLowercase?: boolean, hasPeriod?: boolean) => string;
 }
-declare const formatDate: (date: Date, formatStr: string, locales?: Intl.LocalesArgument) => string;
+declare const formatDate: (date: Date, formatStr: string, options: UseDateFormatOptions) => string;
 declare const normalizeDate: (date: DateLike) => Date;
 /**
  * Get the formatted date according to the string of tokens passed in.
  *
  * @see https://vueuse.org/useDateFormat
- * @param date
- * @param formatStr
- * @param options
+ * @param date - The date to format, can either be a `Date` object, a timestamp, or a string
+ * @param formatStr - The combination of tokens to format the date
+ * @param options - UseDateFormatOptions
  */
 declare function useDateFormat(date: MaybeComputedRef<DateLike>, formatStr?: MaybeComputedRef<string>, options?: UseDateFormatOptions): vue_demi.ComputedRef<string>;
 declare type UseDateFormatReturn = ReturnType<typeof useDateFormat>;
@@ -807,6 +812,10 @@ interface UseIntervalOptions<Controls extends boolean> {
      * @default true
      */
     immediate?: boolean;
+    /**
+     * Callback on every interval
+     */
+    callback?: (count: number) => void;
 }
 /**
  * Reactive counter increases on every interval
@@ -895,6 +904,10 @@ interface UseTimeoutOptions<Controls extends boolean> extends UseTimeoutFnOption
      * @default false
      */
     controls?: Controls;
+    /**
+     * Callback on timeout
+     */
+    callback?: Fn;
 }
 /**
  * Update value after a given time with controls.

package/index.iife.js

@@ -787,8 +787,7 @@
       vueDemi.onUnmounted(fn);
   }
 
-  function until(r) {
-    let isNot = false;
+  function createUntil(r, isNot = false) {
     function toMatch(condition, { flush = "sync", deep = false, timeout, throwOnTimeout } = {}) {
       let stop = null;
       const watcher = new Promise((resolve) => {
@@ -870,8 +869,7 @@
         changed,
         changedTimes,
         get not() {
-          isNot = !isNot;
-          return this;
+          return createUntil(r, !isNot);
         }
       };
       return instance;
@@ -886,13 +884,15 @@
         changed,
         changedTimes,
         get not() {
-          isNot = !isNot;
-          return this;
+          return createUntil(r, !isNot);
         }
       };
       return instance;
     }
   }
+  function until(r) {
+    return createUntil(r);
+  }
 
   function useArrayEvery(list, fn) {
     return vueDemi.computed(() => resolveUnref(list).every((element, index, array) => fn(resolveUnref(element), index, array)));
@@ -948,8 +948,15 @@
   }
 
   const REGEX_PARSE = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/;
-  const REGEX_FORMAT = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
-  const formatDate = (date, formatStr, locales) => {
+  const REGEX_FORMAT = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
+  const defaultMeridiem = (hours, minutes, isLowercase, hasPeriod) => {
+    let m = hours < 12 ? "AM" : "PM";
+    if (hasPeriod)
+      m = m.split("").reduce((acc, curr) => acc += `${curr}.`, "");
+    return isLowercase ? m.toLowerCase() : m;
+  };
+  const formatDate = (date, formatStr, options) => {
+    var _a;
     const years = date.getFullYear();
     const month = date.getMonth();
     const days = date.getDate();
@@ -958,11 +965,14 @@
     const seconds = date.getSeconds();
     const milliseconds = date.getMilliseconds();
     const day = date.getDay();
+    const meridiem = (_a = options.customMeridiem) != null ? _a : defaultMeridiem;
     const matches = {
       YY: () => String(years).slice(-2),
       YYYY: () => years,
       M: () => month + 1,
       MM: () => `${month + 1}`.padStart(2, "0"),
+      MMM: () => date.toLocaleDateString(options.locales, { month: "short" }),
+      MMMM: () => date.toLocaleDateString(options.locales, { month: "long" }),
       D: () => String(days),
       DD: () => `${days}`.padStart(2, "0"),
       H: () => String(hours),
@@ -975,9 +985,13 @@
       ss: () => `${seconds}`.padStart(2, "0"),
       SSS: () => `${milliseconds}`.padStart(3, "0"),
       d: () => day,
-      dd: () => date.toLocaleDateString(locales, { weekday: "narrow" }),
-      ddd: () => date.toLocaleDateString(locales, { weekday: "short" }),
-      dddd: () => date.toLocaleDateString(locales, { weekday: "long" })
+      dd: () => date.toLocaleDateString(options.locales, { weekday: "narrow" }),
+      ddd: () => date.toLocaleDateString(options.locales, { weekday: "short" }),
+      dddd: () => date.toLocaleDateString(options.locales, { weekday: "long" }),
+      A: () => meridiem(hours, minutes),
+      AA: () => meridiem(hours, minutes, false, true),
+      a: () => meridiem(hours, minutes, true),
+      aa: () => meridiem(hours, minutes, true, true)
     };
     return formatStr.replace(REGEX_FORMAT, (match, $1) => $1 || matches[match]());
   };
@@ -999,7 +1013,7 @@
     return new Date(date);
   };
   function useDateFormat(date, formatStr = "HH:mm:ss", options = {}) {
-    return vueDemi.computed(() => formatDate(normalizeDate(resolveUnref(date)), resolveUnref(formatStr), options == null ? void 0 : options.locales));
+    return vueDemi.computed(() => formatDate(normalizeDate(resolveUnref(date)), resolveUnref(formatStr), options));
   }
 
   function useIntervalFn(cb, interval = 1e3, options = {}) {
@@ -1064,10 +1078,15 @@
   function useInterval(interval = 1e3, options = {}) {
     const {
       controls: exposeControls = false,
-      immediate = true
+      immediate = true,
+      callback
     } = options;
     const counter = vueDemi.ref(0);
-    const controls = useIntervalFn(() => counter.value += 1, interval, { immediate });
+    const update = () => counter.value += 1;
+    const controls = useIntervalFn(callback ? () => {
+      update();
+      callback(counter.value);
+    } : update, interval, { immediate });
     if (exposeControls) {
       return __spreadValues$6({
         counter
@@ -1140,9 +1159,10 @@
   };
   function useTimeout(interval = 1e3, options = {}) {
     const {
-      controls: exposeControls = false
+      controls: exposeControls = false,
+      callback
     } = options;
-    const controls = useTimeoutFn(noop, interval, options);
+    const controls = useTimeoutFn(callback != null ? callback : noop, interval, options);
     const ready = vueDemi.computed(() => !controls.isPending.value);
     if (exposeControls) {
       return __spreadValues$5({

package/index.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(o,i,j){if(o.install)return o;if(i)if(i.version.slice(0,4)==="2.7."){for(var w in i)o[w]=i[w];o.isVue2=!0,o.isVue3=!1,o.install=function(){},o.Vue=i,o.Vue2=i,o.version=i.version}else if(i.version.slice(0,2)==="2.")if(j){for(var w in j)o[w]=j[w];o.isVue2=!0,o.isVue3=!1,o.install=function(){},o.Vue=i,o.Vue2=i,o.version=i.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(i.version.slice(0,2)==="3."){for(var w in i)o[w]=i[w];o.isVue2=!1,o.isVue3=!0,o.install=function(){},o.Vue=i,o.Vue2=void 0,o.version=i.version,o.set=function(O,P,b){return Array.isArray(O)?(O.length=Math.max(O.length,P),O.splice(P,1,b),b):(O[P]=b,b)},o.del=function(O,P){if(Array.isArray(O)){O.splice(P,1);return}delete O[P]}}else console.error("[vue-demi] Vue version "+i.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");return o}(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(o,i){"use strict";var j=Object.defineProperty,w=Object.defineProperties,O=Object.getOwnPropertyDescriptors,P=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,Yt=Object.prototype.propertyIsEnumerable,J=(t,e,r)=>e in t?j(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Gt=(t,e)=>{for(var r in e||(e={}))b.call(e,r)&&J(t,r,e[r]);if(P)for(var r of P(e))Yt.call(e,r)&&J(t,r,e[r]);return t},kt=(t,e)=>w(t,O(e));function V(t,e){var r;const n=i.shallowRef();return i.watchEffect(()=>{n.value=t()},kt(Gt({},e),{flush:(r=e==null?void 0:e.flush)!=null?r:"sync"})),i.readonly(n)}var X;const I=typeof window!="undefined",zt=t=>typeof t!="undefined",Zt=(t,...e)=>{t||console.warn(...e)},q=Object.prototype.toString,Jt=t=>typeof t=="boolean",U=t=>typeof t=="function",Vt=t=>typeof t=="number",Xt=t=>typeof t=="string",qt=t=>q.call(t)==="[object Object]",Kt=t=>typeof window!="undefined"&&q.call(t)==="[object Window]",Qt=()=>Date.now(),K=()=>+Date.now(),Dt=(t,e,r)=>Math.min(r,Math.max(e,t)),Q=()=>{},xt=(t,e)=>(t=Math.ceil(t),e=Math.floor(e),Math.floor(Math.random()*(e-t+1))+t),te=I&&((X=window==null?void 0:window.navigator)==null?void 0:X.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent),ee=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);function y(t){return typeof t=="function"?t():i.unref(t)}function T(t,e){function r(...n){t(()=>e.apply(this,n),{fn:e,thisArg:this,args:n})}return r}const E=t=>t();function B(t,e={}){let r,n;return l=>{const u=y(t),c=y(e.maxWait);if(r&&clearTimeout(r),u<=0||c!==void 0&&c<=0)return n&&(clearTimeout(n),n=null),l();c&&!n&&(n=setTimeout(()=>{r&&clearTimeout(r),n=null,l()},c)),r=setTimeout(()=>{n&&clearTimeout(n),n=null,l()},u)}}function H(t,e=!0,r=!0){let n=0,a,l=!0;const u=()=>{a&&(clearTimeout(a),a=void 0)};return p=>{const _=y(t),f=Date.now()-n;if(u(),_<=0)return n=Date.now(),p();f>_&&(r||!l)?(n=Date.now(),p()):e&&(a=setTimeout(()=>{n=Date.now(),l=!0,u(),p()},_)),!r&&!a&&(a=setTimeout(()=>l=!0,_)),l=!1}}function D(t=E){const e=i.ref(!0);function r(){e.value=!1}function n(){e.value=!0}return{isActive:e,pause:r,resume:n,eventFilter:(...l)=>{e.value&&t(...l)}}}function x(t="this function"){if(!i.isVue3)throw new Error(`[VueUse] ${t} is only works on Vue 3.`)}const re={mounted:i.isVue3?"mounted":"inserted",updated:i.isVue3?"updated":"componentUpdated",unmounted:i.isVue3?"unmounted":"unbind"};function L(t,e=!1,r="Timeout"){return new Promise((n,a)=>{setTimeout(e?()=>a(r):n,t)})}function ne(t){return t}function oe(t){let e;function r(){return e||(e=t()),e}return r.reset=async()=>{const n=e;e=void 0,n&&await n},r}function ae(t){return t()}function ie(t,...e){return e.some(r=>r in t)}function le(t,e){var r;if(typeof t=="number")return t+e;const n=((r=t.match(/^-?[0-9]+\.?[0-9]*/))==null?void 0:r[0])||"",a=t.slice(n.length),l=parseFloat(n)+e;return Number.isNaN(l)?t:l+a}function ue(t,e,r=!1){return e.reduce((n,a)=>(a in t&&(!r||t[a]!==void 0)&&(n[a]=t[a]),n),{})}function tt(t,e){let r,n,a;const l=i.ref(!0),u=()=>{l.value=!0,a()};i.watch(t,u,{flush:"sync"});const c=U(e)?e:e.get,p=U(e)?void 0:e.set,_=i.customRef((f,s)=>(n=f,a=s,{get(){return l.value&&(r=c(),l.value=!1),n(),r},set(d){p==null||p(d)}}));return Object.isExtensible(_)&&(_.trigger=u),_}function ce(){const t=[],e=a=>{const l=t.indexOf(a);l!==-1&&t.splice(l,1)};return{on:a=>(t.push(a),{off:()=>e(a)}),off:e,trigger:a=>{t.forEach(l=>l(a))}}}function se(t){let e=!1,r;const n=i.effectScope(!0);return()=>(e||(r=n.run(t),e=!0),r)}function fe(t){const e=Symbol("InjectionState");return[(...a)=>{i.provide(e,t(...a))},()=>i.inject(e)]}function $(t){return i.getCurrentScope()?(i.onScopeDispose(t),!0):!1}function de(t){let e=0,r,n;const a=()=>{e-=1,n&&e<=0&&(n.stop(),r=void 0,n=void 0)};return(...l)=>(e+=1,r||(n=i.effectScope(!0),r=n.run(()=>t(...l))),$(a),r)}function et(t,e,{enumerable:r=!1,unwrap:n=!0}={}){x();for(const[a,l]of Object.entries(e))a!=="value"&&(i.isRef(l)&&n?Object.defineProperty(t,a,{get(){return l.value},set(u){l.value=u},enumerable:r}):Object.defineProperty(t,a,{value:l,enumerable:r}));return t}function pe(t,e){return e==null?i.unref(t):i.unref(t)[e]}function ye(t){return i.unref(t)!=null}var _e=Object.defineProperty,rt=Object.getOwnPropertySymbols,ve=Object.prototype.hasOwnProperty,he=Object.prototype.propertyIsEnumerable,nt=(t,e,r)=>e in t?_e(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Oe=(t,e)=>{for(var r in e||(e={}))ve.call(e,r)&&nt(t,r,e[r]);if(rt)for(var r of rt(e))he.call(e,r)&&nt(t,r,e[r]);return t};function we(t,e){if(typeof Symbol!="undefined"){const r=Oe({},t);return Object.defineProperty(r,Symbol.iterator,{enumerable:!1,value(){let n=0;return{next:()=>({value:e[n++],done:n>e.length})}}}),r}else return Object.assign([...e],t)}function Y(t,e){const r=(e==null?void 0:e.computedGetter)===!1?i.unref:y;return function(...n){return i.computed(()=>t.apply(this,n.map(a=>r(a))))}}function ge(t,e={}){let r=[],n;if(Array.isArray(e))r=e;else{n=e;const{includeOwnProperties:a=!0}=e;r.push(...Object.keys(t)),a&&r.push(...Object.getOwnPropertyNames(t))}return Object.fromEntries(r.map(a=>{const l=t[a];return[a,typeof l=="function"?Y(l.bind(t),n):l]}))}function ot(t){if(!i.isRef(t))return i.reactive(t);const e=new Proxy({},{get(r,n,a){return i.unref(Reflect.get(t.value,n,a))},set(r,n,a){return i.isRef(t.value[n])&&!i.isRef(a)?t.value[n].value=a:t.value[n]=a,!0},deleteProperty(r,n){return Reflect.deleteProperty(t.value,n)},has(r,n){return Reflect.has(t.value,n)},ownKeys(){return Object.keys(t.value)},getOwnPropertyDescriptor(){return{enumerable:!0,configurable:!0}}});return i.reactive(e)}function at(t){return ot(i.computed(t))}function Pe(t,...e){const r=e.flat();return at(()=>Object.fromEntries(Object.entries(i.toRefs(t)).filter(n=>!r.includes(n[0]))))}function me(t,...e){const r=e.flat();return i.reactive(Object.fromEntries(r.map(n=>[n,i.toRef(t,n)])))}function it(t,e=1e4){return i.customRef((r,n)=>{let a=t,l;const u=()=>setTimeout(()=>{a=t,n()},y(e));return $(()=>{clearTimeout(l)}),{get(){return r(),a},set(c){a=c,n(),clearTimeout(l),l=u()}}})}function lt(t,e=200,r={}){return T(B(e,r),t)}function G(t,e=200,r={}){if(e<=0)return t;const n=i.ref(t.value),a=lt(()=>{n.value=t.value},e,r);return i.watch(t,()=>a()),n}function be(t,e){return i.computed({get(){var r;return(r=t.value)!=null?r:e},set(r){t.value=r}})}function ut(t,e=200,r=!1,n=!0){return T(H(e,r,n),t)}function k(t,e=200,r=!0,n=!0){if(e<=0)return t;const a=i.ref(t.value),l=ut(()=>{a.value=t.value},e,r,n);return i.watch(t,()=>l()),a}function ct(t,e={}){let r=t,n,a;const l=i.customRef((d,h)=>(n=d,a=h,{get(){return u()},set(v){c(v)}}));function u(d=!0){return d&&n(),r}function c(d,h=!0){var v,m;if(d===r)return;const g=r;((v=e.onBeforeChange)==null?void 0:v.call(e,d,g))!==!1&&(r=d,(m=e.onChanged)==null||m.call(e,d,g),h&&a())}return et(l,{get:u,set:c,untrackedGet:()=>u(!1),silentSet:d=>c(d,!1),peek:()=>u(!1),lay:d=>c(d,!1)},{enumerable:!0})}const $e=ct;function Se(t){return typeof t=="function"?i.computed(t):i.ref(t)}function Ae(...t){if(t.length===2){const[e,r]=t;e.value=r}if(t.length===3)if(i.isVue2)i.set(...t);else{const[e,r,n]=t;e[r]=n}}function je(t,e,r={}){var n,a;const{flush:l="sync",deep:u=!1,immediate:c=!0,direction:p="both",transform:_={}}=r;let f,s;const d=(n=_.ltr)!=null?n:v=>v,h=(a=_.rtl)!=null?a:v=>v;return(p==="both"||p==="ltr")&&(f=i.watch(t,v=>e.value=d(v),{flush:l,deep:u,immediate:c})),(p==="both"||p==="rtl")&&(s=i.watch(e,v=>t.value=h(v),{flush:l,deep:u,immediate:c})),()=>{f==null||f(),s==null||s()}}function Ie(t,e,r={}){const{flush:n="sync",deep:a=!1,immediate:l=!0}=r;return Array.isArray(e)||(e=[e]),i.watch(t,u=>e.forEach(c=>c.value=u),{flush:n,deep:a,immediate:l})}var Te=Object.defineProperty,Fe=Object.defineProperties,Ee=Object.getOwnPropertyDescriptors,st=Object.getOwnPropertySymbols,Re=Object.prototype.hasOwnProperty,Ce=Object.prototype.propertyIsEnumerable,ft=(t,e,r)=>e in t?Te(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ne=(t,e)=>{for(var r in e||(e={}))Re.call(e,r)&&ft(t,r,e[r]);if(st)for(var r of st(e))Ce.call(e,r)&&ft(t,r,e[r]);return t},Me=(t,e)=>Fe(t,Ee(e));function We(t){if(!i.isRef(t))return i.toRefs(t);const e=Array.isArray(t.value)?new Array(t.value.length):{};for(const r in t.value)e[r]=i.customRef(()=>({get(){return t.value[r]},set(n){if(Array.isArray(t.value)){const a=[...t.value];a[r]=n,t.value=a}else{const a=Me(Ne({},t.value),{[r]:n});Object.setPrototypeOf(a,t.value),t.value=a}}}));return e}function Ue(t,e=!0){i.getCurrentInstance()?i.onBeforeMount(t):e?t():i.nextTick(t)}function Be(t){i.getCurrentInstance()&&i.onBeforeUnmount(t)}function He(t,e=!0){i.getCurrentInstance()?i.onMounted(t):e?t():i.nextTick(t)}function Le(t){i.getCurrentInstance()&&i.onUnmounted(t)}function Ye(t){let e=!1;function r(s,{flush:d="sync",deep:h=!1,timeout:v,throwOnTimeout:m}={}){let g=null;const Z=[new Promise(W=>{g=i.watch(t,A=>{s(A)!==e&&(g==null||g(),W(A))},{flush:d,deep:h,immediate:!0})})];return v!=null&&Z.push(L(v,m).then(()=>y(t)).finally(()=>g==null?void 0:g())),Promise.race(Z)}function n(s,d){if(!i.isRef(s))return r(A=>A===s,d);const{flush:h="sync",deep:v=!1,timeout:m,throwOnTimeout:g}=d??{};let S=null;const W=[new Promise(A=>{S=i.watch([t,s],([Lt,on])=>{e!==(Lt===on)&&(S==null||S(),A(Lt))},{flush:h,deep:v,immediate:!0})})];return m!=null&&W.push(L(m,g).then(()=>y(t)).finally(()=>(S==null||S(),y(t)))),Promise.race(W)}function a(s){return r(d=>Boolean(d),s)}function l(s){return n(null,s)}function u(s){return n(void 0,s)}function c(s){return r(Number.isNaN,s)}function p(s,d){return r(h=>{const v=Array.from(h);return v.includes(s)||v.includes(y(s))},d)}function _(s){return f(1,s)}function f(s=1,d){let h=-1;return r(()=>(h+=1,h>=s),d)}return Array.isArray(y(t))?{toMatch:r,toContains:p,changed:_,changedTimes:f,get not(){return e=!e,this}}:{toMatch:r,toBe:n,toBeTruthy:a,toBeNull:l,toBeNaN:c,toBeUndefined:u,changed:_,changedTimes:f,get not(){return e=!e,this}}}function Ge(t,e){return i.computed(()=>y(t).every((r,n,a)=>e(y(r),n,a)))}function ke(t,e){return i.computed(()=>y(t).map(r=>y(r)).filter(e))}function ze(t,e){return i.computed(()=>y(y(t).find((r,n,a)=>e(y(r),n,a))))}function Ze(t,e){return i.computed(()=>y(t).findIndex((r,n,a)=>e(y(r),n,a)))}function Je(t,e){return i.computed(()=>y(t).map(r=>y(r)).join(y(e)))}function Ve(t,e){return i.computed(()=>y(t).map(r=>y(r)).map(e))}function Xe(t,e,...r){const n=(a,l,u)=>e(y(a),y(l),u);return i.computed(()=>{const a=y(t);return r.length?a.reduce(n,y(r[0])):a.reduce(n)})}function qe(t,e){return i.computed(()=>y(t).some((r,n,a)=>e(y(r),n,a)))}function Ke(t=0,e={}){const r=i.ref(t),{max:n=1/0,min:a=-1/0}=e,l=(f=1)=>r.value=Math.min(n,r.value+f),u=(f=1)=>r.value=Math.max(a,r.value-f),c=()=>r.value,p=f=>r.value=f;return{count:r,inc:l,dec:u,get:c,set:p,reset:(f=t)=>(t=f,p(f))}}const Qe=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,De=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,dt=(t,e,r)=>{const n=t.getFullYear(),a=t.getMonth(),l=t.getDate(),u=t.getHours(),c=t.getMinutes(),p=t.getSeconds(),_=t.getMilliseconds(),f=t.getDay(),s={YY:()=>String(n).slice(-2),YYYY:()=>n,M:()=>a+1,MM:()=>`${a+1}`.padStart(2,"0"),D:()=>String(l),DD:()=>`${l}`.padStart(2,"0"),H:()=>String(u),HH:()=>`${u}`.padStart(2,"0"),h:()=>`${u%12||12}`.padStart(1,"0"),hh:()=>`${u%12||12}`.padStart(2,"0"),m:()=>String(c),mm:()=>`${c}`.padStart(2,"0"),s:()=>String(p),ss:()=>`${p}`.padStart(2,"0"),SSS:()=>`${_}`.padStart(3,"0"),d:()=>f,dd:()=>t.toLocaleDateString(r,{weekday:"narrow"}),ddd:()=>t.toLocaleDateString(r,{weekday:"short"}),dddd:()=>t.toLocaleDateString(r,{weekday:"long"})};return e.replace(De,(d,h)=>h||s[d]())},pt=t=>{if(t===null)return new Date(NaN);if(t===void 0)return new Date;if(t instanceof Date)return new Date(t);if(typeof t=="string"&&!/Z$/i.test(t)){const e=t.match(Qe);if(e){const r=e[2]-1||0,n=(e[7]||"0").substring(0,3);return new Date(e[1],r,e[3]||1,e[4]||0,e[5]||0,e[6]||0,n)}}return new Date(t)};function xe(t,e="HH:mm:ss",r={}){return i.computed(()=>dt(pt(y(t)),y(e),r==null?void 0:r.locales))}function yt(t,e=1e3,r={}){const{immediate:n=!0,immediateCallback:a=!1}=r;let l=null;const u=i.ref(!1);function c(){l&&(clearInterval(l),l=null)}function p(){u.value=!1,c()}function _(){i.unref(e)<=0||(u.value=!0,a&&t(),c(),l=setInterval(t,y(e)))}if(n&&I&&_(),i.isRef(e)){const f=i.watch(e,()=>{u.value&&I&&_()});$(f)}return $(p),{isActive:u,pause:p,resume:_}}var tr=Object.defineProperty,_t=Object.getOwnPropertySymbols,er=Object.prototype.hasOwnProperty,rr=Object.prototype.propertyIsEnumerable,vt=(t,e,r)=>e in t?tr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,nr=(t,e)=>{for(var r in e||(e={}))er.call(e,r)&&vt(t,r,e[r]);if(_t)for(var r of _t(e))rr.call(e,r)&&vt(t,r,e[r]);return t};function or(t=1e3,e={}){const{controls:r=!1,immediate:n=!0}=e,a=i.ref(0),l=yt(()=>a.value+=1,t,{immediate:n});return r?nr({counter:a},l):a}function ar(t,e={}){var r;const n=i.ref((r=e.initialValue)!=null?r:null);return i.watch(t,()=>n.value=K(),e),n}function ht(t,e,r={}){const{immediate:n=!0}=r,a=i.ref(!1);let l=null;function u(){l&&(clearTimeout(l),l=null)}function c(){a.value=!1,u()}function p(..._){u(),a.value=!0,l=setTimeout(()=>{a.value=!1,l=null,t(..._)},y(e))}return n&&(a.value=!0,I&&p()),$(c),{isPending:a,start:p,stop:c}}var ir=Object.defineProperty,Ot=Object.getOwnPropertySymbols,lr=Object.prototype.hasOwnProperty,ur=Object.prototype.propertyIsEnumerable,wt=(t,e,r)=>e in t?ir(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,cr=(t,e)=>{for(var r in e||(e={}))lr.call(e,r)&&wt(t,r,e[r]);if(Ot)for(var r of Ot(e))ur.call(e,r)&&wt(t,r,e[r]);return t};function sr(t=1e3,e={}){const{controls:r=!1}=e,n=ht(Q,t,e),a=i.computed(()=>!n.isPending.value);return r?cr({ready:a},n):a}function fr(t,e={}){const{method:r="parseFloat",radix:n,nanToZero:a}=e;return i.computed(()=>{let l=y(t);return typeof l=="string"&&(l=Number[r](l,n)),a&&isNaN(l)&&(l=0),l})}function dr(t){return i.computed(()=>`${y(t)}`)}function pr(t=!1,e={}){const{truthyValue:r=!0,falsyValue:n=!1}=e,a=i.isRef(t),l=i.ref(t);function u(c){if(arguments.length)return l.value=c,l.value;{const p=y(r);return l.value=l.value===p?y(n):p,l.value}}return a?u:[l,u]}function yr(t,e,r){let n=(r==null?void 0:r.immediate)?[]:[...t instanceof Function?t():Array.isArray(t)?t:i.unref(t)];return i.watch(t,(a,l,u)=>{const c=new Array(n.length),p=[];for(const f of a){let s=!1;for(let d=0;d<n.length;d++)if(!c[d]&&f===n[d]){c[d]=!0,s=!0;break}s||p.push(f)}const _=n.filter((f,s)=>!c[s]);e(a,n,p,_,u),n=[...a]},r)}var gt=Object.getOwnPropertySymbols,_r=Object.prototype.hasOwnProperty,vr=Object.prototype.propertyIsEnumerable,hr=(t,e)=>{var r={};for(var n in t)_r.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&gt)for(var n of gt(t))e.indexOf(n)<0&&vr.call(t,n)&&(r[n]=t[n]);return r};function F(t,e,r={}){const n=r,{eventFilter:a=E}=n,l=hr(n,["eventFilter"]);return i.watch(t,T(a,e),l)}var Pt=Object.getOwnPropertySymbols,Or=Object.prototype.hasOwnProperty,wr=Object.prototype.propertyIsEnumerable,gr=(t,e)=>{var r={};for(var n in t)Or.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&Pt)for(var n of Pt(t))e.indexOf(n)<0&&wr.call(t,n)&&(r[n]=t[n]);return r};function Pr(t,e,r){const n=r,{count:a}=n,l=gr(n,["count"]),u=i.ref(0),c=F(t,(...p)=>{u.value+=1,u.value>=y(a)&&i.nextTick(()=>c()),e(...p)},l);return{count:u,stop:c}}var mr=Object.defineProperty,br=Object.defineProperties,$r=Object.getOwnPropertyDescriptors,R=Object.getOwnPropertySymbols,mt=Object.prototype.hasOwnProperty,bt=Object.prototype.propertyIsEnumerable,$t=(t,e,r)=>e in t?mr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Sr=(t,e)=>{for(var r in e||(e={}))mt.call(e,r)&&$t(t,r,e[r]);if(R)for(var r of R(e))bt.call(e,r)&&$t(t,r,e[r]);return t},Ar=(t,e)=>br(t,$r(e)),jr=(t,e)=>{var r={};for(var n in t)mt.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&R)for(var n of R(t))e.indexOf(n)<0&&bt.call(t,n)&&(r[n]=t[n]);return r};function St(t,e,r={}){const n=r,{debounce:a=0,maxWait:l=void 0}=n,u=jr(n,["debounce","maxWait"]);return F(t,e,Ar(Sr({},u),{eventFilter:B(a,{maxWait:l})}))}var Ir=Object.defineProperty,Tr=Object.defineProperties,Fr=Object.getOwnPropertyDescriptors,C=Object.getOwnPropertySymbols,At=Object.prototype.hasOwnProperty,jt=Object.prototype.propertyIsEnumerable,It=(t,e,r)=>e in t?Ir(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Er=(t,e)=>{for(var r in e||(e={}))At.call(e,r)&&It(t,r,e[r]);if(C)for(var r of C(e))jt.call(e,r)&&It(t,r,e[r]);return t},Rr=(t,e)=>Tr(t,Fr(e)),Cr=(t,e)=>{var r={};for(var n in t)At.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&C)for(var n of C(t))e.indexOf(n)<0&&jt.call(t,n)&&(r[n]=t[n]);return r};function z(t,e,r={}){const n=r,{eventFilter:a=E}=n,l=Cr(n,["eventFilter"]),u=T(a,e);let c,p,_;if(l.flush==="sync"){const f=i.ref(!1);p=()=>{},c=s=>{f.value=!0,s(),f.value=!1},_=i.watch(t,(...s)=>{f.value||u(...s)},l)}else{const f=[],s=i.ref(0),d=i.ref(0);p=()=>{s.value=d.value},f.push(i.watch(t,()=>{d.value++},Rr(Er({},l),{flush:"sync"}))),c=h=>{const v=d.value;h(),s.value+=d.value-v},f.push(i.watch(t,(...h)=>{const v=s.value>0&&s.value===d.value;s.value=0,d.value=0,!v&&u(...h)},l)),_=()=>{f.forEach(h=>h())}}return{stop:_,ignoreUpdates:c,ignorePrevAsyncUpdates:p}}function Nr(t,e,r){const n=i.watch(t,(...a)=>(i.nextTick(()=>n()),e(...a)),r)}var Mr=Object.defineProperty,Wr=Object.defineProperties,Ur=Object.getOwnPropertyDescriptors,N=Object.getOwnPropertySymbols,Tt=Object.prototype.hasOwnProperty,Ft=Object.prototype.propertyIsEnumerable,Et=(t,e,r)=>e in t?Mr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Br=(t,e)=>{for(var r in e||(e={}))Tt.call(e,r)&&Et(t,r,e[r]);if(N)for(var r of N(e))Ft.call(e,r)&&Et(t,r,e[r]);return t},Hr=(t,e)=>Wr(t,Ur(e)),Lr=(t,e)=>{var r={};for(var n in t)Tt.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&N)for(var n of N(t))e.indexOf(n)<0&&Ft.call(t,n)&&(r[n]=t[n]);return r};function Rt(t,e,r={}){const n=r,{eventFilter:a}=n,l=Lr(n,["eventFilter"]),{eventFilter:u,pause:c,resume:p,isActive:_}=D(a);return{stop:F(t,e,Hr(Br({},l),{eventFilter:u})),pause:c,resume:p,isActive:_}}var Yr=Object.defineProperty,Gr=Object.defineProperties,kr=Object.getOwnPropertyDescriptors,M=Object.getOwnPropertySymbols,Ct=Object.prototype.hasOwnProperty,Nt=Object.prototype.propertyIsEnumerable,Mt=(t,e,r)=>e in t?Yr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,zr=(t,e)=>{for(var r in e||(e={}))Ct.call(e,r)&&Mt(t,r,e[r]);if(M)for(var r of M(e))Nt.call(e,r)&&Mt(t,r,e[r]);return t},Zr=(t,e)=>Gr(t,kr(e)),Jr=(t,e)=>{var r={};for(var n in t)Ct.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&M)for(var n of M(t))e.indexOf(n)<0&&Nt.call(t,n)&&(r[n]=t[n]);return r};function Wt(t,e,r={}){const n=r,{throttle:a=0,trailing:l=!0,leading:u=!0}=n,c=Jr(n,["throttle","trailing","leading"]);return F(t,e,Zr(zr({},c),{eventFilter:H(a,l,u)}))}var Vr=Object.defineProperty,Xr=Object.defineProperties,qr=Object.getOwnPropertyDescriptors,Ut=Object.getOwnPropertySymbols,Kr=Object.prototype.hasOwnProperty,Qr=Object.prototype.propertyIsEnumerable,Bt=(t,e,r)=>e in t?Vr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Dr=(t,e)=>{for(var r in e||(e={}))Kr.call(e,r)&&Bt(t,r,e[r]);if(Ut)for(var r of Ut(e))Qr.call(e,r)&&Bt(t,r,e[r]);return t},xr=(t,e)=>Xr(t,qr(e));function tn(t,e,r={}){let n;function a(){if(!n)return;const f=n;n=void 0,f()}function l(f){n=f}const u=(f,s)=>(a(),e(f,s,l)),c=z(t,u,r),{ignoreUpdates:p}=c,_=()=>{let f;return p(()=>{f=u(en(t),rn(t))}),f};return xr(Dr({},c),{trigger:_})}function en(t){return i.isReactive(t)?t:Array.isArray(t)?t.map(e=>Ht(e)):Ht(t)}function Ht(t){return typeof t=="function"?t():i.unref(t)}function rn(t){return Array.isArray(t)?t.map(()=>{}):void 0}function nn(t,e,r){return i.watch(t,(n,a,l)=>{n&&e(n,a,l)},r)}o.__onlyVue3=x,o.assert=Zt,o.autoResetRef=it,o.bypassFilter=E,o.clamp=Dt,o.computedEager=V,o.computedWithControl=tt,o.containsProp=ie,o.controlledComputed=tt,o.controlledRef=$e,o.createEventHook=ce,o.createFilterWrapper=T,o.createGlobalState=se,o.createInjectionState=fe,o.createReactiveFn=Y,o.createSharedComposable=de,o.createSingletonPromise=oe,o.debounceFilter=B,o.debouncedRef=G,o.debouncedWatch=St,o.directiveHooks=re,o.eagerComputed=V,o.extendRef=et,o.formatDate=dt,o.get=pe,o.hasOwn=ee,o.identity=ne,o.ignorableWatch=z,o.increaseWithUnit=le,o.invoke=ae,o.isBoolean=Jt,o.isClient=I,o.isDef=zt,o.isDefined=ye,o.isFunction=U,o.isIOS=te,o.isNumber=Vt,o.isObject=qt,o.isString=Xt,o.isWindow=Kt,o.makeDestructurable=we,o.noop=Q,o.normalizeDate=pt,o.now=Qt,o.objectPick=ue,o.pausableFilter=D,o.pausableWatch=Rt,o.promiseTimeout=L,o.rand=xt,o.reactify=Y,o.reactifyObject=ge,o.reactiveComputed=at,o.reactiveOmit=Pe,o.reactivePick=me,o.refAutoReset=it,o.refDebounced=G,o.refDefault=be,o.refThrottled=k,o.refWithControl=ct,o.resolveRef=Se,o.resolveUnref=y,o.set=Ae,o.syncRef=je,o.syncRefs=Ie,o.throttleFilter=H,o.throttledRef=k,o.throttledWatch=Wt,o.timestamp=K,o.toReactive=ot,o.toRefs=We,o.tryOnBeforeMount=Ue,o.tryOnBeforeUnmount=Be,o.tryOnMounted=He,o.tryOnScopeDispose=$,o.tryOnUnmounted=Le,o.until=Ye,o.useArrayEvery=Ge,o.useArrayFilter=ke,o.useArrayFind=ze,o.useArrayFindIndex=Ze,o.useArrayJoin=Je,o.useArrayMap=Ve,o.useArrayReduce=Xe,o.useArraySome=qe,o.useCounter=Ke,o.useDateFormat=xe,o.useDebounce=G,o.useDebounceFn=lt,o.useInterval=or,o.useIntervalFn=yt,o.useLastChanged=ar,o.useThrottle=k,o.useThrottleFn=ut,o.useTimeout=sr,o.useTimeoutFn=ht,o.useToNumber=fr,o.useToString=dr,o.useToggle=pr,o.watchArray=yr,o.watchAtMost=Pr,o.watchDebounced=St,o.watchIgnorable=z,o.watchOnce=Nr,o.watchPausable=Rt,o.watchThrottled=Wt,o.watchTriggerable=tn,o.watchWithFilter=F,o.whenever=nn,Object.defineProperty(o,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueDemi);
+var VueDemi=function(o,i,j){if(o.install)return o;if(i)if(i.version.slice(0,4)==="2.7."){for(var w in i)o[w]=i[w];o.isVue2=!0,o.isVue3=!1,o.install=function(){},o.Vue=i,o.Vue2=i,o.version=i.version}else if(i.version.slice(0,2)==="2.")if(j){for(var w in j)o[w]=j[w];o.isVue2=!0,o.isVue3=!1,o.install=function(){},o.Vue=i,o.Vue2=i,o.version=i.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(i.version.slice(0,2)==="3."){for(var w in i)o[w]=i[w];o.isVue2=!1,o.isVue3=!0,o.install=function(){},o.Vue=i,o.Vue2=void 0,o.version=i.version,o.set=function(O,P,b){return Array.isArray(O)?(O.length=Math.max(O.length,P),O.splice(P,1,b),b):(O[P]=b,b)},o.del=function(O,P){if(Array.isArray(O)){O.splice(P,1);return}delete O[P]}}else console.error("[vue-demi] Vue version "+i.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");return o}(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(o,i){"use strict";var j=Object.defineProperty,w=Object.defineProperties,O=Object.getOwnPropertyDescriptors,P=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,Gt=Object.prototype.propertyIsEnumerable,V=(t,e,r)=>e in t?j(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,kt=(t,e)=>{for(var r in e||(e={}))b.call(e,r)&&V(t,r,e[r]);if(P)for(var r of P(e))Gt.call(e,r)&&V(t,r,e[r]);return t},zt=(t,e)=>w(t,O(e));function X(t,e){var r;const n=i.shallowRef();return i.watchEffect(()=>{n.value=t()},zt(kt({},e),{flush:(r=e==null?void 0:e.flush)!=null?r:"sync"})),i.readonly(n)}var q;const I=typeof window!="undefined",Zt=t=>typeof t!="undefined",Jt=(t,...e)=>{t||console.warn(...e)},K=Object.prototype.toString,Vt=t=>typeof t=="boolean",U=t=>typeof t=="function",Xt=t=>typeof t=="number",qt=t=>typeof t=="string",Kt=t=>K.call(t)==="[object Object]",Qt=t=>typeof window!="undefined"&&K.call(t)==="[object Window]",Dt=()=>Date.now(),Q=()=>+Date.now(),xt=(t,e,r)=>Math.min(r,Math.max(e,t)),D=()=>{},te=(t,e)=>(t=Math.ceil(t),e=Math.floor(e),Math.floor(Math.random()*(e-t+1))+t),ee=I&&((q=window==null?void 0:window.navigator)==null?void 0:q.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent),re=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);function y(t){return typeof t=="function"?t():i.unref(t)}function T(t,e){function r(...n){t(()=>e.apply(this,n),{fn:e,thisArg:this,args:n})}return r}const E=t=>t();function B(t,e={}){let r,n;return l=>{const u=y(t),c=y(e.maxWait);if(r&&clearTimeout(r),u<=0||c!==void 0&&c<=0)return n&&(clearTimeout(n),n=null),l();c&&!n&&(n=setTimeout(()=>{r&&clearTimeout(r),n=null,l()},c)),r=setTimeout(()=>{n&&clearTimeout(n),n=null,l()},u)}}function L(t,e=!0,r=!0){let n=0,a,l=!0;const u=()=>{a&&(clearTimeout(a),a=void 0)};return d=>{const _=y(t),f=Date.now()-n;if(u(),_<=0)return n=Date.now(),d();f>_&&(r||!l)?(n=Date.now(),d()):e&&(a=setTimeout(()=>{n=Date.now(),l=!0,u(),d()},_)),!r&&!a&&(a=setTimeout(()=>l=!0,_)),l=!1}}function x(t=E){const e=i.ref(!0);function r(){e.value=!1}function n(){e.value=!0}return{isActive:e,pause:r,resume:n,eventFilter:(...l)=>{e.value&&t(...l)}}}function tt(t="this function"){if(!i.isVue3)throw new Error(`[VueUse] ${t} is only works on Vue 3.`)}const ne={mounted:i.isVue3?"mounted":"inserted",updated:i.isVue3?"updated":"componentUpdated",unmounted:i.isVue3?"unmounted":"unbind"};function H(t,e=!1,r="Timeout"){return new Promise((n,a)=>{setTimeout(e?()=>a(r):n,t)})}function oe(t){return t}function ae(t){let e;function r(){return e||(e=t()),e}return r.reset=async()=>{const n=e;e=void 0,n&&await n},r}function ie(t){return t()}function le(t,...e){return e.some(r=>r in t)}function ue(t,e){var r;if(typeof t=="number")return t+e;const n=((r=t.match(/^-?[0-9]+\.?[0-9]*/))==null?void 0:r[0])||"",a=t.slice(n.length),l=parseFloat(n)+e;return Number.isNaN(l)?t:l+a}function ce(t,e,r=!1){return e.reduce((n,a)=>(a in t&&(!r||t[a]!==void 0)&&(n[a]=t[a]),n),{})}function et(t,e){let r,n,a;const l=i.ref(!0),u=()=>{l.value=!0,a()};i.watch(t,u,{flush:"sync"});const c=U(e)?e:e.get,d=U(e)?void 0:e.set,_=i.customRef((f,s)=>(n=f,a=s,{get(){return l.value&&(r=c(),l.value=!1),n(),r},set(p){d==null||d(p)}}));return Object.isExtensible(_)&&(_.trigger=u),_}function se(){const t=[],e=a=>{const l=t.indexOf(a);l!==-1&&t.splice(l,1)};return{on:a=>(t.push(a),{off:()=>e(a)}),off:e,trigger:a=>{t.forEach(l=>l(a))}}}function fe(t){let e=!1,r;const n=i.effectScope(!0);return()=>(e||(r=n.run(t),e=!0),r)}function de(t){const e=Symbol("InjectionState");return[(...a)=>{i.provide(e,t(...a))},()=>i.inject(e)]}function $(t){return i.getCurrentScope()?(i.onScopeDispose(t),!0):!1}function pe(t){let e=0,r,n;const a=()=>{e-=1,n&&e<=0&&(n.stop(),r=void 0,n=void 0)};return(...l)=>(e+=1,r||(n=i.effectScope(!0),r=n.run(()=>t(...l))),$(a),r)}function rt(t,e,{enumerable:r=!1,unwrap:n=!0}={}){tt();for(const[a,l]of Object.entries(e))a!=="value"&&(i.isRef(l)&&n?Object.defineProperty(t,a,{get(){return l.value},set(u){l.value=u},enumerable:r}):Object.defineProperty(t,a,{value:l,enumerable:r}));return t}function ye(t,e){return e==null?i.unref(t):i.unref(t)[e]}function _e(t){return i.unref(t)!=null}var ve=Object.defineProperty,nt=Object.getOwnPropertySymbols,he=Object.prototype.hasOwnProperty,Oe=Object.prototype.propertyIsEnumerable,ot=(t,e,r)=>e in t?ve(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,we=(t,e)=>{for(var r in e||(e={}))he.call(e,r)&&ot(t,r,e[r]);if(nt)for(var r of nt(e))Oe.call(e,r)&&ot(t,r,e[r]);return t};function ge(t,e){if(typeof Symbol!="undefined"){const r=we({},t);return Object.defineProperty(r,Symbol.iterator,{enumerable:!1,value(){let n=0;return{next:()=>({value:e[n++],done:n>e.length})}}}),r}else return Object.assign([...e],t)}function Y(t,e){const r=(e==null?void 0:e.computedGetter)===!1?i.unref:y;return function(...n){return i.computed(()=>t.apply(this,n.map(a=>r(a))))}}function Pe(t,e={}){let r=[],n;if(Array.isArray(e))r=e;else{n=e;const{includeOwnProperties:a=!0}=e;r.push(...Object.keys(t)),a&&r.push(...Object.getOwnPropertyNames(t))}return Object.fromEntries(r.map(a=>{const l=t[a];return[a,typeof l=="function"?Y(l.bind(t),n):l]}))}function at(t){if(!i.isRef(t))return i.reactive(t);const e=new Proxy({},{get(r,n,a){return i.unref(Reflect.get(t.value,n,a))},set(r,n,a){return i.isRef(t.value[n])&&!i.isRef(a)?t.value[n].value=a:t.value[n]=a,!0},deleteProperty(r,n){return Reflect.deleteProperty(t.value,n)},has(r,n){return Reflect.has(t.value,n)},ownKeys(){return Object.keys(t.value)},getOwnPropertyDescriptor(){return{enumerable:!0,configurable:!0}}});return i.reactive(e)}function it(t){return at(i.computed(t))}function me(t,...e){const r=e.flat();return it(()=>Object.fromEntries(Object.entries(i.toRefs(t)).filter(n=>!r.includes(n[0]))))}function be(t,...e){const r=e.flat();return i.reactive(Object.fromEntries(r.map(n=>[n,i.toRef(t,n)])))}function lt(t,e=1e4){return i.customRef((r,n)=>{let a=t,l;const u=()=>setTimeout(()=>{a=t,n()},y(e));return $(()=>{clearTimeout(l)}),{get(){return r(),a},set(c){a=c,n(),clearTimeout(l),l=u()}}})}function ut(t,e=200,r={}){return T(B(e,r),t)}function G(t,e=200,r={}){if(e<=0)return t;const n=i.ref(t.value),a=ut(()=>{n.value=t.value},e,r);return i.watch(t,()=>a()),n}function $e(t,e){return i.computed({get(){var r;return(r=t.value)!=null?r:e},set(r){t.value=r}})}function ct(t,e=200,r=!1,n=!0){return T(L(e,r,n),t)}function k(t,e=200,r=!0,n=!0){if(e<=0)return t;const a=i.ref(t.value),l=ct(()=>{a.value=t.value},e,r,n);return i.watch(t,()=>l()),a}function st(t,e={}){let r=t,n,a;const l=i.customRef((p,h)=>(n=p,a=h,{get(){return u()},set(v){c(v)}}));function u(p=!0){return p&&n(),r}function c(p,h=!0){var v,m;if(p===r)return;const g=r;((v=e.onBeforeChange)==null?void 0:v.call(e,p,g))!==!1&&(r=p,(m=e.onChanged)==null||m.call(e,p,g),h&&a())}return rt(l,{get:u,set:c,untrackedGet:()=>u(!1),silentSet:p=>c(p,!1),peek:()=>u(!1),lay:p=>c(p,!1)},{enumerable:!0})}const Se=st;function Ae(t){return typeof t=="function"?i.computed(t):i.ref(t)}function je(...t){if(t.length===2){const[e,r]=t;e.value=r}if(t.length===3)if(i.isVue2)i.set(...t);else{const[e,r,n]=t;e[r]=n}}function Ie(t,e,r={}){var n,a;const{flush:l="sync",deep:u=!1,immediate:c=!0,direction:d="both",transform:_={}}=r;let f,s;const p=(n=_.ltr)!=null?n:v=>v,h=(a=_.rtl)!=null?a:v=>v;return(d==="both"||d==="ltr")&&(f=i.watch(t,v=>e.value=p(v),{flush:l,deep:u,immediate:c})),(d==="both"||d==="rtl")&&(s=i.watch(e,v=>t.value=h(v),{flush:l,deep:u,immediate:c})),()=>{f==null||f(),s==null||s()}}function Te(t,e,r={}){const{flush:n="sync",deep:a=!1,immediate:l=!0}=r;return Array.isArray(e)||(e=[e]),i.watch(t,u=>e.forEach(c=>c.value=u),{flush:n,deep:a,immediate:l})}var Fe=Object.defineProperty,Ee=Object.defineProperties,Me=Object.getOwnPropertyDescriptors,ft=Object.getOwnPropertySymbols,Re=Object.prototype.hasOwnProperty,Ce=Object.prototype.propertyIsEnumerable,dt=(t,e,r)=>e in t?Fe(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ne=(t,e)=>{for(var r in e||(e={}))Re.call(e,r)&&dt(t,r,e[r]);if(ft)for(var r of ft(e))Ce.call(e,r)&&dt(t,r,e[r]);return t},We=(t,e)=>Ee(t,Me(e));function Ue(t){if(!i.isRef(t))return i.toRefs(t);const e=Array.isArray(t.value)?new Array(t.value.length):{};for(const r in t.value)e[r]=i.customRef(()=>({get(){return t.value[r]},set(n){if(Array.isArray(t.value)){const a=[...t.value];a[r]=n,t.value=a}else{const a=We(Ne({},t.value),{[r]:n});Object.setPrototypeOf(a,t.value),t.value=a}}}));return e}function Be(t,e=!0){i.getCurrentInstance()?i.onBeforeMount(t):e?t():i.nextTick(t)}function Le(t){i.getCurrentInstance()&&i.onBeforeUnmount(t)}function He(t,e=!0){i.getCurrentInstance()?i.onMounted(t):e?t():i.nextTick(t)}function Ye(t){i.getCurrentInstance()&&i.onUnmounted(t)}function z(t,e=!1){function r(s,{flush:p="sync",deep:h=!1,timeout:v,throwOnTimeout:m}={}){let g=null;const J=[new Promise(W=>{g=i.watch(t,A=>{s(A)!==e&&(g==null||g(),W(A))},{flush:p,deep:h,immediate:!0})})];return v!=null&&J.push(H(v,m).then(()=>y(t)).finally(()=>g==null?void 0:g())),Promise.race(J)}function n(s,p){if(!i.isRef(s))return r(A=>A===s,p);const{flush:h="sync",deep:v=!1,timeout:m,throwOnTimeout:g}=p??{};let S=null;const W=[new Promise(A=>{S=i.watch([t,s],([Yt,ln])=>{e!==(Yt===ln)&&(S==null||S(),A(Yt))},{flush:h,deep:v,immediate:!0})})];return m!=null&&W.push(H(m,g).then(()=>y(t)).finally(()=>(S==null||S(),y(t)))),Promise.race(W)}function a(s){return r(p=>Boolean(p),s)}function l(s){return n(null,s)}function u(s){return n(void 0,s)}function c(s){return r(Number.isNaN,s)}function d(s,p){return r(h=>{const v=Array.from(h);return v.includes(s)||v.includes(y(s))},p)}function _(s){return f(1,s)}function f(s=1,p){let h=-1;return r(()=>(h+=1,h>=s),p)}return Array.isArray(y(t))?{toMatch:r,toContains:d,changed:_,changedTimes:f,get not(){return z(t,!e)}}:{toMatch:r,toBe:n,toBeTruthy:a,toBeNull:l,toBeNaN:c,toBeUndefined:u,changed:_,changedTimes:f,get not(){return z(t,!e)}}}function Ge(t){return z(t)}function ke(t,e){return i.computed(()=>y(t).every((r,n,a)=>e(y(r),n,a)))}function ze(t,e){return i.computed(()=>y(t).map(r=>y(r)).filter(e))}function Ze(t,e){return i.computed(()=>y(y(t).find((r,n,a)=>e(y(r),n,a))))}function Je(t,e){return i.computed(()=>y(t).findIndex((r,n,a)=>e(y(r),n,a)))}function Ve(t,e){return i.computed(()=>y(t).map(r=>y(r)).join(y(e)))}function Xe(t,e){return i.computed(()=>y(t).map(r=>y(r)).map(e))}function qe(t,e,...r){const n=(a,l,u)=>e(y(a),y(l),u);return i.computed(()=>{const a=y(t);return r.length?a.reduce(n,y(r[0])):a.reduce(n)})}function Ke(t,e){return i.computed(()=>y(t).some((r,n,a)=>e(y(r),n,a)))}function Qe(t=0,e={}){const r=i.ref(t),{max:n=1/0,min:a=-1/0}=e,l=(f=1)=>r.value=Math.min(n,r.value+f),u=(f=1)=>r.value=Math.max(a,r.value-f),c=()=>r.value,d=f=>r.value=f;return{count:r,inc:l,dec:u,get:c,set:d,reset:(f=t)=>(t=f,d(f))}}const De=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,xe=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|SSS/g,tr=(t,e,r,n)=>{let a=t<12?"AM":"PM";return n&&(a=a.split("").reduce((l,u)=>l+=`${u}.`,"")),r?a.toLowerCase():a},pt=(t,e,r)=>{var n;const a=t.getFullYear(),l=t.getMonth(),u=t.getDate(),c=t.getHours(),d=t.getMinutes(),_=t.getSeconds(),f=t.getMilliseconds(),s=t.getDay(),p=(n=r.customMeridiem)!=null?n:tr,h={YY:()=>String(a).slice(-2),YYYY:()=>a,M:()=>l+1,MM:()=>`${l+1}`.padStart(2,"0"),MMM:()=>t.toLocaleDateString(r.locales,{month:"short"}),MMMM:()=>t.toLocaleDateString(r.locales,{month:"long"}),D:()=>String(u),DD:()=>`${u}`.padStart(2,"0"),H:()=>String(c),HH:()=>`${c}`.padStart(2,"0"),h:()=>`${c%12||12}`.padStart(1,"0"),hh:()=>`${c%12||12}`.padStart(2,"0"),m:()=>String(d),mm:()=>`${d}`.padStart(2,"0"),s:()=>String(_),ss:()=>`${_}`.padStart(2,"0"),SSS:()=>`${f}`.padStart(3,"0"),d:()=>s,dd:()=>t.toLocaleDateString(r.locales,{weekday:"narrow"}),ddd:()=>t.toLocaleDateString(r.locales,{weekday:"short"}),dddd:()=>t.toLocaleDateString(r.locales,{weekday:"long"}),A:()=>p(c,d),AA:()=>p(c,d,!1,!0),a:()=>p(c,d,!0),aa:()=>p(c,d,!0,!0)};return e.replace(xe,(v,m)=>m||h[v]())},yt=t=>{if(t===null)return new Date(NaN);if(t===void 0)return new Date;if(t instanceof Date)return new Date(t);if(typeof t=="string"&&!/Z$/i.test(t)){const e=t.match(De);if(e){const r=e[2]-1||0,n=(e[7]||"0").substring(0,3);return new Date(e[1],r,e[3]||1,e[4]||0,e[5]||0,e[6]||0,n)}}return new Date(t)};function er(t,e="HH:mm:ss",r={}){return i.computed(()=>pt(yt(y(t)),y(e),r))}function _t(t,e=1e3,r={}){const{immediate:n=!0,immediateCallback:a=!1}=r;let l=null;const u=i.ref(!1);function c(){l&&(clearInterval(l),l=null)}function d(){u.value=!1,c()}function _(){i.unref(e)<=0||(u.value=!0,a&&t(),c(),l=setInterval(t,y(e)))}if(n&&I&&_(),i.isRef(e)){const f=i.watch(e,()=>{u.value&&I&&_()});$(f)}return $(d),{isActive:u,pause:d,resume:_}}var rr=Object.defineProperty,vt=Object.getOwnPropertySymbols,nr=Object.prototype.hasOwnProperty,or=Object.prototype.propertyIsEnumerable,ht=(t,e,r)=>e in t?rr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ar=(t,e)=>{for(var r in e||(e={}))nr.call(e,r)&&ht(t,r,e[r]);if(vt)for(var r of vt(e))or.call(e,r)&&ht(t,r,e[r]);return t};function ir(t=1e3,e={}){const{controls:r=!1,immediate:n=!0,callback:a}=e,l=i.ref(0),u=()=>l.value+=1,c=_t(a?()=>{u(),a(l.value)}:u,t,{immediate:n});return r?ar({counter:l},c):l}function lr(t,e={}){var r;const n=i.ref((r=e.initialValue)!=null?r:null);return i.watch(t,()=>n.value=Q(),e),n}function Ot(t,e,r={}){const{immediate:n=!0}=r,a=i.ref(!1);let l=null;function u(){l&&(clearTimeout(l),l=null)}function c(){a.value=!1,u()}function d(..._){u(),a.value=!0,l=setTimeout(()=>{a.value=!1,l=null,t(..._)},y(e))}return n&&(a.value=!0,I&&d()),$(c),{isPending:a,start:d,stop:c}}var ur=Object.defineProperty,wt=Object.getOwnPropertySymbols,cr=Object.prototype.hasOwnProperty,sr=Object.prototype.propertyIsEnumerable,gt=(t,e,r)=>e in t?ur(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,fr=(t,e)=>{for(var r in e||(e={}))cr.call(e,r)&&gt(t,r,e[r]);if(wt)for(var r of wt(e))sr.call(e,r)&&gt(t,r,e[r]);return t};function dr(t=1e3,e={}){const{controls:r=!1,callback:n}=e,a=Ot(n??D,t,e),l=i.computed(()=>!a.isPending.value);return r?fr({ready:l},a):l}function pr(t,e={}){const{method:r="parseFloat",radix:n,nanToZero:a}=e;return i.computed(()=>{let l=y(t);return typeof l=="string"&&(l=Number[r](l,n)),a&&isNaN(l)&&(l=0),l})}function yr(t){return i.computed(()=>`${y(t)}`)}function _r(t=!1,e={}){const{truthyValue:r=!0,falsyValue:n=!1}=e,a=i.isRef(t),l=i.ref(t);function u(c){if(arguments.length)return l.value=c,l.value;{const d=y(r);return l.value=l.value===d?y(n):d,l.value}}return a?u:[l,u]}function vr(t,e,r){let n=(r==null?void 0:r.immediate)?[]:[...t instanceof Function?t():Array.isArray(t)?t:i.unref(t)];return i.watch(t,(a,l,u)=>{const c=new Array(n.length),d=[];for(const f of a){let s=!1;for(let p=0;p<n.length;p++)if(!c[p]&&f===n[p]){c[p]=!0,s=!0;break}s||d.push(f)}const _=n.filter((f,s)=>!c[s]);e(a,n,d,_,u),n=[...a]},r)}var Pt=Object.getOwnPropertySymbols,hr=Object.prototype.hasOwnProperty,Or=Object.prototype.propertyIsEnumerable,wr=(t,e)=>{var r={};for(var n in t)hr.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&Pt)for(var n of Pt(t))e.indexOf(n)<0&&Or.call(t,n)&&(r[n]=t[n]);return r};function F(t,e,r={}){const n=r,{eventFilter:a=E}=n,l=wr(n,["eventFilter"]);return i.watch(t,T(a,e),l)}var mt=Object.getOwnPropertySymbols,gr=Object.prototype.hasOwnProperty,Pr=Object.prototype.propertyIsEnumerable,mr=(t,e)=>{var r={};for(var n in t)gr.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&mt)for(var n of mt(t))e.indexOf(n)<0&&Pr.call(t,n)&&(r[n]=t[n]);return r};function br(t,e,r){const n=r,{count:a}=n,l=mr(n,["count"]),u=i.ref(0),c=F(t,(...d)=>{u.value+=1,u.value>=y(a)&&i.nextTick(()=>c()),e(...d)},l);return{count:u,stop:c}}var $r=Object.defineProperty,Sr=Object.defineProperties,Ar=Object.getOwnPropertyDescriptors,M=Object.getOwnPropertySymbols,bt=Object.prototype.hasOwnProperty,$t=Object.prototype.propertyIsEnumerable,St=(t,e,r)=>e in t?$r(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,jr=(t,e)=>{for(var r in e||(e={}))bt.call(e,r)&&St(t,r,e[r]);if(M)for(var r of M(e))$t.call(e,r)&&St(t,r,e[r]);return t},Ir=(t,e)=>Sr(t,Ar(e)),Tr=(t,e)=>{var r={};for(var n in t)bt.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&M)for(var n of M(t))e.indexOf(n)<0&&$t.call(t,n)&&(r[n]=t[n]);return r};function At(t,e,r={}){const n=r,{debounce:a=0,maxWait:l=void 0}=n,u=Tr(n,["debounce","maxWait"]);return F(t,e,Ir(jr({},u),{eventFilter:B(a,{maxWait:l})}))}var Fr=Object.defineProperty,Er=Object.defineProperties,Mr=Object.getOwnPropertyDescriptors,R=Object.getOwnPropertySymbols,jt=Object.prototype.hasOwnProperty,It=Object.prototype.propertyIsEnumerable,Tt=(t,e,r)=>e in t?Fr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Rr=(t,e)=>{for(var r in e||(e={}))jt.call(e,r)&&Tt(t,r,e[r]);if(R)for(var r of R(e))It.call(e,r)&&Tt(t,r,e[r]);return t},Cr=(t,e)=>Er(t,Mr(e)),Nr=(t,e)=>{var r={};for(var n in t)jt.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&R)for(var n of R(t))e.indexOf(n)<0&&It.call(t,n)&&(r[n]=t[n]);return r};function Z(t,e,r={}){const n=r,{eventFilter:a=E}=n,l=Nr(n,["eventFilter"]),u=T(a,e);let c,d,_;if(l.flush==="sync"){const f=i.ref(!1);d=()=>{},c=s=>{f.value=!0,s(),f.value=!1},_=i.watch(t,(...s)=>{f.value||u(...s)},l)}else{const f=[],s=i.ref(0),p=i.ref(0);d=()=>{s.value=p.value},f.push(i.watch(t,()=>{p.value++},Cr(Rr({},l),{flush:"sync"}))),c=h=>{const v=p.value;h(),s.value+=p.value-v},f.push(i.watch(t,(...h)=>{const v=s.value>0&&s.value===p.value;s.value=0,p.value=0,!v&&u(...h)},l)),_=()=>{f.forEach(h=>h())}}return{stop:_,ignoreUpdates:c,ignorePrevAsyncUpdates:d}}function Wr(t,e,r){const n=i.watch(t,(...a)=>(i.nextTick(()=>n()),e(...a)),r)}var Ur=Object.defineProperty,Br=Object.defineProperties,Lr=Object.getOwnPropertyDescriptors,C=Object.getOwnPropertySymbols,Ft=Object.prototype.hasOwnProperty,Et=Object.prototype.propertyIsEnumerable,Mt=(t,e,r)=>e in t?Ur(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Hr=(t,e)=>{for(var r in e||(e={}))Ft.call(e,r)&&Mt(t,r,e[r]);if(C)for(var r of C(e))Et.call(e,r)&&Mt(t,r,e[r]);return t},Yr=(t,e)=>Br(t,Lr(e)),Gr=(t,e)=>{var r={};for(var n in t)Ft.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&C)for(var n of C(t))e.indexOf(n)<0&&Et.call(t,n)&&(r[n]=t[n]);return r};function Rt(t,e,r={}){const n=r,{eventFilter:a}=n,l=Gr(n,["eventFilter"]),{eventFilter:u,pause:c,resume:d,isActive:_}=x(a);return{stop:F(t,e,Yr(Hr({},l),{eventFilter:u})),pause:c,resume:d,isActive:_}}var kr=Object.defineProperty,zr=Object.defineProperties,Zr=Object.getOwnPropertyDescriptors,N=Object.getOwnPropertySymbols,Ct=Object.prototype.hasOwnProperty,Nt=Object.prototype.propertyIsEnumerable,Wt=(t,e,r)=>e in t?kr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Jr=(t,e)=>{for(var r in e||(e={}))Ct.call(e,r)&&Wt(t,r,e[r]);if(N)for(var r of N(e))Nt.call(e,r)&&Wt(t,r,e[r]);return t},Vr=(t,e)=>zr(t,Zr(e)),Xr=(t,e)=>{var r={};for(var n in t)Ct.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&N)for(var n of N(t))e.indexOf(n)<0&&Nt.call(t,n)&&(r[n]=t[n]);return r};function Ut(t,e,r={}){const n=r,{throttle:a=0,trailing:l=!0,leading:u=!0}=n,c=Xr(n,["throttle","trailing","leading"]);return F(t,e,Vr(Jr({},c),{eventFilter:L(a,l,u)}))}var qr=Object.defineProperty,Kr=Object.defineProperties,Qr=Object.getOwnPropertyDescriptors,Bt=Object.getOwnPropertySymbols,Dr=Object.prototype.hasOwnProperty,xr=Object.prototype.propertyIsEnumerable,Lt=(t,e,r)=>e in t?qr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,tn=(t,e)=>{for(var r in e||(e={}))Dr.call(e,r)&&Lt(t,r,e[r]);if(Bt)for(var r of Bt(e))xr.call(e,r)&&Lt(t,r,e[r]);return t},en=(t,e)=>Kr(t,Qr(e));function rn(t,e,r={}){let n;function a(){if(!n)return;const f=n;n=void 0,f()}function l(f){n=f}const u=(f,s)=>(a(),e(f,s,l)),c=Z(t,u,r),{ignoreUpdates:d}=c,_=()=>{let f;return d(()=>{f=u(nn(t),on(t))}),f};return en(tn({},c),{trigger:_})}function nn(t){return i.isReactive(t)?t:Array.isArray(t)?t.map(e=>Ht(e)):Ht(t)}function Ht(t){return typeof t=="function"?t():i.unref(t)}function on(t){return Array.isArray(t)?t.map(()=>{}):void 0}function an(t,e,r){return i.watch(t,(n,a,l)=>{n&&e(n,a,l)},r)}o.__onlyVue3=tt,o.assert=Jt,o.autoResetRef=lt,o.bypassFilter=E,o.clamp=xt,o.computedEager=X,o.computedWithControl=et,o.containsProp=le,o.controlledComputed=et,o.controlledRef=Se,o.createEventHook=se,o.createFilterWrapper=T,o.createGlobalState=fe,o.createInjectionState=de,o.createReactiveFn=Y,o.createSharedComposable=pe,o.createSingletonPromise=ae,o.debounceFilter=B,o.debouncedRef=G,o.debouncedWatch=At,o.directiveHooks=ne,o.eagerComputed=X,o.extendRef=rt,o.formatDate=pt,o.get=ye,o.hasOwn=re,o.identity=oe,o.ignorableWatch=Z,o.increaseWithUnit=ue,o.invoke=ie,o.isBoolean=Vt,o.isClient=I,o.isDef=Zt,o.isDefined=_e,o.isFunction=U,o.isIOS=ee,o.isNumber=Xt,o.isObject=Kt,o.isString=qt,o.isWindow=Qt,o.makeDestructurable=ge,o.noop=D,o.normalizeDate=yt,o.now=Dt,o.objectPick=ce,o.pausableFilter=x,o.pausableWatch=Rt,o.promiseTimeout=H,o.rand=te,o.reactify=Y,o.reactifyObject=Pe,o.reactiveComputed=it,o.reactiveOmit=me,o.reactivePick=be,o.refAutoReset=lt,o.refDebounced=G,o.refDefault=$e,o.refThrottled=k,o.refWithControl=st,o.resolveRef=Ae,o.resolveUnref=y,o.set=je,o.syncRef=Ie,o.syncRefs=Te,o.throttleFilter=L,o.throttledRef=k,o.throttledWatch=Ut,o.timestamp=Q,o.toReactive=at,o.toRefs=Ue,o.tryOnBeforeMount=Be,o.tryOnBeforeUnmount=Le,o.tryOnMounted=He,o.tryOnScopeDispose=$,o.tryOnUnmounted=Ye,o.until=Ge,o.useArrayEvery=ke,o.useArrayFilter=ze,o.useArrayFind=Ze,o.useArrayFindIndex=Je,o.useArrayJoin=Ve,o.useArrayMap=Xe,o.useArrayReduce=qe,o.useArraySome=Ke,o.useCounter=Qe,o.useDateFormat=er,o.useDebounce=G,o.useDebounceFn=ut,o.useInterval=ir,o.useIntervalFn=_t,o.useLastChanged=lr,o.useThrottle=k,o.useThrottleFn=ct,o.useTimeout=dr,o.useTimeoutFn=Ot,o.useToNumber=pr,o.useToString=yr,o.useToggle=_r,o.watchArray=vr,o.watchAtMost=br,o.watchDebounced=At,o.watchIgnorable=Z,o.watchOnce=Wr,o.watchPausable=Rt,o.watchThrottled=Ut,o.watchTriggerable=rn,o.watchWithFilter=F,o.whenever=an,Object.defineProperty(o,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueDemi);

package/index.mjs

@@ -713,8 +713,7 @@ function tryOnUnmounted(fn) {
     onUnmounted(fn);
 }
 
-function until(r) {
-  let isNot = false;
+function createUntil(r, isNot = false) {
   function toMatch(condition, { flush = "sync", deep = false, timeout, throwOnTimeout } = {}) {
     let stop = null;
     const watcher = new Promise((resolve) => {
@@ -796,8 +795,7 @@ function until(r) {
       changed,
       changedTimes,
       get not() {
-        isNot = !isNot;
-        return this;
+        return createUntil(r, !isNot);
       }
     };
     return instance;
@@ -812,13 +810,15 @@ function until(r) {
       changed,
       changedTimes,
       get not() {
-        isNot = !isNot;
-        return this;
+        return createUntil(r, !isNot);
       }
     };
     return instance;
   }
 }
+function until(r) {
+  return createUntil(r);
+}
 
 function useArrayEvery(list, fn) {
   return computed(() => resolveUnref(list).every((element, index, array) => fn(resolveUnref(element), index, array)));
@@ -874,8 +874,15 @@ function useCounter(initialValue = 0, options = {}) {
 }
 
 const REGEX_PARSE = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/;
-const REGEX_FORMAT = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
-const formatDate = (date, formatStr, locales) => {
+const REGEX_FORMAT = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
+const defaultMeridiem = (hours, minutes, isLowercase, hasPeriod) => {
+  let m = hours < 12 ? "AM" : "PM";
+  if (hasPeriod)
+    m = m.split("").reduce((acc, curr) => acc += `${curr}.`, "");
+  return isLowercase ? m.toLowerCase() : m;
+};
+const formatDate = (date, formatStr, options) => {
+  var _a;
   const years = date.getFullYear();
   const month = date.getMonth();
   const days = date.getDate();
@@ -884,11 +891,14 @@ const formatDate = (date, formatStr, locales) => {
   const seconds = date.getSeconds();
   const milliseconds = date.getMilliseconds();
   const day = date.getDay();
+  const meridiem = (_a = options.customMeridiem) != null ? _a : defaultMeridiem;
   const matches = {
     YY: () => String(years).slice(-2),
     YYYY: () => years,
     M: () => month + 1,
     MM: () => `${month + 1}`.padStart(2, "0"),
+    MMM: () => date.toLocaleDateString(options.locales, { month: "short" }),
+    MMMM: () => date.toLocaleDateString(options.locales, { month: "long" }),
     D: () => String(days),
     DD: () => `${days}`.padStart(2, "0"),
     H: () => String(hours),
@@ -901,9 +911,13 @@ const formatDate = (date, formatStr, locales) => {
     ss: () => `${seconds}`.padStart(2, "0"),
     SSS: () => `${milliseconds}`.padStart(3, "0"),
     d: () => day,
-    dd: () => date.toLocaleDateString(locales, { weekday: "narrow" }),
-    ddd: () => date.toLocaleDateString(locales, { weekday: "short" }),
-    dddd: () => date.toLocaleDateString(locales, { weekday: "long" })
+    dd: () => date.toLocaleDateString(options.locales, { weekday: "narrow" }),
+    ddd: () => date.toLocaleDateString(options.locales, { weekday: "short" }),
+    dddd: () => date.toLocaleDateString(options.locales, { weekday: "long" }),
+    A: () => meridiem(hours, minutes),
+    AA: () => meridiem(hours, minutes, false, true),
+    a: () => meridiem(hours, minutes, true),
+    aa: () => meridiem(hours, minutes, true, true)
   };
   return formatStr.replace(REGEX_FORMAT, (match, $1) => $1 || matches[match]());
 };
@@ -925,7 +939,7 @@ const normalizeDate = (date) => {
   return new Date(date);
 };
 function useDateFormat(date, formatStr = "HH:mm:ss", options = {}) {
-  return computed(() => formatDate(normalizeDate(resolveUnref(date)), resolveUnref(formatStr), options == null ? void 0 : options.locales));
+  return computed(() => formatDate(normalizeDate(resolveUnref(date)), resolveUnref(formatStr), options));
 }
 
 function useIntervalFn(cb, interval = 1e3, options = {}) {
@@ -990,10 +1004,15 @@ var __spreadValues$6 = (a, b) => {
 function useInterval(interval = 1e3, options = {}) {
   const {
     controls: exposeControls = false,
-    immediate = true
+    immediate = true,
+    callback
   } = options;
   const counter = ref(0);
-  const controls = useIntervalFn(() => counter.value += 1, interval, { immediate });
+  const update = () => counter.value += 1;
+  const controls = useIntervalFn(callback ? () => {
+    update();
+    callback(counter.value);
+  } : update, interval, { immediate });
   if (exposeControls) {
     return __spreadValues$6({
       counter
@@ -1066,9 +1085,10 @@ var __spreadValues$5 = (a, b) => {
 };
 function useTimeout(interval = 1e3, options = {}) {
   const {
-    controls: exposeControls = false
+    controls: exposeControls = false,
+    callback
   } = options;
-  const controls = useTimeoutFn(noop, interval, options);
+  const controls = useTimeoutFn(callback != null ? callback : noop, interval, options);
   const ready = computed(() => !controls.isPending.value);
   if (exposeControls) {
     return __spreadValues$5({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/shared",
-  "version": "9.2.0",
+  "version": "9.3.0",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/antfu",