@vueuse/shared 10.2.1 → 10.4.0

package/index.cjs

@@ -2,33 +2,14 @@
 
 var vueDemi = require('vue-demi');
 
-var __defProp$b = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$b = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$d.call(b, prop))
-      __defNormalProp$b(a, prop, b[prop]);
-  if (__getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(b)) {
-      if (__propIsEnum$d.call(b, prop))
-        __defNormalProp$b(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
 function computedEager(fn, options) {
-  var _a;
   const result = vueDemi.shallowRef();
   vueDemi.watchEffect(() => {
     result.value = fn();
-  }, __spreadProps$8(__spreadValues$b({}, options), {
-    flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
-  }));
+  }, {
+    ...options,
+    flush: options?.flush ?? "sync"
+  });
   return vueDemi.readonly(result);
 }
 
@@ -57,7 +38,7 @@ function computedWithControl(source, fn) {
         return v;
       },
       set(v2) {
-        set == null ? void 0 : set(v2);
+        set?.(v2);
       }
     };
   });
@@ -180,25 +161,9 @@ function isDefined(v) {
   return vueDemi.unref(v) != null;
 }
 
-var __defProp$a = Object.defineProperty;
-var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
-var __hasOwnProp$c = Object.prototype.hasOwnProperty;
-var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$a = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$c.call(b, prop))
-      __defNormalProp$a(a, prop, b[prop]);
-  if (__getOwnPropSymbols$c)
-    for (var prop of __getOwnPropSymbols$c(b)) {
-      if (__propIsEnum$c.call(b, prop))
-        __defNormalProp$a(a, prop, b[prop]);
-    }
-  return a;
-};
 function makeDestructurable(obj, arr) {
   if (typeof Symbol !== "undefined") {
-    const clone = __spreadValues$a({}, obj);
+    const clone = { ...obj };
     Object.defineProperty(clone, Symbol.iterator, {
       enumerable: false,
       value() {
@@ -223,7 +188,7 @@ function toValue(r) {
 const resolveUnref = toValue;
 
 function reactify(fn, options) {
-  const unrefFn = (options == null ? void 0 : options.computedGetter) === false ? vueDemi.unref : toValue;
+  const unrefFn = options?.computedGetter === false ? vueDemi.unref : toValue;
   return function(...args) {
     return vueDemi.computed(() => fn.apply(this, args.map((i) => unrefFn(i))));
   };
@@ -297,7 +262,7 @@ function reactiveOmit(obj, ...keys) {
   );
 }
 
-const isClient = typeof window !== "undefined";
+const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 const isDef = (val) => typeof val !== "undefined";
 const notNullish = (val) => val != null;
 const assert = (condition, ...infos) => {
@@ -319,8 +284,7 @@ const rand = (min, max) => {
 const hasOwn = (val, key) => Object.prototype.hasOwnProperty.call(val, key);
 const isIOS = /* @__PURE__ */ getIsIOS();
 function getIsIOS() {
-  var _a;
-  return isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
+  return isClient && window?.navigator?.userAgent && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
 }
 
 function createFilterWrapper(filter, fn) {
@@ -442,6 +406,22 @@ const directiveHooks = {
   unmounted: vueDemi.isVue3 ? "unmounted" : "unbind"
 };
 
+function cacheStringFunction(fn) {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (str) => {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
+}
+const hyphenateRE = /\B([A-Z])/g;
+const hyphenate = cacheStringFunction(
+  (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
+);
+const camelizeRE = /-(\w)/g;
+const camelize = cacheStringFunction((str) => {
+  return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
+});
+
 function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
   return new Promise((resolve, reject) => {
     if (throwOnTimeout)
@@ -475,10 +455,9 @@ function containsProp(obj, ...props) {
   return props.some((k) => k in obj);
 }
 function increaseWithUnit(target, delta) {
-  var _a;
   if (typeof target === "number")
     return target + delta;
-  const value = ((_a = target.match(/^-?[0-9]+\.?[0-9]*/)) == null ? void 0 : _a[0]) || "";
+  const value = target.match(/^-?[0-9]+\.?[0-9]*/)?.[0] || "";
   const unit = target.slice(value.length);
   const result = Number.parseFloat(value) + delta;
   if (Number.isNaN(result))
@@ -519,10 +498,10 @@ function reactivePick(obj, ...keys) {
 
 function refAutoReset(defaultValue, afterMs = 1e4) {
   return vueDemi.customRef((track, trigger) => {
-    let value = defaultValue;
+    let value = toValue(defaultValue);
     let timer;
     const resetAfter = () => setTimeout(() => {
-      value = defaultValue;
+      value = toValue(defaultValue);
       trigger();
     }, toValue(afterMs));
     tryOnScopeDispose(() => {
@@ -562,8 +541,7 @@ function refDebounced(value, ms = 200, options = {}) {
 function refDefault(source, defaultValue) {
   return vueDemi.computed({
     get() {
-      var _a;
-      return (_a = source.value) != null ? _a : defaultValue;
+      return source.value ?? defaultValue;
     },
     set(value) {
       source.value = value;
@@ -611,14 +589,13 @@ function refWithControl(initial, options = {}) {
     return source;
   }
   function set(value, triggering = true) {
-    var _a, _b;
     if (value === source)
       return;
     const old = source;
-    if (((_a = options.onBeforeChange) == null ? void 0 : _a.call(options, value, old)) === false)
+    if (options.onBeforeChange?.(value, old) === false)
       return;
     source = value;
-    (_b = options.onChanged) == null ? void 0 : _b.call(options, value, old);
+    options.onChanged?.(value, old);
     if (triggering)
       trigger();
   }
@@ -656,8 +633,39 @@ function set(...args) {
   }
 }
 
+function watchWithFilter(source, cb, options = {}) {
+  const {
+    eventFilter = bypassFilter,
+    ...watchOptions
+  } = options;
+  return vueDemi.watch(
+    source,
+    createFilterWrapper(
+      eventFilter,
+      cb
+    ),
+    watchOptions
+  );
+}
+
+function watchPausable(source, cb, options = {}) {
+  const {
+    eventFilter: filter,
+    ...watchOptions
+  } = options;
+  const { eventFilter, pause, resume, isActive } = pausableFilter(filter);
+  const stop = watchWithFilter(
+    source,
+    cb,
+    {
+      ...watchOptions,
+      eventFilter
+    }
+  );
+  return { stop, pause, resume, isActive };
+}
+
 function syncRef(left, right, options = {}) {
-  var _a, _b;
   const {
     flush = "sync",
     deep = false,
@@ -665,28 +673,35 @@ function syncRef(left, right, options = {}) {
     direction = "both",
     transform = {}
   } = options;
-  let watchLeft;
-  let watchRight;
-  const transformLTR = (_a = transform.ltr) != null ? _a : (v) => v;
-  const transformRTL = (_b = transform.rtl) != null ? _b : (v) => v;
+  const watchers = [];
+  const transformLTR = transform.ltr ?? ((v) => v);
+  const transformRTL = transform.rtl ?? ((v) => v);
   if (direction === "both" || direction === "ltr") {
-    watchLeft = vueDemi.watch(
+    watchers.push(watchPausable(
       left,
-      (newValue) => right.value = transformLTR(newValue),
+      (newValue) => {
+        watchers.forEach((w) => w.pause());
+        right.value = transformLTR(newValue);
+        watchers.forEach((w) => w.resume());
+      },
       { flush, deep, immediate }
-    );
+    ));
   }
   if (direction === "both" || direction === "rtl") {
-    watchRight = vueDemi.watch(
+    watchers.push(watchPausable(
       right,
-      (newValue) => left.value = transformRTL(newValue),
+      (newValue) => {
+        watchers.forEach((w) => w.pause());
+        left.value = transformRTL(newValue);
+        watchers.forEach((w) => w.resume());
+      },
       { flush, deep, immediate }
-    );
+    ));
   }
-  return () => {
-    watchLeft == null ? void 0 : watchLeft();
-    watchRight == null ? void 0 : watchRight();
+  const stop = () => {
+    watchers.forEach((w) => w.stop());
   };
+  return stop;
 }
 
 function syncRefs(source, targets, options = {}) {
@@ -704,43 +719,29 @@ function syncRefs(source, targets, options = {}) {
   );
 }
 
-var __defProp$9 = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$9 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$b.call(b, prop))
-      __defNormalProp$9(a, prop, b[prop]);
-  if (__getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(b)) {
-      if (__propIsEnum$b.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-function toRefs(objectRef) {
+function toRefs(objectRef, options = {}) {
   if (!vueDemi.isRef(objectRef))
     return vueDemi.toRefs(objectRef);
-  const result = Array.isArray(objectRef.value) ? new Array(objectRef.value.length) : {};
+  const result = Array.isArray(objectRef.value) ? Array.from({ length: objectRef.value.length }) : {};
   for (const key in objectRef.value) {
     result[key] = vueDemi.customRef(() => ({
       get() {
         return objectRef.value[key];
       },
       set(v) {
-        if (Array.isArray(objectRef.value)) {
-          const copy = [...objectRef.value];
-          copy[key] = v;
-          objectRef.value = copy;
+        const replaceRef = toValue(options.replaceRef) ?? true;
+        if (replaceRef) {
+          if (Array.isArray(objectRef.value)) {
+            const copy = [...objectRef.value];
+            copy[key] = v;
+            objectRef.value = copy;
+          } else {
+            const newObject = { ...objectRef.value, [key]: v };
+            Object.setPrototypeOf(newObject, Object.getPrototypeOf(objectRef.value));
+            objectRef.value = newObject;
+          }
         } else {
-          const newObject = __spreadProps$7(__spreadValues$9({}, objectRef.value), { [key]: v });
-          Object.setPrototypeOf(newObject, Object.getPrototypeOf(objectRef.value));
-          objectRef.value = newObject;
+          objectRef.value[key] = v;
         }
       }
     }));
@@ -784,7 +785,7 @@ function createUntil(r, isNot = false) {
         r,
         (v) => {
           if (condition(v) !== isNot) {
-            stop == null ? void 0 : stop();
+            stop?.();
             resolve(v);
           }
         },
@@ -798,7 +799,7 @@ function createUntil(r, isNot = false) {
     const promises = [watcher];
     if (timeout != null) {
       promises.push(
-        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r)).finally(() => stop == null ? void 0 : stop())
+        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r)).finally(() => stop?.())
       );
     }
     return Promise.race(promises);
@@ -806,14 +807,14 @@ function createUntil(r, isNot = false) {
   function toBe(value, options) {
     if (!vueDemi.isRef(value))
       return toMatch((v) => v === value, options);
-    const { flush = "sync", deep = false, timeout, throwOnTimeout } = options != null ? options : {};
+    const { flush = "sync", deep = false, timeout, throwOnTimeout } = options ?? {};
     let stop = null;
     const watcher = new Promise((resolve) => {
       stop = vueDemi.watch(
         [r, value],
         ([v1, v2]) => {
           if (isNot !== (v1 === v2)) {
-            stop == null ? void 0 : stop();
+            stop?.();
             resolve(v1);
           }
         },
@@ -828,7 +829,7 @@ function createUntil(r, isNot = false) {
     if (timeout != null) {
       promises.push(
         promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r)).finally(() => {
-          stop == null ? void 0 : stop();
+          stop?.();
           return toValue(r);
         })
       );
@@ -899,10 +900,9 @@ function defaultComparator(value, othVal) {
   return value === othVal;
 }
 function useArrayDifference(...args) {
-  var _a;
   const list = args[0];
   const values = args[1];
-  let compareFn = (_a = args[2]) != null ? _a : defaultComparator;
+  let compareFn = args[2] ?? defaultComparator;
   if (typeof compareFn === "string") {
     const key = compareFn;
     compareFn = (value, othVal) => value[key] === othVal[key];
@@ -950,20 +950,19 @@ function isArrayIncludesOptions(obj) {
   return isObject(obj) && containsProp(obj, "formIndex", "comparator");
 }
 function useArrayIncludes(...args) {
-  var _a;
   const list = args[0];
   const value = args[1];
   let comparator = args[2];
   let formIndex = 0;
   if (isArrayIncludesOptions(comparator)) {
-    formIndex = (_a = comparator.fromIndex) != null ? _a : 0;
+    formIndex = comparator.fromIndex ?? 0;
     comparator = comparator.comparator;
   }
   if (typeof comparator === "string") {
     const key = comparator;
     comparator = (element, value2) => element[key] === toValue(value2);
   }
-  comparator = comparator != null ? comparator : (element, value2) => element === toValue(value2);
+  comparator = comparator ?? ((element, value2) => element === toValue(value2));
   return vueDemi.computed(
     () => toValue(list).slice(formIndex).some(
       (element, index, array) => comparator(toValue(element), toValue(value), index, toValue(array))
@@ -1009,17 +1008,18 @@ function useArrayUnique(list, compareFn) {
 }
 
 function useCounter(initialValue = 0, options = {}) {
+  let _initialValue = vueDemi.unref(initialValue);
   const count = vueDemi.ref(initialValue);
   const {
-    max = Infinity,
-    min = -Infinity
+    max = Number.POSITIVE_INFINITY,
+    min = Number.NEGATIVE_INFINITY
   } = options;
   const inc = (delta = 1) => count.value = Math.min(max, count.value + delta);
   const dec = (delta = 1) => count.value = Math.max(min, count.value - delta);
   const get = () => count.value;
   const set = (val) => count.value = Math.max(min, Math.min(max, val));
-  const reset = (val = initialValue) => {
-    initialValue = val;
+  const reset = (val = _initialValue) => {
+    _initialValue = val;
     return set(val);
   };
   return { count, inc, dec, get, set, reset };
@@ -1034,7 +1034,6 @@ function defaultMeridiem(hours, minutes, isLowercase, hasPeriod) {
   return isLowercase ? m.toLowerCase() : m;
 }
 function formatDate(date, formatStr, options = {}) {
-  var _a;
   const years = date.getFullYear();
   const month = date.getMonth();
   const days = date.getDate();
@@ -1043,7 +1042,7 @@ function formatDate(date, formatStr, options = {}) {
   const seconds = date.getSeconds();
   const milliseconds = date.getMilliseconds();
   const day = date.getDay();
-  const meridiem = (_a = options.customMeridiem) != null ? _a : defaultMeridiem;
+  const meridiem = options.customMeridiem ?? defaultMeridiem;
   const matches = {
     YY: () => String(years).slice(-2),
     YYYY: () => years,
@@ -1071,14 +1070,11 @@ function formatDate(date, formatStr, options = {}) {
     a: () => meridiem(hours, minutes, true),
     aa: () => meridiem(hours, minutes, true, true)
   };
-  return formatStr.replace(REGEX_FORMAT, (match, $1) => {
-    var _a2;
-    return $1 || ((_a2 = matches[match]) == null ? void 0 : _a2.call(matches)) || match;
-  });
+  return formatStr.replace(REGEX_FORMAT, (match, $1) => $1 ?? matches[match]?.() ?? match);
 }
 function normalizeDate(date) {
   if (date === null)
-    return /* @__PURE__ */ new Date(NaN);
+    return new Date(Number.NaN);
   if (date === void 0)
     return /* @__PURE__ */ new Date();
   if (date instanceof Date)
@@ -1141,22 +1137,6 @@ function useIntervalFn(cb, interval = 1e3, options = {}) {
   };
 }
 
-var __defProp$8 = Object.defineProperty;
-var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$a.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(b)) {
-      if (__propIsEnum$a.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
-    }
-  return a;
-};
 function useInterval(interval = 1e3, options = {}) {
   const {
     controls: exposeControls = false,
@@ -1177,18 +1157,18 @@ function useInterval(interval = 1e3, options = {}) {
     { immediate }
   );
   if (exposeControls) {
-    return __spreadValues$8({
+    return {
       counter,
-      reset
-    }, controls);
+      reset,
+      ...controls
+    };
   } else {
     return counter;
   }
 }
 
 function useLastChanged(source, options = {}) {
-  var _a;
-  const ms = vueDemi.ref((_a = options.initialValue) != null ? _a : null);
+  const ms = vueDemi.ref(options.initialValue ?? null);
   vueDemi.watch(
     source,
     () => ms.value = timestamp(),
@@ -1235,37 +1215,22 @@ function useTimeoutFn(cb, interval, options = {}) {
   };
 }
 
-var __defProp$7 = Object.defineProperty;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$9.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b)) {
-      if (__propIsEnum$9.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
-    }
-  return a;
-};
 function useTimeout(interval = 1e3, options = {}) {
   const {
     controls: exposeControls = false,
     callback
   } = options;
   const controls = useTimeoutFn(
-    callback != null ? callback : noop,
+    callback ?? noop,
     interval,
     options
   );
   const ready = vueDemi.computed(() => !controls.isPending.value);
   if (exposeControls) {
-    return __spreadValues$7({
-      ready
-    }, controls);
+    return {
+      ready,
+      ...controls
+    };
   } else {
     return ready;
   }
@@ -1315,11 +1280,11 @@ function useToggle(initialValue = false, options = {}) {
 }
 
 function watchArray(source, cb, options) {
-  let oldList = (options == null ? void 0 : options.immediate) ? [] : [
+  let oldList = options?.immediate ? [] : [
     ...source instanceof Function ? source() : Array.isArray(source) ? source : toValue(source)
   ];
   return vueDemi.watch(source, (newList, _, onCleanup) => {
-    const oldListRemains = new Array(oldList.length);
+    const oldListRemains = Array.from({ length: oldList.length });
     const added = [];
     for (const obj of newList) {
       let found = false;
@@ -1339,58 +1304,11 @@ function watchArray(source, cb, options) {
   }, options);
 }
 
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __objRest$5 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function watchWithFilter(source, cb, options = {}) {
-  const _a = options, {
-    eventFilter = bypassFilter
-  } = _a, watchOptions = __objRest$5(_a, [
-    "eventFilter"
-  ]);
-  return vueDemi.watch(
-    source,
-    createFilterWrapper(
-      eventFilter,
-      cb
-    ),
-    watchOptions
-  );
-}
-
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __objRest$4 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 function watchAtMost(source, cb, options) {
-  const _a = options, {
-    count
-  } = _a, watchOptions = __objRest$4(_a, [
-    "count"
-  ]);
+  const {
+    count,
+    ...watchOptions
+  } = options;
   const current = vueDemi.ref(0);
   const stop = watchWithFilter(
     source,
@@ -1405,120 +1323,38 @@ function watchAtMost(source, cb, options) {
   return { count: current, stop };
 }
 
-var __defProp$6 = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
-var __objRest$3 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 function watchDebounced(source, cb, options = {}) {
-  const _a = options, {
+  const {
     debounce = 0,
-    maxWait = void 0
-  } = _a, watchOptions = __objRest$3(_a, [
-    "debounce",
-    "maxWait"
-  ]);
+    maxWait = void 0,
+    ...watchOptions
+  } = options;
   return watchWithFilter(
     source,
     cb,
-    __spreadProps$6(__spreadValues$6({}, watchOptions), {
+    {
+      ...watchOptions,
       eventFilter: debounceFilter(debounce, { maxWait })
-    })
+    }
   );
 }
 
-var __defProp$5 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 function watchDeep(source, cb, options) {
   return vueDemi.watch(
     source,
     cb,
-    __spreadProps$5(__spreadValues$5({}, options), {
+    {
+      ...options,
       deep: true
-    })
+    }
   );
 }
 
-var __defProp$4 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-var __objRest$2 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 function watchIgnorable(source, cb, options = {}) {
-  const _a = options, {
-    eventFilter = bypassFilter
-  } = _a, watchOptions = __objRest$2(_a, [
-    "eventFilter"
-  ]);
+  const {
+    eventFilter = bypassFilter,
+    ...watchOptions
+  } = options;
   const filteredCb = createFilterWrapper(
     eventFilter,
     cb
@@ -1556,7 +1392,7 @@ function watchIgnorable(source, cb, options = {}) {
         () => {
           syncCounter.value++;
         },
-        __spreadProps$4(__spreadValues$4({}, watchOptions), { flush: "sync" })
+        { ...watchOptions, flush: "sync" }
       )
     );
     ignoreUpdates = (updater) => {
@@ -1585,32 +1421,14 @@ function watchIgnorable(source, cb, options = {}) {
   return { stop, ignoreUpdates, ignorePrevAsyncUpdates };
 }
 
-var __defProp$3 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 function watchImmediate(source, cb, options) {
   return vueDemi.watch(
     source,
     cb,
-    __spreadProps$3(__spreadValues$3({}, options), {
+    {
+      ...options,
       immediate: true
-    })
+    }
   );
 }
 
@@ -1621,123 +1439,23 @@ function watchOnce(source, cb, options) {
   }, options);
 }
 
-var __defProp$2 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __objRest$1 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function watchPausable(source, cb, options = {}) {
-  const _a = options, {
-    eventFilter: filter
-  } = _a, watchOptions = __objRest$1(_a, [
-    "eventFilter"
-  ]);
-  const { eventFilter, pause, resume, isActive } = pausableFilter(filter);
-  const stop = watchWithFilter(
-    source,
-    cb,
-    __spreadProps$2(__spreadValues$2({}, watchOptions), {
-      eventFilter
-    })
-  );
-  return { stop, pause, resume, isActive };
-}
-
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 function watchThrottled(source, cb, options = {}) {
-  const _a = options, {
+  const {
     throttle = 0,
     trailing = true,
-    leading = true
-  } = _a, watchOptions = __objRest(_a, [
-    "throttle",
-    "trailing",
-    "leading"
-  ]);
+    leading = true,
+    ...watchOptions
+  } = options;
   return watchWithFilter(
     source,
     cb,
-    __spreadProps$1(__spreadValues$1({}, watchOptions), {
+    {
+      ...watchOptions,
       eventFilter: throttleFilter(throttle, trailing, leading)
-    })
+    }
   );
 }
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function watchTriggerable(source, cb, options = {}) {
   let cleanupFn;
   function onEffect() {
@@ -1763,9 +1481,10 @@ function watchTriggerable(source, cb, options = {}) {
     });
     return res2;
   };
-  return __spreadProps(__spreadValues({}, res), {
+  return {
+    ...res,
     trigger
-  });
+  };
 }
 function getWatchSources(sources) {
   if (vueDemi.isReactive(sources))
@@ -1792,6 +1511,7 @@ function whenever(source, cb, options) {
 exports.assert = assert;
 exports.autoResetRef = refAutoReset;
 exports.bypassFilter = bypassFilter;
+exports.camelize = camelize;
 exports.clamp = clamp;
 exports.computedEager = computedEager;
 exports.computedWithControl = computedWithControl;
@@ -1814,6 +1534,7 @@ exports.extendRef = extendRef;
 exports.formatDate = formatDate;
 exports.get = get;
 exports.hasOwn = hasOwn;
+exports.hyphenate = hyphenate;
 exports.identity = identity;
 exports.ignorableWatch = watchIgnorable;
 exports.increaseWithUnit = increaseWithUnit;