@vitejs/devtools 0.0.0-alpha.21 → 0.0.0-alpha.23

package/dist/{docks-BuqYBItp.js → vue.runtime.esm-bundler-B98sE5ly.js}

@@ -1,5 +1,3 @@
-import { createEventEmitter } from "@vitejs/devtools-kit/utils/events";
-
 //#region ../../node_modules/.pnpm/@vue+shared@3.5.26/node_modules/@vue/shared/dist/shared.esm-bundler.js
 /**
 * @vue/shared v3.5.26
@@ -31,9 +29,9 @@ const isSet = (val) => toTypeString(val) === "[object Set]";
 const isFunction = (val) => typeof val === "function";
 const isString = (val) => typeof val === "string";
 const isSymbol = (val) => typeof val === "symbol";
-const isObject$1 = (val) => val !== null && typeof val === "object";
+const isObject = (val) => val !== null && typeof val === "object";
 const isPromise = (val) => {
-	return (isObject$1(val) || isFunction(val)) && isFunction(val.then) && isFunction(val.catch);
+	return (isObject(val) || isFunction(val)) && isFunction(val.then) && isFunction(val.catch);
 };
 const objectToString = Object.prototype.toString;
 const toTypeString = (value) => objectToString.call(value);
@@ -44,22 +42,22 @@ const isPlainObject = (val) => toTypeString(val) === "[object Object]";
 const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
 const isReservedProp = /* @__PURE__ */ makeMap(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted");
 const isBuiltInDirective = /* @__PURE__ */ makeMap("bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo");
-const cacheStringFunction$1 = (fn) => {
+const cacheStringFunction = (fn) => {
 	const cache = /* @__PURE__ */ Object.create(null);
 	return ((str) => {
 		return cache[str] || (cache[str] = fn(str));
 	});
 };
-const camelizeRE$1 = /-\w/g;
-const camelize$1 = cacheStringFunction$1((str) => {
-	return str.replace(camelizeRE$1, (c) => c.slice(1).toUpperCase());
+const camelizeRE = /-\w/g;
+const camelize = cacheStringFunction((str) => {
+	return str.replace(camelizeRE, (c) => c.slice(1).toUpperCase());
 });
-const hyphenateRE$1 = /\B([A-Z])/g;
-const hyphenate$1 = cacheStringFunction$1((str) => str.replace(hyphenateRE$1, "-$1").toLowerCase());
-const capitalize = cacheStringFunction$1((str) => {
+const hyphenateRE = /\B([A-Z])/g;
+const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, "-$1").toLowerCase());
+const capitalize = cacheStringFunction((str) => {
 	return str.charAt(0).toUpperCase() + str.slice(1);
 });
-const toHandlerKey = cacheStringFunction$1((str) => {
+const toHandlerKey = cacheStringFunction((str) => {
 	return str ? `on${capitalize(str)}` : ``;
 });
 const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
@@ -95,7 +93,7 @@ function normalizeStyle(value) {
 			if (normalized) for (const key in normalized) res[key] = normalized[key];
 		}
 		return res;
-	} else if (isString(value) || isObject$1(value)) return value;
+	} else if (isString(value) || isObject(value)) return value;
 }
 const listDelimiterRE = /;(?![^(]*\))/g;
 const propertyDelimiterRE = /:([^]+)/;
@@ -117,7 +115,7 @@ function normalizeClass(value) {
 		const normalized = normalizeClass(value[i]);
 		if (normalized) res += normalized + " ";
 	}
-	else if (isObject$1(value)) {
+	else if (isObject(value)) {
 		for (const name in value) if (value[name]) res += name + " ";
 	}
 	return res.trim();
@@ -138,7 +136,7 @@ const isRef$1 = (val) => {
 	return !!(val && val["__v_isRef"] === true);
 };
 const toDisplayString = (val) => {
-	return isString(val) ? val : val == null ? "" : isArray(val) || isObject$1(val) && (val.toString === objectToString || !isFunction(val.toString)) ? isRef$1(val) ? toDisplayString(val.value) : JSON.stringify(val, replacer, 2) : String(val);
+	return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? isRef$1(val) ? toDisplayString(val.value) : JSON.stringify(val, replacer, 2) : String(val);
 };
 const replacer = (_key, val) => {
 	if (isRef$1(val)) return replacer(_key, val.value);
@@ -148,7 +146,7 @@ const replacer = (_key, val) => {
 	}, {}) };
 	else if (isSet(val)) return { [`Set(${val.size})`]: [...val.values()].map((v) => stringifySymbol(v)) };
 	else if (isSymbol(val)) return stringifySymbol(val);
-	else if (isObject$1(val) && !isArray(val) && !isPlainObject(val)) return String(val);
+	else if (isObject(val) && !isArray(val) && !isPlainObject(val)) return String(val);
 	return val;
 };
 const stringifySymbol = (v, i = "") => {
@@ -901,9 +899,9 @@ var BaseReactiveHandler = class {
 		if (isShallow2) return res;
 		if (isRef(res)) {
 			const value = targetIsArray && isIntegerKey(key) ? res : res.value;
-			return isReadonly2 && isObject$1(value) ? readonly(value) : value;
+			return isReadonly2 && isObject(value) ? readonly(value) : value;
 		}
-		if (isObject$1(res)) return isReadonly2 ? readonly(res) : reactive(res);
+		if (isObject(res)) return isReadonly2 ? readonly(res) : reactive(res);
 		return res;
 	}
 };
@@ -1164,7 +1162,7 @@ function shallowReadonly(target) {
 	return createReactiveObject(target, true, shallowReadonlyHandlers, shallowReadonlyCollectionHandlers, shallowReadonlyMap);
 }
 function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandlers, proxyMap) {
-	if (!isObject$1(target)) {
+	if (!isObject(target)) {
 		if (!!(process.env.NODE_ENV !== "production")) warn$2(`value cannot be made ${isReadonly2 ? "readonly" : "reactive"}: ${String(target)}`);
 		return target;
 	}
@@ -1198,8 +1196,8 @@ function markRaw(value) {
 	if (!hasOwn(value, "__v_skip") && Object.isExtensible(value)) def(value, "__v_skip", true);
 	return value;
 }
-const toReactive = (value) => isObject$1(value) ? reactive(value) : value;
-const toReadonly = (value) => isObject$1(value) ? readonly(value) : value;
+const toReactive = (value) => isObject(value) ? reactive(value) : value;
+const toReadonly = (value) => isObject(value) ? readonly(value) : value;
 function isRef(r) {
 	return r ? r["__v_isRef"] === true : false;
 }
@@ -1338,10 +1336,10 @@ var GetterRefImpl = class {
 		return this._value = this._getter();
 	}
 };
-function toRef$1(source, key, defaultValue) {
+function toRef(source, key, defaultValue) {
 	if (isRef(source)) return source;
 	else if (isFunction(source)) return new GetterRefImpl(source);
-	else if (isObject$1(source) && arguments.length > 1) return propertyToRef(source, key, defaultValue);
+	else if (isObject(source) && arguments.length > 1) return propertyToRef(source, key, defaultValue);
 	else return ref(source);
 }
 function propertyToRef(source, key, defaultValue) {
@@ -1556,7 +1554,7 @@ function watch$1(source, cb, options = EMPTY_OBJ) {
 	return watchHandle;
 }
 function traverse(value, depth = Infinity, seen) {
-	if (depth <= 0 || !isObject$1(value) || value["__v_skip"]) return value;
+	if (depth <= 0 || !isObject(value) || value["__v_skip"]) return value;
 	seen = seen || /* @__PURE__ */ new Map();
 	if ((seen.get(value) || 0) >= depth) return value;
 	seen.set(value, depth);
@@ -1675,6 +1673,12 @@ function formatProp(key, value, raw) {
 		return raw ? value : [`${key}=`, value];
 	}
 }
+function assertNumber(val, type) {
+	if (!!!(process.env.NODE_ENV !== "production")) return;
+	if (val === void 0) return;
+	else if (typeof val !== "number") warn$1(`${type} is not a valid number - got ${JSON.stringify(val)}.`);
+	else if (isNaN(val)) warn$1(`${type} is NaN - the duration expression might be incorrect.`);
+}
 const ErrorTypeStrings$1 = {
 	["sp"]: "serverPrefetch hook",
 	["bc"]: "beforeCreate hook",
@@ -2257,7 +2261,7 @@ function setTransitionHooks(vnode, hooks) {
 }
 /* @__NO_SIDE_EFFECTS__ */
 function defineComponent(options, extraOptions) {
-	return isFunction(options) ? /* @__PURE__ */ (() => extend({ name: options.name }, extraOptions, { setup: options }))() : options;
+	return isFunction(options) ? extend({ name: options.name }, extraOptions, { setup: options }) : options;
 }
 function markAsyncBoundary(instance) {
 	instance.ids = [
@@ -2374,9 +2378,130 @@ function invalidatePendingSetRef(rawRef) {
 		pendingSetRefMap.delete(rawRef);
 	}
 }
+const isComment = (node) => node.nodeType === 8;
 const requestIdleCallback = getGlobalThis().requestIdleCallback || ((cb) => setTimeout(cb, 1));
 const cancelIdleCallback = getGlobalThis().cancelIdleCallback || ((id) => clearTimeout(id));
+function forEachElement(node, cb) {
+	if (isComment(node) && node.data === "[") {
+		let depth = 1;
+		let next = node.nextSibling;
+		while (next) {
+			if (next.nodeType === 1) {
+				if (cb(next) === false) break;
+			} else if (isComment(next)) {
+				if (next.data === "]") {
+					if (--depth === 0) break;
+				} else if (next.data === "[") depth++;
+			}
+			next = next.nextSibling;
+		}
+	} else cb(node);
+}
 const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
+/* @__NO_SIDE_EFFECTS__ */
+function defineAsyncComponent(source) {
+	if (isFunction(source)) source = { loader: source };
+	const { loader, loadingComponent, errorComponent, delay = 200, hydrate: hydrateStrategy, timeout, suspensible = true, onError: userOnError } = source;
+	let pendingRequest = null;
+	let resolvedComp;
+	let retries = 0;
+	const retry = () => {
+		retries++;
+		pendingRequest = null;
+		return load();
+	};
+	const load = () => {
+		let thisRequest;
+		return pendingRequest || (thisRequest = pendingRequest = loader().catch((err) => {
+			err = err instanceof Error ? err : new Error(String(err));
+			if (userOnError) return new Promise((resolve, reject) => {
+				const userRetry = () => resolve(retry());
+				const userFail = () => reject(err);
+				userOnError(err, userRetry, userFail, retries + 1);
+			});
+			else throw err;
+		}).then((comp) => {
+			if (thisRequest !== pendingRequest && pendingRequest) return pendingRequest;
+			if (!!(process.env.NODE_ENV !== "production") && !comp) warn$1(`Async component loader resolved to undefined. If you are using retry(), make sure to return its return value.`);
+			if (comp && (comp.__esModule || comp[Symbol.toStringTag] === "Module")) comp = comp.default;
+			if (!!(process.env.NODE_ENV !== "production") && comp && !isObject(comp) && !isFunction(comp)) throw new Error(`Invalid async component load result: ${comp}`);
+			resolvedComp = comp;
+			return comp;
+		}));
+	};
+	return /* @__PURE__ */ defineComponent({
+		name: "AsyncComponentWrapper",
+		__asyncLoader: load,
+		__asyncHydrate(el, instance, hydrate) {
+			let patched = false;
+			(instance.bu || (instance.bu = [])).push(() => patched = true);
+			const performHydrate = () => {
+				if (patched) {
+					if (!!(process.env.NODE_ENV !== "production")) warn$1(`Skipping lazy hydration for component '${getComponentName(resolvedComp) || resolvedComp.__file}': it was updated before lazy hydration performed.`);
+					return;
+				}
+				hydrate();
+			};
+			const doHydrate = hydrateStrategy ? () => {
+				const teardown = hydrateStrategy(performHydrate, (cb) => forEachElement(el, cb));
+				if (teardown) (instance.bum || (instance.bum = [])).push(teardown);
+			} : performHydrate;
+			if (resolvedComp) doHydrate();
+			else load().then(() => !instance.isUnmounted && doHydrate());
+		},
+		get __asyncResolved() {
+			return resolvedComp;
+		},
+		setup() {
+			const instance = currentInstance;
+			markAsyncBoundary(instance);
+			if (resolvedComp) return () => createInnerComp(resolvedComp, instance);
+			const onError = (err) => {
+				pendingRequest = null;
+				handleError(err, instance, 13, !errorComponent);
+			};
+			if (suspensible && instance.suspense || isInSSRComponentSetup) return load().then((comp) => {
+				return () => createInnerComp(comp, instance);
+			}).catch((err) => {
+				onError(err);
+				return () => errorComponent ? createVNode(errorComponent, { error: err }) : null;
+			});
+			const loaded = ref(false);
+			const error = ref();
+			const delayed = ref(!!delay);
+			if (delay) setTimeout(() => {
+				delayed.value = false;
+			}, delay);
+			if (timeout != null) setTimeout(() => {
+				if (!loaded.value && !error.value) {
+					const err = /* @__PURE__ */ new Error(`Async component timed out after ${timeout}ms.`);
+					onError(err);
+					error.value = err;
+				}
+			}, timeout);
+			load().then(() => {
+				loaded.value = true;
+				if (instance.parent && isKeepAlive(instance.parent.vnode)) instance.parent.update();
+			}).catch((err) => {
+				onError(err);
+				error.value = err;
+			});
+			return () => {
+				if (loaded.value && resolvedComp) return createInnerComp(resolvedComp, instance);
+				else if (error.value && errorComponent) return createVNode(errorComponent, { error: error.value });
+				else if (loadingComponent && !delayed.value) return createInnerComp(loadingComponent, instance);
+			};
+		}
+	});
+}
+function createInnerComp(comp, parent) {
+	const { ref: ref2, props, children, ce } = parent.vnode;
+	const vnode = createVNode(comp, props, children);
+	vnode.ref = ref2;
+	vnode.ce = ce;
+	delete parent.vnode.ce;
+	return vnode;
+}
 const isKeepAlive = (vnode) => vnode.type.__isKeepAlive;
 function onActivated(hook, target) {
 	registerKeepAliveHook(hook, "a", target);
@@ -2459,7 +2584,7 @@ function renderList(source, renderItem, cache, index) {
 		if (!!(process.env.NODE_ENV !== "production") && !Number.isInteger(source)) warn$1(`The v-for range expect an integer value but got ${source}.`);
 		ret = new Array(source);
 		for (let i = 0; i < source; i++) ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]);
-	} else if (isObject$1(source)) if (source[Symbol.iterator]) ret = Array.from(source, (item, i) => renderItem(item, i, void 0, cached && cached[i]));
+	} else if (isObject(source)) if (source[Symbol.iterator]) ret = Array.from(source, (item, i) => renderItem(item, i, void 0, cached && cached[i]));
 	else {
 		const keys = Object.keys(source);
 		ret = new Array(keys.length);
@@ -2697,7 +2822,7 @@ function applyOptions(instance) {
 		if (!!(process.env.NODE_ENV !== "production") && !isFunction(dataOptions)) warn$1(`The data option must be a function. Plain object usage is no longer supported.`);
 		const data = dataOptions.call(publicThis, publicThis);
 		if (!!(process.env.NODE_ENV !== "production") && isPromise(data)) warn$1(`data() returned a Promise - note data() cannot be async; If you intend to perform data fetching before component renders, use async setup() + <Suspense>.`);
-		if (!isObject$1(data)) process.env.NODE_ENV !== "production" && warn$1(`data() should return an object.`);
+		if (!isObject(data)) process.env.NODE_ENV !== "production" && warn$1(`data() should return an object.`);
 		else {
 			instance.data = reactive(data);
 			if (!!(process.env.NODE_ENV !== "production")) for (const key in data) {
@@ -2777,7 +2902,7 @@ function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP)
 	for (const key in injectOptions) {
 		const opt = injectOptions[key];
 		let injected;
-		if (isObject$1(opt)) if ("default" in opt) injected = inject(opt.from || key, opt.default, true);
+		if (isObject(opt)) if ("default" in opt) injected = inject(opt.from || key, opt.default, true);
 		else injected = inject(opt.from || key);
 		else injected = inject(opt);
 		if (isRef(injected)) Object.defineProperty(ctx, key, {
@@ -2800,7 +2925,7 @@ function createWatcher(raw, ctx, publicThis, key) {
 		if (isFunction(handler)) watch(getter, handler);
 		else if (!!(process.env.NODE_ENV !== "production")) warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
 	} else if (isFunction(raw)) watch(getter, raw.bind(publicThis));
-	else if (isObject$1(raw)) if (isArray(raw)) raw.forEach((r) => createWatcher(r, ctx, publicThis, key));
+	else if (isObject(raw)) if (isArray(raw)) raw.forEach((r) => createWatcher(r, ctx, publicThis, key));
 	else {
 		const handler = isFunction(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
 		if (isFunction(handler)) watch(getter, handler, raw);
@@ -2821,7 +2946,7 @@ function resolveMergedOptions(instance) {
 		if (globalMixins.length) globalMixins.forEach((m) => mergeOptions(resolved, m, optionMergeStrategies, true));
 		mergeOptions(resolved, base, optionMergeStrategies);
 	}
-	if (isObject$1(base)) cache.set(base, resolved);
+	if (isObject(base)) cache.set(base, resolved);
 	return resolved;
 }
 function mergeOptions(to, from, strats, asMixin = false) {
@@ -2923,7 +3048,7 @@ let uid$1 = 0;
 function createAppAPI(render$1, hydrate) {
 	return function createApp$1(rootComponent, rootProps = null) {
 		if (!isFunction(rootComponent)) rootComponent = extend({}, rootComponent);
-		if (rootProps != null && !isObject$1(rootProps)) {
+		if (rootProps != null && !isObject(rootProps)) {
 			process.env.NODE_ENV !== "production" && warn$1(`root props passed to app.mount() must be an object.`);
 			rootProps = null;
 		}
@@ -3039,7 +3164,7 @@ If you want to remount the same app, move your app creation logic into a factory
 }
 let currentApp = null;
 const getModelModifiers = (props, modelName) => {
-	return modelName === "modelValue" || modelName === "model-value" ? props.modelModifiers : props[`${modelName}Modifiers`] || props[`${camelize$1(modelName)}Modifiers`] || props[`${hyphenate$1(modelName)}Modifiers`];
+	return modelName === "modelValue" || modelName === "model-value" ? props.modelModifiers : props[`${modelName}Modifiers`] || props[`${camelize(modelName)}Modifiers`] || props[`${hyphenate(modelName)}Modifiers`];
 };
 function emit(instance, event, ...rawArgs) {
 	if (instance.isUnmounted) return;
@@ -3047,7 +3172,7 @@ function emit(instance, event, ...rawArgs) {
 	if (!!(process.env.NODE_ENV !== "production")) {
 		const { emitsOptions, propsOptions: [propsOptions] } = instance;
 		if (emitsOptions) if (!(event in emitsOptions) && true) {
-			if (!propsOptions || !(toHandlerKey(camelize$1(event)) in propsOptions)) warn$1(`Component emitted event "${event}" but it is neither declared in the emits option nor as an "${toHandlerKey(camelize$1(event))}" prop.`);
+			if (!propsOptions || !(toHandlerKey(camelize(event)) in propsOptions)) warn$1(`Component emitted event "${event}" but it is neither declared in the emits option nor as an "${toHandlerKey(camelize(event))}" prop.`);
 		} else {
 			const validator = emitsOptions[event];
 			if (isFunction(validator)) {
@@ -3065,11 +3190,11 @@ function emit(instance, event, ...rawArgs) {
 	if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) devtoolsComponentEmit(instance, event, args);
 	if (!!(process.env.NODE_ENV !== "production")) {
 		const lowerCaseEvent = event.toLowerCase();
-		if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) warn$1(`Event "${lowerCaseEvent}" is emitted in component ${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You should probably use "${hyphenate$1(event)}" instead of "${event}".`);
+		if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) warn$1(`Event "${lowerCaseEvent}" is emitted in component ${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You should probably use "${hyphenate(event)}" instead of "${event}".`);
 	}
 	let handlerName;
-	let handler = props[handlerName = toHandlerKey(event)] || props[handlerName = toHandlerKey(camelize$1(event))];
-	if (!handler && isModelListener$1) handler = props[handlerName = toHandlerKey(hyphenate$1(event))];
+	let handler = props[handlerName = toHandlerKey(event)] || props[handlerName = toHandlerKey(camelize(event))];
+	if (!handler && isModelListener$1) handler = props[handlerName = toHandlerKey(hyphenate(event))];
 	if (handler) callWithAsyncErrorHandling(handler, instance, 6, args);
 	const onceHandler = props[handlerName + `Once`];
 	if (onceHandler) {
@@ -3100,18 +3225,18 @@ function normalizeEmitsOptions(comp, appContext, asMixin = false) {
 		if (comp.mixins) comp.mixins.forEach(extendEmits);
 	}
 	if (!raw && !hasExtends) {
-		if (isObject$1(comp)) cache.set(comp, null);
+		if (isObject(comp)) cache.set(comp, null);
 		return null;
 	}
 	if (isArray(raw)) raw.forEach((key) => normalized[key] = null);
 	else extend(normalized, raw);
-	if (isObject$1(comp)) cache.set(comp, normalized);
+	if (isObject(comp)) cache.set(comp, normalized);
 	return normalized;
 }
 function isEmitListener(options, key) {
 	if (!options || !isOn(key)) return false;
 	key = key.slice(2).replace(/Once$/, "");
-	return hasOwn(options, key[0].toLowerCase() + key.slice(1)) || hasOwn(options, hyphenate$1(key)) || hasOwn(options, key);
+	return hasOwn(options, key[0].toLowerCase() + key.slice(1)) || hasOwn(options, hyphenate(key)) || hasOwn(options, key);
 }
 let accessedAttrs = false;
 function markAttrsAccessed() {
@@ -3324,7 +3449,7 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
 						hasAttrsChanged = true;
 					}
 				} else {
-					const camelizedKey = camelize$1(key);
+					const camelizedKey = camelize(key);
 					props[camelizedKey] = resolvePropValue(options, rawCurrentProps, camelizedKey, value, instance, false);
 				}
 				else if (value !== attrs[key]) {
@@ -3336,7 +3461,7 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
 	} else {
 		if (setFullProps(instance, rawProps, props, attrs)) hasAttrsChanged = true;
 		let kebabKey;
-		for (const key in rawCurrentProps) if (!rawProps || !hasOwn(rawProps, key) && ((kebabKey = hyphenate$1(key)) === key || !hasOwn(rawProps, kebabKey))) if (options) {
+		for (const key in rawCurrentProps) if (!rawProps || !hasOwn(rawProps, key) && ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey))) if (options) {
 			if (rawPrevProps && (rawPrevProps[key] !== void 0 || rawPrevProps[kebabKey] !== void 0)) props[key] = resolvePropValue(options, rawCurrentProps, key, void 0, instance, true);
 		} else delete props[key];
 		if (attrs !== rawCurrentProps) {
@@ -3357,7 +3482,7 @@ function setFullProps(instance, rawProps, props, attrs) {
 		if (isReservedProp(key)) continue;
 		const value = rawProps[key];
 		let camelKey;
-		if (options && hasOwn(options, camelKey = camelize$1(key))) if (!needCastKeys || !needCastKeys.includes(camelKey)) props[camelKey] = value;
+		if (options && hasOwn(options, camelKey = camelize(key))) if (!needCastKeys || !needCastKeys.includes(camelKey)) props[camelKey] = value;
 		else (rawCastValues || (rawCastValues = {}))[camelKey] = value;
 		else if (!isEmitListener(instance.emitsOptions, key)) {
 			if (!(key in attrs) || value !== attrs[key]) {
@@ -3395,7 +3520,7 @@ function resolvePropValue(options, props, key, value, instance, isAbsent) {
 		}
 		if (opt[0]) {
 			if (isAbsent && !hasDefault) value = false;
-			else if (opt[1] && (value === "" || value === hyphenate$1(key))) value = true;
+			else if (opt[1] && (value === "" || value === hyphenate(key))) value = true;
 		}
 	}
 	return value;
@@ -3421,18 +3546,18 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
 		if (comp.mixins) comp.mixins.forEach(extendProps);
 	}
 	if (!raw && !hasExtends) {
-		if (isObject$1(comp)) cache.set(comp, EMPTY_ARR);
+		if (isObject(comp)) cache.set(comp, EMPTY_ARR);
 		return EMPTY_ARR;
 	}
 	if (isArray(raw)) for (let i = 0; i < raw.length; i++) {
 		if (!!(process.env.NODE_ENV !== "production") && !isString(raw[i])) warn$1(`props must be strings when using array syntax.`, raw[i]);
-		const normalizedKey = camelize$1(raw[i]);
+		const normalizedKey = camelize(raw[i]);
 		if (validatePropName(normalizedKey)) normalized[normalizedKey] = EMPTY_OBJ;
 	}
 	else if (raw) {
-		if (!!(process.env.NODE_ENV !== "production") && !isObject$1(raw)) warn$1(`invalid props options`, raw);
+		if (!!(process.env.NODE_ENV !== "production") && !isObject(raw)) warn$1(`invalid props options`, raw);
 		for (const key in raw) {
-			const normalizedKey = camelize$1(key);
+			const normalizedKey = camelize(key);
 			if (validatePropName(normalizedKey)) {
 				const opt = raw[key];
 				const prop = normalized[normalizedKey] = isArray(opt) || isFunction(opt) ? { type: opt } : extend({}, opt);
@@ -3455,7 +3580,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
 		}
 	}
 	const res = [normalized, needCastKeys];
-	if (isObject$1(comp)) cache.set(comp, res);
+	if (isObject(comp)) cache.set(comp, res);
 	return res;
 }
 function validatePropName(key) {
@@ -3472,7 +3597,7 @@ function getType(ctor) {
 function validateProps(rawProps, props, instance) {
 	const resolvedValues = toRaw(props);
 	const options = instance.propsOptions[0];
-	const camelizePropsKey = Object.keys(rawProps).map((key) => camelize$1(key));
+	const camelizePropsKey = Object.keys(rawProps).map((key) => camelize(key));
 	for (const key in options) {
 		let opt = options[key];
 		if (opt == null) continue;
@@ -3511,7 +3636,7 @@ function assertType(value, type) {
 		const t = typeof value;
 		valid = t === expectedType.toLowerCase();
 		if (!valid && t === "object") valid = value instanceof type;
-	} else if (expectedType === "Object") valid = isObject$1(value);
+	} else if (expectedType === "Object") valid = isObject(value);
 	else if (expectedType === "Array") valid = isArray(value);
 	else valid = value instanceof type;
 	return {
@@ -4441,11 +4566,297 @@ function resolveAsyncComponentPlaceholder(anchorVnode) {
 	return null;
 }
 const isSuspense = (type) => type.__isSuspense;
+let suspenseId = 0;
+const Suspense = {
+	name: "Suspense",
+	__isSuspense: true,
+	process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals) {
+		if (n1 == null) mountSuspense(n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals);
+		else {
+			if (parentSuspense && parentSuspense.deps > 0 && !n1.suspense.isInFallback) {
+				n2.suspense = n1.suspense;
+				n2.suspense.vnode = n2;
+				n2.el = n1.el;
+				return;
+			}
+			patchSuspense(n1, n2, container, anchor, parentComponent, namespace, slotScopeIds, optimized, rendererInternals);
+		}
+	},
+	hydrate: hydrateSuspense,
+	normalize: normalizeSuspenseChildren
+};
+function triggerEvent(vnode, name) {
+	const eventListener = vnode.props && vnode.props[name];
+	if (isFunction(eventListener)) eventListener();
+}
+function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals) {
+	const { p: patch, o: { createElement } } = rendererInternals;
+	const hiddenContainer = createElement("div");
+	const suspense = vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, namespace, slotScopeIds, optimized, rendererInternals);
+	patch(null, suspense.pendingBranch = vnode.ssContent, hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds);
+	if (suspense.deps > 0) {
+		triggerEvent(vnode, "onPending");
+		triggerEvent(vnode, "onFallback");
+		patch(null, vnode.ssFallback, container, anchor, parentComponent, null, namespace, slotScopeIds);
+		setActiveBranch(suspense, vnode.ssFallback);
+	} else suspense.resolve(false, true);
+}
+function patchSuspense(n1, n2, container, anchor, parentComponent, namespace, slotScopeIds, optimized, { p: patch, um: unmount, o: { createElement } }) {
+	const suspense = n2.suspense = n1.suspense;
+	suspense.vnode = n2;
+	n2.el = n1.el;
+	const newBranch = n2.ssContent;
+	const newFallback = n2.ssFallback;
+	const { activeBranch, pendingBranch, isInFallback, isHydrating } = suspense;
+	if (pendingBranch) {
+		suspense.pendingBranch = newBranch;
+		if (isSameVNodeType(pendingBranch, newBranch)) {
+			patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
+			if (suspense.deps <= 0) suspense.resolve();
+			else if (isInFallback) {
+				if (!isHydrating) {
+					patch(activeBranch, newFallback, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
+					setActiveBranch(suspense, newFallback);
+				}
+			}
+		} else {
+			suspense.pendingId = suspenseId++;
+			if (isHydrating) {
+				suspense.isHydrating = false;
+				suspense.activeBranch = pendingBranch;
+			} else unmount(pendingBranch, parentComponent, suspense);
+			suspense.deps = 0;
+			suspense.effects.length = 0;
+			suspense.hiddenContainer = createElement("div");
+			if (isInFallback) {
+				patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
+				if (suspense.deps <= 0) suspense.resolve();
+				else {
+					patch(activeBranch, newFallback, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
+					setActiveBranch(suspense, newFallback);
+				}
+			} else if (activeBranch && isSameVNodeType(activeBranch, newBranch)) {
+				patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, namespace, slotScopeIds, optimized);
+				suspense.resolve(true);
+			} else {
+				patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
+				if (suspense.deps <= 0) suspense.resolve();
+			}
+		}
+	} else if (activeBranch && isSameVNodeType(activeBranch, newBranch)) {
+		patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, namespace, slotScopeIds, optimized);
+		setActiveBranch(suspense, newBranch);
+	} else {
+		triggerEvent(n2, "onPending");
+		suspense.pendingBranch = newBranch;
+		if (newBranch.shapeFlag & 512) suspense.pendingId = newBranch.component.suspenseId;
+		else suspense.pendingId = suspenseId++;
+		patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
+		if (suspense.deps <= 0) suspense.resolve();
+		else {
+			const { timeout, pendingId } = suspense;
+			if (timeout > 0) setTimeout(() => {
+				if (suspense.pendingId === pendingId) suspense.fallback(newFallback);
+			}, timeout);
+			else if (timeout === 0) suspense.fallback(newFallback);
+		}
+	}
+}
+let hasWarned = false;
+function createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, namespace, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
+	if (!!(process.env.NODE_ENV !== "production") && !hasWarned) {
+		hasWarned = true;
+		console[console.info ? "info" : "log"](`<Suspense> is an experimental feature and its API will likely change.`);
+	}
+	const { p: patch, m: move, um: unmount, n: next, o: { parentNode, remove: remove$1 } } = rendererInternals;
+	let parentSuspenseId;
+	const isSuspensible = isVNodeSuspensible(vnode);
+	if (isSuspensible) {
+		if (parentSuspense && parentSuspense.pendingBranch) {
+			parentSuspenseId = parentSuspense.pendingId;
+			parentSuspense.deps++;
+		}
+	}
+	const timeout = vnode.props ? toNumber(vnode.props.timeout) : void 0;
+	if (!!(process.env.NODE_ENV !== "production")) assertNumber(timeout, `Suspense timeout`);
+	const initialAnchor = anchor;
+	const suspense = {
+		vnode,
+		parent: parentSuspense,
+		parentComponent,
+		namespace,
+		container,
+		hiddenContainer,
+		deps: 0,
+		pendingId: suspenseId++,
+		timeout: typeof timeout === "number" ? timeout : -1,
+		activeBranch: null,
+		pendingBranch: null,
+		isInFallback: !isHydrating,
+		isHydrating,
+		isUnmounted: false,
+		effects: [],
+		resolve(resume = false, sync = false) {
+			if (!!(process.env.NODE_ENV !== "production")) {
+				if (!resume && !suspense.pendingBranch) throw new Error(`suspense.resolve() is called without a pending branch.`);
+				if (suspense.isUnmounted) throw new Error(`suspense.resolve() is called on an already unmounted suspense boundary.`);
+			}
+			const { vnode: vnode2, activeBranch, pendingBranch, pendingId, effects, parentComponent: parentComponent2, container: container2, isInFallback } = suspense;
+			let delayEnter = false;
+			if (suspense.isHydrating) suspense.isHydrating = false;
+			else if (!resume) {
+				delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === "out-in";
+				if (delayEnter) activeBranch.transition.afterLeave = () => {
+					if (pendingId === suspense.pendingId) {
+						move(pendingBranch, container2, anchor === initialAnchor ? next(activeBranch) : anchor, 0);
+						queuePostFlushCb(effects);
+						if (isInFallback && vnode2.ssFallback) vnode2.ssFallback.el = null;
+					}
+				};
+				if (activeBranch) {
+					if (parentNode(activeBranch.el) === container2) anchor = next(activeBranch);
+					unmount(activeBranch, parentComponent2, suspense, true);
+					if (!delayEnter && isInFallback && vnode2.ssFallback) queuePostRenderEffect(() => vnode2.ssFallback.el = null, suspense);
+				}
+				if (!delayEnter) move(pendingBranch, container2, anchor, 0);
+			}
+			setActiveBranch(suspense, pendingBranch);
+			suspense.pendingBranch = null;
+			suspense.isInFallback = false;
+			let parent = suspense.parent;
+			let hasUnresolvedAncestor = false;
+			while (parent) {
+				if (parent.pendingBranch) {
+					parent.effects.push(...effects);
+					hasUnresolvedAncestor = true;
+					break;
+				}
+				parent = parent.parent;
+			}
+			if (!hasUnresolvedAncestor && !delayEnter) queuePostFlushCb(effects);
+			suspense.effects = [];
+			if (isSuspensible) {
+				if (parentSuspense && parentSuspense.pendingBranch && parentSuspenseId === parentSuspense.pendingId) {
+					parentSuspense.deps--;
+					if (parentSuspense.deps === 0 && !sync) parentSuspense.resolve();
+				}
+			}
+			triggerEvent(vnode2, "onResolve");
+		},
+		fallback(fallbackVNode) {
+			if (!suspense.pendingBranch) return;
+			const { vnode: vnode2, activeBranch, parentComponent: parentComponent2, container: container2, namespace: namespace2 } = suspense;
+			triggerEvent(vnode2, "onFallback");
+			const anchor2 = next(activeBranch);
+			const mountFallback = () => {
+				if (!suspense.isInFallback) return;
+				patch(null, fallbackVNode, container2, anchor2, parentComponent2, null, namespace2, slotScopeIds, optimized);
+				setActiveBranch(suspense, fallbackVNode);
+			};
+			const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === "out-in";
+			if (delayEnter) activeBranch.transition.afterLeave = mountFallback;
+			suspense.isInFallback = true;
+			unmount(activeBranch, parentComponent2, null, true);
+			if (!delayEnter) mountFallback();
+		},
+		move(container2, anchor2, type) {
+			suspense.activeBranch && move(suspense.activeBranch, container2, anchor2, type);
+			suspense.container = container2;
+		},
+		next() {
+			return suspense.activeBranch && next(suspense.activeBranch);
+		},
+		registerDep(instance, setupRenderEffect, optimized2) {
+			const isInPendingSuspense = !!suspense.pendingBranch;
+			if (isInPendingSuspense) suspense.deps++;
+			const hydratedEl = instance.vnode.el;
+			instance.asyncDep.catch((err) => {
+				handleError(err, instance, 0);
+			}).then((asyncSetupResult) => {
+				if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) return;
+				instance.asyncResolved = true;
+				const { vnode: vnode2 } = instance;
+				if (!!(process.env.NODE_ENV !== "production")) pushWarningContext(vnode2);
+				handleSetupResult(instance, asyncSetupResult, false);
+				if (hydratedEl) vnode2.el = hydratedEl;
+				const placeholder = !hydratedEl && instance.subTree.el;
+				setupRenderEffect(instance, vnode2, parentNode(hydratedEl || instance.subTree.el), hydratedEl ? null : next(instance.subTree), suspense, namespace, optimized2);
+				if (placeholder) {
+					vnode2.placeholder = null;
+					remove$1(placeholder);
+				}
+				updateHOCHostEl(instance, vnode2.el);
+				if (!!(process.env.NODE_ENV !== "production")) popWarningContext();
+				if (isInPendingSuspense && --suspense.deps === 0) suspense.resolve();
+			});
+		},
+		unmount(parentSuspense2, doRemove) {
+			suspense.isUnmounted = true;
+			if (suspense.activeBranch) unmount(suspense.activeBranch, parentComponent, parentSuspense2, doRemove);
+			if (suspense.pendingBranch) unmount(suspense.pendingBranch, parentComponent, parentSuspense2, doRemove);
+		}
+	};
+	return suspense;
+}
+function hydrateSuspense(node, vnode, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals, hydrateNode) {
+	const suspense = vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, node.parentNode, document.createElement("div"), null, namespace, slotScopeIds, optimized, rendererInternals, true);
+	const result = hydrateNode(node, suspense.pendingBranch = vnode.ssContent, parentComponent, suspense, slotScopeIds, optimized);
+	if (suspense.deps === 0) suspense.resolve(false, true);
+	return result;
+}
+function normalizeSuspenseChildren(vnode) {
+	const { shapeFlag, children } = vnode;
+	const isSlotChildren = shapeFlag & 32;
+	vnode.ssContent = normalizeSuspenseSlot(isSlotChildren ? children.default : children);
+	vnode.ssFallback = isSlotChildren ? normalizeSuspenseSlot(children.fallback) : createVNode(Comment);
+}
+function normalizeSuspenseSlot(s) {
+	let block;
+	if (isFunction(s)) {
+		const trackBlock = isBlockTreeEnabled && s._c;
+		if (trackBlock) {
+			s._d = false;
+			openBlock();
+		}
+		s = s();
+		if (trackBlock) {
+			s._d = true;
+			block = currentBlock;
+			closeBlock();
+		}
+	}
+	if (isArray(s)) {
+		const singleChild = filterSingleRoot(s);
+		if (!!(process.env.NODE_ENV !== "production") && !singleChild && s.filter((child) => child !== NULL_DYNAMIC_COMPONENT).length > 0) warn$1(`<Suspense> slots expect a single root node.`);
+		s = singleChild;
+	}
+	s = normalizeVNode(s);
+	if (block && !s.dynamicChildren) s.dynamicChildren = block.filter((c) => c !== s);
+	return s;
+}
 function queueEffectWithSuspense(fn, suspense) {
 	if (suspense && suspense.pendingBranch) if (isArray(fn)) suspense.effects.push(...fn);
 	else suspense.effects.push(fn);
 	else queuePostFlushCb(fn);
 }
+function setActiveBranch(suspense, branch) {
+	suspense.activeBranch = branch;
+	const { vnode, parentComponent } = suspense;
+	let el = branch.el;
+	while (!el && branch.component) {
+		branch = branch.component.subTree;
+		el = branch.el;
+	}
+	vnode.el = el;
+	if (parentComponent && parentComponent.subTree === vnode) {
+		parentComponent.vnode.el = el;
+		updateHOCHostEl(parentComponent, el);
+	}
+}
+function isVNodeSuspensible(vnode) {
+	const suspensible = vnode.props && vnode.props.suspensible;
+	return suspensible != null && suspensible !== false;
+}
 const Fragment = /* @__PURE__ */ Symbol.for("v-fgt");
 const Text = /* @__PURE__ */ Symbol.for("v-txt");
 const Comment = /* @__PURE__ */ Symbol.for("v-cmt");
@@ -4561,12 +4972,12 @@ function _createVNode(type, props = null, children = null, patchFlag = 0, dynami
 		props = guardReactiveProps(props);
 		let { class: klass, style } = props;
 		if (klass && !isString(klass)) props.class = normalizeClass(klass);
-		if (isObject$1(style)) {
+		if (isObject(style)) {
 			if (isProxy(style) && !isArray(style)) style = extend({}, style);
 			props.style = normalizeStyle(style);
 		}
 	}
-	const shapeFlag = isString(type) ? 1 : isSuspense(type) ? 128 : isTeleport(type) ? 64 : isObject$1(type) ? 4 : isFunction(type) ? 2 : 0;
+	const shapeFlag = isString(type) ? 1 : isSuspense(type) ? 128 : isTeleport(type) ? 64 : isObject(type) ? 4 : isFunction(type) ? 2 : 0;
 	if (!!(process.env.NODE_ENV !== "production") && shapeFlag & 4 && isProxy(type)) {
 		type = toRaw(type);
 		warn$1(`Vue received a Component that was made a reactive object. This can lead to unnecessary performance overhead and should be avoided by marking the component with \`markRaw\` or using \`shallowRef\` instead of \`ref\`.`, `
@@ -4866,7 +5277,7 @@ function setupStatefulComponent(instance, isSSR) {
 function handleSetupResult(instance, setupResult, isSSR) {
 	if (isFunction(setupResult)) if (instance.type.__ssrInlineRender) instance.ssrRender = setupResult;
 	else instance.render = setupResult;
-	else if (isObject$1(setupResult)) {
+	else if (isObject(setupResult)) {
 		if (!!(process.env.NODE_ENV !== "production") && isVNode(setupResult)) warn$1(`setup() should not return VNodes directly - return a render function instead.`);
 		if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) instance.devtoolsRawSetupState = setupResult;
 		instance.setupState = proxyRefs(setupResult);
@@ -5022,7 +5433,7 @@ function initCustomFormatter() {
 	const formatter = {
 		__vue_custom_formatter: true,
 		header(obj) {
-			if (!isObject$1(obj)) return null;
+			if (!isObject(obj)) return null;
 			if (obj.__isVue) return [
 				"div",
 				vueStyle,
@@ -5147,7 +5558,7 @@ function initCustomFormatter() {
 			keywordStyle,
 			v
 		];
-		else if (isObject$1(v)) return ["object", { object: asRaw ? toRaw(v) : v }];
+		else if (isObject(v)) return ["object", { object: asRaw ? toRaw(v) : v }];
 		else return [
 			"span",
 			stringStyle,
@@ -5163,7 +5574,7 @@ function initCustomFormatter() {
 	}
 	function isKeyOfType(Comp, key, type) {
 		const opts = Comp[type];
-		if (isArray(opts) && opts.includes(key) || isObject$1(opts) && key in opts) return true;
+		if (isArray(opts) && opts.includes(key) || isObject(opts) && key in opts) return true;
 		if (Comp.extends && isKeyOfType(Comp.extends, key, type)) return true;
 		if (Comp.mixins && Comp.mixins.some((m) => isKeyOfType(m, key, type))) return true;
 	}
@@ -5326,7 +5737,7 @@ function setStyle(style, name, val) {
 		if (name.startsWith("--")) style.setProperty(name, val);
 		else {
 			const prefixed = autoPrefix(style, name);
-			if (importantRE.test(val)) style.setProperty(hyphenate$1(prefixed), val.replace(importantRE, ""), "important");
+			if (importantRE.test(val)) style.setProperty(hyphenate(prefixed), val.replace(importantRE, ""), "important");
 			else style[prefixed] = val;
 		}
 	}
@@ -5340,7 +5751,7 @@ const prefixCache = {};
 function autoPrefix(style, rawName) {
 	const cached = prefixCache[rawName];
 	if (cached) return cached;
-	let name = camelize$1(rawName);
+	let name = camelize(rawName);
 	if (name !== "filter" && name in style) return prefixCache[rawName] = name;
 	name = capitalize(name);
 	for (let i = 0; i < prefixes.length; i++) {
@@ -5420,7 +5831,7 @@ function parseName(name) {
 			options[m[0].toLowerCase()] = true;
 		}
 	}
-	return [name[2] === ":" ? name.slice(3) : hyphenate$1(name.slice(2)), options];
+	return [name[2] === ":" ? name.slice(3) : hyphenate(name.slice(2)), options];
 }
 let cachedNow = 0;
 const p = /* @__PURE__ */ Promise.resolve();
@@ -5461,7 +5872,7 @@ const patchProp = (el, key, prevValue, nextValue, namespace, parentComponent) =>
 	} else if (key[0] === "." ? (key = key.slice(1), true) : key[0] === "^" ? (key = key.slice(1), false) : shouldSetAsProp(el, key, nextValue, isSVG)) {
 		patchDOMProp(el, key, nextValue);
 		if (!el.tagName.includes("-") && (key === "value" || key === "checked" || key === "selected")) patchAttr(el, key, nextValue, isSVG, parentComponent, key !== "value");
-	} else if (el._isVueCE && (/[A-Z]/.test(key) || !isString(nextValue))) patchDOMProp(el, camelize$1(key), nextValue, parentComponent, key);
+	} else if (el._isVueCE && (/[A-Z]/.test(key) || !isString(nextValue))) patchDOMProp(el, camelize(key), nextValue, parentComponent, key);
 	else {
 		if (key === "true-value") el._trueValue = nextValue;
 		else if (key === "false-value") el._falseValue = nextValue;
@@ -5598,7 +6009,7 @@ var VueElement = class VueElement extends BaseClass {
 				const opt = props[key];
 				if (opt === Number || opt && opt.type === Number) {
 					if (key in this._props) this._props[key] = toNumber(this._props[key]);
-					(numberProps || (numberProps = /* @__PURE__ */ Object.create(null)))[camelize$1(key)] = true;
+					(numberProps || (numberProps = /* @__PURE__ */ Object.create(null)))[camelize(key)] = true;
 				}
 			}
 			this._numberProps = numberProps;
@@ -5630,7 +6041,7 @@ var VueElement = class VueElement extends BaseClass {
 		const { props } = def$1;
 		const declaredPropKeys = isArray(props) ? props : Object.keys(props || {});
 		for (const key of Object.keys(this)) if (key[0] !== "_" && declaredPropKeys.includes(key)) this._setProp(key, this[key]);
-		for (const key of declaredPropKeys.map(camelize$1)) Object.defineProperty(this, key, {
+		for (const key of declaredPropKeys.map(camelize)) Object.defineProperty(this, key, {
 			get() {
 				return this._getProp(key);
 			},
@@ -5643,7 +6054,7 @@ var VueElement = class VueElement extends BaseClass {
 		if (key.startsWith("data-v-")) return;
 		const has = this.hasAttribute(key);
 		let value = has ? this.getAttribute(key) : REMOVAL;
-		const camelKey = camelize$1(key);
+		const camelKey = camelize(key);
 		if (has && this._numberProps && this._numberProps[camelKey]) value = toNumber(value);
 		this._setProp(camelKey, value, false, true);
 	}
@@ -5671,9 +6082,9 @@ var VueElement = class VueElement extends BaseClass {
 					this._processMutations(ob.takeRecords());
 					ob.disconnect();
 				}
-				if (val === true) this.setAttribute(hyphenate$1(key), "");
-				else if (typeof val === "string" || typeof val === "number") this.setAttribute(hyphenate$1(key), val + "");
-				else if (!val) this.removeAttribute(hyphenate$1(key));
+				if (val === true) this.setAttribute(hyphenate(key), "");
+				else if (typeof val === "string" || typeof val === "number") this.setAttribute(hyphenate(key), val + "");
+				else if (!val) this.removeAttribute(hyphenate(key));
 				ob && ob.observe(this, { attributes: true });
 			}
 		}
@@ -5705,7 +6116,7 @@ var VueElement = class VueElement extends BaseClass {
 			};
 			instance.emit = (event, ...args) => {
 				dispatch(event, args);
-				if (hyphenate$1(event) !== event) dispatch(hyphenate$1(event), args);
+				if (hyphenate(event) !== event) dispatch(hyphenate(event), args);
 			};
 			this._setParent();
 		};
@@ -5939,885 +6350,4 @@ function initDev() {
 if (!!(process.env.NODE_ENV !== "production")) initDev();
 
 //#endregion
-//#region ../../node_modules/.pnpm/@vueuse+shared@14.1.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js
-/**
-* Call onScopeDispose() if it's inside an effect scope lifecycle, if not, do nothing
-*
-* @param fn
-*/
-function tryOnScopeDispose(fn, failSilently) {
-	if (getCurrentScope()) {
-		onScopeDispose(fn, failSilently);
-		return true;
-	}
-	return false;
-}
-const localProvidedStateMap = /* @__PURE__ */ new WeakMap();
-/**
-* On the basis of `inject`, it is allowed to directly call inject to obtain the value after call provide in the same component.
-*
-* @example
-* ```ts
-* injectLocal('MyInjectionKey', 1)
-* const injectedValue = injectLocal('MyInjectionKey') // injectedValue === 1
-* ```
-*
-* @__NO_SIDE_EFFECTS__
-*/
-const injectLocal = (...args) => {
-	var _getCurrentInstance;
-	const key = args[0];
-	const instance = (_getCurrentInstance = getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.proxy;
-	const owner = instance !== null && instance !== void 0 ? instance : getCurrentScope();
-	if (owner == null && !hasInjectionContext()) throw new Error("injectLocal must be called in setup");
-	if (owner && localProvidedStateMap.has(owner) && key in localProvidedStateMap.get(owner)) return localProvidedStateMap.get(owner)[key];
-	return inject(...args);
-};
-const isClient = typeof window !== "undefined" && typeof document !== "undefined";
-const isWorker = typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-const notNullish = (val) => val != null;
-const toString = Object.prototype.toString;
-const isObject = (val) => toString.call(val) === "[object Object]";
-const noop = () => {};
-function toRef(...args) {
-	if (args.length !== 1) return toRef$1(...args);
-	const r = args[0];
-	return typeof r === "function" ? readonly(customRef(() => ({
-		get: r,
-		set: noop
-	}))) : ref(r);
-}
-/**
-* @internal
-*/
-function createFilterWrapper(filter, fn) {
-	function wrapper(...args) {
-		return new Promise((resolve, reject) => {
-			Promise.resolve(filter(() => fn.apply(this, args), {
-				fn,
-				thisArg: this,
-				args
-			})).then(resolve).catch(reject);
-		});
-	}
-	return wrapper;
-}
-const bypassFilter = (invoke$1) => {
-	return invoke$1();
-};
-/**
-* Create an EventFilter that debounce the events
-*/
-function debounceFilter(ms, options = {}) {
-	let timer;
-	let maxTimer;
-	let lastRejector = noop;
-	const _clearTimeout = (timer$1) => {
-		clearTimeout(timer$1);
-		lastRejector();
-		lastRejector = noop;
-	};
-	let lastInvoker;
-	const filter = (invoke$1) => {
-		const duration = toValue(ms);
-		const maxDuration = toValue(options.maxWait);
-		if (timer) _clearTimeout(timer);
-		if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
-			if (maxTimer) {
-				_clearTimeout(maxTimer);
-				maxTimer = void 0;
-			}
-			return Promise.resolve(invoke$1());
-		}
-		return new Promise((resolve, reject) => {
-			lastRejector = options.rejectOnCancel ? reject : resolve;
-			lastInvoker = invoke$1;
-			if (maxDuration && !maxTimer) maxTimer = setTimeout(() => {
-				if (timer) _clearTimeout(timer);
-				maxTimer = void 0;
-				resolve(lastInvoker());
-			}, maxDuration);
-			timer = setTimeout(() => {
-				if (maxTimer) _clearTimeout(maxTimer);
-				maxTimer = void 0;
-				resolve(invoke$1());
-			}, duration);
-		});
-	};
-	return filter;
-}
-/**
-* EventFilter that gives extra controls to pause and resume the filter
-*
-* @param extendFilter  Extra filter to apply when the PausableFilter is active, default to none
-* @param options Options to configure the filter
-*/
-function pausableFilter(extendFilter = bypassFilter, options = {}) {
-	const { initialState = "active" } = options;
-	const isActive = toRef(initialState === "active");
-	function pause() {
-		isActive.value = false;
-	}
-	function resume() {
-		isActive.value = true;
-	}
-	const eventFilter = (...args) => {
-		if (isActive.value) extendFilter(...args);
-	};
-	return {
-		isActive: readonly(isActive),
-		pause,
-		resume,
-		eventFilter
-	};
-}
-/**
-* Get a px value for SSR use, do not rely on this method outside of SSR as REM unit is assumed at 16px, which might not be the case on the client
-*/
-function pxValue(px) {
-	return px.endsWith("rem") ? Number.parseFloat(px) * 16 : Number.parseFloat(px);
-}
-function toArray(value) {
-	return Array.isArray(value) ? value : [value];
-}
-function cacheStringFunction(fn) {
-	const cache = Object.create(null);
-	return ((str) => {
-		return cache[str] || (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 getLifeCycleTarget(target) {
-	return target || getCurrentInstance();
-}
-/**
-* Debounce execution of a function.
-*
-* @see https://vueuse.org/useDebounceFn
-* @param  fn          A function to be executed after delay milliseconds debounced.
-* @param  ms          A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.
-* @param  options     Options
-*
-* @return A new, debounce, function.
-*
-* @__NO_SIDE_EFFECTS__
-*/
-function useDebounceFn(fn, ms = 200, options = {}) {
-	return createFilterWrapper(debounceFilter(ms, options), fn);
-}
-function watchWithFilter(source, cb, options = {}) {
-	const { eventFilter = bypassFilter, ...watchOptions } = options;
-	return watch(source, createFilterWrapper(eventFilter, cb), watchOptions);
-}
-function watchPausable(source, cb, options = {}) {
-	const { eventFilter: filter, initialState = "active", ...watchOptions } = options;
-	const { eventFilter, pause, resume, isActive } = pausableFilter(filter, { initialState });
-	return {
-		stop: watchWithFilter(source, cb, {
-			...watchOptions,
-			eventFilter
-		}),
-		pause,
-		resume,
-		isActive
-	};
-}
-/** @deprecated use `watchPausable` instead */
-const pausableWatch = watchPausable;
-/**
-* Call onMounted() if it's inside a component lifecycle, if not, just call the function
-*
-* @param fn
-* @param sync if set to false, it will run in the nextTick() of Vue
-* @param target
-*/
-function tryOnMounted(fn, sync = true, target) {
-	if (getLifeCycleTarget(target)) onMounted(fn, target);
-	else if (sync) fn();
-	else nextTick(fn);
-}
-/**
-* Shorthand for watching value with {immediate: true}
-*
-* @see https://vueuse.org/watchImmediate
-*/
-function watchImmediate(source, cb, options) {
-	return watch(source, cb, {
-		...options,
-		immediate: true
-	});
-}
-
-//#endregion
-//#region ../../node_modules/.pnpm/@vueuse+core@14.1.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js
-const defaultWindow = isClient ? window : void 0;
-const defaultDocument = isClient ? window.document : void 0;
-const defaultNavigator = isClient ? window.navigator : void 0;
-const defaultLocation = isClient ? window.location : void 0;
-/**
-* Get the dom element of a ref of element or Vue component instance
-*
-* @param elRef
-*/
-function unrefElement(elRef) {
-	var _$el;
-	const plain = toValue(elRef);
-	return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;
-}
-function useEventListener(...args) {
-	const register = (el, event, listener, options) => {
-		el.addEventListener(event, listener, options);
-		return () => el.removeEventListener(event, listener, options);
-	};
-	const firstParamTargets = computed(() => {
-		const test = toArray(toValue(args[0])).filter((e) => e != null);
-		return test.every((e) => typeof e !== "string") ? test : void 0;
-	});
-	return watchImmediate(() => {
-		var _firstParamTargets$va, _firstParamTargets$va2;
-		return [
-			(_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null),
-			toArray(toValue(firstParamTargets.value ? args[1] : args[0])),
-			toArray(unref(firstParamTargets.value ? args[2] : args[1])),
-			toValue(firstParamTargets.value ? args[3] : args[2])
-		];
-	}, ([raw_targets, raw_events, raw_listeners, raw_options], _, onCleanup) => {
-		if (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return;
-		const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
-		const cleanups = raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))));
-		onCleanup(() => {
-			cleanups.forEach((fn) => fn());
-		});
-	}, { flush: "post" });
-}
-/**
-* Mounted state in ref.
-*
-* @see https://vueuse.org/useMounted
-*
-* @__NO_SIDE_EFFECTS__
-*/
-function useMounted() {
-	const isMounted = shallowRef(false);
-	const instance = getCurrentInstance();
-	if (instance) onMounted(() => {
-		isMounted.value = true;
-	}, instance);
-	return isMounted;
-}
-/* @__NO_SIDE_EFFECTS__ */
-function useSupported(callback) {
-	const isMounted = useMounted();
-	return computed(() => {
-		isMounted.value;
-		return Boolean(callback());
-	});
-}
-/**
-* Watch for changes being made to the DOM tree.
-*
-* @see https://vueuse.org/useMutationObserver
-* @see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver MutationObserver MDN
-* @param target
-* @param callback
-* @param options
-*/
-function useMutationObserver(target, callback, options = {}) {
-	const { window: window$1 = defaultWindow, ...mutationOptions } = options;
-	let observer;
-	const isSupported$1 = /* @__PURE__ */ useSupported(() => window$1 && "MutationObserver" in window$1);
-	const cleanup = () => {
-		if (observer) {
-			observer.disconnect();
-			observer = void 0;
-		}
-	};
-	const stopWatch = watch(computed(() => {
-		const items = toArray(toValue(target)).map(unrefElement).filter(notNullish);
-		return new Set(items);
-	}), (newTargets) => {
-		cleanup();
-		if (isSupported$1.value && newTargets.size) {
-			observer = new MutationObserver(callback);
-			newTargets.forEach((el) => observer.observe(el, mutationOptions));
-		}
-	}, {
-		immediate: true,
-		flush: "post"
-	});
-	const takeRecords = () => {
-		return observer === null || observer === void 0 ? void 0 : observer.takeRecords();
-	};
-	const stop = () => {
-		stopWatch();
-		cleanup();
-	};
-	tryOnScopeDispose(stop);
-	return {
-		isSupported: isSupported$1,
-		stop,
-		takeRecords
-	};
-}
-const ssrWidthSymbol = Symbol("vueuse-ssr-width");
-/* @__NO_SIDE_EFFECTS__ */
-function useSSRWidth() {
-	const ssrWidth = hasInjectionContext() ? injectLocal(ssrWidthSymbol, null) : null;
-	return typeof ssrWidth === "number" ? ssrWidth : void 0;
-}
-/**
-* Reactive Media Query.
-*
-* @see https://vueuse.org/useMediaQuery
-* @param query
-* @param options
-*/
-function useMediaQuery(query, options = {}) {
-	const { window: window$1 = defaultWindow, ssrWidth = /* @__PURE__ */ useSSRWidth() } = options;
-	const isSupported$1 = /* @__PURE__ */ useSupported(() => window$1 && "matchMedia" in window$1 && typeof window$1.matchMedia === "function");
-	const ssrSupport = shallowRef(typeof ssrWidth === "number");
-	const mediaQuery = shallowRef();
-	const matches = shallowRef(false);
-	const handler = (event) => {
-		matches.value = event.matches;
-	};
-	watchEffect(() => {
-		if (ssrSupport.value) {
-			ssrSupport.value = !isSupported$1.value;
-			matches.value = toValue(query).split(",").some((queryString) => {
-				const not = queryString.includes("not all");
-				const minWidth = queryString.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-				const maxWidth = queryString.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-				let res = Boolean(minWidth || maxWidth);
-				if (minWidth && res) res = ssrWidth >= pxValue(minWidth[1]);
-				if (maxWidth && res) res = ssrWidth <= pxValue(maxWidth[1]);
-				return not ? !res : res;
-			});
-			return;
-		}
-		if (!isSupported$1.value) return;
-		mediaQuery.value = window$1.matchMedia(toValue(query));
-		matches.value = mediaQuery.value.matches;
-	});
-	useEventListener(mediaQuery, "change", handler, { passive: true });
-	return computed(() => matches.value);
-}
-const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-const globalKey = "__vueuse_ssr_handlers__";
-const handlers = /* @__PURE__ */ getHandlers();
-function getHandlers() {
-	if (!(globalKey in _global)) _global[globalKey] = _global[globalKey] || {};
-	return _global[globalKey];
-}
-function getSSRHandler(key, fallback) {
-	return handlers[key] || fallback;
-}
-function guessSerializerType(rawInit) {
-	return rawInit == null ? "any" : rawInit instanceof Set ? "set" : rawInit instanceof Map ? "map" : rawInit instanceof Date ? "date" : typeof rawInit === "boolean" ? "boolean" : typeof rawInit === "string" ? "string" : typeof rawInit === "object" ? "object" : !Number.isNaN(rawInit) ? "number" : "any";
-}
-const StorageSerializers = {
-	boolean: {
-		read: (v) => v === "true",
-		write: (v) => String(v)
-	},
-	object: {
-		read: (v) => JSON.parse(v),
-		write: (v) => JSON.stringify(v)
-	},
-	number: {
-		read: (v) => Number.parseFloat(v),
-		write: (v) => String(v)
-	},
-	any: {
-		read: (v) => v,
-		write: (v) => String(v)
-	},
-	string: {
-		read: (v) => v,
-		write: (v) => String(v)
-	},
-	map: {
-		read: (v) => new Map(JSON.parse(v)),
-		write: (v) => JSON.stringify(Array.from(v.entries()))
-	},
-	set: {
-		read: (v) => new Set(JSON.parse(v)),
-		write: (v) => JSON.stringify(Array.from(v))
-	},
-	date: {
-		read: (v) => new Date(v),
-		write: (v) => v.toISOString()
-	}
-};
-const customStorageEventName = "vueuse-storage";
-/**
-* Reactive LocalStorage/SessionStorage.
-*
-* @see https://vueuse.org/useStorage
-*/
-function useStorage(key, defaults$1, storage, options = {}) {
-	var _options$serializer;
-	const { flush = "pre", deep = true, listenToStorageChanges = true, writeDefaults = true, mergeDefaults = false, shallow, window: window$1 = defaultWindow, eventFilter, onError = (e) => {
-		console.error(e);
-	}, initOnMounted } = options;
-	const data = (shallow ? shallowRef : ref)(typeof defaults$1 === "function" ? defaults$1() : defaults$1);
-	const keyComputed = computed(() => toValue(key));
-	if (!storage) try {
-		storage = getSSRHandler("getDefaultStorage", () => defaultWindow === null || defaultWindow === void 0 ? void 0 : defaultWindow.localStorage)();
-	} catch (e) {
-		onError(e);
-	}
-	if (!storage) return data;
-	const rawInit = toValue(defaults$1);
-	const type = guessSerializerType(rawInit);
-	const serializer = (_options$serializer = options.serializer) !== null && _options$serializer !== void 0 ? _options$serializer : StorageSerializers[type];
-	const { pause: pauseWatch, resume: resumeWatch } = pausableWatch(data, (newValue) => write(newValue), {
-		flush,
-		deep,
-		eventFilter
-	});
-	watch(keyComputed, () => update(), { flush });
-	let firstMounted = false;
-	const onStorageEvent = (ev) => {
-		if (initOnMounted && !firstMounted) return;
-		update(ev);
-	};
-	const onStorageCustomEvent = (ev) => {
-		if (initOnMounted && !firstMounted) return;
-		updateFromCustomEvent(ev);
-	};
-	/**
-	* The custom event is needed for same-document syncing when using custom
-	* storage backends, but it doesn't work across different documents.
-	*
-	* TODO: Consider implementing a BroadcastChannel-based solution that fixes this.
-	*/
-	if (window$1 && listenToStorageChanges) if (storage instanceof Storage) useEventListener(window$1, "storage", onStorageEvent, { passive: true });
-	else useEventListener(window$1, customStorageEventName, onStorageCustomEvent);
-	if (initOnMounted) tryOnMounted(() => {
-		firstMounted = true;
-		update();
-	});
-	else update();
-	function dispatchWriteEvent(oldValue, newValue) {
-		if (window$1) {
-			const payload = {
-				key: keyComputed.value,
-				oldValue,
-				newValue,
-				storageArea: storage
-			};
-			window$1.dispatchEvent(storage instanceof Storage ? new StorageEvent("storage", payload) : new CustomEvent(customStorageEventName, { detail: payload }));
-		}
-	}
-	function write(v) {
-		try {
-			const oldValue = storage.getItem(keyComputed.value);
-			if (v == null) {
-				dispatchWriteEvent(oldValue, null);
-				storage.removeItem(keyComputed.value);
-			} else {
-				const serialized = serializer.write(v);
-				if (oldValue !== serialized) {
-					storage.setItem(keyComputed.value, serialized);
-					dispatchWriteEvent(oldValue, serialized);
-				}
-			}
-		} catch (e) {
-			onError(e);
-		}
-	}
-	function read(event) {
-		const rawValue = event ? event.newValue : storage.getItem(keyComputed.value);
-		if (rawValue == null) {
-			if (writeDefaults && rawInit != null) storage.setItem(keyComputed.value, serializer.write(rawInit));
-			return rawInit;
-		} else if (!event && mergeDefaults) {
-			const value = serializer.read(rawValue);
-			if (typeof mergeDefaults === "function") return mergeDefaults(value, rawInit);
-			else if (type === "object" && !Array.isArray(value)) return {
-				...rawInit,
-				...value
-			};
-			return value;
-		} else if (typeof rawValue !== "string") return rawValue;
-		else return serializer.read(rawValue);
-	}
-	function update(event) {
-		if (event && event.storageArea !== storage) return;
-		if (event && event.key == null) {
-			data.value = rawInit;
-			return;
-		}
-		if (event && event.key !== keyComputed.value) return;
-		pauseWatch();
-		try {
-			const serializedData = serializer.write(data.value);
-			if (event === void 0 || (event === null || event === void 0 ? void 0 : event.newValue) !== serializedData) data.value = read(event);
-		} catch (e) {
-			onError(e);
-		} finally {
-			if (event) nextTick(resumeWatch);
-			else resumeWatch();
-		}
-	}
-	function updateFromCustomEvent(event) {
-		update(event.detail);
-	}
-	return data;
-}
-/**
-* Manipulate CSS variables.
-*
-* @see https://vueuse.org/useCssVar
-* @param prop
-* @param target
-* @param options
-*/
-function useCssVar(prop, target, options = {}) {
-	const { window: window$1 = defaultWindow, initialValue, observe = false } = options;
-	const variable = shallowRef(initialValue);
-	const elRef = computed(() => {
-		var _window$document;
-		return unrefElement(target) || (window$1 === null || window$1 === void 0 || (_window$document = window$1.document) === null || _window$document === void 0 ? void 0 : _window$document.documentElement);
-	});
-	function updateCssVar() {
-		const key = toValue(prop);
-		const el = toValue(elRef);
-		if (el && window$1 && key) {
-			var _window$getComputedSt;
-			variable.value = ((_window$getComputedSt = window$1.getComputedStyle(el).getPropertyValue(key)) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.trim()) || variable.value || initialValue;
-		}
-	}
-	if (observe) useMutationObserver(elRef, updateCssVar, {
-		attributeFilter: ["style", "class"],
-		window: window$1
-	});
-	watch([elRef, () => toValue(prop)], (_, old) => {
-		if (old[0] && old[1]) old[0].style.removeProperty(old[1]);
-		updateCssVar();
-	}, { 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);
-	}, { immediate: true });
-	return variable;
-}
-/**
-* Reports changes to the dimensions of an Element's content or the border-box
-*
-* @see https://vueuse.org/useResizeObserver
-* @param target
-* @param callback
-* @param options
-*/
-function useResizeObserver(target, callback, options = {}) {
-	const { window: window$1 = defaultWindow, ...observerOptions } = options;
-	let observer;
-	const isSupported$1 = /* @__PURE__ */ useSupported(() => window$1 && "ResizeObserver" in window$1);
-	const cleanup = () => {
-		if (observer) {
-			observer.disconnect();
-			observer = void 0;
-		}
-	};
-	const stopWatch = watch(computed(() => {
-		const _targets = toValue(target);
-		return Array.isArray(_targets) ? _targets.map((el) => unrefElement(el)) : [unrefElement(_targets)];
-	}), (els) => {
-		cleanup();
-		if (isSupported$1.value && window$1) {
-			observer = new ResizeObserver(callback);
-			for (const _el of els) if (_el) observer.observe(_el, observerOptions);
-		}
-	}, {
-		immediate: true,
-		flush: "post"
-	});
-	const stop = () => {
-		cleanup();
-		stopWatch();
-	};
-	tryOnScopeDispose(stop);
-	return {
-		isSupported: isSupported$1,
-		stop
-	};
-}
-/**
-* Reactive bounding box of an HTML element.
-*
-* @see https://vueuse.org/useElementBounding
-* @param target
-*/
-function useElementBounding(target, options = {}) {
-	const { reset = true, windowResize = true, windowScroll = true, immediate = true, updateTiming = "sync" } = options;
-	const height = shallowRef(0);
-	const bottom = shallowRef(0);
-	const left = shallowRef(0);
-	const right = shallowRef(0);
-	const top = shallowRef(0);
-	const width = shallowRef(0);
-	const x = shallowRef(0);
-	const y = shallowRef(0);
-	function recalculate() {
-		const el = unrefElement(target);
-		if (!el) {
-			if (reset) {
-				height.value = 0;
-				bottom.value = 0;
-				left.value = 0;
-				right.value = 0;
-				top.value = 0;
-				width.value = 0;
-				x.value = 0;
-				y.value = 0;
-			}
-			return;
-		}
-		const rect = el.getBoundingClientRect();
-		height.value = rect.height;
-		bottom.value = rect.bottom;
-		left.value = rect.left;
-		right.value = rect.right;
-		top.value = rect.top;
-		width.value = rect.width;
-		x.value = rect.x;
-		y.value = rect.y;
-	}
-	function update() {
-		if (updateTiming === "sync") recalculate();
-		else if (updateTiming === "next-frame") requestAnimationFrame(() => recalculate());
-	}
-	useResizeObserver(target, update);
-	watch(() => unrefElement(target), (ele) => !ele && update());
-	useMutationObserver(target, update, { attributeFilter: ["style", "class"] });
-	if (windowScroll) useEventListener("scroll", update, {
-		capture: true,
-		passive: true
-	});
-	if (windowResize) useEventListener("resize", update, { passive: true });
-	tryOnMounted(() => {
-		if (immediate) update();
-	});
-	return {
-		height,
-		bottom,
-		left,
-		right,
-		top,
-		width,
-		x,
-		y,
-		update
-	};
-}
-/**
-* Reactive LocalStorage.
-*
-* @see https://vueuse.org/useLocalStorage
-* @param key
-* @param initialValue
-* @param options
-*/
-function useLocalStorage(key, initialValue, options = {}) {
-	const { window: window$1 = defaultWindow } = options;
-	return useStorage(key, initialValue, window$1 === null || window$1 === void 0 ? void 0 : window$1.localStorage, options);
-}
-const topVarName = "--vueuse-safe-area-top";
-const rightVarName = "--vueuse-safe-area-right";
-const bottomVarName = "--vueuse-safe-area-bottom";
-const leftVarName = "--vueuse-safe-area-left";
-/**
-* Reactive `env(safe-area-inset-*)`
-*
-* @see https://vueuse.org/useScreenSafeArea
-*/
-function useScreenSafeArea() {
-	const top = shallowRef("");
-	const right = shallowRef("");
-	const bottom = shallowRef("");
-	const left = shallowRef("");
-	if (isClient) {
-		const topCssVar = useCssVar(topVarName);
-		const rightCssVar = useCssVar(rightVarName);
-		const bottomCssVar = useCssVar(bottomVarName);
-		const leftCssVar = useCssVar(leftVarName);
-		topCssVar.value = "env(safe-area-inset-top, 0px)";
-		rightCssVar.value = "env(safe-area-inset-right, 0px)";
-		bottomCssVar.value = "env(safe-area-inset-bottom, 0px)";
-		leftCssVar.value = "env(safe-area-inset-left, 0px)";
-		tryOnMounted(update);
-		useEventListener("resize", useDebounceFn(update), { passive: true });
-	}
-	function update() {
-		top.value = getValue(topVarName);
-		right.value = getValue(rightVarName);
-		bottom.value = getValue(bottomVarName);
-		left.value = getValue(leftVarName);
-	}
-	return {
-		top,
-		right,
-		bottom,
-		left,
-		update
-	};
-}
-function getValue(position) {
-	return getComputedStyle(document.documentElement).getPropertyValue(position);
-}
-const DEFAULT_UNITS = [
-	{
-		max: 6e4,
-		value: 1e3,
-		name: "second"
-	},
-	{
-		max: 276e4,
-		value: 6e4,
-		name: "minute"
-	},
-	{
-		max: 72e6,
-		value: 36e5,
-		name: "hour"
-	},
-	{
-		max: 5184e5,
-		value: 864e5,
-		name: "day"
-	},
-	{
-		max: 24192e5,
-		value: 6048e5,
-		name: "week"
-	},
-	{
-		max: 28512e6,
-		value: 2592e6,
-		name: "month"
-	},
-	{
-		max: Number.POSITIVE_INFINITY,
-		value: 31536e6,
-		name: "year"
-	}
-];
-/**
-* Reactive window size.
-*
-* @see https://vueuse.org/useWindowSize
-* @param options
-*
-* @__NO_SIDE_EFFECTS__
-*/
-function useWindowSize(options = {}) {
-	const { window: window$1 = defaultWindow, initialWidth = Number.POSITIVE_INFINITY, initialHeight = Number.POSITIVE_INFINITY, listenOrientation = true, includeScrollbar = true, type = "inner" } = options;
-	const width = shallowRef(initialWidth);
-	const height = shallowRef(initialHeight);
-	const update = () => {
-		if (window$1) if (type === "outer") {
-			width.value = window$1.outerWidth;
-			height.value = window$1.outerHeight;
-		} else if (type === "visual" && window$1.visualViewport) {
-			const { width: visualViewportWidth, height: visualViewportHeight, scale } = window$1.visualViewport;
-			width.value = Math.round(visualViewportWidth * scale);
-			height.value = Math.round(visualViewportHeight * scale);
-		} else if (includeScrollbar) {
-			width.value = window$1.innerWidth;
-			height.value = window$1.innerHeight;
-		} else {
-			width.value = window$1.document.documentElement.clientWidth;
-			height.value = window$1.document.documentElement.clientHeight;
-		}
-	};
-	update();
-	tryOnMounted(update);
-	const listenerOptions = { passive: true };
-	useEventListener("resize", update, listenerOptions);
-	if (window$1 && type === "visual" && window$1.visualViewport) useEventListener(window$1.visualViewport, "resize", update, listenerOptions);
-	if (listenOrientation) watch(useMediaQuery("(orientation: portrait)"), () => update());
-	return {
-		width,
-		height
-	};
-}
-
-//#endregion
-//#region src/client/webcomponents/constants.ts
-const BUILTIN_ENTRY_CLIENT_AUTH_NOTICE = Object.freeze({
-	type: "~builtin",
-	id: "~client-auth-notice",
-	title: "Unauthorized",
-	icon: "i-fluent-emoji-flat-warning"
-});
-const BUILTIN_ENTRIES = Object.freeze([BUILTIN_ENTRY_CLIENT_AUTH_NOTICE]);
-
-//#endregion
-//#region src/client/webcomponents/state/docks.ts
-function DEFAULT_DOCK_PANEL_STORE() {
-	return {
-		width: 80,
-		height: 80,
-		top: 0,
-		left: 10,
-		position: "bottom",
-		open: false,
-		inactiveTimeout: 3e3
-	};
-}
-function createDockEntryState(entry, selected) {
-	const events = createEventEmitter();
-	const state = reactive({
-		entryMeta: entry,
-		get isActive() {
-			return selected.value?.id === entry.id;
-		},
-		domElements: {},
-		events: markRaw(events)
-	});
-	watch(() => selected.value?.id, (newSelectedId) => {
-		if (newSelectedId === entry.id) events.emit("entry:activated");
-		else events.emit("entry:deactivated");
-	}, { immediate: true });
-	watch(() => state.domElements.iframe, (newIframe) => {
-		if (newIframe) events.emit("dom:iframe:mounted", newIframe);
-	}, { immediate: true });
-	watch(() => state.domElements.panel, (newPanel) => {
-		if (newPanel) events.emit("dom:panel:mounted", newPanel);
-	}, { immediate: true });
-	return state;
-}
-let _docksEntriesRef;
-async function useDocksEntries(rpc) {
-	if (_docksEntriesRef) return _docksEntriesRef;
-	const dockEntries = _docksEntriesRef = shallowRef([]);
-	async function updateDocksEntries() {
-		if (!rpc.isTrusted) {
-			console.warn("[VITE DEVTOOLS] Untrusted client, skipping docks entries update");
-			return;
-		}
-		dockEntries.value = (await rpc.call("vite:internal:docks:list")).map((entry) => Object.freeze(entry));
-		console.log("[VITE DEVTOOLS] Docks Entries Updated", [...dockEntries.value]);
-	}
-	rpc.events.on("rpc:is-trusted:updated", (isTrusted) => {
-		if (isTrusted) updateDocksEntries();
-	});
-	rpc.client.register({
-		name: "vite:internal:docks:updated",
-		type: "action",
-		handler: () => updateDocksEntries()
-	});
-	await updateDocksEntries();
-	return dockEntries;
-}
-
-//#endregion
-export { useTemplateRef as A, unref as B, defineComponent as C, openBlock as D, onUnmounted as E, markRaw as F, normalizeStyle as H, reactive as I, ref as L, watchEffect as M, withCtx as N, renderList as O, withDirectives as P, shallowRef as R, createVNode as S, onMounted as T, toDisplayString as U, normalizeClass as V, createBaseVNode as _, BUILTIN_ENTRY_CLIENT_AUTH_NOTICE as a, createElementBlock as b, useLocalStorage as c, watchImmediate as d, defineCustomElement as f, computed as g, Fragment as h, BUILTIN_ENTRIES as i, watch as j, renderSlot as k, useScreenSafeArea as l, withModifiers as m, createDockEntryState as n, useElementBounding as o, vShow as p, useDocksEntries as r, useEventListener as s, DEFAULT_DOCK_PANEL_STORE as t, useWindowSize as u, createBlock as v, nextTick as w, createStaticVNode as x, createCommentVNode as y, toRefs as z };
+export { getCurrentScope as A, unref as B, renderSlot as C, withCtx as D, watchEffect as E, ref as F, normalizeStyle as H, shallowRef as I, toRef as L, onScopeDispose as M, reactive as N, withDirectives as O, readonly as P, toRefs as R, renderList as S, watch as T, toDisplayString as U, normalizeClass as V, inject as _, Suspense as a, onUnmounted as b, createBlock as c, createStaticVNode as d, createVNode as f, hasInjectionContext as g, getCurrentInstance as h, Fragment as i, markRaw as j, customRef as k, createCommentVNode as l, defineComponent as m, vShow as n, computed as o, defineAsyncComponent as p, withModifiers as r, createBaseVNode as s, defineCustomElement as t, createElementBlock as u, nextTick as v, useTemplateRef as w, openBlock as x, onMounted as y, toValue as z };