{"version":3,"sources":["webpack:///./node_modules/@vueuse/shared/dist/index.esm.js","webpack:///./node_modules/@vueuse/core/dist/index.esm.js"],"names":["isClient","window","isString","Object","prototype","toString","val","tryOnMounted","fn","sync","tryOnUnmounted","defaultWindow","undefined","document","navigator","useEventListener","args","target","event","listener","options","stopped","addEventListener","stop","removeEventListener","useCssVar","prop","el","varRef","elRef","documentElement","value","getComputedStyle","getPropertyValue","_a","style","setProperty","useWindowSize","initialWidth","Infinity","initialHeight","width","height","innerWidth","innerHeight","passive"],"mappings":"8MAqEA,MAAMA,EAA6B,qBAAXC,OAUlBC,GAJWC,OAAOC,UAAUC,SAIhBC,GAAuB,kBAARA,GAwQjC,SAASC,EAAaC,EAAIC,GAAO,GACzB,iBACA,eAAUD,GACLC,EACLD,IAEA,eAASA,GAQjB,SAASE,EAAeF,GAChB,kBACA,eAAYA,GCzQpB,MAAMG,EAAgCX,EAAWC,YAASW,EAClBZ,GAAWC,OAAOY,SACjBb,GAAWC,OAAOa,UAE3D,SAASC,KAAoBC,GACzB,IAAIC,EACAC,EACAC,EACAC,EAQJ,GAPIlB,EAASc,EAAK,MACbE,EAAOC,EAAUC,GAAWJ,EAC7BC,EAASN,IAGRM,EAAQC,EAAOC,EAAUC,GAAWJ,GAEpCC,EACD,OACJ,IAAII,GAAU,EACdJ,EAAOK,iBAAiBJ,EAAOC,EAAUC,GACzC,MAAMG,EAAO,KACLF,IAEJJ,EAAOO,oBAAoBN,EAAOC,EAAUC,GAC5CC,GAAU,IAGd,OADAX,EAAea,GACRA,EAiOX,SAASE,EAAUC,EAAMC,GAAI,OAAE1B,EAASU,GAAkB,IACtD,IAAKV,EACD,OAAO,eAAI,IACf,MAAM2B,EAAS,eAAI,IACbC,EAAQ,eAAI,eAAMF,IAAO1B,EAAOY,SAASiB,iBAS/C,OARAvB,EAAa,KACTqB,EAAOG,MAAQ9B,EAAO+B,iBAAiBH,EAAME,OAAOE,iBAAiBP,KAEzE,eAAME,EAAStB,IACX,IAAI4B,GACuB,QAAtBA,EAAKL,EAAME,aAA0B,IAAPG,OAAgB,EAASA,EAAGC,QAC3DN,EAAME,MAAMI,MAAMC,YAAYV,EAAMpB,KAErCsB,EAwtDX,SAASS,GAAc,OAAEpC,EAASU,EAAa,aAAE2B,EAAeC,IAAQ,cAAEC,EAAgBD,KAAa,IACnG,IAAKtC,EACD,MAAO,CACHwC,MAAO,eAAIH,GACXI,OAAQ,eAAIF,IAGpB,MAAMC,EAAQ,eAAIxC,EAAO0C,YACnBD,EAAS,eAAIzC,EAAO2C,aAK1B,OAJA7B,EAAiB,SAAU,KACvB0B,EAAMV,MAAQ9B,EAAO0C,WACrBD,EAAOX,MAAQ9B,EAAO2C,aACvB,CAAEC,SAAS,IACP,CAAEJ,QAAOC","file":"js/chunk-vendors~eb26399a.7c6fbb0a.js","sourcesContent":["import { watch, ref, computed, isRef, getCurrentInstance, onMounted, nextTick, onUnmounted, unref } from 'vue-demi';\n\n/**\r\n * Two-way refs synchronization.\r\n *\r\n * @param a\r\n * @param b\r\n */\r\nfunction biSyncRef(a, b) {\r\n    const flush = 'sync';\r\n    const stop1 = watch(a, (newValue) => {\r\n        b.value = newValue;\r\n    }, {\r\n        flush,\r\n        immediate: true,\r\n    });\r\n    const stop2 = watch(b, (newValue) => {\r\n        a.value = newValue;\r\n    }, {\r\n        flush,\r\n        immediate: true,\r\n    });\r\n    return () => {\r\n        stop1();\r\n        stop2();\r\n    };\r\n}\n\n/**\r\n * Explicitly define the deps of computed.\r\n *\r\n * @param source\r\n * @param fn\r\n */\r\nfunction controlledComputed(source, fn) {\r\n    const v = ref(fn());\r\n    watch(source, () => v.value = fn(), {\r\n        flush: 'sync',\r\n    });\r\n    return computed(() => v.value);\r\n}\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n\r\nfunction __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\n\nconst isClient = typeof window !== 'undefined';\r\nconst isDef = (val) => typeof val !== 'undefined';\r\nconst assert = (condition, ...infos) => {\r\n    if (!condition)\r\n        console.warn(...infos);\r\n};\r\nconst toString = Object.prototype.toString;\r\nconst isBoolean = (val) => typeof val === 'boolean';\r\nconst isFunction = (val) => typeof val === 'function';\r\nconst isNumber = (val) => typeof val === 'number';\r\nconst isString = (val) => typeof val === 'string';\r\nconst isObject = (val) => toString.call(val) === '[object Object]';\r\nconst isWindow = (val) => typeof window !== 'undefined' && toString.call(val) === '[object Window]';\r\nconst now = () => Date.now();\r\nconst timestamp = () => +Date.now();\r\nconst clamp = (n, min, max) => Math.min(max, Math.max(min, n));\r\nconst noop = () => { };\n\n/**\r\n * @internal\r\n */\r\nfunction createFilterWrapper(filter, fn) {\r\n    function wrapper(...args) {\r\n        filter(() => fn.apply(this, args), { fn, thisArg: this, args });\r\n    }\r\n    return wrapper;\r\n}\r\nconst bypassFilter = (invoke) => {\r\n    return invoke();\r\n};\r\n/**\r\n * Create an EventFilter that debounce the events\r\n *\r\n * @param ms\r\n */\r\nfunction debounceFilter(ms) {\r\n    if (ms <= 0)\r\n        return bypassFilter;\r\n    let timer;\r\n    const filter = (invoke) => {\r\n        if (timer)\r\n            clearTimeout(timer);\r\n        timer = setTimeout(invoke, ms);\r\n    };\r\n    return filter;\r\n}\r\n/**\r\n * Create an EventFilter that throttle the events\r\n *\r\n * @param ms\r\n * @param [trailing=true]\r\n */\r\nfunction throttleFilter(ms, trailing = true) {\r\n    if (ms <= 0)\r\n        return bypassFilter;\r\n    let lastExec = 0;\r\n    let timer;\r\n    const clear = () => {\r\n        if (timer) {\r\n            clearTimeout(timer);\r\n            timer = undefined;\r\n        }\r\n    };\r\n    const filter = (invoke) => {\r\n        const elapsed = Date.now() - lastExec;\r\n        clear();\r\n        if (elapsed > ms) {\r\n            lastExec = Date.now();\r\n            invoke();\r\n        }\r\n        else if (trailing) {\r\n            timer = setTimeout(() => {\r\n                clear();\r\n                invoke();\r\n            }, ms);\r\n        }\r\n    };\r\n    return filter;\r\n}\r\n/**\r\n * EventFilter that gives extra controls to pause and resume the filter\r\n *\r\n * @param extendFilter  Extra filter to apply when the PauseableFilter is active, default to none\r\n *\r\n */\r\nfunction pausableFilter(extendFilter = bypassFilter) {\r\n    const isActive = ref(true);\r\n    function pause() {\r\n        isActive.value = false;\r\n    }\r\n    function resume() {\r\n        isActive.value = true;\r\n    }\r\n    const eventFilter = (...args) => {\r\n        if (isActive.value)\r\n            extendFilter(...args);\r\n    };\r\n    return { isActive, pause, resume, eventFilter };\r\n}\n\nfunction promiseTimeout(ms, throwOnTimeout = false, reason = 'Timeout') {\r\n    return new Promise((resolve, reject) => {\r\n        if (throwOnTimeout)\r\n            setTimeout(() => reject(reason), ms);\r\n        else\r\n            setTimeout(resolve, ms);\r\n    });\r\n}\r\nfunction invoke(fn) {\r\n    return fn();\r\n}\n\n// implementation\r\nfunction watchWithFilter(source, cb, options = {}) {\r\n    const { eventFilter = bypassFilter } = options, watchOptions = __rest(options, [\"eventFilter\"]);\r\n    return watch(source, createFilterWrapper(eventFilter, cb), watchOptions);\r\n}\n\n// implementation\r\nfunction debouncedWatch(source, cb, options = {}) {\r\n    const { debounce = 0 } = options, watchOptions = __rest(options, [\"debounce\"]);\r\n    return watchWithFilter(source, cb, Object.assign(Object.assign({}, watchOptions), { eventFilter: debounceFilter(debounce) }));\r\n}\n\n// implementation\r\nfunction extendRef(ref, extend, { enumerable = false, unwrap = true } = {}) {\r\n    for (const [key, value] of Object.entries(extend)) {\r\n        if (key === 'value')\r\n            continue;\r\n        if (isRef(value) && unwrap) {\r\n            Object.defineProperty(ref, key, {\r\n                get() {\r\n                    return value.value;\r\n                },\r\n                set(v) {\r\n                    value.value = v;\r\n                },\r\n                enumerable,\r\n            });\r\n        }\r\n        else {\r\n            Object.defineProperty(ref, key, { value, enumerable });\r\n        }\r\n    }\r\n    return ref;\r\n}\n\nfunction ignorableWatch(source, cb, options = {}) {\r\n    const { eventFilter = bypassFilter } = options, watchOptions = __rest(options, [\"eventFilter\"]);\r\n    const filteredCb = createFilterWrapper(eventFilter, cb);\r\n    let ignoreUpdates;\r\n    let ignorePrevAsyncUpdates;\r\n    let stop;\r\n    if (watchOptions.flush === 'sync') {\r\n        const ignore = ref(false);\r\n        // no op for flush: sync\r\n        ignorePrevAsyncUpdates = () => { };\r\n        ignoreUpdates = (updater) => {\r\n            // Call the updater function and count how many sync updates are performed,\r\n            // then add them to the ignore count\r\n            ignore.value = true;\r\n            updater();\r\n            ignore.value = false;\r\n        };\r\n        stop = watch(source, (...args) => {\r\n            if (!ignore.value)\r\n                filteredCb(...args);\r\n        }, watchOptions);\r\n    }\r\n    else {\r\n        // flush 'pre' and 'post'\r\n        const disposables = [];\r\n        // counters for how many following changes to be ignored\r\n        // ignoreCounter is incremented before there is a history operation\r\n        // affecting the source ref value (undo, redo, revert).\r\n        // syncCounter is incremented in sync with every change to the\r\n        // source ref value. This let us know how many times the ref\r\n        // was modified and support chained sync operations. If there\r\n        // are more sync triggers than the ignore count, the we now\r\n        // there are modifications in the source ref value that we\r\n        // need to commit\r\n        const ignoreCounter = ref(0);\r\n        const syncCounter = ref(0);\r\n        ignorePrevAsyncUpdates = () => {\r\n            ignoreCounter.value = syncCounter.value;\r\n        };\r\n        // Sync watch to count modifications to the source\r\n        disposables.push(watch(source, () => {\r\n            syncCounter.value++;\r\n        }, Object.assign(Object.assign({}, watchOptions), { flush: 'sync' })));\r\n        ignoreUpdates = (updater) => {\r\n            // Call the updater function and count how many sync updates are performed,\r\n            // then add them to the ignore count\r\n            const syncCounterPrev = syncCounter.value;\r\n            updater();\r\n            ignoreCounter.value += syncCounter.value - syncCounterPrev;\r\n        };\r\n        disposables.push(watch(source, (...args) => {\r\n            // If a history operation was performed (ignoreCounter > 0) and there are\r\n            // no other changes to the source ref value afterwards, then ignore this commit\r\n            const ignore = ignoreCounter.value > 0 && ignoreCounter.value === syncCounter.value;\r\n            ignoreCounter.value = 0;\r\n            syncCounter.value = 0;\r\n            if (ignore)\r\n                return;\r\n            filteredCb(...args);\r\n        }, watchOptions));\r\n        stop = () => {\r\n            disposables.forEach(fn => fn());\r\n        };\r\n    }\r\n    return { stop, ignoreUpdates, ignorePrevAsyncUpdates };\r\n}\n\nfunction makeDestructurable(obj, arr) {\r\n    if (typeof Symbol !== 'undefined') {\r\n        const clone = Object.assign({}, obj);\r\n        Object.defineProperty(clone, Symbol.iterator, {\r\n            enumerable: false,\r\n            value() {\r\n                let index = 0;\r\n                return {\r\n                    next: () => ({\r\n                        value: arr[index++],\r\n                        done: index > arr.length,\r\n                    }),\r\n                };\r\n            },\r\n        });\r\n        return clone;\r\n    }\r\n    else {\r\n        return Object.assign([...arr], obj);\r\n    }\r\n}\n\n// implementation\r\nfunction pausableWatch(source, cb, options = {}) {\r\n    const { eventFilter: filter } = options, watchOptions = __rest(options, [\"eventFilter\"]);\r\n    const { eventFilter, pause, resume, isActive } = pausableFilter(filter);\r\n    const stop = watchWithFilter(source, cb, Object.assign(Object.assign({}, watchOptions), { eventFilter }));\r\n    return { stop, pause, resume, isActive };\r\n}\n\n/**\r\n * Keep target ref(s) in sync with the source ref\r\n *\r\n * @param source source ref\r\n * @param targets\r\n */\r\nfunction syncRef(source, targets, { flush = 'sync', deep = false, immediate = true, } = {}) {\r\n    if (!Array.isArray(targets))\r\n        targets = [targets];\r\n    return watch(source, (newValue) => {\r\n        targets.forEach(target => target.value = newValue);\r\n    }, {\r\n        flush,\r\n        deep,\r\n        immediate,\r\n    });\r\n}\n\n// implementation\r\nfunction throttledWatch(source, cb, options = {}) {\r\n    const { throttle = 0 } = options, watchOptions = __rest(options, [\"throttle\"]);\r\n    return watchWithFilter(source, cb, Object.assign(Object.assign({}, watchOptions), { eventFilter: throttleFilter(throttle) }));\r\n}\n\n/**\r\n * Call onMounted() if it's inside a component lifecycle, if not, run just call the function\r\n *\r\n * @param fn\r\n * @param sync if set to false, it will run in the nextTick() of Vue\r\n */\r\nfunction tryOnMounted(fn, sync = true) {\r\n    if (getCurrentInstance())\r\n        onMounted(fn);\r\n    else if (sync)\r\n        fn();\r\n    else\r\n        nextTick(fn);\r\n}\n\n/**\r\n * Call onUnmounted() if it's inside a component lifecycle, if not, do nothing\r\n *\r\n * @param fn\r\n */\r\nfunction tryOnUnmounted(fn) {\r\n    if (getCurrentInstance())\r\n        onUnmounted(fn);\r\n}\n\n/**\r\n * Basic counter with utility functions.\r\n *\r\n * @see   {@link https://vueuse.js.org/useCounter}\r\n * @param [initialValue=0]\r\n */\r\nfunction useCounter(initialValue = 0) {\r\n    const count = ref(initialValue);\r\n    const inc = (delta = 1) => (count.value += delta);\r\n    const dec = (delta = 1) => (count.value -= delta);\r\n    const get = () => count.value;\r\n    const set = (val) => (count.value = val);\r\n    const reset = (val = initialValue) => {\r\n        initialValue = val;\r\n        return set(val);\r\n    };\r\n    return { count, inc, dec, get, set, reset };\r\n}\n\n/**\r\n * Debounce execution of a function.\r\n *\r\n * @param  fn          A function to be executed after delay milliseconds debounced.\r\n * @param  ms          A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.\r\n *\r\n * @return A new, debounce, function.\r\n */\r\nfunction useDebounceFn(fn, ms = 200) {\r\n    return createFilterWrapper(debounceFilter(ms), fn);\r\n}\n\nfunction useDebounce(value, ms = 200) {\r\n    if (ms <= 0)\r\n        return value;\r\n    const debounced = ref(value.value);\r\n    const updater = useDebounceFn(() => {\r\n        debounced.value = value.value;\r\n    }, ms);\r\n    watch(value, () => updater());\r\n    return debounced;\r\n}\n\n/**\r\n * Wrapper for `setInterval` with controls\r\n *\r\n * @param cb\r\n * @param interval\r\n * @param immediate\r\n */\r\nfunction useIntervalFn(cb, interval = 1000, immediate = true) {\r\n    let timer = null;\r\n    const isActive = ref(false);\r\n    function clean() {\r\n        if (timer) {\r\n            clearInterval(timer);\r\n            timer = null;\r\n        }\r\n    }\r\n    function pause() {\r\n        isActive.value = false;\r\n        clean();\r\n    }\r\n    function resume() {\r\n        isActive.value = true;\r\n        clean();\r\n        timer = setInterval(cb, interval);\r\n    }\r\n    if (immediate)\r\n        resume();\r\n    tryOnUnmounted(pause);\r\n    return {\r\n        isActive,\r\n        pause,\r\n        resume,\r\n        start: resume,\r\n        stop: pause,\r\n    };\r\n}\n\nfunction useInterval(interval = 1000, immediate = true) {\r\n    const counter = ref(0);\r\n    return Object.assign({ counter }, useIntervalFn(() => counter.value += 1, interval, immediate));\r\n}\n\n/**\r\n * Throttle execution of a function. Especially useful for rate limiting\r\n * execution of handlers on events like resize and scroll.\r\n *\r\n * @param   fn             A function to be executed after delay milliseconds. The `this` context and all arguments are passed through, as-is,\r\n *                                    to `callback` when the throttled-function is executed.\r\n * @param   ms             A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.\r\n *\r\n * @return  A new, throttled, function.\r\n */\r\nfunction useThrottleFn(fn, ms = 200, trailing = true) {\r\n    return createFilterWrapper(throttleFilter(ms, trailing), fn);\r\n}\n\n/**\r\n * Throttle execution of a function. Especially useful for rate limiting\r\n * execution of handlers on events like resize and scroll.\r\n *\r\n * @param  delay  A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.\r\n */\r\nfunction useThrottle(value, delay = 200) {\r\n    if (delay <= 0)\r\n        return value;\r\n    const throttled = ref(value.value);\r\n    const updater = useThrottleFn(() => {\r\n        throttled.value = value.value;\r\n    }, delay);\r\n    watch(value, () => updater());\r\n    return throttled;\r\n}\n\n/**\r\n * Wrapper for `setTimeout` with controls.\r\n *\r\n * @param cb\r\n * @param interval\r\n * @param immediate\r\n */\r\nfunction useTimeoutFn(cb, interval, immediate) {\r\n    const isActive = ref(false);\r\n    let timer = null;\r\n    function clear() {\r\n        if (timer) {\r\n            clearTimeout(timer);\r\n            timer = null;\r\n        }\r\n    }\r\n    function stop() {\r\n        isActive.value = false;\r\n        clear();\r\n    }\r\n    function start() {\r\n        clear();\r\n        isActive.value = true;\r\n        timer = setTimeout(() => {\r\n            timer = null;\r\n            cb();\r\n        }, interval);\r\n    }\r\n    if (immediate)\r\n        start();\r\n    tryOnUnmounted(stop);\r\n    return {\r\n        isActive,\r\n        start,\r\n        stop,\r\n    };\r\n}\n\n/**\r\n * Update value after a given time with controls.\r\n *\r\n * @param interval\r\n * @param immediate\r\n */\r\nfunction useTimeout(interval = 1000, immediate = true) {\r\n    const ready = ref(false);\r\n    const controls = useTimeoutFn(() => ready.value = true, interval, immediate);\r\n    function stop() {\r\n        ready.value = false;\r\n        controls.stop();\r\n    }\r\n    function start() {\r\n        ready.value = false;\r\n        controls.start();\r\n    }\r\n    return {\r\n        ready,\r\n        isActive: controls.isActive,\r\n        start,\r\n        stop,\r\n    };\r\n}\n\n/**\r\n * A boolean ref with a toggler\r\n *\r\n * @see   {@link https://vueuse.js.org/useToggle}\r\n * @param [initialValue=false]\r\n */\r\nfunction useToggle(initialValue = false) {\r\n    const boolean = ref(initialValue);\r\n    const toggle = () => (boolean.value = !boolean.value);\r\n    return [boolean, toggle];\r\n}\n\nfunction when(r) {\r\n    let isNot = false;\r\n    function toMatch(condition, { flush = 'sync', deep = false, timeout, throwOnTimeout } = {}) {\r\n        let stop = null;\r\n        const watcher = new Promise((resolve) => {\r\n            stop = watch(r, (v) => {\r\n                if (condition(v) === !isNot) {\r\n                    stop === null || stop === void 0 ? void 0 : stop();\r\n                    resolve();\r\n                }\r\n            }, {\r\n                flush,\r\n                deep,\r\n                immediate: true,\r\n            });\r\n        });\r\n        const promises = [watcher];\r\n        if (timeout) {\r\n            promises.push(promiseTimeout(timeout, throwOnTimeout).finally(() => {\r\n                stop === null || stop === void 0 ? void 0 : stop();\r\n            }));\r\n        }\r\n        return Promise.race(promises);\r\n    }\r\n    function toBe(value, options) {\r\n        return toMatch(v => v === unref(value), options);\r\n    }\r\n    function toBeTruthy(options) {\r\n        return toMatch(v => Boolean(v), options);\r\n    }\r\n    function toBeNull(options) {\r\n        return toBe(null, options);\r\n    }\r\n    function toBeUndefined(options) {\r\n        return toBe(undefined, options);\r\n    }\r\n    function toBeNaN(options) {\r\n        return toMatch(Number.isNaN, options);\r\n    }\r\n    function toContains(value, options) {\r\n        return toMatch((v) => {\r\n            const array = Array.from(v);\r\n            return array.includes(value) || array.includes(unref(value));\r\n        }, options);\r\n    }\r\n    function changed(options) {\r\n        return changedTimes(1, options);\r\n    }\r\n    function changedTimes(n = 1, options) {\r\n        let count = -1; // skip the immediate check\r\n        return toMatch(() => {\r\n            count += 1;\r\n            return count >= n;\r\n        }, options);\r\n    }\r\n    if (Array.isArray(unref(r))) {\r\n        const instance = {\r\n            toMatch,\r\n            toContains,\r\n            changed,\r\n            changedTimes,\r\n            get not() {\r\n                isNot = !isNot;\r\n                return this;\r\n            },\r\n        };\r\n        return instance;\r\n    }\r\n    else {\r\n        const instance = {\r\n            toMatch,\r\n            toBe,\r\n            toBeTruthy,\r\n            toBeNull,\r\n            toBeNaN,\r\n            toBeUndefined,\r\n            changed,\r\n            changedTimes,\r\n            get not() {\r\n                isNot = !isNot;\r\n                return this;\r\n            },\r\n        };\r\n        return instance;\r\n    }\r\n}\n\nexport { assert, biSyncRef, bypassFilter, clamp, controlledComputed, createFilterWrapper, debounceFilter, debouncedWatch, extendRef, ignorableWatch, invoke, isBoolean, isClient, isDef, isFunction, isNumber, isObject, isString, isWindow, makeDestructurable, noop, now, pausableFilter, pausableWatch, promiseTimeout, syncRef, throttleFilter, throttledWatch, timestamp, tryOnMounted, tryOnUnmounted, useCounter, useDebounce, useDebounceFn, useInterval, useIntervalFn, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useToggle, watchWithFilter, when };\n","import { isRef, ref, watchEffect, computed, createApp, reactive, unref, watch, markRaw, getCurrentInstance, isVue3 } from 'vue-demi';\nimport { isClient, isString, tryOnUnmounted, tryOnMounted, createFilterWrapper, bypassFilter, throttleFilter, timestamp, watchWithFilter, isFunction, noop, pausableFilter, ignorableWatch, clamp } from '@vueuse/shared';\nexport * from '@vueuse/shared';\n\n/**\r\n * Create an asynchronous computed dependency.\r\n *\r\n * @see   {@link https://vueuse.js.org/asyncComputed}\r\n * @param evaluationCallback     The promise-returning callback which generates the computed value\r\n * @param initialState           The initial state, used until the first evaluation finishes\r\n * @param optionsOrRef           Additional options or a ref passed to receive the updates of the async evaluation\r\n */\r\nfunction asyncComputed(evaluationCallback, initialState, optionsOrRef) {\r\n    let options;\r\n    if (isRef(optionsOrRef)) {\r\n        options = {\r\n            evaluating: optionsOrRef,\r\n        };\r\n    }\r\n    else {\r\n        options = optionsOrRef !== null && optionsOrRef !== void 0 ? optionsOrRef : {};\r\n    }\r\n    const { lazy = false, evaluating = undefined, } = options;\r\n    const started = ref(!lazy);\r\n    const current = ref(initialState);\r\n    let counter = 0;\r\n    watchEffect(async (onInvalidate) => {\r\n        if (!started.value)\r\n            return;\r\n        counter++;\r\n        const counterAtBeginning = counter;\r\n        let hasFinished = false;\r\n        try {\r\n            // Defer initial setting of `evaluating` ref\r\n            // to avoid having it as a dependency\r\n            if (evaluating) {\r\n                Promise.resolve().then(() => {\r\n                    evaluating.value = true;\r\n                });\r\n            }\r\n            const result = await evaluationCallback((cancelCallback) => {\r\n                onInvalidate(() => {\r\n                    if (evaluating)\r\n                        evaluating.value = false;\r\n                    if (!hasFinished)\r\n                        cancelCallback();\r\n                });\r\n            });\r\n            if (counterAtBeginning === counter)\r\n                current.value = result;\r\n        }\r\n        finally {\r\n            if (evaluating)\r\n                evaluating.value = false;\r\n            hasFinished = true;\r\n        }\r\n    });\r\n    if (lazy) {\r\n        return computed(() => {\r\n            started.value = true;\r\n            return current.value;\r\n        });\r\n    }\r\n    else {\r\n        return current;\r\n    }\r\n}\n\nfunction withScope(factory) {\r\n    const container = document.createElement('div');\r\n    let state = null;\r\n    createApp({\r\n        setup() {\r\n            state = reactive(factory());\r\n        },\r\n        render: () => null,\r\n    }).mount(container);\r\n    return state;\r\n}\r\n/**\r\n * Keep states in the global scope to be reusable across Vue instances.\r\n *\r\n * @see   {@link https://vueuse.js.org/createGlobalState}\r\n * @param stateFactory A factory function to create the state\r\n */\r\nfunction createGlobalState(stateFactory) {\r\n    let state;\r\n    return () => {\r\n        if (state == null)\r\n            state = withScope(stateFactory);\r\n        return state;\r\n    };\r\n}\n\nconst defaultWindow = /* #__PURE__ */ isClient ? window : undefined;\r\nconst defaultDocument = /* #__PURE__ */ isClient ? window.document : undefined;\r\nconst defaultNavigator = /* #__PURE__ */ isClient ? window.navigator : undefined;\n\nfunction useEventListener(...args) {\r\n    let target;\r\n    let event;\r\n    let listener;\r\n    let options;\r\n    if (isString(args[0])) {\r\n        [event, listener, options] = args;\r\n        target = defaultWindow;\r\n    }\r\n    else {\r\n        [target, event, listener, options] = args;\r\n    }\r\n    if (!target)\r\n        return;\r\n    let stopped = false;\r\n    target.addEventListener(event, listener, options);\r\n    const stop = () => {\r\n        if (stopped)\r\n            return;\r\n        target.removeEventListener(event, listener, options);\r\n        stopped = true;\r\n    };\r\n    tryOnUnmounted(stop);\r\n    return stop;\r\n}\n\nconst events = ['mousedown', 'touchstart'];\r\n/**\r\n * Listen for clicks outside of an element.\r\n *\r\n * @see   {@link https://vueuse.js.org/onClickOutside}\r\n * @param target\r\n * @param handler\r\n * @param options\r\n */\r\nfunction onClickOutside(target, handler, options = {}) {\r\n    const { window = defaultWindow } = options;\r\n    if (!window)\r\n        return;\r\n    const targetRef = ref(target);\r\n    const listener = (event) => {\r\n        if (!targetRef.value)\r\n            return;\r\n        const elements = event.composedPath();\r\n        if (targetRef.value === event.target || elements.includes(targetRef.value))\r\n            return;\r\n        handler(event);\r\n    };\r\n    let disposables = events\r\n        .map(event => useEventListener(window, event, listener, { passive: true }));\r\n    const stop = () => {\r\n        disposables.forEach(stop => stop());\r\n        disposables = [];\r\n    };\r\n    tryOnUnmounted(stop);\r\n    return stop;\r\n}\n\n/* this implementation is original ported from https://github.com/streamich/react-use by Vadim Dalecky */\r\nconst isFocusedElementEditable = () => {\r\n    const { activeElement, body } = document;\r\n    if (!activeElement)\r\n        return false;\r\n    // If not element has focus, we assume it is not editable, too.\r\n    if (activeElement === body)\r\n        return false;\r\n    // Assume <input> and <textarea> elements are editable.\r\n    switch (activeElement.tagName) {\r\n        case 'INPUT':\r\n        case 'TEXTAREA':\r\n            return true;\r\n    }\r\n    // Check if any other focused element id editable.\r\n    return activeElement.hasAttribute('contenteditable');\r\n};\r\nconst isTypedCharGood = ({ keyCode, metaKey, ctrlKey, altKey, }) => {\r\n    if (metaKey || ctrlKey || altKey)\r\n        return false;\r\n    // 0...9\r\n    if ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 96 && keyCode <= 105))\r\n        return true;\r\n    // a...z\r\n    if (keyCode >= 65 && keyCode <= 90)\r\n        return true;\r\n    // All other keys.\r\n    return false;\r\n};\r\n/**\r\n * Fires when users start typing on non-editable elements.\r\n *\r\n * @see   {@link https://vueuse.js.org/onStartTyping}\r\n * @param callback\r\n * @param options\r\n */\r\nfunction onStartTyping(callback, { document = defaultDocument } = {}) {\r\n    const keydown = (event) => {\r\n        !isFocusedElementEditable()\r\n            && isTypedCharGood(event)\r\n            && callback(event);\r\n    };\r\n    if (document)\r\n        useEventListener(document, 'keydown', keydown, { passive: true });\r\n}\n\n/**\r\n * Reactive async state. Will not block your setup function and will triggers changes once\r\n * the promise is ready.\r\n *\r\n * @see   {@link https://vueuse.js.org/useAsyncState}\r\n * @param promise         The promise / async function to be resolved\r\n * @param initialState    The initial state, used until the first evaluation finishes\r\n * @param delay           Delay (ms)\r\n * @param catchFn         Error handling callback\r\n */\r\nfunction useAsyncState(promise, initialState, delay = 0, catchFn = (e) => { }) {\r\n    const state = ref(initialState);\r\n    const ready = ref(false);\r\n    function run() {\r\n        promise\r\n            .then((data) => {\r\n            // @ts-ignore\r\n            state.value = data;\r\n            ready.value = true;\r\n        })\r\n            .catch(catchFn);\r\n    }\r\n    if (!delay)\r\n        run();\r\n    else\r\n        setTimeout(run, delay);\r\n    return { state, ready };\r\n}\n\n/* this implementation is original ported from https://github.com/logaretm/vue-use-web by Abdelrahman Awad */\r\n/**\r\n * Reactive Battery Status API.\r\n *\r\n * @see   {@link https://vueuse.js.org/useBattery}\r\n * @param options\r\n */\r\nfunction useBattery({ navigator = defaultNavigator } = {}) {\r\n    const events = ['chargingchange', 'chargingtimechange', 'dischargingtimechange', 'levelchange'];\r\n    const isSupported = navigator && 'getBattery' in navigator;\r\n    const charging = ref(false);\r\n    const chargingTime = ref(0);\r\n    const dischargingTime = ref(0);\r\n    const level = ref(1);\r\n    let battery;\r\n    function updateBatteryInfo() {\r\n        charging.value = this.charging;\r\n        chargingTime.value = this.chargingTime || 0;\r\n        dischargingTime.value = this.dischargingTime || 0;\r\n        level.value = this.level;\r\n    }\r\n    if (isSupported) {\r\n        navigator\r\n            .getBattery()\r\n            .then((_battery) => {\r\n            battery = _battery;\r\n            updateBatteryInfo.call(battery);\r\n            for (const event of events)\r\n                useEventListener(battery, event, updateBatteryInfo, { passive: true });\r\n        });\r\n    }\r\n    return {\r\n        isSupported,\r\n        charging,\r\n        chargingTime,\r\n        dischargingTime,\r\n        level,\r\n    };\r\n}\n\n/* this implementation is original ported from https://github.com/logaretm/vue-use-web by Abdelrahman Awad */\r\n/**\r\n * Reactive browser location.\r\n *\r\n * @see   {@link https://vueuse.js.org/useBrowserLocation}\r\n * @param options\r\n */\r\nfunction useBrowserLocation({ window = defaultWindow } = {}) {\r\n    const buildState = (trigger) => {\r\n        const { state, length } = (window === null || window === void 0 ? void 0 : window.history) || {};\r\n        const { hash, host, hostname, href, origin, pathname, port, protocol, search } = (window === null || window === void 0 ? void 0 : window.location) || {};\r\n        return {\r\n            trigger,\r\n            state,\r\n            length,\r\n            hash,\r\n            host,\r\n            hostname,\r\n            href,\r\n            origin,\r\n            pathname,\r\n            port,\r\n            protocol,\r\n            search,\r\n        };\r\n    };\r\n    const state = ref(buildState('load'));\r\n    if (window)\r\n        useEventListener(window, 'popstate', () => state.value = buildState('popstate'), { passive: true });\r\n    return state;\r\n}\n\n/* this implementation is original ported from https://github.com/logaretm/vue-use-web by Abdelrahman Awad */\r\n/**\r\n * Reactive Clipboard API.\r\n *\r\n * @see   {@link https://vueuse.js.org/useClipboard}\r\n * @param options\r\n */\r\nfunction useClipboard({ navigator = defaultNavigator } = {}) {\r\n    const events = ['copy', 'cut'];\r\n    const isSupported = navigator && 'clipboard' in navigator;\r\n    const text = ref('');\r\n    function updateText() {\r\n        // @ts-expect-error untyped API\r\n        navigator.clipboard.readText().then((value) => {\r\n            text.value = value;\r\n        });\r\n    }\r\n    if (isSupported) {\r\n        for (const event of events)\r\n            useEventListener(event, updateText);\r\n    }\r\n    async function copy(txt) {\r\n        if (isSupported) {\r\n            // @ts-expect-error untyped API\r\n            await navigator.clipboard.writeText(txt);\r\n            text.value = txt;\r\n        }\r\n    }\r\n    return {\r\n        isSupported,\r\n        text,\r\n        copy,\r\n    };\r\n}\n\n/**\r\n * Manipulate CSS variables.\r\n *\r\n * @see   {@link https://vueuse.js.org/useCssVar}\r\n * @param prop\r\n * @param el\r\n * @param options\r\n */\r\nfunction useCssVar(prop, el, { window = defaultWindow } = {}) {\r\n    if (!window)\r\n        return ref('');\r\n    const varRef = ref('');\r\n    const elRef = ref(unref(el) || window.document.documentElement);\r\n    tryOnMounted(() => {\r\n        varRef.value = window.getComputedStyle(elRef.value).getPropertyValue(prop);\r\n    });\r\n    watch(varRef, (val) => {\r\n        var _a;\r\n        if ((_a = elRef.value) === null || _a === void 0 ? void 0 : _a.style)\r\n            elRef.value.style.setProperty(prop, val);\r\n    });\r\n    return varRef;\r\n}\n\n/* this implementation is original ported from https://github.com/logaretm/vue-use-web by Abdelrahman Awad */\r\n/**\r\n * Reactive DeviceLightEvent.\r\n *\r\n * @see   {@link https://vueuse.js.org/useDeviceLight}\r\n * @param options\r\n */\r\nfunction useDeviceLight({ window = defaultWindow } = {}) {\r\n    const light = ref(null);\r\n    if (window) {\r\n        useEventListener(window, 'devicelight', (event) => {\r\n            light.value = event.value;\r\n        });\r\n    }\r\n    return light;\r\n}\n\n/* this implementation is original ported from https://github.com/logaretm/vue-use-web by Abdelrahman Awad */\r\n/**\r\n * Reactive DeviceMotionEvent.\r\n *\r\n * @see   {@link https://vueuse.js.org/useDeviceMotion}\r\n * @param options\r\n */\r\nfunction useDeviceMotion(options = {}) {\r\n    const { window = defaultWindow, eventFilter = bypassFilter, } = options;\r\n    const acceleration = ref({ x: null, y: null, z: null });\r\n    const rotationRate = ref({ alpha: null, beta: null, gamma: null });\r\n    const interval = ref(0);\r\n    const accelerationIncludingGravity = ref({\r\n        x: null,\r\n        y: null,\r\n        z: null,\r\n    });\r\n    if (window) {\r\n        const onDeviceMotion = createFilterWrapper(eventFilter, (event) => {\r\n            acceleration.value = event.acceleration;\r\n            accelerationIncludingGravity.value = event.accelerationIncludingGravity;\r\n            rotationRate.value = event.rotationRate;\r\n            interval.value = event.interval;\r\n        });\r\n        useEventListener(window, 'devicemotion', onDeviceMotion);\r\n    }\r\n    return {\r\n        acceleration,\r\n        accelerationIncludingGravity,\r\n        rotationRate,\r\n        interval,\r\n    };\r\n}\n\n/* this implementation is original ported from https://github.com/logaretm/vue-use-web by Abdelrahman Awad */\r\n/**\r\n * Reactive DeviceOrientationEvent.\r\n *\r\n * @see   {@link https://vueuse.js.org/useDeviceOrientation}\r\n * @param options\r\n */\r\nfunction useDeviceOrientation(options = {}) {\r\n    const { window = defaultWindow } = options;\r\n    const isSupported = Boolean(window && 'DeviceOrientationEvent' in window);\r\n    const isAbsolute = ref(false);\r\n    const alpha = ref(null);\r\n    const beta = ref(null);\r\n    const gamma = ref(null);\r\n    if (window && isSupported) {\r\n        useEventListener(window, 'deviceorientation', (event) => {\r\n            isAbsolute.value = event.absolute;\r\n            alpha.value = event.alpha;\r\n            beta.value = event.beta;\r\n            gamma.value = event.gamma;\r\n        });\r\n    }\r\n    return {\r\n        isSupported,\r\n        isAbsolute,\r\n        alpha,\r\n        beta,\r\n        gamma,\r\n    };\r\n}\n\n/* this implementation is original ported from https://github.com/logaretm/vue-use-web by Abdelrahman Awad */\r\n/**\r\n * Reactive Media Query.\r\n *\r\n * @see   {@link https://vueuse.js.org/useMediaQuery}\r\n * @param query\r\n * @param options\r\n */\r\nfunction useMediaQuery(query, options = {}) {\r\n    const { window = defaultWindow } = options;\r\n    if (!window)\r\n        return ref(false);\r\n    const mediaQuery = window.matchMedia(query);\r\n    const matches = ref(mediaQuery.matches);\r\n    const handler = (event) => {\r\n        matches.value = event.matches;\r\n    };\r\n    if ('addEventListener' in mediaQuery) {\r\n        mediaQuery.addEventListener('change', handler);\r\n    }\r\n    else {\r\n        // @ts-expect-error - fallback for Safari < 14 and older browsers\r\n        mediaQuery.addListener(handler);\r\n    }\r\n    tryOnUnmounted(() => {\r\n        if ('removeEventListener' in mediaQuery) {\r\n            mediaQuery.removeEventListener('change', handler);\r\n        }\r\n        else {\r\n            // @ts-expect-error - fallback for Safari < 14 and older browsers\r\n            mediaQuery.removeListener(handler);\r\n        }\r\n    });\r\n    return matches;\r\n}\n\n// device pixel ratio statistics from https://www.mydevice.io/\r\nconst DEVICE_PIXEL_RATIO_SCALES = [\r\n    1,\r\n    1.325,\r\n    1.4,\r\n    1.5,\r\n    1.8,\r\n    2,\r\n    2.4,\r\n    2.5,\r\n    2.75,\r\n    3,\r\n    3.5,\r\n    4,\r\n];\r\n/**\r\n * Reactively track `window.devicePixelRatio`.\r\n *\r\n * @see   {@link https://vueuse.js.org/useDevicePixelRatio}\r\n * @param options\r\n */\r\nfunction useDevicePixelRatio({ window = defaultWindow, } = {}) {\r\n    if (!window) {\r\n        return {\r\n            pixelRatio: ref(1),\r\n        };\r\n    }\r\n    const pixelRatio = ref(window.devicePixelRatio);\r\n    const handleDevicePixelRatio = () => {\r\n        pixelRatio.value = window.devicePixelRatio;\r\n    };\r\n    useEventListener(window, 'resize', handleDevicePixelRatio, { passive: true });\r\n    DEVICE_PIXEL_RATIO_SCALES.forEach((dppx) => {\r\n        // listen mql events in both sides\r\n        const mqlMin = useMediaQuery(`screen and (min-resolution: ${dppx}dppx)`);\r\n        const mqlMax = useMediaQuery(`screen and (max-resolution: ${dppx}dppx)`);\r\n        watch([mqlMin, mqlMax], handleDevicePixelRatio);\r\n    });\r\n    return { pixelRatio };\r\n}\n\n/**\r\n * Reactively track `document.visibilityState`.\r\n *\r\n * @see   {@link https://vueuse.js.org/useDocumentVisibility}\r\n * @param options\r\n */\r\nfunction useDocumentVisibility({ document = defaultDocument } = {}) {\r\n    if (!document)\r\n        return ref('visible');\r\n    const visibility = ref(document.visibilityState);\r\n    useEventListener(document, 'visibilitychange', () => {\r\n        visibility.value = document.visibilityState;\r\n    });\r\n    return visibility;\r\n}\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n\r\nfunction __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\n\n/**\r\n * Reports changes to the dimensions of an Element's content or the border-box\r\n *\r\n * @see   {@link https://vueuse.js.org/useResizeObserver}\r\n * @param target\r\n * @param callback\r\n * @param options\r\n */\r\nfunction useResizeObserver(target, callback, options = {}) {\r\n    const { window = defaultWindow } = options, observerOptions = __rest(options, [\"window\"]);\r\n    let observer;\r\n    const targetRef = ref(target);\r\n    const isSupported = window && 'ResizeObserver' in window;\r\n    const cleanup = () => {\r\n        if (observer) {\r\n            observer.disconnect();\r\n            observer = undefined;\r\n        }\r\n    };\r\n    const stopWatch = watch(targetRef, (newValue) => {\r\n        cleanup();\r\n        if (isSupported && window && newValue) {\r\n            // @ts-expect-error missing type\r\n            observer = new window.ResizeObserver(callback);\r\n            observer.observe(newValue, observerOptions);\r\n        }\r\n    }, { immediate: true });\r\n    const stop = () => {\r\n        cleanup();\r\n        stopWatch();\r\n    };\r\n    tryOnUnmounted(stop);\r\n    return {\r\n        isSupported,\r\n        stop,\r\n    };\r\n}\n\n/**\r\n * Reactive size of an HTML element.\r\n *\r\n * @see   {@link https://vueuse.js.org/useElementSize}\r\n * @param target\r\n * @param callback\r\n * @param options\r\n */\r\nfunction useElementBounding(target, options = {}) {\r\n    const height = ref(0);\r\n    const bottom = ref(0);\r\n    const left = ref(0);\r\n    const right = ref(0);\r\n    const top = ref(0);\r\n    const width = ref(0);\r\n    const x = ref(0);\r\n    const y = ref(0);\r\n    useResizeObserver(target, ([entry]) => {\r\n        height.value = entry.contentRect.height;\r\n        bottom.value = entry.contentRect.bottom;\r\n        left.value = entry.contentRect.left;\r\n        right.value = entry.contentRect.right;\r\n        top.value = entry.contentRect.top;\r\n        width.value = entry.contentRect.width;\r\n        x.value = entry.contentRect.x;\r\n        y.value = entry.contentRect.y;\r\n    }, options);\r\n    return {\r\n        x,\r\n        y,\r\n        top,\r\n        right,\r\n        bottom,\r\n        left,\r\n        width,\r\n        height,\r\n    };\r\n}\n\n/**\r\n * Reactive size of an HTML element.\r\n *\r\n * @see   {@link https://vueuse.js.org/useElementSize}\r\n * @param target\r\n * @param callback\r\n * @param options\r\n */\r\nfunction useElementSize(target, initialSize = { width: 0, height: 0 }, options = {}) {\r\n    const width = ref(initialSize.width);\r\n    const height = ref(initialSize.height);\r\n    useResizeObserver(target, ([entry]) => {\r\n        width.value = entry.contentRect.width;\r\n        height.value = entry.contentRect.height;\r\n    }, options);\r\n    return {\r\n        width,\r\n        height,\r\n    };\r\n}\n\n/**\r\n * Tracks the visibility of an element within the viewport.\r\n *\r\n * @see   {@link https://vueuse.js.org/useElementVisibility}\r\n * @param element\r\n * @param options\r\n */\r\nfunction useElementVisibility(element, { window = defaultWindow, scrollTarget } = {}) {\r\n    const elementIsVisible = ref(false);\r\n    const testBounding = () => {\r\n        if (!window)\r\n            return;\r\n        const document = window.document;\r\n        if (!element.value) {\r\n            elementIsVisible.value = false;\r\n        }\r\n        else {\r\n            const rect = element.value.getBoundingClientRect();\r\n            elementIsVisible.value = (rect.top <= (window.innerHeight || document.documentElement.clientHeight)\r\n                && rect.left <= (window.innerWidth || document.documentElement.clientWidth)\r\n                && rect.bottom >= 0\r\n                && rect.right >= 0);\r\n        }\r\n    };\r\n    tryOnMounted(testBounding);\r\n    if (window)\r\n        tryOnMounted(() => useEventListener((scrollTarget === null || scrollTarget === void 0 ? void 0 : scrollTarget.value) || window, 'scroll', testBounding, { capture: false, passive: true }));\r\n    return elementIsVisible;\r\n}\n\n/**\r\n * Reactive wrapper for EventSource.\r\n *\r\n * @see   {@link https://vueuse.js.org/useEventSource}\r\n * @see   {@link https://developer.mozilla.org/en-US/docs/Web/API/EventSource/EventSource|EventSource}\r\n * @param url\r\n * @param events\r\n */\r\nfunction useEventSource(url, events = []) {\r\n    const event = ref(null);\r\n    const data = ref(null);\r\n    const status = ref('CONNECTING');\r\n    const eventSource = ref(null);\r\n    const error = ref(null);\r\n    const close = () => {\r\n        if (eventSource.value) {\r\n            eventSource.value.close();\r\n            eventSource.value = null;\r\n            status.value = 'CLOSED';\r\n        }\r\n    };\r\n    tryOnMounted(() => {\r\n        const es = new EventSource(url);\r\n        eventSource.value = es;\r\n        es.onopen = () => {\r\n            status.value = 'OPEN';\r\n            error.value = null;\r\n        };\r\n        es.onerror = (e) => {\r\n            status.value = 'CLOSED';\r\n            error.value = e;\r\n        };\r\n        es.onmessage = (e) => {\r\n            event.value = null;\r\n            data.value = e.data;\r\n        };\r\n        for (const event_name of events) {\r\n            useEventListener(es, event_name, (e) => {\r\n                event.value = event_name;\r\n                data.value = e.data || null;\r\n            });\r\n        }\r\n    });\r\n    tryOnUnmounted(() => {\r\n        close();\r\n    });\r\n    return {\r\n        eventSource,\r\n        event,\r\n        data,\r\n        status,\r\n        error,\r\n        close,\r\n    };\r\n}\n\n/**\r\n * Reactive favicon.\r\n *\r\n * @see   {@link https://vueuse.js.org/useFavicon}\r\n * @param newIcon\r\n * @param options\r\n */\r\nfunction useFavicon(newIcon = null, options = {}) {\r\n    const { baseUrl = '', rel = 'icon', document = defaultDocument, } = options;\r\n    const favicon = isRef(newIcon)\r\n        ? newIcon\r\n        : ref(newIcon);\r\n    const applyIcon = (icon) => {\r\n        document === null || document === void 0 ? void 0 : document.head.querySelectorAll(`link[rel*=\"${rel}\"]`).forEach(el => el.href = `${baseUrl}${icon}`);\r\n    };\r\n    watch(favicon, (i, o) => {\r\n        if (isString(i) && i !== o)\r\n            applyIcon(i);\r\n    }, { immediate: true });\r\n    return favicon;\r\n}\n\n/* this implementation is original ported from https://github.com/logaretm/vue-use-web by Abdelrahman Awad */\r\n/**\r\n * Reactive Fullscreen API.\r\n *\r\n * @see   {@link https://vueuse.js.org/useFullscreen}\r\n * @param target\r\n * @param options\r\n */\r\nfunction useFullscreen(target, options = {}) {\r\n    const { document = defaultDocument } = options;\r\n    const targetRef = ref(target || (document === null || document === void 0 ? void 0 : document.querySelector('html')));\r\n    const isFullscreen = ref(false);\r\n    async function exit() {\r\n        if (document === null || document === void 0 ? void 0 : document.fullscreenElement)\r\n            await document.exitFullscreen();\r\n        isFullscreen.value = false;\r\n    }\r\n    async function enter() {\r\n        exit();\r\n        if (targetRef.value) {\r\n            await targetRef.value.requestFullscreen();\r\n            isFullscreen.value = true;\r\n        }\r\n    }\r\n    async function toggle() {\r\n        if (isFullscreen.value)\r\n            await exit();\r\n        else\r\n            await enter();\r\n    }\r\n    return {\r\n        isFullscreen,\r\n        enter,\r\n        exit,\r\n        toggle,\r\n    };\r\n}\n\n/* this implementation is original ported from https://github.com/logaretm/vue-use-web by Abdelrahman Awad */\r\n/**\r\n * Reactive Geolocation API.\r\n *\r\n * @see   {@link https://vueuse.js.org/useGeolocation}\r\n * @param options\r\n */\r\nfunction useGeolocation(options = {}) {\r\n    const { enableHighAccuracy = true, maximumAge = 30000, timeout = 27000, navigator = defaultNavigator, } = options;\r\n    const isSupported = navigator && 'geolocation' in navigator;\r\n    const locatedAt = ref(null);\r\n    const error = ref(null);\r\n    const coords = ref({\r\n        accuracy: 0,\r\n        latitude: 0,\r\n        longitude: 0,\r\n        altitude: null,\r\n        altitudeAccuracy: null,\r\n        heading: null,\r\n        speed: null,\r\n    });\r\n    function updatePosition(position) {\r\n        locatedAt.value = position.timestamp;\r\n        coords.value = position.coords;\r\n        error.value = null;\r\n    }\r\n    let watcher;\r\n    tryOnMounted(() => {\r\n        if (isSupported) {\r\n            watcher = navigator.geolocation.watchPosition(updatePosition, err => error.value = err, {\r\n                enableHighAccuracy,\r\n                maximumAge,\r\n                timeout,\r\n            });\r\n        }\r\n    });\r\n    tryOnUnmounted(() => {\r\n        if (watcher && navigator)\r\n            navigator.geolocation.clearWatch(watcher);\r\n    });\r\n    return {\r\n        isSupported,\r\n        coords,\r\n        locatedAt,\r\n        error,\r\n    };\r\n}\n\nconst defaultEvents = ['mousemove', 'mousedown', 'resize', 'keydown', 'touchstart', 'wheel'];\r\nconst oneMinute = 60000;\r\n/**\r\n * Tracks whether the user is being inactive.\r\n *\r\n * @see   {@link https://vueuse.js.org/useIdle}\r\n * @param timeout default to 1 minute\r\n * @param options IdleOptions\r\n */\r\nfunction useIdle(timeout = oneMinute, options = {}) {\r\n    const { initialState = false, listenForVisibilityChange = true, events = defaultEvents, window = defaultWindow, eventFilter = throttleFilter(50), } = options;\r\n    const idle = ref(initialState);\r\n    const lastActive = ref(timestamp());\r\n    let timer;\r\n    const onEvent = createFilterWrapper(eventFilter, () => {\r\n        idle.value = false;\r\n        lastActive.value = timestamp();\r\n        clearTimeout(timer);\r\n        timer = setTimeout(() => idle.value = true, timeout);\r\n    });\r\n    if (window) {\r\n        const document = window.document;\r\n        for (const event of events)\r\n            useEventListener(window, event, onEvent, { passive: true });\r\n        if (listenForVisibilityChange) {\r\n            useEventListener(document, 'visibilitychange', () => {\r\n                if (!document.hidden)\r\n                    onEvent();\r\n            });\r\n        }\r\n    }\r\n    timer = setTimeout(() => idle.value = true, timeout);\r\n    return { idle, lastActive };\r\n}\n\n/**\r\n * Detects that a target element's visibility.\r\n *\r\n * @see   {@link https://vueuse.js.org/useIntersectionObserver}\r\n * @param target\r\n * @param callback\r\n * @param options\r\n */\r\nfunction useIntersectionObserver(target, callback, options = {}) {\r\n    const { root, rootMargin = '0px', threshold = 0.1, window = defaultWindow, } = options;\r\n    let observer;\r\n    const targetRef = ref(target);\r\n    const isSupported = window && 'IntersectionObserver' in window;\r\n    const cleanup = () => {\r\n        if (observer) {\r\n            observer.disconnect();\r\n            observer = undefined;\r\n        }\r\n    };\r\n    const stopWatch = watch(targetRef, (newValue) => {\r\n        cleanup();\r\n        if (isSupported && window && newValue) {\r\n            // @ts-expect-error missing type\r\n            observer = new window.IntersectionObserver(callback, {\r\n                root: unref(root),\r\n                rootMargin,\r\n                threshold,\r\n            });\r\n            observer.observe(newValue);\r\n        }\r\n    });\r\n    const stop = () => {\r\n        cleanup();\r\n        stopWatch();\r\n    };\r\n    tryOnUnmounted(stop);\r\n    return {\r\n        isSupported,\r\n        stop,\r\n    };\r\n}\n\nconst Serializers = {\r\n    boolean: {\r\n        read: (v, d) => v != null ? v === 'true' : d,\r\n        write: (v) => String(v),\r\n    },\r\n    object: {\r\n        read: (v, d) => v ? JSON.parse(v) : d,\r\n        write: (v) => JSON.stringify(v),\r\n    },\r\n    number: {\r\n        read: (v, d) => v != null ? Number.parseFloat(v) : d,\r\n        write: (v) => String(v),\r\n    },\r\n    any: {\r\n        read: (v, d) => v !== null && v !== void 0 ? v : d,\r\n        write: (v) => String(v),\r\n    },\r\n    string: {\r\n        read: (v, d) => v !== null && v !== void 0 ? v : d,\r\n        write: (v) => String(v),\r\n    },\r\n};\r\n/**\r\n * Reactive LocalStorage/SessionStorage.\r\n *\r\n * @see   {@link https://vueuse.js.org/useStorage}\r\n * @param key\r\n * @param defaultValue\r\n * @param storage\r\n * @param options\r\n */\r\nfunction useStorage(key, defaultValue, storage = defaultWindow === null || defaultWindow === void 0 ? void 0 : defaultWindow.localStorage, options = {}) {\r\n    const { flush = 'pre', deep = true, listenToStorageChanges = true, window = defaultWindow, eventFilter, } = options;\r\n    const data = ref(defaultValue);\r\n    const type = defaultValue == null\r\n        ? 'any'\r\n        : typeof defaultValue === 'boolean'\r\n            ? 'boolean'\r\n            : typeof defaultValue === 'string'\r\n                ? 'string'\r\n                : typeof defaultValue === 'object'\r\n                    ? 'object'\r\n                    : Array.isArray(defaultValue)\r\n                        ? 'object'\r\n                        : !Number.isNaN(defaultValue)\r\n                            ? 'number'\r\n                            : 'any';\r\n    function read() {\r\n        if (!storage)\r\n            return;\r\n        try {\r\n            let rawValue = storage.getItem(key);\r\n            if (rawValue === undefined && defaultValue) {\r\n                rawValue = Serializers[type].write(defaultValue);\r\n                storage.setItem(key, rawValue);\r\n            }\r\n            else {\r\n                data.value = Serializers[type].read(rawValue, defaultValue);\r\n            }\r\n        }\r\n        catch (e) {\r\n            console.warn(e);\r\n        }\r\n    }\r\n    read();\r\n    if (window && listenToStorageChanges)\r\n        useEventListener(window, 'storage', read);\r\n    watchWithFilter(data, () => {\r\n        if (!storage) // SSR\r\n            return;\r\n        try {\r\n            if (data.value == null)\r\n                storage.removeItem(key);\r\n            else\r\n                storage.setItem(key, Serializers[type].write(data.value));\r\n        }\r\n        catch (e) {\r\n            console.warn(e);\r\n        }\r\n    }, {\r\n        flush,\r\n        deep,\r\n        eventFilter,\r\n    });\r\n    return data;\r\n}\n\n/**\r\n * Reactive LocalStorage.\r\n *\r\n * @see   {@link https://vueuse.js.org/useLocalStorage}\r\n * @param key\r\n * @param defaultValue\r\n * @param options\r\n */\r\nfunction useLocalStorage(key, defaultValue, options = {}) {\r\n    const { window = defaultWindow } = options;\r\n    return useStorage(key, defaultValue, window === null || window === void 0 ? void 0 : window.localStorage, options);\r\n}\n\nconst fnClone = (v) => JSON.parse(JSON.stringify(v));\r\nconst fnBypass = (v) => v;\r\nconst fnSetSource = (source, value) => source.value = value;\r\nfunction defaultDump(clone) {\r\n    return (clone ? isFunction(clone) ? clone : fnClone : fnBypass);\r\n}\r\nfunction defaultParse(clone) {\r\n    return (clone ? isFunction(clone) ? clone : fnClone : fnBypass);\r\n}\r\n/**\r\n * Track the change history of a ref, also provides undo and redo functionality.\r\n *\r\n * @see   {@link https://vueuse.js.org/useManualRefHistory}\r\n * @param source\r\n * @param options\r\n */\r\nfunction useManualRefHistory(source, options = {}) {\r\n    const { clone = false, dump = defaultDump(clone), parse = defaultParse(clone), setSource = fnSetSource, } = options;\r\n    function _createHistoryRecord() {\r\n        return markRaw({\r\n            snapshot: dump(source.value),\r\n            timestamp: timestamp(),\r\n        });\r\n    }\r\n    const last = ref(_createHistoryRecord());\r\n    const undoStack = ref([]);\r\n    const redoStack = ref([]);\r\n    const _setSource = (record) => {\r\n        setSource(source, parse(record.snapshot));\r\n        last.value = record;\r\n    };\r\n    const commit = () => {\r\n        undoStack.value.unshift(last.value);\r\n        last.value = _createHistoryRecord();\r\n        if (options.capacity && undoStack.value.length > options.capacity)\r\n            undoStack.value.splice(options.capacity, Infinity);\r\n        if (redoStack.value.length)\r\n            redoStack.value.splice(0, redoStack.value.length);\r\n    };\r\n    const clear = () => {\r\n        undoStack.value.splice(0, undoStack.value.length);\r\n        redoStack.value.splice(0, redoStack.value.length);\r\n    };\r\n    const undo = () => {\r\n        const state = undoStack.value.shift();\r\n        if (state) {\r\n            redoStack.value.unshift(last.value);\r\n            _setSource(state);\r\n        }\r\n    };\r\n    const redo = () => {\r\n        const state = redoStack.value.shift();\r\n        if (state) {\r\n            undoStack.value.unshift(last.value);\r\n            _setSource(state);\r\n        }\r\n    };\r\n    const reset = () => {\r\n        _setSource(last.value);\r\n    };\r\n    const history = computed(() => [last.value, ...undoStack.value]);\r\n    const canUndo = computed(() => undoStack.value.length > 0);\r\n    const canRedo = computed(() => redoStack.value.length > 0);\r\n    return {\r\n        source,\r\n        undoStack,\r\n        redoStack,\r\n        last,\r\n        history,\r\n        canUndo,\r\n        canRedo,\r\n        clear,\r\n        commit,\r\n        reset,\r\n        undo,\r\n        redo,\r\n    };\r\n}\n\n/**\r\n * Reactive mouse position.\r\n *\r\n * @see   {@link https://vueuse.js.org/useMouse}\r\n * @param options\r\n */\r\nfunction useMouse(options = {}) {\r\n    const { touch = true, resetOnTouchEnds = false, initialValue = { x: 0, y: 0 }, window = defaultWindow, } = options;\r\n    const x = ref(initialValue.x);\r\n    const y = ref(initialValue.y);\r\n    const sourceType = ref(null);\r\n    const mouseHandler = (event) => {\r\n        x.value = event.pageX;\r\n        y.value = event.pageY;\r\n        sourceType.value = 'mouse';\r\n    };\r\n    const reset = () => {\r\n        x.value = initialValue.x;\r\n        y.value = initialValue.y;\r\n    };\r\n    const touchHandler = (event) => {\r\n        if (event.touches.length > 0) {\r\n            x.value = event.touches[0].clientX;\r\n            y.value = event.touches[0].clientY;\r\n            sourceType.value = 'touch';\r\n        }\r\n    };\r\n    if (window) {\r\n        useEventListener(window, 'mousemove', mouseHandler, { passive: true });\r\n        if (touch) {\r\n            useEventListener(window, 'touchstart', touchHandler, { passive: true });\r\n            useEventListener(window, 'touchmove', touchHandler, { passive: true });\r\n            if (resetOnTouchEnds)\r\n                useEventListener(window, 'touchend', reset, { passive: true });\r\n        }\r\n    }\r\n    return {\r\n        x,\r\n        y,\r\n        sourceType,\r\n    };\r\n}\n\n/**\r\n * Reactive mouse position related to an element.\r\n *\r\n * @see   {@link https://vueuse.js.org/useMouseInElement}\r\n * @param target\r\n * @param options\r\n */\r\nfunction useMouseInElement(target, options = {}) {\r\n    const { handleOutside = true } = options;\r\n    const { x, y, sourceType } = useMouse(options);\r\n    const targetRef = ref(target || (window === null || window === void 0 ? void 0 : window.document.body));\r\n    const elementX = ref(0);\r\n    const elementY = ref(0);\r\n    const elementPositionX = ref(0);\r\n    const elementPositionY = ref(0);\r\n    const elementHeight = ref(0);\r\n    const elementWidth = ref(0);\r\n    const isOutside = ref(false);\r\n    let stop = () => { };\r\n    if (window) {\r\n        stop = watch([targetRef, x, y], () => {\r\n            const el = targetRef.value;\r\n            if (!el)\r\n                return;\r\n            const { left, top, width, height, } = el.getBoundingClientRect();\r\n            elementPositionX.value = left + window.pageXOffset;\r\n            elementPositionY.value = top + window.pageYOffset;\r\n            elementHeight.value = height;\r\n            elementWidth.value = width;\r\n            const elX = x.value - elementPositionX.value;\r\n            const elY = y.value - elementPositionY.value;\r\n            isOutside.value = elX < 0 || elY < 0 || elX > elementWidth.value || elY > elementHeight.value;\r\n            if (handleOutside || !isOutside.value) {\r\n                elementX.value = elX;\r\n                elementY.value = elY;\r\n            }\r\n        }, { immediate: true });\r\n    }\r\n    return {\r\n        x,\r\n        y,\r\n        sourceType,\r\n        elementX,\r\n        elementY,\r\n        elementPositionX,\r\n        elementPositionY,\r\n        elementHeight,\r\n        elementWidth,\r\n        isOutside,\r\n        stop,\r\n    };\r\n}\n\n/**\r\n * Reactive mouse position.\r\n *\r\n * @see   {@link https://vueuse.js.org/useMousePressed}\r\n * @param options\r\n */\r\nfunction useMousePressed(options = {}) {\r\n    const { touch = true, initialValue = false, window = defaultWindow, } = options;\r\n    const target = ref(options.target);\r\n    const pressed = ref(initialValue);\r\n    const sourceType = ref(null);\r\n    let listeners = [];\r\n    if (window) {\r\n        const cleanup = () => {\r\n            listeners.forEach(f => f());\r\n            listeners = [];\r\n        };\r\n        const onReleased = () => {\r\n            pressed.value = false;\r\n            sourceType.value = null;\r\n        };\r\n        watch(target, () => {\r\n            cleanup();\r\n            const t = target.value || window;\r\n            listeners.push(useEventListener(t, 'mousedown', () => {\r\n                pressed.value = true;\r\n                sourceType.value = 'mouse';\r\n            }, { passive: true }));\r\n            if (touch) {\r\n                listeners.push(useEventListener(t, 'touchstart', () => {\r\n                    pressed.value = true;\r\n                    sourceType.value = 'touch';\r\n                }, { passive: true }));\r\n            }\r\n        }, { immediate: true });\r\n        useEventListener(window, 'mouseleave', onReleased, { passive: true });\r\n        useEventListener(window, 'mouseup', onReleased, { passive: true });\r\n        if (touch) {\r\n            useEventListener(window, 'touchend', onReleased, { passive: true });\r\n            useEventListener(window, 'touchcancel', onReleased, { passive: true });\r\n        }\r\n    }\r\n    return {\r\n        pressed,\r\n        sourceType,\r\n    };\r\n}\n\n/**\r\n * Watch for changes being made to the DOM tree.\r\n *\r\n * @see   {@link https://vueuse.js.org/useMutationObserver}\r\n * @see   {@link https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver|MutationObserver MDN}\r\n * @param el\r\n * @param callback\r\n * @param options\r\n */\r\nfunction useMutationObserver(el, callback, options = {}) {\r\n    const { window = defaultWindow } = options, mutationOptions = __rest(options, [\"window\"]);\r\n    const elRef = ref(el);\r\n    let observer;\r\n    const isSupported = window && 'IntersectionObserver' in window;\r\n    const cleanup = () => {\r\n        if (observer) {\r\n            observer.disconnect();\r\n            observer = undefined;\r\n        }\r\n    };\r\n    const stopWatch = watch(elRef, (newEl) => {\r\n        cleanup();\r\n        if (isSupported && window && newEl) {\r\n            // @ts-expect-error missing type\r\n            observer = new window.MutationObserver(callback);\r\n            observer.observe(newEl, mutationOptions);\r\n        }\r\n    }, { immediate: true });\r\n    const stop = () => {\r\n        cleanup();\r\n        stopWatch();\r\n    };\r\n    tryOnUnmounted(stop);\r\n    return {\r\n        isSupported,\r\n        stop,\r\n    };\r\n}\n\n/* this implementation is original ported from https://github.com/logaretm/vue-use-web by Abdelrahman Awad */\r\n/**\r\n * Reactive Network status.\r\n *\r\n * @see   {@link https://vueuse.js.org/useNetwork}\r\n * @param options\r\n */\r\nfunction useNetwork(options = {}) {\r\n    const { window = defaultWindow } = options;\r\n    const navigator = window === null || window === void 0 ? void 0 : window.navigator;\r\n    const isSupported = Boolean(navigator && 'connection' in navigator);\r\n    const isOnline = ref(true);\r\n    const saveData = ref(false);\r\n    const offlineAt = ref(undefined);\r\n    const downlink = ref(undefined);\r\n    const downlinkMax = ref(undefined);\r\n    const effectiveType = ref(undefined);\r\n    const type = ref('unknown');\r\n    const connection = isSupported && navigator.connection;\r\n    function updateNetworkInformation() {\r\n        if (!navigator)\r\n            return;\r\n        isOnline.value = navigator.onLine;\r\n        offlineAt.value = isOnline.value ? undefined : Date.now();\r\n        if (connection) {\r\n            downlink.value = connection.downlink;\r\n            downlinkMax.value = connection.downlinkMax;\r\n            effectiveType.value = connection.effectiveType;\r\n            saveData.value = connection.saveData;\r\n            type.value = connection.type;\r\n        }\r\n    }\r\n    if (window) {\r\n        useEventListener(window, 'offline', () => {\r\n            isOnline.value = false;\r\n            offlineAt.value = Date.now();\r\n        });\r\n        useEventListener(window, 'online', () => {\r\n            isOnline.value = true;\r\n        });\r\n    }\r\n    if (connection)\r\n        useEventListener(connection, 'change', updateNetworkInformation, false);\r\n    updateNetworkInformation();\r\n    return {\r\n        isSupported,\r\n        isOnline,\r\n        saveData,\r\n        offlineAt,\r\n        downlink,\r\n        downlinkMax,\r\n        effectiveType,\r\n        type,\r\n    };\r\n}\n\n/**\r\n * Reactive online state.\r\n *\r\n * @see   {@link https://vueuse.js.org/useOnline}\r\n * @param options\r\n */\r\nfunction useOnline(options = {}) {\r\n    const { isOnline } = useNetwork(options);\r\n    return isOnline;\r\n}\n\n/**\r\n * Reactive state to show whether mouse leaves the page.\r\n *\r\n * @see   {@link https://vueuse.js.org/usePageLeave}\r\n * @param options\r\n */\r\nfunction usePageLeave(options = {}) {\r\n    const { window = defaultWindow } = options;\r\n    const isLeft = ref(false);\r\n    const handler = (event) => {\r\n        if (!window)\r\n            return;\r\n        event = event || window.event;\r\n        // @ts-ignore\r\n        const from = event.relatedTarget || event.toElement;\r\n        isLeft.value = !from;\r\n    };\r\n    if (window) {\r\n        useEventListener(window, 'mouseout', handler, { passive: true });\r\n        useEventListener(window.document, 'mouseleave', handler, { passive: true });\r\n        useEventListener(window.document, 'mouseenter', handler, { passive: true });\r\n    }\r\n    return isLeft;\r\n}\n\n/**\r\n * Create parallax effect easily. It uses `useDeviceOrientation` and fallback to `useMouse`\r\n * if orientation is not supported.\r\n *\r\n * @param target\r\n * @param options\r\n */\r\nfunction useParallax(target, options = {}) {\r\n    const { deviceOrientationTiltAdjust = i => i, deviceOrientationRollAdjust = i => i, mouseTiltAdjust = i => i, mouseRollAdjust = i => i, window, } = options;\r\n    const orientation = reactive(useDeviceOrientation({ window }));\r\n    const { elementX: x, elementY: y, elementWidth: width, elementHeight: height, } = useMouseInElement(target, { handleOutside: false, window });\r\n    const source = computed(() => {\r\n        if (orientation.isSupported\r\n            && ((orientation.alpha != null && orientation.alpha !== 0) || (orientation.gamma != null && orientation.gamma !== 0)))\r\n            return 'deviceOrientation';\r\n        return 'mouse';\r\n    });\r\n    const roll = computed(() => {\r\n        if (source.value === 'deviceOrientation') {\r\n            const value = -orientation.beta / 90;\r\n            return deviceOrientationRollAdjust(value);\r\n        }\r\n        else {\r\n            const value = -(y.value - height.value / 2) / height.value;\r\n            return mouseRollAdjust(value);\r\n        }\r\n    });\r\n    const tilt = computed(() => {\r\n        if (source.value === 'deviceOrientation') {\r\n            const value = orientation.gamma / 90;\r\n            return deviceOrientationTiltAdjust(value);\r\n        }\r\n        else {\r\n            const value = (x.value - width.value / 2) / width.value;\r\n            return mouseTiltAdjust(value);\r\n        }\r\n    });\r\n    return { roll, tilt, source };\r\n}\n\n/**\r\n * Reactive Permissions API.\r\n *\r\n * @see   {@link https://vueuse.js.org/usePermission}\r\n * @param permissionDesc\r\n * @param options\r\n */\r\nfunction usePermission(permissionDesc, options = {}) {\r\n    const { navigator = defaultNavigator } = options;\r\n    let permissionStatus = null;\r\n    const desc = typeof permissionDesc === 'string'\r\n        ? { name: permissionDesc }\r\n        : permissionDesc;\r\n    const state = ref('');\r\n    const onChange = () => {\r\n        if (permissionStatus)\r\n            state.value = permissionStatus.state;\r\n    };\r\n    if (navigator && 'permissions' in navigator) {\r\n        navigator.permissions\r\n            .query(desc)\r\n            .then((status) => {\r\n            permissionStatus = status;\r\n            useEventListener(permissionStatus, 'change', onChange);\r\n            onChange();\r\n        })\r\n            .catch(noop);\r\n    }\r\n    return state;\r\n}\n\n/**\r\n * Reactive prefers-color-scheme media query.\r\n *\r\n * @see   {@link https://vueuse.js.org/usePreferredColorScheme}\r\n * @param [options]\r\n */\r\nfunction usePreferredColorScheme(options) {\r\n    const isLight = useMediaQuery('(prefers-color-scheme: light)', options);\r\n    const isDark = useMediaQuery('(prefers-color-scheme: dark)', options);\r\n    return computed(() => {\r\n        if (isDark.value)\r\n            return 'dark';\r\n        if (isLight.value)\r\n            return 'light';\r\n        return 'no-preference';\r\n    });\r\n}\n\n/**\r\n * Reactive dark theme preference.\r\n *\r\n * @see   {@link https://vueuse.js.org/usePreferredDark}\r\n * @param [options]\r\n */\r\nfunction usePreferredDark(options) {\r\n    return useMediaQuery('(prefers-color-scheme: dark)', options);\r\n}\n\n/**\r\n * Reactive Navigator Languages.\r\n *\r\n * @see   {@link https://vueuse.js.org/usePreferredLanguages}\r\n * @param options\r\n */\r\nfunction usePreferredLanguages(options = {}) {\r\n    const { window = defaultWindow } = options;\r\n    if (!window)\r\n        return ref('en');\r\n    const navigator = window.navigator;\r\n    const value = ref(navigator.languages);\r\n    useEventListener(window, 'languagechange', () => {\r\n        value.value = navigator.languages;\r\n    });\r\n    return value;\r\n}\n\n/**\r\n * Call function on every `requestAnimationFrame`. With controls of pausing and resuming.\r\n *\r\n * @see   {@link https://vueuse.js.org/useRafFn}\r\n * @param fn\r\n * @param options\r\n */\r\nfunction useRafFn(fn, options = {}) {\r\n    const { immediate = true, window = defaultWindow, } = options;\r\n    const isActive = ref(false);\r\n    function loop() {\r\n        if (!isActive.value)\r\n            return;\r\n        fn();\r\n        if (window)\r\n            window.requestAnimationFrame(loop);\r\n    }\r\n    function resume() {\r\n        if (!isActive.value) {\r\n            isActive.value = true;\r\n            loop();\r\n        }\r\n    }\r\n    function pause() {\r\n        isActive.value = false;\r\n    }\r\n    if (immediate)\r\n        resume();\r\n    tryOnUnmounted(pause);\r\n    return {\r\n        isActive,\r\n        pause,\r\n        resume,\r\n        stop: pause,\r\n        start: resume,\r\n    };\r\n}\n\n/**\r\n * Track the change history of a ref, also provides undo and redo functionality.\r\n *\r\n * @see   {@link https://vueuse.js.org/useRefHistory}\r\n * @param source\r\n * @param options\r\n */\r\nfunction useRefHistory(source, options = {}) {\r\n    const { deep = false, flush = 'pre', } = options;\r\n    const setSource = (source, value) => {\r\n        // Support changes that are done after the last history operation\r\n        // examples:\r\n        //   undo, modify\r\n        //   undo, undo, modify\r\n        // If there were already changes in the state, they will be ignored\r\n        // examples:\r\n        //   modify, undo\r\n        //   undo, modify, undo\r\n        ignorePrevAsyncUpdates();\r\n        ignoreUpdates(() => {\r\n            source.value = value;\r\n        });\r\n    };\r\n    const manualHistory = useManualRefHistory(source, Object.assign(Object.assign({}, options), { clone: options.clone || deep, setSource }));\r\n    const { clear, commit: manualCommit } = manualHistory;\r\n    const commit = () => {\r\n        // This guard only applies for flush 'pre' and 'post'\r\n        // If the user triggers a commit manually, then reset the watcher\r\n        // so we do not trigger an extra commit in the async watcher\r\n        ignorePrevAsyncUpdates();\r\n        manualCommit();\r\n    };\r\n    const { eventFilter, pause, resume: resumeTracking, isActive: isTracking } = pausableFilter();\r\n    const { ignoreUpdates, ignorePrevAsyncUpdates, stop } = ignorableWatch(source, commit, { deep, flush, eventFilter });\r\n    const resume = (commitNow) => {\r\n        resumeTracking();\r\n        if (commitNow)\r\n            commit();\r\n    };\r\n    const batch = (fn) => {\r\n        let canceled = false;\r\n        const cancel = () => canceled = true;\r\n        ignoreUpdates(() => {\r\n            fn(cancel);\r\n        });\r\n        if (!canceled)\r\n            commit();\r\n    };\r\n    const dispose = () => {\r\n        stop();\r\n        clear();\r\n    };\r\n    return Object.assign(Object.assign({}, manualHistory), { isTracking,\r\n        pause,\r\n        resume,\r\n        commit,\r\n        batch,\r\n        dispose });\r\n}\n\n/**\r\n * Reactive SessionStorage.\r\n *\r\n * @see   {@link https://vueuse.js.org/useSessionStorage}\r\n * @param key\r\n * @param defaultValue\r\n * @param options\r\n */\r\nfunction useSessionStorage(key, defaultValue, options = {}) {\r\n    const { window = defaultWindow } = options;\r\n    return useStorage(key, defaultValue, window === null || window === void 0 ? void 0 : window.sessionStorage, options);\r\n}\n\n/**\r\n * Reactive Web Share API.\r\n *\r\n * @use   {@link https://vueuse.js.org/useShare}\r\n * @param shareOptions\r\n * @param options\r\n */\r\nfunction useShare(shareOptions = {}, options = {}) {\r\n    const { navigator = defaultNavigator } = options;\r\n    const _navigator = navigator;\r\n    const isSupported = 'canShare' in _navigator;\r\n    const share = async (overrideOptions = {}) => {\r\n        if (isSupported) {\r\n            const data = Object.assign(Object.assign({}, unref(shareOptions)), unref(overrideOptions));\r\n            let granted = true;\r\n            if (data.files && _navigator.canShare)\r\n                granted = _navigator.canShare({ files: data.files });\r\n            if (granted)\r\n                return _navigator.share(data);\r\n        }\r\n    };\r\n    return {\r\n        isSupported,\r\n        share,\r\n    };\r\n}\n\n// ported from https://www.reddit.com/r/vuejs/comments/jksizl/speech_recognition_as_a_vue_3_hook\r\n/**\r\n * Reactive SpeechRecognition.\r\n *\r\n * @see   {@link https://vueuse.js.org/useSpeechRecognition}\r\n * @see   {@link https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition|SpeechRecognition}\r\n * @param options\r\n */\r\nfunction useSpeechRecognition(options = {}) {\r\n    const { lang = 'en-US', interimResults = true, continuous = true, } = options;\r\n    const isListening = ref(false);\r\n    const isFinal = ref(false);\r\n    const result = ref('');\r\n    const error = ref(null);\r\n    const toggle = (value = !isListening.value) => {\r\n        isListening.value = value;\r\n    };\r\n    const start = () => {\r\n        isListening.value = true;\r\n    };\r\n    const stop = () => {\r\n        isListening.value = false;\r\n    };\r\n    const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;\r\n    const isSupported = Boolean(SpeechRecognition);\r\n    let recognition;\r\n    if (isSupported) {\r\n        recognition = new SpeechRecognition();\r\n        recognition.continuous = continuous;\r\n        recognition.interimResults = interimResults;\r\n        recognition.lang = lang;\r\n        recognition.onstart = () => {\r\n            isFinal.value = false;\r\n        };\r\n        recognition.onresult = (event) => {\r\n            const transcript = Array.from(event.results)\r\n                .map((result) => {\r\n                isFinal.value = result.isFinal;\r\n                return result[0];\r\n            })\r\n                .map(result => result.transcript)\r\n                .join('');\r\n            result.value = transcript;\r\n            error.value = null;\r\n        };\r\n        recognition.onerror = (event) => {\r\n            error.value = event.error;\r\n        };\r\n        recognition.onend = () => {\r\n            isListening.value = false;\r\n        };\r\n        watch(isListening, () => {\r\n            if (isListening.value)\r\n                recognition.start();\r\n            else\r\n                recognition.stop();\r\n        });\r\n    }\r\n    tryOnUnmounted(() => {\r\n        isListening.value = false;\r\n    });\r\n    return {\r\n        isSupported,\r\n        isListening,\r\n        isFinal,\r\n        recognition,\r\n        result,\r\n        error,\r\n        toggle,\r\n        start,\r\n        stop,\r\n    };\r\n}\n\n/**\r\n * Reactive current timestamp.\r\n *\r\n * @see   {@link https://vueuse.js.org/useTimestamp}\r\n * @param options\r\n */\r\nfunction useTimestamp(options = {}) {\r\n    const { offset = 0 } = options;\r\n    const ts = ref(timestamp() + offset);\r\n    const controls = useRafFn(() => ts.value = timestamp() + offset, { immediate: true });\r\n    return Object.assign({ timestamp: ts }, controls);\r\n}\n\n/**\r\n * Reactive document title.\r\n *\r\n * @see   {@link https://vueuse.js.org/useTitle}\r\n * @param newTitle\r\n * @param options\r\n */\r\nfunction useTitle(newTitle = null, { document = defaultDocument } = {}) {\r\n    var _a;\r\n    const title = ref((_a = newTitle !== null && newTitle !== void 0 ? newTitle : document === null || document === void 0 ? void 0 : document.title) !== null && _a !== void 0 ? _a : null);\r\n    watch(title, (t, o) => {\r\n        if (isString(t) && t !== o && document)\r\n            document.title = t;\r\n    }, { immediate: true });\r\n    return title;\r\n}\n\n/**\r\n * Create an easing function from cubic bezier points.\r\n */\r\nfunction createEasingFunction([p0, p1, p2, p3]) {\r\n    const a = (a1, a2) => 1 - 3 * a2 + 3 * a1;\r\n    const b = (a1, a2) => 3 * a2 - 6 * a1;\r\n    const c = (a1) => 3 * a1;\r\n    const calcBezier = (t, a1, a2) => ((a(a1, a2) * t + b(a1, a2)) * t + c(a1)) * t;\r\n    const getSlope = (t, a1, a2) => 3 * a(a1, a2) * t * t + 2 * b(a1, a2) * t + c(a1);\r\n    const getTforX = (x) => {\r\n        let aGuessT = x;\r\n        for (let i = 0; i < 4; ++i) {\r\n            const currentSlope = getSlope(aGuessT, p0, p2);\r\n            if (currentSlope === 0)\r\n                return aGuessT;\r\n            const currentX = calcBezier(aGuessT, p0, p2) - x;\r\n            aGuessT -= currentX / currentSlope;\r\n        }\r\n        return aGuessT;\r\n    };\r\n    return (x) => p0 === p1 && p2 === p3 ? x : calcBezier(getTforX(x), p1, p3);\r\n}\r\n/**\r\n * Common transitions\r\n *\r\n * @see   {@link https://easings.net}\r\n */\r\nconst TransitionPresets = {\r\n    linear: [0, 0, 1, 1],\r\n    easeInSine: [0.12, 0, 0.39, 0],\r\n    easeOutSine: [0.61, 1, 0.88, 1],\r\n    easeInQuad: [0.11, 0, 0.5, 0],\r\n    easeOutQuad: [0.5, 1, 0.89, 1],\r\n    easeInCubic: [0.32, 0, 0.67, 0],\r\n    easeOutCubic: [0.33, 1, 0.68, 1],\r\n    easeInOutCubic: [0.65, 0, 0.35, 1],\r\n    easeInQuart: [0.5, 0, 0.75, 0],\r\n    easeOutQuart: [0.25, 1, 0.5, 1],\r\n    easeInOutQuart: [0.76, 0, 0.24, 1],\r\n    easeInQuint: [0.64, 0, 0.78, 0],\r\n    easeOutQuint: [0.22, 1, 0.36, 1],\r\n    easeInOutQuint: [0.83, 0, 0.17, 1],\r\n    easeInExpo: [0.7, 0, 0.84, 0],\r\n    easeOutExpo: [0.16, 1, 0.3, 1],\r\n    easeInOutExpo: [0.87, 0, 0.13, 1],\r\n    easeInCirc: [0.55, 0, 1, 0.45],\r\n    easeOutCirc: [0, 0.55, 0.45, 1],\r\n    easeInOutCirc: [0.85, 0, 0.15, 1],\r\n    easeInBack: [0.36, 0, 0.66, -0.56],\r\n    easeOutBack: [0.34, 1.56, 0.64, 1],\r\n    easeInOutBack: [0.68, -0.6, 0.32, 1.6],\r\n};\r\n/**\r\n * Transition between values.\r\n *\r\n * @see   {@link https://vueuse.js.org/useTransition}\r\n * @param source\r\n * @param options\r\n */\r\nfunction useTransition(source, options = {}) {\r\n    const { duration = 500, transition = (n) => n, } = options;\r\n    const output = ref(source.value);\r\n    const getValue = isFunction(transition)\r\n        ? transition\r\n        : createEasingFunction(transition);\r\n    let diff = 0;\r\n    let endAt = 0;\r\n    let startAt = 0;\r\n    let startValue = 0;\r\n    const { resume, pause } = useRafFn(() => {\r\n        const now = Date.now();\r\n        const progress = clamp(1 - ((endAt - now) / duration), 0, 1);\r\n        output.value = startValue + (diff * getValue(progress));\r\n        if (progress >= 1)\r\n            pause();\r\n    }, { immediate: false });\r\n    watch(source, () => {\r\n        pause();\r\n        diff = source.value - output.value;\r\n        startValue = output.value;\r\n        startAt = Date.now();\r\n        endAt = startAt + duration;\r\n        resume();\r\n    });\r\n    return output;\r\n}\n\n/**\r\n * Shorthand for v-model binding, props + emit -> ref\r\n *\r\n * @see   {@link https://vueuse.js.org/useVModel}\r\n * @param props\r\n * @param key\r\n * @param emit\r\n */\r\nfunction useVModel(props, key, emit) {\r\n    var _a;\r\n    const vueCurrentInstance = getCurrentInstance();\r\n    // @ts-expect-error mis-alignment with @vue/composition-api\r\n    const _emit = emit || isVue3 ? vueCurrentInstance === null || vueCurrentInstance === void 0 ? void 0 : vueCurrentInstance.emit : (_a = vueCurrentInstance === null || vueCurrentInstance === void 0 ? void 0 : vueCurrentInstance.$emit) === null || _a === void 0 ? void 0 : _a.bind(vueCurrentInstance);\r\n    return computed({\r\n        get() {\r\n            return props[key];\r\n        },\r\n        set(value) {\r\n            _emit(`update:${key}`, value);\r\n        },\r\n    });\r\n}\n\n/* this implementation is original ported from https://github.com/logaretm/vue-use-web by Abdelrahman Awad */\r\n/**\r\n * Reactive simple WebSocket client.\r\n *\r\n * @see   {@link https://vueuse.js.org/useWebSocket}\r\n * @param url\r\n */\r\nfunction useWebSocket(url) {\r\n    const data = ref(null);\r\n    const state = ref('CONNECTING');\r\n    let ws;\r\n    const close = function close(code, reason) {\r\n        if (!ws)\r\n            return;\r\n        ws.close(code, reason);\r\n    };\r\n    const send = function send(data) {\r\n        if (!ws)\r\n            return;\r\n        ws.send(data);\r\n    };\r\n    ws = new WebSocket(url);\r\n    ws.onopen = () => {\r\n        state.value = 'OPEN';\r\n    };\r\n    ws.onclose = ws.onerror = () => {\r\n        state.value = 'CLOSED';\r\n    };\r\n    ws.onmessage = (e) => {\r\n        data.value = e.data;\r\n    };\r\n    tryOnUnmounted(() => {\r\n        ws.close();\r\n    });\r\n    return {\r\n        data,\r\n        state,\r\n        close,\r\n        send,\r\n        ws,\r\n    };\r\n}\n\n/* this implementation is original ported from https://github.com/logaretm/vue-use-web by Abdelrahman Awad */\r\n/**\r\n * Simple Web Workers registration and communication.\r\n *\r\n * @see   {@link https://vueuse.js.org/useWebWorker}\r\n * @param url\r\n */\r\nfunction useWebWorker(url) {\r\n    const data = ref(null);\r\n    let worker;\r\n    const post = function post(val) {\r\n        if (!worker)\r\n            return;\r\n        worker.postMessage(val);\r\n    };\r\n    const terminate = function terminate() {\r\n        if (!worker)\r\n            return;\r\n        worker.terminate();\r\n    };\r\n    worker = new Worker(url);\r\n    worker.onmessage = (e) => {\r\n        data.value = e.data;\r\n    };\r\n    tryOnUnmounted(() => {\r\n        worker.terminate();\r\n    });\r\n    return {\r\n        data,\r\n        post,\r\n        terminate,\r\n    };\r\n}\n\n/**\r\n * This function accepts as a parameter a function \"userFunc\"\r\n * And as a result returns an anonymous function.\r\n * This anonymous function, accepts as arguments,\r\n * the parameters to pass to the function \"useArgs\" and returns a Promise\r\n * This function can be used as a wrapper, only inside a Worker\r\n * because it depends by \"postMessage\".\r\n *\r\n * @param {Function} userFunc {Function} fn the function to run with web worker\r\n *\r\n * @returns {Function} returns a function that accepts the parameters\r\n * to be passed to the \"userFunc\" function\r\n */\r\nconst jobRunner = (userFunc) => (e) => {\r\n    const userFuncArgs = e.data[0];\r\n    // eslint-disable-next-line prefer-spread\r\n    return Promise.resolve(userFunc.apply(undefined, userFuncArgs))\r\n        .then((result) => {\r\n        // @ts-ignore\r\n        postMessage(['SUCCESS', result]);\r\n    })\r\n        .catch((error) => {\r\n        // @ts-ignore\r\n        postMessage(['ERROR', error]);\r\n    });\r\n};\n\n/**\r\n *\r\n * Concatenates the dependencies into a comma separated string.\r\n * this string will then be passed as an argument to the \"importScripts\" function\r\n *\r\n * @param {Array.<String>}} deps array of string\r\n * @returns {String} a string composed by the concatenation of the array\r\n * elements \"deps\" and \"importScripts\".\r\n *\r\n * @example\r\n * depsParser(['demo1', 'demo2']) // return importScripts('demo1, demo2')\r\n */\r\nconst depsParser = (deps) => {\r\n    if (deps.length === 0)\r\n        return '';\r\n    const depsString = deps.map(dep => `${dep}`).toString();\r\n    return `importScripts('${depsString}')`;\r\n};\n\n/**\r\n * Converts the \"fn\" function into the syntax needed to be executed within a web worker\r\n *\r\n * @param {Function} fn the function to run with web worker\r\n * @param {Array.<String>} deps array of strings, imported into the worker through \"importScripts\"\r\n *\r\n * @returns {String} a blob url, containing the code of \"fn\" as a string\r\n *\r\n * @example\r\n * createWorkerBlobUrl((a,b) => a+b, [])\r\n * // return \"onmessage=return Promise.resolve((a,b) => a + b)\r\n * .then(postMessage(['SUCCESS', result]))\r\n * .catch(postMessage(['ERROR', error])\"\r\n */\r\nconst createWorkerBlobUrl = (fn, deps) => {\r\n    const blobCode = `${depsParser(deps)}; onmessage=(${jobRunner})(${fn})`;\r\n    const blob = new Blob([blobCode], { type: 'text/javascript' });\r\n    const url = URL.createObjectURL(blob);\r\n    return url;\r\n};\n\n/* this implementation is a vue port of https://github.com/alewin/useWorker by Alessio Koci */\r\n/**\r\n * Run expensive function without blocking the UI, using a simple syntax that makes use of Promise.\r\n *\r\n * @see   {@link https://vueuse.js.org/useWebWorkerFn}\r\n * @param fn\r\n * @param options\r\n */\r\nconst useWebWorkerFn = (fn, { dependencies = [], timeout, window = defaultWindow, } = {}) => {\r\n    const worker = ref(undefined);\r\n    const workerStatus = ref('PENDING');\r\n    const promise = ref({});\r\n    const timeoutId = ref(undefined);\r\n    const workerTerminate = (status = 'PENDING') => {\r\n        if (worker.value && worker.value._url && window) {\r\n            worker.value.terminate();\r\n            URL.revokeObjectURL(worker.value._url);\r\n            promise.value = {};\r\n            worker.value = undefined;\r\n            window.clearTimeout(timeoutId.value);\r\n            workerStatus.value = status;\r\n        }\r\n    };\r\n    workerTerminate();\r\n    tryOnUnmounted(() => {\r\n        workerTerminate();\r\n    });\r\n    const generateWorker = () => {\r\n        const blobUrl = createWorkerBlobUrl(fn, dependencies);\r\n        const newWorker = new Worker(blobUrl);\r\n        newWorker._url = blobUrl;\r\n        newWorker.onmessage = (e) => {\r\n            const { resolve = () => { }, reject = () => { }, } = promise.value;\r\n            const [status, result] = e.data;\r\n            switch (status) {\r\n                case 'SUCCESS':\r\n                    resolve(result);\r\n                    workerTerminate(status);\r\n                    break;\r\n                default:\r\n                    reject(result);\r\n                    workerTerminate('ERROR');\r\n                    break;\r\n            }\r\n        };\r\n        newWorker.onerror = (e) => {\r\n            const { reject = () => { }, } = promise.value;\r\n            reject(e);\r\n            workerTerminate('ERROR');\r\n        };\r\n        if (timeout) {\r\n            timeoutId.value = setTimeout(() => workerTerminate('TIMEOUT_EXPIRED'), timeout);\r\n        }\r\n        return newWorker;\r\n    };\r\n    const callWorker = (...fnArgs) => new Promise((resolve, reject) => {\r\n        promise.value = {\r\n            resolve,\r\n            reject,\r\n        };\r\n        worker.value && worker.value.postMessage([[...fnArgs]]);\r\n        workerStatus.value = 'RUNNING';\r\n    });\r\n    const workerFn = (...fnArgs) => {\r\n        if (workerStatus.value === 'RUNNING') {\r\n            /* eslint-disable-next-line no-console */\r\n            console.error('[useWebWorkerFn] You can only run one instance of the worker at a time.');\r\n            /* eslint-disable-next-line prefer-promise-reject-errors */\r\n            return Promise.reject();\r\n        }\r\n        worker.value = generateWorker();\r\n        return callWorker(...fnArgs);\r\n    };\r\n    return {\r\n        workerFn,\r\n        workerStatus,\r\n        workerTerminate,\r\n    };\r\n};\n\n/**\r\n * Reactive window scroll.\r\n *\r\n * @see   {@link https://vueuse.js.org/useWindowScroll}\r\n * @param options\r\n */\r\nfunction useWindowScroll({ window = defaultWindow } = {}) {\r\n    if (!window) {\r\n        return {\r\n            x: ref(0),\r\n            y: ref(0),\r\n        };\r\n    }\r\n    const x = ref(window.pageXOffset);\r\n    const y = ref(window.pageYOffset);\r\n    useEventListener('scroll', () => {\r\n        x.value = window.pageXOffset;\r\n        y.value = window.pageYOffset;\r\n    }, {\r\n        capture: false,\r\n        passive: true,\r\n    });\r\n    return { x, y };\r\n}\n\n/**\r\n * Reactive window size.\r\n *\r\n * @see   {@link https://vueuse.js.org/useWindowSize}\r\n * @param options\r\n */\r\nfunction useWindowSize({ window = defaultWindow, initialWidth = Infinity, initialHeight = Infinity } = {}) {\r\n    if (!window) {\r\n        return {\r\n            width: ref(initialWidth),\r\n            height: ref(initialHeight),\r\n        };\r\n    }\r\n    const width = ref(window.innerWidth);\r\n    const height = ref(window.innerHeight);\r\n    useEventListener('resize', () => {\r\n        width.value = window.innerWidth;\r\n        height.value = window.innerHeight;\r\n    }, { passive: true });\r\n    return { width, height };\r\n}\n\nexport { TransitionPresets, asyncComputed, createGlobalState, onClickOutside, onStartTyping, useAsyncState, useBattery, useBrowserLocation, useClipboard, useCssVar, useDeviceLight, useDeviceMotion, useDeviceOrientation, useDevicePixelRatio, useDocumentVisibility, useElementBounding, useElementSize, useElementVisibility, useEventListener, useEventSource, useFavicon, useFullscreen, useGeolocation, useIdle, useIntersectionObserver, useLocalStorage, useManualRefHistory, useMediaQuery, useMouse, useMouseInElement, useMousePressed, useMutationObserver, useNetwork, useOnline, usePageLeave, useParallax, usePermission, usePreferredColorScheme, usePreferredDark, usePreferredLanguages, useRafFn, useRefHistory, useResizeObserver, useSessionStorage, useShare, useSpeechRecognition, useStorage, useTimestamp, useTitle, useTransition, useVModel, useWebSocket, useWebWorker, useWebWorkerFn, useWindowScroll, useWindowSize };\n"],"sourceRoot":""}