@poveste/vendors 0.14.0 → 0.15.0

package/dist/client/b-vue-use.js

@@ -1,4 +1,4 @@
-import { U as shallowRef, S as watchEffect, W as readonly, B as watch, X as customRef, E as effectScope, I as getCurrentScope, J as onScopeDispose, O as getCurrentInstance, y as hasInjectionContext, z as inject, T as provide, u as ref, N as toRef$1, Y as toValue, Z as shallowReadonly, G as isRef, C as unref, L as computed, M as reactive, K as toRefs$1, _ as onBeforeMount, b as nextTick, $ as onBeforeUnmount, a0 as onMounted, P as onUnmounted, H as isReactive, d as defineComponent, V as shallowReactive, x as h, F as Fragment, a1 as TransitionGroup, a2 as onUpdated, A as toRaw, D as markRaw, a3 as isReadonly, a4 as onBeforeUpdate } from './vue.runtime.esm-bundler.js';
+import { shallowRef, watchEffect, readonly, watch, customRef, effectScope, getCurrentScope, onScopeDispose, getCurrentInstance, hasInjectionContext, inject, provide, ref, toRef as toRef$1, toValue, shallowReadonly, isRef, unref, computed, reactive, toRefs as toRefs$1, onBeforeMount, nextTick, onBeforeUnmount, onMounted, onUnmounted, isReactive, defineComponent, shallowReactive, h, Fragment, TransitionGroup, toRaw, onUpdated, markRaw, isReadonly, onBeforeUpdate } from './vue.runtime.esm-bundler.js';
 
 //#region computedEager/index.ts
 /**
@@ -193,9 +193,9 @@ const localProvidedStateMap = /* @__PURE__ */ new WeakMap();
 * const injectedValue = injectLocal('MyInjectionKey') // injectedValue === 1
 * ```
 *
-* @__NO_SIDE_EFFECTS__
+* @NO_SIDE_EFFECTS
 */
-const injectLocal = (...args) => {
+const injectLocal = /* @__NO_SIDE_EFFECTS__ */ (...args) => {
 	var _getCurrentInstance;
 	const key = args[0];
 	const instance = (_getCurrentInstance = getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.proxy;
@@ -227,6 +227,7 @@ function provideLocal(key, value) {
 }
 //#endregion
 //#region createInjectionState/index.ts
+/* @__NO_SIDE_EFFECTS__ */
 function createInjectionState(composable, options) {
 	const key = (options === null || options === void 0 ? void 0 : options.injectionKey) || Symbol(composable.name || "InjectionState");
 	const defaultValue = options === null || options === void 0 ? void 0 : options.defaultValue;
@@ -235,7 +236,7 @@ function createInjectionState(composable, options) {
 		provideLocal(key, state);
 		return state;
 	};
-	const useInjectedState = () => injectLocal(key, defaultValue);
+	const useInjectedState = () => /* @__PURE__ */ injectLocal(key, defaultValue);
 	return [useProvidingState, useInjectedState];
 }
 //#endregion
@@ -676,11 +677,7 @@ function reactify(fn, options) {
 const createReactiveFn = reactify;
 //#endregion
 //#region reactifyObject/index.ts
-/**
-* Apply `reactify` to an object
-*
-* @__NO_SIDE_EFFECTS__
-*/
+/* @__NO_SIDE_EFFECTS__ */
 function reactifyObject(obj, optionsOrKeys = {}) {
 	let keys = [];
 	let options;
@@ -706,7 +703,7 @@ function reactifyObject(obj, optionsOrKeys = {}) {
 */
 function toReactive(objectRef) {
 	if (!isRef(objectRef)) return reactive(objectRef);
-	return reactive(new Proxy({}, {
+	const proxy = new Proxy({}, {
 		get(_, p, receiver) {
 			return unref(Reflect.get(objectRef.value, p, receiver));
 		},
@@ -730,7 +727,8 @@ function toReactive(objectRef) {
 				configurable: true
 			};
 		}
-	}));
+	});
+	return reactive(proxy);
 }
 //#endregion
 //#region reactiveComputed/index.ts
@@ -894,7 +892,7 @@ function refManualReset(defaultValue) {
 * @param   ms             A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.
 *                                    (default value: 200)
 *
-* @param [trailing] if true, call fn again after the time is up (default value: false)
+* @param [trailing] if true, call fn again after the time is up (default value: true)
 *
 * @param [leading] if true, call fn on the leading edge of the ms timeout (default value: true)
 *
@@ -904,7 +902,7 @@ function refManualReset(defaultValue) {
 *
 * @__NO_SIDE_EFFECTS__
 */
-function useThrottleFn(fn, ms = 200, trailing = false, leading = true, rejectOnCancel = false) {
+function useThrottleFn(fn, ms = 200, trailing = true, leading = true, rejectOnCancel = false) {
 	return createFilterWrapper(throttleFilter(ms, trailing, leading, rejectOnCancel), fn);
 }
 //#endregion
@@ -1111,19 +1109,20 @@ function toRefs(objectRef, options = {}) {
 		},
 		set(v) {
 			var _toValue;
-			if ((_toValue = toValue(options.replaceRef)) !== null && _toValue !== void 0 ? _toValue : true) 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 objectRef.value[key] = v;
+			if ((_toValue = toValue(options.replaceRef)) !== null && _toValue !== void 0 ? _toValue : true) {
+				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 objectRef.value[key] = v;
 		}
 	}));
 	return result;
@@ -1323,17 +1322,7 @@ function useArrayEvery(list, fn) {
 }
 //#endregion
 //#region useArrayFilter/index.ts
-/**
-* Reactive `Array.filter`
-*
-* @see https://vueuse.org/useArrayFilter
-* @param list - the array was called upon.
-* @param fn - a function that is called for every element of the given `list`. Each time `fn` executes, the returned value is added to the new array.
-*
-* @returns a shallow copy of a portion of the given array, filtered down to just the elements from the given array that pass the test implemented by the provided function. If no elements pass the test, an empty array will be returned.
-*
-* @__NO_SIDE_EFFECTS__
-*/
+/* @__NO_SIDE_EFFECTS__ */
 function useArrayFilter(list, fn) {
 	return computed(() => toValue(list).map((i) => toValue(i)).filter(fn));
 }
@@ -1394,15 +1383,7 @@ function useArrayFindLast(list, fn) {
 function isArrayIncludesOptions(obj) {
 	return isObject(obj) && containsProp(obj, "formIndex", "comparator");
 }
-/**
-* Reactive `Array.includes`
-*
-* @see https://vueuse.org/useArrayIncludes
-*
-* @returns true if the `value` is found in the array. Otherwise, false.
-*
-* @__NO_SIDE_EFFECTS__
-*/
+/* @__NO_SIDE_EFFECTS__ */
 function useArrayIncludes(...args) {
 	var _comparator;
 	const list = args[0];
@@ -1455,18 +1436,7 @@ function useArrayMap(list, fn) {
 }
 //#endregion
 //#region useArrayReduce/index.ts
-/**
-* Reactive `Array.reduce`
-*
-* @see https://vueuse.org/useArrayReduce
-* @param list - the array was called upon.
-* @param reducer - a "reducer" function.
-* @param args
-*
-* @returns the value that results from running the "reducer" callback function to completion over the entire array.
-*
-* @__NO_SIDE_EFFECTS__
-*/
+/* @__NO_SIDE_EFFECTS__ */
 function useArrayReduce(list, reducer, ...args) {
 	const reduceCallback = (sum, value, index) => reducer(toValue(sum), toValue(value), index);
 	return computed(() => {
@@ -2400,10 +2370,12 @@ function useMutationObserver(target, callback, options = {}) {
 			observer = void 0;
 		}
 	};
-	const stopWatch = watch(computed(() => {
-		const items = toArray(toValue(target)).map(unrefElement).filter(notNullish);
+	const targets = computed(() => {
+		const value = toValue(target);
+		const items = toArray(value).map(unrefElement).filter(notNullish);
 		return new Set(items);
-	}), (newTargets) => {
+	});
+	const stopWatch = watch(targets, (newTargets) => {
 		cleanup();
 		if (isSupported.value && newTargets.size) {
 			observer = new MutationObserver(callback);
@@ -2480,15 +2452,16 @@ function onKeyStroke(...args) {
 		key = args[0];
 		handler = args[1];
 		options = args[2];
-	} else if (args.length === 2) if (typeof args[1] === "object") {
-		key = true;
-		handler = args[0];
-		options = args[1];
+	} else if (args.length === 2) {
+		if (typeof args[1] === "object") {
+			key = true;
+			handler = args[0];
+			options = args[1];
+		} else {
+			key = args[0];
+			handler = args[1];
+		}
 	} else {
-		key = args[0];
-		handler = args[1];
-	}
-	else {
 		key = true;
 		handler = args[0];
 	}
@@ -2617,7 +2590,11 @@ function onLongPress(target, handler, options) {
 	const cleanup = [
 		useEventListener(elementRef, "pointerdown", onDown, listenerOptions),
 		useEventListener(elementRef, "pointermove", onMove, listenerOptions),
-		useEventListener(elementRef, ["pointerup", "pointerleave"], onRelease, listenerOptions)
+		useEventListener(elementRef, [
+			"pointerup",
+			"pointerleave",
+			"pointercancel"
+		], onRelease, listenerOptions)
 	];
 	const stop = () => cleanup.forEach((fn) => fn());
 	return stop;
@@ -2655,37 +2632,6 @@ function onStartTyping(callback, options = {}) {
 	if (document) useEventListener(document, "keydown", keydown, { passive: true });
 }
 //#endregion
-//#region templateRef/index.ts
-/**
-* @deprecated Use Vue's built-in `useTemplateRef` instead.
-*
-* Shorthand for binding ref to template element.
-*
-* @see https://vueuse.org/templateRef
-* @param key
-* @param initialValue
-*
-* @__NO_SIDE_EFFECTS__
-*/
-function templateRef(key, initialValue = null) {
-	const instance = getCurrentInstance();
-	let _trigger = () => {};
-	const element = customRef((track, trigger) => {
-		_trigger = trigger;
-		return {
-			get() {
-				var _instance$proxy$$refs, _instance$proxy;
-				track();
-				return (_instance$proxy$$refs = instance === null || instance === void 0 || (_instance$proxy = instance.proxy) === null || _instance$proxy === void 0 ? void 0 : _instance$proxy.$refs[key]) !== null && _instance$proxy$$refs !== void 0 ? _instance$proxy$$refs : initialValue;
-			},
-			set() {}
-		};
-	});
-	tryOnMounted(_trigger);
-	onUpdated(_trigger);
-	return element;
-}
-//#endregion
 //#region useActiveElement/index.ts
 /**
 * Reactive `document.activeElement`
@@ -3000,10 +2946,11 @@ function useAsyncQueue(tasks, options) {
 		pending: "pending",
 		rejected: "rejected"
 	};
-	const result = reactive(Array.from(Array.from({ length: tasks.length }), () => ({
+	const initialResult = Array.from(Array.from({ length: tasks.length }), () => ({
 		state: promiseState.pending,
 		data: null
-	})));
+	}));
+	const result = reactive(initialResult);
 	const activeIndex = shallowRef(-1);
 	if (!tasks || tasks.length === 0) {
 		onFinished();
@@ -3282,23 +3229,23 @@ function useBluetooth(options) {
 	}
 	async function connectToBluetoothGATTServer() {
 		error.value = null;
-		if (device.value && device.value.gatt) {
-			useEventListener(device, "gattserverdisconnected", reset, { passive: true });
-			try {
-				server.value = await device.value.gatt.connect();
-				isConnected.value = server.value.connected;
-			} catch (err) {
-				error.value = err;
-			}
+		if (device.value && device.value.gatt) try {
+			server.value = await device.value.gatt.connect();
+			isConnected.value = server.value.connected;
+		} catch (err) {
+			error.value = err;
 		}
 	}
 	tryOnMounted(() => {
-		var _device$value$gatt;
-		if (device.value) (_device$value$gatt = device.value.gatt) === null || _device$value$gatt === void 0 || _device$value$gatt.connect();
+		useEventListener(device, "gattserverdisconnected", reset, {
+			passive: true,
+			once: true
+		});
+		connectToBluetoothGATTServer();
 	});
 	tryOnScopeDispose(() => {
-		var _device$value$gatt2;
-		if (device.value) (_device$value$gatt2 = device.value.gatt) === null || _device$value$gatt2 === void 0 || _device$value$gatt2.disconnect();
+		var _device$value$gatt;
+		if (device.value) (_device$value$gatt = device.value.gatt) === null || _device$value$gatt === void 0 || _device$value$gatt.disconnect();
 	});
 	return {
 		isSupported,
@@ -3688,13 +3635,7 @@ function useCached(refValue, comparator = (newSourceValue, cachedValue) => newSo
 }
 //#endregion
 //#region usePermission/index.ts
-/**
-* Reactive Permissions API.
-*
-* @see https://vueuse.org/usePermission
-*
-* @__NO_SIDE_EFFECTS__
-*/
+/* @__NO_SIDE_EFFECTS__ */
 function usePermission(permissionDesc, options = {}) {
 	const { controls = false, navigator = defaultNavigator } = options;
 	const isSupported = /* @__PURE__ */ useSupported(() => navigator && "permissions" in navigator);
@@ -3727,11 +3668,12 @@ function usePermission(permissionDesc, options = {}) {
 }
 //#endregion
 //#region useClipboard/index.ts
+/* @__NO_SIDE_EFFECTS__ */
 function useClipboard(options = {}) {
 	const { navigator = defaultNavigator, read = false, source, copiedDuring = 1500, legacy = false } = options;
 	const isClipboardApiSupported = /* @__PURE__ */ useSupported(() => navigator && "clipboard" in navigator);
-	const permissionRead = usePermission("clipboard-read");
-	const permissionWrite = usePermission("clipboard-write");
+	const permissionRead = /* @__PURE__ */ usePermission("clipboard-read");
+	const permissionWrite = /* @__PURE__ */ usePermission("clipboard-write");
 	const isSupported = computed(() => isClipboardApiSupported.value || legacy);
 	const text = shallowRef("");
 	const copied = shallowRef(false);
@@ -3759,15 +3701,17 @@ function useClipboard(options = {}) {
 			} catch (_unused2) {
 				useLegacy = true;
 			}
-			if (useLegacy) if (typeof resolvedValue === "string") {
-				text.value = resolvedValue;
-				legacyCopy(resolvedValue);
-			} else {
-				const currentId = ++lastLegacyId;
-				const resolvedText = await resolvedValue();
-				if (resolvedText != null && currentId === lastLegacyId) {
-					text.value = resolvedText;
-					legacyCopy(resolvedText);
+			if (useLegacy) {
+				if (typeof resolvedValue === "string") {
+					text.value = resolvedValue;
+					legacyCopy(resolvedValue);
+				} else {
+					const currentId = ++lastLegacyId;
+					const resolvedText = await resolvedValue();
+					if (resolvedText != null && currentId === lastLegacyId) {
+						text.value = resolvedText;
+						legacyCopy(resolvedText);
+					}
 				}
 			}
 			copied.value = true;
@@ -3812,6 +3756,7 @@ function useClipboard(options = {}) {
 }
 //#endregion
 //#region useClipboardItems/index.ts
+/* @__NO_SIDE_EFFECTS__ */
 function useClipboardItems(options = {}) {
 	const { navigator = defaultNavigator, read = false, source, copiedDuring = 1500 } = options;
 	const isSupported = /* @__PURE__ */ useSupported(() => navigator && "clipboard" in navigator);
@@ -3989,8 +3934,10 @@ function useStorage(key, defaults, storage, options = {}) {
 	*
 	* TODO: Consider implementing a BroadcastChannel-based solution that fixes this.
 	*/
-	if (window && listenToStorageChanges) if (storage instanceof Storage) useEventListener(window, "storage", onStorageEvent, { passive: true });
-	else useEventListener(window, customStorageEventName, onStorageCustomEvent);
+	if (window && listenToStorageChanges) {
+		if (storage instanceof Storage) useEventListener(window, "storage", onStorageEvent, { passive: true });
+		else useEventListener(window, customStorageEventName, onStorageCustomEvent);
+	}
 	if (initOnMounted) tryOnMounted(() => {
 		firstMounted = true;
 		update();
@@ -4195,13 +4142,6 @@ function useConfirmDialog(revealed = shallowRef(false)) {
 }
 //#endregion
 //#region useCountdown/index.ts
-function getDefaultScheduler$8(options) {
-	if ("interval" in options || "immediate" in options) {
-		const { interval = 1e3, immediate = false } = options;
-		return (cb) => useIntervalFn(cb, interval, { immediate });
-	}
-	return (cb) => useIntervalFn(cb, 1e3, { immediate: false });
-}
 /**
 * Reactive countdown timer in seconds.
 *
@@ -4212,7 +4152,7 @@ function getDefaultScheduler$8(options) {
 */
 function useCountdown(initialCountdown, options = {}) {
 	const remaining = shallowRef(toValue(initialCountdown));
-	const { scheduler = getDefaultScheduler$8(options), onTick, onComplete } = options;
+	const { scheduler = (cb) => useIntervalFn(cb, 1e3, { immediate: false }), onTick, onComplete } = options;
 	const controls = scheduler(() => {
 		const value = remaining.value - 1;
 		remaining.value = value < 0 ? 0 : value;
@@ -4298,8 +4238,10 @@ function useCssVar(prop, target, options = {}) {
 	}, { immediate: true });
 	watch([variable, elRef], ([val, el]) => {
 		const raw_prop = toValue(prop);
-		if ((el === null || el === void 0 ? void 0 : el.style) && raw_prop) if (val == null) el.style.removeProperty(raw_prop);
-		else el.style.setProperty(raw_prop, val);
+		if ((el === null || el === void 0 ? void 0 : el.style) && raw_prop) {
+			if (val == null) el.style.removeProperty(raw_prop);
+			else el.style.setProperty(raw_prop, val);
+		}
 	}, { immediate: true });
 	return variable;
 }
@@ -4622,8 +4564,10 @@ function useDeviceMotion(options = {}) {
 			}
 		}
 	};
-	if (isSupported.value) if (requestPermissions && requirePermissions.value) ensurePermissions().then(() => init());
-	else init();
+	if (isSupported.value) {
+		if (requestPermissions && requirePermissions.value) ensurePermissions().then(() => init());
+		else init();
+	}
 	return {
 		acceleration,
 		accelerationIncludingGravity,
@@ -4719,7 +4663,7 @@ function useDevicesList(options = {}) {
 		const deviceName = constraints.video ? "camera" : "microphone";
 		if (!isSupported.value) return false;
 		if (permissionGranted.value) return true;
-		const { state, query } = usePermission(deviceName, { controls: true });
+		const { state, query } = /* @__PURE__ */ usePermission(deviceName, { controls: true });
 		await query();
 		if (state.value !== "granted") {
 			let granted = true;
@@ -5090,7 +5034,6 @@ function useDropZone(target, options = {}) {
 						files.value = currentFiles;
 						(_options$onDrop = _options.onDrop) === null || _options$onDrop === void 0 || _options$onDrop.call(_options, currentFiles, event);
 					}
-					break;
 			}
 		};
 		useEventListener(target, "dragenter", (event) => handleDragEvent(event, "enter"));
@@ -5123,14 +5066,15 @@ function useResizeObserver(target, callback, options = {}) {
 			observer = void 0;
 		}
 	};
-	const stopWatch = watch(computed(() => {
+	const targets = computed(() => {
 		const _targets = toValue(target);
 		return Array.isArray(_targets) ? _targets.map((el) => unrefElement(el)) : [unrefElement(_targets)];
-	}), (els) => {
+	});
+	const stopWatch = watch(targets, (els) => {
 		cleanup();
 		if (isSupported.value && window) {
 			observer = new ResizeObserver(callback);
-			for (const _el of els) if (_el) observer.observe(_el, observerOptions);
+			for (const _el of els) if (_el instanceof Element) observer.observe(_el, observerOptions);
 		}
 	}, {
 		immediate: true,
@@ -5218,13 +5162,6 @@ function useElementBounding(target, options = {}) {
 }
 //#endregion
 //#region useElementByPoint/index.ts
-function getDefaultScheduler$7(options) {
-	if ("interval" in options || "immediate" in options) {
-		const { interval = "requestAnimationFrame", immediate = true } = options;
-		return interval === "requestAnimationFrame" ? (cb) => useRafFn(cb, { immediate }) : (cb) => useIntervalFn(cb, interval, { immediate });
-	}
-	return useRafFn;
-}
 /**
 * Reactive element by point.
 *
@@ -5232,7 +5169,7 @@ function getDefaultScheduler$7(options) {
 * @param options - UseElementByPointOptions
 */
 function useElementByPoint(options) {
-	const { x, y, document = defaultDocument, multiple, scheduler = getDefaultScheduler$7(options) } = options;
+	const { x, y, document = defaultDocument, multiple, scheduler = useRafFn } = options;
 	const isSupported = /* @__PURE__ */ useSupported(() => {
 		if (toValue(multiple)) return document && "elementsFromPoint" in document;
 		return document && "elementFromPoint" in document;
@@ -5363,19 +5300,20 @@ function useElementSize(target, initialSize = {
 	}, options);
 	tryOnMounted(() => {
 		const ele = unrefElement(target);
-		if (ele && "offsetWidth" in ele) if (box === "content-box" && window) {
-			const cs = window.getComputedStyle(ele);
-			const padX = Number.parseFloat(cs.paddingLeft) + Number.parseFloat(cs.paddingRight);
-			const padY = Number.parseFloat(cs.paddingTop) + Number.parseFloat(cs.paddingBottom);
-			const bdX = Number.parseFloat(cs.borderLeftWidth) + Number.parseFloat(cs.borderRightWidth);
-			const bdY = Number.parseFloat(cs.borderTopWidth) + Number.parseFloat(cs.borderBottomWidth);
-			width.value = ele.offsetWidth - padX - bdX;
-			height.value = ele.offsetHeight - padY - bdY;
-		} else {
-			width.value = ele.offsetWidth;
-			height.value = ele.offsetHeight;
-		}
-		else if (ele) {
+		if (ele && "offsetWidth" in ele) {
+			if (box === "content-box" && window) {
+				const cs = window.getComputedStyle(ele);
+				const padX = Number.parseFloat(cs.paddingLeft) + Number.parseFloat(cs.paddingRight);
+				const padY = Number.parseFloat(cs.paddingTop) + Number.parseFloat(cs.paddingBottom);
+				const bdX = Number.parseFloat(cs.borderLeftWidth) + Number.parseFloat(cs.borderRightWidth);
+				const bdY = Number.parseFloat(cs.borderTopWidth) + Number.parseFloat(cs.borderBottomWidth);
+				width.value = ele.offsetWidth - padX - bdX;
+				height.value = ele.offsetHeight - padY - bdY;
+			} else {
+				width.value = ele.offsetWidth;
+				height.value = ele.offsetHeight;
+			}
+		} else if (ele) {
 			width.value = initialSize.width;
 			height.value = initialSize.height;
 		}
@@ -5408,7 +5346,8 @@ function useIntersectionObserver(target, callback, options = {}) {
 	const { root, rootMargin, threshold = 0, window = defaultWindow, immediate = true } = options;
 	const isSupported = /* @__PURE__ */ useSupported(() => window && "IntersectionObserver" in window);
 	const targets = computed(() => {
-		return toArray(toValue(target)).map(unrefElement).filter(notNullish);
+		const _target = toValue(target);
+		return toArray(_target).map(unrefElement).filter(notNullish);
 	});
 	let cleanup = noop;
 	const isActive = shallowRef(immediate);
@@ -5530,6 +5469,7 @@ function resolveNestedOptions$1(options) {
 	if (options === true) return {};
 	return options;
 }
+const DEFAULT_EVENT = "message";
 /**
 * Reactive wrapper for EventSource.
 *
@@ -5579,16 +5519,11 @@ function useEventSource(url, events = [], options = {}) {
 				else onFailed === null || onFailed === void 0 || onFailed();
 			}
 		};
-		es.onmessage = (e) => {
-			var _serializer$read;
-			event.value = null;
-			data.value = (_serializer$read = serializer.read(e.data)) !== null && _serializer$read !== void 0 ? _serializer$read : null;
-			lastEventId.value = e.lastEventId;
-		};
+		events = events.length > 0 ? events : [DEFAULT_EVENT];
 		for (const event_name of events) useEventListener(es, event_name, (e) => {
-			var _serializer$read2, _e$lastEventId;
+			var _serializer$read, _e$lastEventId;
 			event.value = event_name;
-			data.value = (_serializer$read2 = serializer.read(e.data)) !== null && _serializer$read2 !== void 0 ? _serializer$read2 : null;
+			data.value = (_serializer$read = serializer.read(e.data)) !== null && _serializer$read !== void 0 ? _serializer$read : null;
 			lastEventId.value = (_e$lastEventId = e.lastEventId) !== null && _e$lastEventId !== void 0 ? _e$lastEventId : null;
 		}, { passive: true });
 	};
@@ -5718,21 +5653,23 @@ function createFetch(config = {}) {
 		});
 		let options = _options;
 		let fetchOptions = _fetchOptions;
-		if (args.length > 0) if (isFetchOptions(args[0])) options = {
-			...options,
-			...args[0],
-			beforeFetch: combineCallbacks(_combination, _options.beforeFetch, args[0].beforeFetch),
-			afterFetch: combineCallbacks(_combination, _options.afterFetch, args[0].afterFetch),
-			onFetchError: combineCallbacks(_combination, _options.onFetchError, args[0].onFetchError)
-		};
-		else fetchOptions = {
-			...fetchOptions,
-			...args[0],
-			headers: {
-				...headersToObject(fetchOptions.headers) || {},
-				...headersToObject(args[0].headers) || {}
-			}
-		};
+		if (args.length > 0) {
+			if (isFetchOptions(args[0])) options = {
+				...options,
+				...args[0],
+				beforeFetch: combineCallbacks(_combination, _options.beforeFetch, args[0].beforeFetch),
+				afterFetch: combineCallbacks(_combination, _options.afterFetch, args[0].afterFetch),
+				onFetchError: combineCallbacks(_combination, _options.onFetchError, args[0].onFetchError)
+			};
+			else fetchOptions = {
+				...fetchOptions,
+				...args[0],
+				headers: {
+					...headersToObject(fetchOptions.headers) || {},
+					...headersToObject(args[0].headers) || {}
+				}
+			};
+		}
 		if (args.length > 1 && isFetchOptions(args[1])) options = {
 			...options,
 			...args[1],
@@ -5759,11 +5696,13 @@ function useFetch(url, ...args) {
 		type: "text",
 		payload: void 0
 	};
-	if (args.length > 0) if (isFetchOptions(args[0])) options = {
-		...options,
-		...args[0]
-	};
-	else fetchOptions = args[0];
+	if (args.length > 0) {
+		if (isFetchOptions(args[0])) options = {
+			...options,
+			...args[0]
+		};
+		else fetchOptions = args[0];
+	}
 	if (args.length > 1) {
 		if (isFetchOptions(args[1])) options = {
 			...options,
@@ -5849,11 +5788,13 @@ function useFetch(url, ...args) {
 				...headersToObject((_context$options = context.options) === null || _context$options === void 0 ? void 0 : _context$options.headers)
 			}
 		}).then(async (fetchResponse) => {
-			response.value = fetchResponse;
-			statusCode.value = fetchResponse.status;
+			if (currentExecuteCounter === executeCounter) {
+				response.value = fetchResponse;
+				statusCode.value = fetchResponse.status;
+			}
 			responseData = await fetchResponse.clone()[config.type]();
 			if (!fetchResponse.ok) {
-				data.value = initialData || null;
+				if (currentExecuteCounter === executeCounter) data.value = initialData || null;
 				throw new Error(fetchResponse.statusText);
 			}
 			if (options.afterFetch) ({data: responseData} = await options.afterFetch({
@@ -5862,7 +5803,7 @@ function useFetch(url, ...args) {
 				context,
 				execute
 			}));
-			data.value = responseData;
+			if (currentExecuteCounter === executeCounter) data.value = responseData;
 			responseEvent.trigger(fetchResponse);
 			return fetchResponse;
 		}).catch(async (fetchError) => {
@@ -6286,19 +6227,23 @@ function useFullscreen(target, options = {}) {
 		return false;
 	};
 	const isElementFullScreen = () => {
-		if (fullscreenEnabled.value) if (document && document[fullscreenEnabled.value] != null) return document[fullscreenEnabled.value];
-		else {
-			const target = targetRef.value;
-			if ((target === null || target === void 0 ? void 0 : target[fullscreenEnabled.value]) != null) return Boolean(target[fullscreenEnabled.value]);
+		if (fullscreenEnabled.value) {
+			if (document && document[fullscreenEnabled.value] != null) return document[fullscreenEnabled.value];
+			else {
+				const target = targetRef.value;
+				if ((target === null || target === void 0 ? void 0 : target[fullscreenEnabled.value]) != null) return Boolean(target[fullscreenEnabled.value]);
+			}
 		}
 		return false;
 	};
 	async function exit() {
 		if (!isSupported.value || !isFullscreen.value) return;
-		if (exitMethod.value) if ((document === null || document === void 0 ? void 0 : document[exitMethod.value]) != null) await document[exitMethod.value]();
-		else {
-			const target = targetRef.value;
-			if ((target === null || target === void 0 ? void 0 : target[exitMethod.value]) != null) await target[exitMethod.value]();
+		if (exitMethod.value) {
+			if ((document === null || document === void 0 ? void 0 : document[exitMethod.value]) != null) await document[exitMethod.value]();
+			else {
+				const target = targetRef.value;
+				if ((target === null || target === void 0 ? void 0 : target[exitMethod.value]) != null) await target[exitMethod.value]();
+			}
 		}
 		isFullscreen.value = false;
 	}
@@ -6812,14 +6757,15 @@ function useInfiniteScroll(element, onLoadMore, options = {}) {
 			nextTick(() => checkAndLoad());
 		});
 	}
-	tryOnUnmounted(watch(() => [
+	const stop = watch(() => [
 		state.arrivedState[direction],
 		isElementVisible.value,
 		canLoad.value
 	], checkAndLoad, {
 		immediate: true,
 		flush: "post"
-	}));
+	});
+	tryOnUnmounted(stop);
 	return {
 		isLoading,
 		reset() {
@@ -6847,6 +6793,106 @@ function useKeyModifier(modifier, options = {}) {
 	return state;
 }
 //#endregion
+//#region useLiveAnnouncer/index.ts
+let announcerMap;
+function getAnnouncerMap() {
+	var _announcerMap;
+	return (_announcerMap = announcerMap) !== null && _announcerMap !== void 0 ? _announcerMap : announcerMap = /* @__PURE__ */ new Map();
+}
+function cleanup(idPrefix, document) {
+	const map = getAnnouncerMap();
+	const count = map.get(idPrefix) || 0;
+	if (count <= 1) {
+		const container = document.getElementById(`${idPrefix}-container`);
+		if (container) container.remove();
+		map.delete(idPrefix);
+	} else map.set(idPrefix, count - 1);
+}
+function useLiveAnnouncer(options = {}) {
+	const { idPrefix = "vueuse-live-announcer", window = defaultWindow } = options;
+	const document = window === null || window === void 0 ? void 0 : window.document;
+	const timers = /* @__PURE__ */ new Map();
+	if (window && document) {
+		const map = getAnnouncerMap();
+		const count = map.get(idPrefix) || 0;
+		map.set(idPrefix, count + 1);
+		tryOnScopeDispose(() => {
+			timers.forEach((timer) => window.clearTimeout(timer));
+			timers.clear();
+			cleanup(idPrefix, document);
+		});
+	}
+	function ensureAnnouncer() {
+		if (!document) return;
+		let container = document.getElementById(`${idPrefix}-container`);
+		if (!container) {
+			container = document.createElement("div");
+			container.id = `${idPrefix}-container`;
+			container.style.position = "absolute";
+			container.style.width = "1px";
+			container.style.height = "1px";
+			container.style.padding = "0";
+			container.style.margin = "-1px";
+			container.style.overflow = "hidden";
+			container.style.clip = "rect(0, 0, 0, 0)";
+			container.style.whiteSpace = "nowrap";
+			container.style.border = "0";
+			container.style.wordWrap = "normal";
+			container.style.clipPath = "inset(50%)";
+			document.body.appendChild(container);
+		}
+		if (!document.getElementById(`${idPrefix}-polite`)) {
+			const polite = document.createElement("div");
+			polite.id = `${idPrefix}-polite`;
+			polite.setAttribute("role", "status");
+			polite.setAttribute("aria-live", "polite");
+			polite.setAttribute("aria-atomic", "true");
+			container.appendChild(polite);
+		}
+		if (!document.getElementById(`${idPrefix}-assertive`)) {
+			const assertive = document.createElement("div");
+			assertive.id = `${idPrefix}-assertive`;
+			assertive.setAttribute("role", "alert");
+			assertive.setAttribute("aria-live", "assertive");
+			assertive.setAttribute("aria-atomic", "true");
+			container.appendChild(assertive);
+		}
+	}
+	ensureAnnouncer();
+	function announce(message, mode = "polite", timeout) {
+		if (!window || !document) return;
+		ensureAnnouncer();
+		const element = document.getElementById(`${idPrefix}-${mode}`);
+		if (element) {
+			const pending = timers.get(mode);
+			if (pending != null) {
+				window.clearTimeout(pending);
+				timers.delete(mode);
+			}
+			element.textContent = "";
+			nextTick(() => element.textContent = message);
+			if (timeout && timeout > 0) {
+				const timer = window.setTimeout(() => {
+					timers.delete(mode);
+					element.textContent = "";
+				}, timeout);
+				timers.set(mode, timer);
+			}
+		}
+	}
+	function polite(message, timeout) {
+		announce(message, "polite", timeout);
+	}
+	function assertive(message, timeout) {
+		announce(message, "assertive", timeout);
+	}
+	return {
+		announce,
+		polite,
+		assertive
+	};
+}
+//#endregion
 //#region useLocalStorage/index.ts
 /**
 * Reactive LocalStorage.
@@ -6897,8 +6943,10 @@ function useMagicKeys(options = {}) {
 	]);
 	const usedKeys = /* @__PURE__ */ new Set();
 	function setRefs(key, value) {
-		if (key in refs) if (useReactive) refs[key] = value;
-		else refs[key].value = value;
+		if (key in refs) {
+			if (useReactive) refs[key] = value;
+			else refs[key].value = value;
+		}
 	}
 	function reset() {
 		current.clear();
@@ -6931,8 +6979,10 @@ function useMagicKeys(options = {}) {
 		const key = (_e$key = e.key) === null || _e$key === void 0 ? void 0 : _e$key.toLowerCase();
 		const values = [(_e$code = e.code) === null || _e$code === void 0 ? void 0 : _e$code.toLowerCase(), key].filter(Boolean);
 		if (!key) return;
-		if (key) if (value) current.add(key);
-		else current.delete(key);
+		if (key) {
+			if (value) current.add(key);
+			else current.delete(key);
+		}
 		for (const key of values) {
 			usedKeys.add(key);
 			setRefs(key, value);
@@ -6961,10 +7011,12 @@ function useMagicKeys(options = {}) {
 		if (typeof prop !== "string") return Reflect.get(target, prop, rec);
 		prop = prop.toLowerCase();
 		if (prop in aliasMap) prop = aliasMap[prop];
-		if (!(prop in refs)) if (/[+_-]/.test(prop)) {
-			const keys = prop.split(/[+_-]/g).map((i) => i.trim());
-			refs[prop] = computed(() => keys.map((key) => toValue(proxy[key])).every(Boolean));
-		} else refs[prop] = shallowRef(false);
+		if (!(prop in refs)) {
+			if (/[+_-]/.test(prop)) {
+				const keys = prop.split(/[+_-]/g).map((i) => i.trim());
+				refs[prop] = computed(() => keys.map((key) => toValue(proxy[key])).every(Boolean));
+			} else refs[prop] = shallowRef(false);
+		}
 		const r = Reflect.get(target, prop, rec);
 		return useReactive ? toValue(r) : r;
 	} });
@@ -7066,8 +7118,10 @@ function useMediaControls(target, options = {}) {
 	const togglePictureInPicture = () => {
 		return new Promise((resolve, reject) => {
 			usingElRef(target, async (el) => {
-				if (supportsPictureInPicture) if (!isPictureInPicture.value) el.requestPictureInPicture().then(resolve).catch(reject);
-				else document.exitPictureInPicture().then(resolve).catch(reject);
+				if (supportsPictureInPicture) {
+					if (!isPictureInPicture.value) el.requestPictureInPicture().then(resolve).catch(reject);
+					else document.exitPictureInPicture().then(resolve).catch(reject);
+				}
 			});
 		});
 	};
@@ -7284,16 +7338,6 @@ function useMemoize(resolver, options) {
 }
 //#endregion
 //#region useMemory/index.ts
-function getDefaultScheduler$6(options) {
-	if ("interval" in options || "immediate" in options || "immediateCallback" in options) {
-		const { interval = 1e3, immediate, immediateCallback } = options;
-		return (cb) => useIntervalFn(cb, interval, {
-			immediate,
-			immediateCallback
-		});
-	}
-	return useIntervalFn;
-}
 /**
 * Reactive Memory Info.
 *
@@ -7306,7 +7350,7 @@ function useMemory(options = {}) {
 	const memory = shallowRef();
 	const isSupported = /* @__PURE__ */ useSupported(() => typeof performance !== "undefined" && "memory" in performance);
 	if (isSupported.value) {
-		const { scheduler = getDefaultScheduler$6 } = options;
+		const { scheduler = useIntervalFn } = options;
 		scheduler(() => {
 			memory.value = performance.memory;
 		});
@@ -7613,23 +7657,9 @@ function useNetwork(options = {}) {
 }
 //#endregion
 //#region useNow/index.ts
-function getDefaultScheduler$5(options) {
-	if ("interval" in options || "immediate" in options) {
-		const { interval = "requestAnimationFrame", immediate = true } = options;
-		return interval === "requestAnimationFrame" ? (fn) => useRafFn(fn, { immediate }) : (fn) => useIntervalFn(fn, interval, options);
-	}
-	return useRafFn;
-}
-/**
-* Reactive current Date instance.
-*
-* @see https://vueuse.org/useNow
-* @param options
-*
-* @__NO_SIDE_EFFECTS__
-*/
+/* @__NO_SIDE_EFFECTS__ */
 function useNow(options = {}) {
-	const { controls: exposeControls = false, scheduler = getDefaultScheduler$5(options) } = options;
+	const { controls: exposeControls = false, scheduler = useRafFn } = options;
 	const now = shallowRef(/* @__PURE__ */ new Date());
 	const update = () => now.value = /* @__PURE__ */ new Date();
 	const controls = scheduler(update);
@@ -7662,16 +7692,7 @@ function useObjectUrl(object) {
 }
 //#endregion
 //#region ../math/useClamp/index.ts
-/**
-* Reactively clamp a value between two other values.
-*
-* @see https://vueuse.org/useClamp
-* @param value number
-* @param min
-* @param max
-*
-* @__NO_SIDE_EFFECTS__
-*/
+/* @__NO_SIDE_EFFECTS__ */
 function useClamp(value, min, max) {
 	if (typeof value === "function" || isReadonly(value)) return computed(() => clamp(toValue(value), toValue(min), toValue(max)));
 	const _value = ref(value);
@@ -7688,9 +7709,9 @@ function useClamp(value, min, max) {
 //#region useOffsetPagination/index.ts
 function useOffsetPagination(options) {
 	const { total = Number.POSITIVE_INFINITY, pageSize = 10, page = 1, onPageChange = noop, onPageSizeChange = noop, onPageCountChange = noop } = options;
-	const currentPageSize = useClamp(pageSize, 1, Number.POSITIVE_INFINITY);
+	const currentPageSize = /* @__PURE__ */ useClamp(pageSize, 1, Number.POSITIVE_INFINITY);
 	const pageCount = computed(() => Math.max(1, Math.ceil(toValue(total) / toValue(currentPageSize))));
-	const currentPage = useClamp(page, 1, pageCount);
+	const currentPage = /* @__PURE__ */ useClamp(page, 1, pageCount);
 	const isFirstPage = computed(() => currentPage.value === 1);
 	const isLastPage = computed(() => currentPage.value === pageCount.value);
 	if (isRef(page)) syncRef(page, currentPage, { direction: isReadonly(page) ? "ltr" : "both" });
@@ -7949,7 +7970,7 @@ function usePointer(options = {}) {
 			"pointermove",
 			"pointerup"
 		], handler, listenerOptions);
-		useEventListener(target, "pointerleave", () => isInside.value = false, listenerOptions);
+		useEventListener(target, ["pointerleave", "pointercancel"], () => isInside.value = false, listenerOptions);
 	}
 	return {
 		...toRefs(state),
@@ -8461,15 +8482,16 @@ function useSorted(...args) {
 	const [source] = args;
 	let compareFn = defaultCompare;
 	let options = {};
-	if (args.length === 2) if (typeof args[1] === "object") {
-		var _options$compareFn;
-		options = args[1];
-		compareFn = (_options$compareFn = options.compareFn) !== null && _options$compareFn !== void 0 ? _options$compareFn : defaultCompare;
-	} else {
-		var _args$;
-		compareFn = (_args$ = args[1]) !== null && _args$ !== void 0 ? _args$ : defaultCompare;
-	}
-	else if (args.length > 2) {
+	if (args.length === 2) {
+		if (typeof args[1] === "object") {
+			var _options$compareFn;
+			options = args[1];
+			compareFn = (_options$compareFn = options.compareFn) !== null && _options$compareFn !== void 0 ? _options$compareFn : defaultCompare;
+		} else {
+			var _args$;
+			compareFn = (_args$ = args[1]) !== null && _args$ !== void 0 ? _args$ : defaultCompare;
+		}
+	} else if (args.length > 2) {
 		var _args$2, _args$3;
 		compareFn = (_args$2 = args[1]) !== null && _args$2 !== void 0 ? _args$2 : defaultCompare;
 		options = (_args$3 = args[2]) !== null && _args$3 !== void 0 ? _args$3 : {};
@@ -8947,6 +8969,60 @@ function useTemplateRefsList() {
 	return refs;
 }
 //#endregion
+//#region useTemporalNow/index.ts
+function resolveTemporal(custom) {
+	if (custom) return custom;
+	return typeof Temporal === "undefined" ? void 0 : Temporal;
+}
+function assertTemporal(impl) {
+	if (!impl) throw new Error("[VueUse] No `Temporal` implementation found. See https://vueuse.org/useTemporalNow for details.");
+	return impl;
+}
+/**
+* Reactive Temporal API with timezone and calendar support.
+*
+* @see https://vueuse.org/useTemporalNow
+* @param options - Configuration options
+*/
+function useTemporalNow(options = {}) {
+	const { timezone: initialTimezone = "UTC", calendar: initialCalendar = "gregory", scheduler = useRafFn, temporal: customTemporal } = options;
+	const TemporalImpl = assertTemporal(resolveTemporal(customTemporal));
+	const timezone = shallowRef(initialTimezone);
+	const calendar = shallowRef(initialCalendar);
+	const now = shallowRef(TemporalImpl.Now.zonedDateTimeISO(timezone.value).withCalendar(calendar.value));
+	function updateNow() {
+		now.value = TemporalImpl.Now.zonedDateTimeISO(timezone.value).withCalendar(calendar.value);
+	}
+	const { isActive, pause, resume } = scheduler(updateNow);
+	watch([timezone, calendar], updateNow);
+	const toTimezone = (tz) => now.value.withTimeZone(tz);
+	const toCalendar = (cal) => now.value.withCalendar(cal);
+	const toPlainDate = () => now.value.toPlainDate();
+	const toPlainTime = () => now.value.toPlainTime();
+	const toPlainDateTime = () => now.value.toPlainDateTime();
+	const format = (formatOptions) => now.value.toLocaleString(void 0, formatOptions);
+	const add = (duration) => now.value.add(duration);
+	const subtract = (duration) => now.value.subtract(duration);
+	const compare = (other) => TemporalImpl.ZonedDateTime.compare(now.value, other);
+	return {
+		now,
+		timezone,
+		calendar,
+		toTimezone,
+		toCalendar,
+		toPlainDate,
+		toPlainTime,
+		toPlainDateTime,
+		format,
+		add,
+		subtract,
+		compare,
+		isActive,
+		pause,
+		resume
+	};
+}
+//#endregion
 //#region useTextDirection/index.ts
 /**
 * Reactive dir of the element's text.
@@ -9140,23 +9216,10 @@ const DEFAULT_MESSAGES = {
 function DEFAULT_FORMATTER(date) {
 	return date.toISOString().slice(0, 10);
 }
-function getDefaultScheduler$4(options) {
-	if ("updateInterval" in options) {
-		const { updateInterval = 3e4 } = options;
-		return (cb) => useIntervalFn(cb, updateInterval);
-	}
-	return (cb) => useIntervalFn(cb, 3e4);
-}
-/**
-* Reactive time ago formatter.
-*
-* @see https://vueuse.org/useTimeAgo
-*
-* @__NO_SIDE_EFFECTS__
-*/
+/* @__NO_SIDE_EFFECTS__ */
 function useTimeAgo(time, options = {}) {
-	const { controls: exposeControls = false, scheduler = getDefaultScheduler$4(options) } = options;
-	const { now, ...controls } = useNow({
+	const { controls: exposeControls = false, scheduler = (cb) => useIntervalFn(cb, 3e4) } = options;
+	const { now, ...controls } = /* @__PURE__ */ useNow({
 		scheduler,
 		controls: true
 	});
@@ -9231,16 +9294,9 @@ const UNITS = [
 		ms: 1e3
 	}
 ];
-function getDefaultScheduler$3(options) {
-	if ("updateInterval" in options) {
-		const { updateInterval = 3e4 } = options;
-		return (cb) => useIntervalFn(cb, updateInterval);
-	}
-	return (cb) => useIntervalFn(cb, 3e4);
-}
 function useTimeAgoIntl(time, options = {}) {
-	const { controls: exposeControls = false, scheduler = getDefaultScheduler$3(options) } = options;
-	const { now, ...controls } = useNow({
+	const { controls: exposeControls = false, scheduler = (cb) => useIntervalFn(cb, 3e4) } = options;
+	const { now, ...controls } = /* @__PURE__ */ useNow({
 		scheduler,
 		controls: true
 	});
@@ -9326,15 +9382,8 @@ function useTimeoutPoll(fn, interval, options = {}) {
 }
 //#endregion
 //#region useTimestamp/index.ts
-function getDefaultScheduler$2(options) {
-	if ("interval" in options || "immediate" in options) {
-		const { interval = "requestAnimationFrame", immediate = true } = options;
-		return interval === "requestAnimationFrame" ? (cb) => useRafFn(cb, { immediate }) : (cb) => useIntervalFn(cb, interval, { immediate });
-	}
-	return useRafFn;
-}
 function useTimestamp(options = {}) {
-	const { controls: exposeControls = false, offset = 0, scheduler = getDefaultScheduler$2(options), callback } = options;
+	const { controls: exposeControls = false, offset = 0, scheduler = useRafFn, callback } = options;
 	const ts = shallowRef(timestamp() + offset);
 	const update = () => ts.value = timestamp() + offset;
 	const controls = scheduler(callback ? () => {
@@ -9751,9 +9800,7 @@ function useUserMedia(options = {}) {
 			case "video":
 				if (constraints.value) return constraints.value.video || false;
 				break;
-			case "audio":
-				if (constraints.value) return constraints.value.audio || false;
-				break;
+			case "audio": if (constraints.value) return constraints.value.audio || false;
 		}
 	}
 	async function _start() {
@@ -9808,17 +9855,7 @@ function useUserMedia(options = {}) {
 }
 //#endregion
 //#region useVModel/index.ts
-/**
-* Shorthand for v-model binding, props + emit -> ref
-*
-* @see https://vueuse.org/useVModel
-* @param props
-* @param key (default 'modelValue')
-* @param emit
-* @param options
-*
-* @__NO_SIDE_EFFECTS__
-*/
+/* @__NO_SIDE_EFFECTS__ */
 function useVModel(props, key, emit, options = {}) {
 	var _vm$$emit, _vm$proxy;
 	const { clone = false, passive = false, eventName, deep = false, defaultValue, shouldEmit } = options;
@@ -9835,7 +9872,8 @@ function useVModel(props, key, emit, options = {}) {
 		} else _emit(event, value);
 	};
 	if (passive) {
-		const proxy = ref(getValue());
+		const initialValue = getValue();
+		const proxy = ref(initialValue);
 		let isUpdating = false;
 		watch(() => props[key], (v) => {
 			if (!isUpdating) {
@@ -9859,31 +9897,14 @@ function useVModel(props, key, emit, options = {}) {
 }
 //#endregion
 //#region useVModels/index.ts
-/**
-* Shorthand for props v-model binding. Think like `toRefs(props)` but changes will also emit out.
-*
-* @see https://vueuse.org/useVModels
-* @param props
-* @param emit
-* @param options
-*
-* @__NO_SIDE_EFFECTS__
-*/
+/* @__NO_SIDE_EFFECTS__ */
 function useVModels(props, emit, options = {}) {
 	const ret = {};
-	for (const key in props) ret[key] = useVModel(props, key, emit, options);
+	for (const key in props) ret[key] = /* @__PURE__ */ useVModel(props, key, emit, options);
 	return ret;
 }
 //#endregion
 //#region useVibrate/index.ts
-function getDefaultScheduler$1(options = {}) {
-	const { interval = 0 } = options;
-	if (interval === 0) return;
-	return (fn) => useIntervalFn(fn, interval, {
-		immediate: false,
-		immediateCallback: false
-	});
-}
 /**
 * Reactive vibrate
 *
@@ -9894,7 +9915,7 @@ function getDefaultScheduler$1(options = {}) {
 * @__NO_SIDE_EFFECTS__
 */
 function useVibrate(options) {
-	const { pattern = [], scheduler = getDefaultScheduler$1(options), navigator = defaultNavigator } = options || {};
+	const { pattern = [], scheduler, navigator = defaultNavigator } = options || {};
 	const isSupported = /* @__PURE__ */ useSupported(() => typeof navigator !== "undefined" && "vibrate" in navigator);
 	const patternRef = toRef(pattern);
 	const vibrate = (pattern = patternRef.value) => {
@@ -10169,6 +10190,117 @@ function useWakeLock(options = {}) {
 	};
 }
 //#endregion
+//#region useWebMCP/index.ts
+function safeStringify(value) {
+	try {
+		return JSON.stringify(value);
+	} catch (_unused) {
+		return String(value);
+	}
+}
+function toToolResponse(value) {
+	if (value && typeof value === "object" && Array.isArray(value.content)) return value;
+	if (value === void 0 || value === null) return { content: [] };
+	if (typeof value === "string") return { content: [{
+		type: "text",
+		text: value
+	}] };
+	return { content: [{
+		type: "text",
+		text: safeStringify(value)
+	}] };
+}
+function toErrorResponse(error) {
+	return {
+		content: [{
+			type: "text",
+			text: error instanceof Error ? error.message : typeof error === "string" ? error : safeStringify(error)
+		}],
+		isError: true
+	};
+}
+/**
+* Register a [WebMCP](https://github.com/webmachinelearning/webmcp) tool and
+* tie its lifecycle to the current scope.
+*
+* The tool is registered when the composable runs (and whenever a discoverable
+* part — `name`, `description`, `inputSchema`, `annotations` or `enabled` —
+* changes) and unregistered automatically on scope dispose, so the tools an
+* agent sees stay in lockstep with what is on screen. Call it multiple times to
+* register multiple tools.
+*
+* The API is experimental (`document.modelContext`), so this feature-detects
+* and degrades to a no-op wherever it is absent.
+*
+* @see https://vueuse.org/useWebMCP
+* @see https://github.com/webmachinelearning/webmcp
+*/
+function useWebMCP(options) {
+	const { document = defaultDocument, enabled = true } = options;
+	const doc = document;
+	const isSupported = /* @__PURE__ */ useSupported(() => {
+		var _doc$modelContext;
+		return typeof (doc === null || doc === void 0 || (_doc$modelContext = doc.modelContext) === null || _doc$modelContext === void 0 ? void 0 : _doc$modelContext.registerTool) === "function";
+	});
+	const isRegistered = shallowRef(false);
+	const error = shallowRef(null);
+	let controller;
+	function cleanup() {
+		controller === null || controller === void 0 || controller.abort();
+		controller = void 0;
+		isRegistered.value = false;
+	}
+	function register() {
+		cleanup();
+		error.value = null;
+		if (!isSupported.value || !toValue(enabled)) return;
+		controller = new AbortController();
+		try {
+			doc.modelContext.registerTool({
+				name: toValue(options.name),
+				description: toValue(options.description),
+				inputSchema: toValue(options.inputSchema),
+				annotations: toValue(options.annotations),
+				async execute(args) {
+					try {
+						const result = await options.execute(args);
+						const shaped = options.formatOutput ? options.formatOutput(result, args) : result;
+						if (shaped instanceof Error) throw shaped;
+						return toToolResponse(shaped);
+					} catch (err) {
+						try {
+							var _options$onError;
+							(_options$onError = options.onError) === null || _options$onError === void 0 || _options$onError.call(options, err);
+						} catch (_unused2) {}
+						return toErrorResponse(err);
+					}
+				}
+			}, { signal: controller.signal });
+			isRegistered.value = true;
+		} catch (err) {
+			error.value = err instanceof Error ? err : new Error(safeStringify(err));
+			isRegistered.value = false;
+		}
+	}
+	watch([
+		isSupported,
+		() => toValue(options.name),
+		() => toValue(options.description),
+		() => toValue(options.inputSchema) ? safeStringify(toValue(options.inputSchema)) : "",
+		() => toValue(options.annotations) ? safeStringify(toValue(options.annotations)) : "",
+		() => toValue(enabled)
+	], register, {
+		immediate: true,
+		flush: "post"
+	});
+	tryOnScopeDispose(cleanup);
+	return {
+		isSupported,
+		isRegistered,
+		error
+	};
+}
+//#endregion
 //#region useWebNotification/index.ts
 /**
 * Reactive useWebNotification
@@ -10248,13 +10380,6 @@ function resolveNestedOptions(options) {
 	if (options === true) return {};
 	return options;
 }
-function getDefaultScheduler(options) {
-	if ("interval" in options) {
-		const { interval = 1e3 } = options;
-		return (cb) => useIntervalFn(cb, interval, { immediate: false });
-	}
-	return (cb) => useIntervalFn(cb, 1e3, { immediate: false });
-}
 /**
 * Reactive WebSocket client.
 *
@@ -10340,6 +10465,7 @@ function useWebSocket(url, options = {}) {
 			onError === null || onError === void 0 || onError(ws, e);
 		};
 		ws.onmessage = (e) => {
+			if (wsRef.value !== ws) return;
 			if (options.heartbeat) {
 				resetHeartbeat();
 				const { message = DEFAULT_PING_MESSAGE, responseMessage = message } = resolveNestedOptions(options.heartbeat);
@@ -10350,7 +10476,7 @@ function useWebSocket(url, options = {}) {
 		};
 	};
 	if (options.heartbeat) {
-		const { message = DEFAULT_PING_MESSAGE, scheduler = getDefaultScheduler(resolveNestedOptions(options.heartbeat)), pongTimeout = 1e3 } = resolveNestedOptions(options.heartbeat);
+		const { message = DEFAULT_PING_MESSAGE, scheduler = (cb) => useIntervalFn(cb, 1e3, { immediate: false }), pongTimeout = 1e3 } = resolveNestedOptions(options.heartbeat);
 		const { pause, resume } = scheduler(() => {
 			send(toValue(message), false);
 			if (pongTimeoutWait != null) return;
@@ -10531,7 +10657,6 @@ function useWebWorkerFn(fn, options = {}) {
 				default:
 					reject(result);
 					workerTerminate("ERROR");
-					break;
 			}
 		};
 		newWorker.onerror = (e) => {
@@ -10614,19 +10739,21 @@ function useWindowSize(options = {}) {
 	const width = shallowRef(initialWidth);
 	const height = shallowRef(initialHeight);
 	const update = () => {
-		if (window) if (type === "outer") {
-			width.value = window.outerWidth;
-			height.value = window.outerHeight;
-		} else if (type === "visual" && window.visualViewport) {
-			const { width: visualViewportWidth, height: visualViewportHeight, scale } = window.visualViewport;
-			width.value = Math.round(visualViewportWidth * scale);
-			height.value = Math.round(visualViewportHeight * scale);
-		} else if (includeScrollbar) {
-			width.value = window.innerWidth;
-			height.value = window.innerHeight;
-		} else {
-			width.value = window.document.documentElement.clientWidth;
-			height.value = window.document.documentElement.clientHeight;
+		if (window) {
+			if (type === "outer") {
+				width.value = window.outerWidth;
+				height.value = window.outerHeight;
+			} else if (type === "visual" && window.visualViewport) {
+				const { width: visualViewportWidth, height: visualViewportHeight, scale } = window.visualViewport;
+				width.value = Math.round(visualViewportWidth * scale);
+				height.value = Math.round(visualViewportHeight * scale);
+			} else if (includeScrollbar) {
+				width.value = window.innerWidth;
+				height.value = window.innerHeight;
+			} else {
+				width.value = window.document.documentElement.clientWidth;
+				height.value = window.document.documentElement.clientHeight;
+			}
 		}
 	};
 	update();
@@ -10634,11 +10761,14 @@ function useWindowSize(options = {}) {
 	const listenerOptions = { passive: true };
 	useEventListener("resize", update, listenerOptions);
 	if (window && type === "visual" && window.visualViewport) useEventListener(window.visualViewport, "resize", update, listenerOptions);
-	if (listenOrientation) watch(useMediaQuery("(orientation: portrait)"), () => update());
+	if (listenOrientation) {
+		const matches = useMediaQuery("(orientation: portrait)");
+		watch(matches, () => update());
+	}
 	return {
 		width,
 		height
 	};
 }
 
-export { DefaultMagicKeysAliasMap, StorageSerializers, TransitionPresets, assert, asyncComputed, autoResetRef, breakpointsAntDesign, breakpointsBootstrapV5, breakpointsElement, breakpointsMasterCss, breakpointsPrimeFlex, breakpointsQuasar, breakpointsSematic, breakpointsTailwind, breakpointsVuetify, breakpointsVuetifyV2, breakpointsVuetifyV3, bypassFilter, camelize, clamp, cloneFnJSON, computedAsync, computedEager, computedInject, computedWithControl, containsProp, controlledComputed, controlledRef, createDisposableDirective, createEventHook, createFetch, createFilterWrapper, createGlobalState, createInjectionState, createReactiveFn, createRef, createReusableTemplate, createSharedComposable, createSingletonPromise, createTemplatePromise, createUnrefFn, customStorageEventName, debounceFilter, debouncedRef, debouncedWatch, defaultDocument, defaultLocation, defaultNavigator, defaultWindow, eagerComputed, executeTransition, extendRef, formatDate, formatTimeAgo, formatTimeAgoIntl, formatTimeAgoIntlParts, get, getLifeCycleTarget, getSSRHandler, hasOwn, hyphenate, identity, ignorableWatch, increaseWithUnit, injectLocal, invoke, isClient, isDef, isDefined, isFocusedElementEditable, isIOS, isObject, isTypedCharValid, isWorker, makeDestructurable, mapGamepadToXbox360Controller, noop, normalizeDate, notNullish, now, objectEntries, objectOmit, objectPick, onClickOutside, onElementRemoval, onKeyDown, onKeyPressed, onKeyStroke, onKeyUp, onLongPress, onStartTyping, pausableFilter, pausableWatch, promiseTimeout, provideLocal, provideSSRWidth, pxValue, rand, reactify, reactifyObject, reactiveComputed, reactiveOmit, reactivePick, refAutoReset, refDebounced, refDefault, refManualReset, refThrottled, refWithControl, set, setSSRHandler, syncRef, syncRefs, templateRef, throttleFilter, throttledRef, throttledWatch, timestamp, toArray, toReactive, toRef, toRefs, transition, tryOnBeforeMount, tryOnBeforeUnmount, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, unrefElement, until, useActiveElement, useAnimate, useArrayDifference, useArrayEvery, useArrayFilter, useArrayFind, useArrayFindIndex, useArrayFindLast, useArrayIncludes, useArrayJoin, useArrayMap, useArrayReduce, useArraySome, useArrayUnique, useAsyncQueue, useAsyncState, useBase64, useBattery, useBluetooth, useBreakpoints, useBroadcastChannel, useBrowserLocation, useCached, useClipboard, useClipboardItems, useCloned, useColorMode, useConfirmDialog, useCountdown, useCounter, useCssSupports, useCssVar, useCurrentElement, useCycleList, useDark, useDateFormat, useDebounce, useDebounceFn, useDebouncedRefHistory, useDeviceMotion, useDeviceOrientation, useDevicePixelRatio, useDevicesList, useDisplayMedia, useDocumentVisibility, useDraggable, useDropZone, useElementBounding, useElementByPoint, useElementHover, useElementOverflow, useElementSize, useElementVisibility, useEventBus, useEventListener, useEventSource, useEyeDropper, useFavicon, useFetch, useFileDialog, useFileSystemAccess, useFocus, useFocusWithin, useFps, useFullscreen, useGamepad, useGeolocation, useIdle, useImage, useInfiniteScroll, useIntersectionObserver, useInterval, useIntervalFn, useKeyModifier, useLastChanged, useLocalStorage, useMagicKeys, useManualRefHistory, useMediaControls, useMediaQuery, useMemoize, useMemory, useMounted, useMouse, useMouseInElement, useMousePressed, useMutationObserver, useNavigatorLanguage, useNetwork, useNow, useObjectUrl, useOffsetPagination, useOnline, usePageLeave, useParallax, useParentElement, usePerformanceObserver, usePermission, usePointer, usePointerLock, usePointerSwipe, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePreferredLanguages, usePreferredReducedMotion, usePreferredReducedTransparency, usePrevious, useRafFn, useRefHistory, useResizeObserver, useSSRWidth, useScreenOrientation, useScreenSafeArea, useScriptTag, useScroll, useScrollLock, useSessionStorage, useShare, useSorted, useSpeechRecognition, useSpeechSynthesis, useStepper, useStorage, useStorageAsync, useStyleTag, useSupported, useSwipe, useTemplateRefsList, useTextDirection, useTextSelection, useTextareaAutosize, useThrottle, useThrottleFn, useThrottledRefHistory, useTimeAgo, useTimeAgoIntl, useTimeout, useTimeoutFn, useTimeoutPoll, useTimestamp, useTitle, useToNumber, useToString, useToggle, useTransition, useUrlSearchParams, useUserMedia, useVModel, useVModels, useVibrate, useVirtualList, useWakeLock, useWebNotification, useWebSocket, useWebWorker, useWebWorkerFn, useWindowFocus, useWindowScroll, useWindowSize, watchArray, watchAtMost, watchDebounced, watchDeep, watchIgnorable, watchImmediate, watchOnce, watchPausable, watchThrottled, watchTriggerable, watchWithFilter, whenever };
+export { DefaultMagicKeysAliasMap, StorageSerializers, TransitionPresets, assert, asyncComputed, autoResetRef, breakpointsAntDesign, breakpointsBootstrapV5, breakpointsElement, breakpointsMasterCss, breakpointsPrimeFlex, breakpointsQuasar, breakpointsSematic, breakpointsTailwind, breakpointsVuetify, breakpointsVuetifyV2, breakpointsVuetifyV3, bypassFilter, camelize, clamp, cloneFnJSON, computedAsync, computedEager, computedInject, computedWithControl, containsProp, controlledComputed, controlledRef, createDisposableDirective, createEventHook, createFetch, createFilterWrapper, createGlobalState, createInjectionState, createReactiveFn, createRef, createReusableTemplate, createSharedComposable, createSingletonPromise, createTemplatePromise, createUnrefFn, customStorageEventName, debounceFilter, debouncedRef, debouncedWatch, defaultDocument, defaultLocation, defaultNavigator, defaultWindow, eagerComputed, executeTransition, extendRef, formatDate, formatTimeAgo, formatTimeAgoIntl, formatTimeAgoIntlParts, get, getLifeCycleTarget, getSSRHandler, hasOwn, hyphenate, identity, ignorableWatch, increaseWithUnit, injectLocal, invoke, isClient, isDef, isDefined, isFocusedElementEditable, isIOS, isObject, isTypedCharValid, isWorker, makeDestructurable, mapGamepadToXbox360Controller, noop, normalizeDate, notNullish, now, objectEntries, objectOmit, objectPick, onClickOutside, onElementRemoval, onKeyDown, onKeyPressed, onKeyStroke, onKeyUp, onLongPress, onStartTyping, pausableFilter, pausableWatch, promiseTimeout, provideLocal, provideSSRWidth, pxValue, rand, reactify, reactifyObject, reactiveComputed, reactiveOmit, reactivePick, refAutoReset, refDebounced, refDefault, refManualReset, refThrottled, refWithControl, set, setSSRHandler, syncRef, syncRefs, throttleFilter, throttledRef, throttledWatch, timestamp, toArray, toReactive, toRef, toRefs, transition, tryOnBeforeMount, tryOnBeforeUnmount, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, unrefElement, until, useActiveElement, useAnimate, useArrayDifference, useArrayEvery, useArrayFilter, useArrayFind, useArrayFindIndex, useArrayFindLast, useArrayIncludes, useArrayJoin, useArrayMap, useArrayReduce, useArraySome, useArrayUnique, useAsyncQueue, useAsyncState, useBase64, useBattery, useBluetooth, useBreakpoints, useBroadcastChannel, useBrowserLocation, useCached, useClipboard, useClipboardItems, useCloned, useColorMode, useConfirmDialog, useCountdown, useCounter, useCssSupports, useCssVar, useCurrentElement, useCycleList, useDark, useDateFormat, useDebounce, useDebounceFn, useDebouncedRefHistory, useDeviceMotion, useDeviceOrientation, useDevicePixelRatio, useDevicesList, useDisplayMedia, useDocumentVisibility, useDraggable, useDropZone, useElementBounding, useElementByPoint, useElementHover, useElementOverflow, useElementSize, useElementVisibility, useEventBus, useEventListener, useEventSource, useEyeDropper, useFavicon, useFetch, useFileDialog, useFileSystemAccess, useFocus, useFocusWithin, useFps, useFullscreen, useGamepad, useGeolocation, useIdle, useImage, useInfiniteScroll, useIntersectionObserver, useInterval, useIntervalFn, useKeyModifier, useLastChanged, useLiveAnnouncer, useLocalStorage, useMagicKeys, useManualRefHistory, useMediaControls, useMediaQuery, useMemoize, useMemory, useMounted, useMouse, useMouseInElement, useMousePressed, useMutationObserver, useNavigatorLanguage, useNetwork, useNow, useObjectUrl, useOffsetPagination, useOnline, usePageLeave, useParallax, useParentElement, usePerformanceObserver, usePermission, usePointer, usePointerLock, usePointerSwipe, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePreferredLanguages, usePreferredReducedMotion, usePreferredReducedTransparency, usePrevious, useRafFn, useRefHistory, useResizeObserver, useSSRWidth, useScreenOrientation, useScreenSafeArea, useScriptTag, useScroll, useScrollLock, useSessionStorage, useShare, useSorted, useSpeechRecognition, useSpeechSynthesis, useStepper, useStorage, useStorageAsync, useStyleTag, useSupported, useSwipe, useTemplateRefsList, useTemporalNow, useTextDirection, useTextSelection, useTextareaAutosize, useThrottle, useThrottleFn, useThrottledRefHistory, useTimeAgo, useTimeAgoIntl, useTimeout, useTimeoutFn, useTimeoutPoll, useTimestamp, useTitle, useToNumber, useToString, useToggle, useTransition, useUrlSearchParams, useUserMedia, useVModel, useVModels, useVibrate, useVirtualList, useWakeLock, useWebMCP, useWebNotification, useWebSocket, useWebWorker, useWebWorkerFn, useWindowFocus, useWindowScroll, useWindowSize, watchArray, watchAtMost, watchDebounced, watchDeep, watchIgnorable, watchImmediate, watchOnce, watchPausable, watchThrottled, watchTriggerable, watchWithFilter, whenever };