@vue/runtime-dom 3.6.0-beta.7 → 3.6.0-beta.9

package/dist/runtime-dom.global.js

@@ -1,14 +1,12 @@
 /**
-  * @vue/runtime-dom v3.6.0-beta.7
+  * @vue/runtime-dom v3.6.0-beta.9
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
 var VueRuntimeDOM = (function(exports) {
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-//#region packages/shared/src/makeMap.ts
-/**
+	Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+	//#region packages/shared/src/makeMap.ts
+	/**
 	* Make a map and return a function for checking if a key
 	* is in that map.
 	* IMPORTANT: all calls of this function must be prefixed with
@@ -21,9 +19,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		for (const key of str.split(",")) map[key] = 1;
 		return (val) => val in map;
 	}
-
-//#endregion
-//#region packages/shared/src/general.ts
+	//#endregion
+	//#region packages/shared/src/general.ts
 	const EMPTY_OBJ = Object.freeze({});
 	const EMPTY_ARR = Object.freeze([]);
 	const NOOP = () => {};
@@ -136,14 +133,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	function canSetValueDirectly(tagName) {
 		return tagName !== "PROGRESS" && !tagName.includes("-");
 	}
-
-//#endregion
-//#region packages/shared/src/globalsAllowList.ts
-	const GLOBALS_ALLOWED = "Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console,Error,Symbol";
-	const isGloballyAllowed = /* @__PURE__ */ makeMap(GLOBALS_ALLOWED);
-
-//#endregion
-//#region packages/shared/src/normalizeProp.ts
+	const isGloballyAllowed = /* @__PURE__ */ makeMap("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console,Error,Symbol");
+	//#endregion
+	//#region packages/shared/src/normalizeProp.ts
 	function normalizeStyle(value) {
 		if (isArray(value)) {
 			const res = {};
@@ -200,9 +192,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		if (style) props.style = normalizeStyle(style);
 		return props;
 	}
-
-//#endregion
-//#region packages/shared/src/domTagConfig.ts
+	//#endregion
+	//#region packages/shared/src/domTagConfig.ts
 	const HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot";
 	const SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view";
 	const MATH_TAGS = "annotation,annotation-xml,maction,maligngroup,malignmark,math,menclose,merror,mfenced,mfrac,mfraction,mglyph,mi,mlabeledtr,mlongdiv,mmultiscripts,mn,mo,mover,mpadded,mphantom,mprescripts,mroot,mrow,ms,mscarries,mscarry,msgroup,msline,mspace,msqrt,msrow,mstack,mstyle,msub,msubsup,msup,mtable,mtd,mtext,mtr,munder,munderover,none,semantics";
@@ -221,10 +212,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	* Do NOT use in runtime code paths unless behind `__DEV__` flag.
 	*/
 	const isMathMLTag = /* @__PURE__ */ makeMap(MATH_TAGS);
-
-//#endregion
-//#region packages/shared/src/domAttrConfig.ts
-/**
+	//#endregion
+	//#region packages/shared/src/domAttrConfig.ts
+	/**
 	* On the client we only need to offer special cases for boolean attributes that
 	* have different names from their corresponding dom properties:
 	* - itemscope -> N/A
@@ -276,16 +266,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		if (key === "sandbox" && tagName === "IFRAME") return true;
 		return false;
 	}
-
-//#endregion
-//#region packages/shared/src/escapeHtml.ts
+	//#endregion
+	//#region packages/shared/src/escapeHtml.ts
 	const cssVarNameEscapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g;
 	function getEscapedCssVarName(key, doubleEscape) {
 		return key.replace(cssVarNameEscapeSymbolsRE, (s) => doubleEscape ? s === "\"" ? "\\\\\\\"" : `\\\\${s}` : `\\${s}`);
 	}
-
-//#endregion
-//#region packages/shared/src/looseEqual.ts
+	//#endregion
+	//#region packages/shared/src/looseEqual.ts
 	function looseCompareArrays(a, b) {
 		if (a.length !== b.length) return false;
 		let equal = true;
@@ -319,9 +307,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	function looseIndexOf(arr, val) {
 		return arr.findIndex((item) => looseEqual(item, val));
 	}
-
-//#endregion
-//#region packages/shared/src/toDisplayString.ts
+	//#endregion
+	//#region packages/shared/src/toDisplayString.ts
 	const isRef$1 = (val) => {
 		return !!(val && val["__v_isRef"] === true);
 	};
@@ -354,9 +341,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		var _description;
 		return isSymbol(v) ? `Symbol(${(_description = v.description) !== null && _description !== void 0 ? _description : i})` : v;
 	};
-
-//#endregion
-//#region packages/shared/src/subSequence.ts
+	//#endregion
+	//#region packages/shared/src/subSequence.ts
 	function getSequence(arr) {
 		const p = arr.slice();
 		const result = [0];
@@ -392,10 +378,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		}
 		return result;
 	}
-
-//#endregion
-//#region packages/shared/src/cssVars.ts
-/**
+	//#endregion
+	//#region packages/shared/src/cssVars.ts
+	/**
 	* Normalize CSS var value created by `v-bind` in `<style>` block
 	* See https://github.com/vuejs/core/pull/12461#issuecomment-2495804664
 	*/
@@ -405,9 +390,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		if (typeof value !== "number" || !Number.isFinite(value)) console.warn("[Vue warn] Invalid value used for CSS binding. Expected a string or a finite number but received:", value);
 		return String(value);
 	}
-
-//#endregion
-//#region packages/reactivity/src/debug.ts
+	//#endregion
+	//#region packages/reactivity/src/debug.ts
 	const triggerEventInfos = [];
 	function onTrack(sub, debugInfo) {
 		if (sub.onTrack) sub.onTrack(extend({ effect: sub }, debugInfo));
@@ -441,31 +425,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			}
 		});
 	}
-
-//#endregion
-//#region packages/reactivity/src/warning.ts
+	//#endregion
+	//#region packages/reactivity/src/warning.ts
 	function warn$2(msg, ...args) {
 		console.warn(`[Vue warn] ${msg}`, ...args);
 	}
-
-//#endregion
-//#region packages/reactivity/src/system.ts
-	const ReactiveFlags = {
-		"None": 0,
-		"0": "None",
-		"Mutable": 1,
-		"1": "Mutable",
-		"Watching": 2,
-		"2": "Watching",
-		"RecursedCheck": 4,
-		"4": "RecursedCheck",
-		"Recursed": 8,
-		"8": "Recursed",
-		"Dirty": 16,
-		"16": "Dirty",
-		"Pending": 32,
-		"32": "Pending"
-	};
 	const notifyBuffer = [];
 	let batchDepth = 0;
 	let activeSub = void 0;
@@ -673,9 +637,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		}
 		return false;
 	}
-
-//#endregion
-//#region packages/reactivity/src/dep.ts
+	//#endregion
+	//#region packages/reactivity/src/dep.ts
 	var Dep = class {
 		constructor(map, key) {
 			this.map = map;
@@ -784,10 +747,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		const depMap = targetMap.get(object);
 		return depMap && depMap.get(key);
 	}
-
-//#endregion
-//#region packages/reactivity/src/arrayInstrumentations.ts
-/**
+	//#endregion
+	//#region packages/reactivity/src/arrayInstrumentations.ts
+	/**
 	* Track array iteration and return:
 	* - if input is reactive: a cloned raw array with reactive values
 	* - if input is non-reactive or shallowReactive: the original raw array
@@ -932,16 +894,25 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	}
 	function reduce(self, method, fn, args) {
 		const arr = shallowReadArray(self);
+		const needsWrap = arr !== self && !/* @__PURE__ */ isShallow(self);
 		let wrappedFn = fn;
+		let wrapInitialAccumulator = false;
 		if (arr !== self) {
-			if (!/* @__PURE__ */ isShallow(self)) wrappedFn = function(acc, item, index) {
-				return fn.call(this, acc, toWrapped(self, item), index, self);
-			};
-			else if (fn.length > 3) wrappedFn = function(acc, item, index) {
+			if (needsWrap) {
+				wrapInitialAccumulator = args.length === 0;
+				wrappedFn = function(acc, item, index) {
+					if (wrapInitialAccumulator) {
+						wrapInitialAccumulator = false;
+						acc = toWrapped(self, acc);
+					}
+					return fn.call(this, acc, toWrapped(self, item), index, self);
+				};
+			} else if (fn.length > 3) wrappedFn = function(acc, item, index) {
 				return fn.call(this, acc, item, index, self);
 			};
 		}
-		return arr[method](wrappedFn, ...args);
+		const result = arr[method](wrappedFn, ...args);
+		return wrapInitialAccumulator ? toWrapped(self, result) : result;
 	}
 	function searchProxy(self, method, args) {
 		const arr = /* @__PURE__ */ toRaw(self);
@@ -961,9 +932,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		endBatch();
 		return res;
 	}
-
-//#endregion
-//#region packages/reactivity/src/baseHandlers.ts
+	//#endregion
+	//#region packages/reactivity/src/baseHandlers.ts
 	const isNonTrackableKeys = /* @__PURE__ */ makeMap(`__proto__,__v_isRef,__isVue`);
 	const builtInSymbols = new Set(/* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol));
 	function hasOwnProperty(key) {
@@ -1070,9 +1040,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	const readonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler();
 	const shallowReactiveHandlers = /* @__PURE__ */ new MutableReactiveHandler(true);
 	const shallowReadonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(true);
-
-//#endregion
-//#region packages/reactivity/src/collectionHandlers.ts
+	//#endregion
+	//#region packages/reactivity/src/collectionHandlers.ts
 	const toShallow = (value) => value;
 	const getProto = (v) => Reflect.getPrototypeOf(v);
 	function createIterableMethod(method, isReadonly, isShallow) {
@@ -1155,11 +1124,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			clear: createReadonlyMethod("clear")
 		} : {
 			add(value) {
-				if (!shallow && !/* @__PURE__ */ isShallow(value) && !/* @__PURE__ */ isReadonly(value)) value = /* @__PURE__ */ toRaw(value);
 				const target = /* @__PURE__ */ toRaw(this);
-				if (!getProto(target).has.call(target, value)) {
-					target.add(value);
-					trigger(target, "add", value, value);
+				const proto = getProto(target);
+				const rawValue = /* @__PURE__ */ toRaw(value);
+				const valueToAdd = !shallow && !/* @__PURE__ */ isShallow(value) && !/* @__PURE__ */ isReadonly(value) ? rawValue : value;
+				if (!(proto.has.call(target, valueToAdd) || hasChanged(value, valueToAdd) && proto.has.call(target, value) || hasChanged(rawValue, valueToAdd) && proto.has.call(target, rawValue))) {
+					target.add(valueToAdd);
+					trigger(target, "add", valueToAdd, valueToAdd);
 				}
 				return this;
 			},
@@ -1230,9 +1201,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			warn$2(`Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`);
 		}
 	}
-
-//#endregion
-//#region packages/reactivity/src/reactive.ts
+	//#endregion
+	//#region packages/reactivity/src/reactive.ts
 	const reactiveMap = /* @__PURE__ */ new WeakMap();
 	const shallowReactiveMap = /* @__PURE__ */ new WeakMap();
 	const readonlyMap = /* @__PURE__ */ new WeakMap();
@@ -1494,9 +1464,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	* @param value - The value for which a readonly proxy shall be created.
 	*/
 	const toReadonly = (value) => isObject(value) ? /* @__PURE__ */ readonly(value) : value;
-
-//#endregion
-//#region packages/reactivity/src/ref.ts
+	//#endregion
+	//#region packages/reactivity/src/ref.ts
 	/* @__NO_SIDE_EFFECTS__ */
 	function isRef(r) {
 		return r ? r["__v_isRef"] === true : false;
@@ -1563,7 +1532,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			}
 		}
 		update() {
-			this.flags &= ~16;
+			this.flags &= -17;
 			return hasChanged(this._oldValue, this._oldValue = this._rawValue);
 		}
 	};
@@ -1715,16 +1684,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		return ret;
 	}
 	var ObjectRefImpl = class {
-		constructor(_object, _key, _defaultValue) {
+		constructor(_object, key, _defaultValue) {
 			this._object = _object;
-			this._key = _key;
 			this._defaultValue = _defaultValue;
 			this["__v_isRef"] = true;
 			this._value = void 0;
+			this._key = isSymbol(key) ? key : String(key);
 			this._raw = /* @__PURE__ */ toRaw(_object);
 			let shallow = true;
 			let obj = _object;
-			if (!isArray(_object) || !isIntegerKey(String(_key))) do
+			if (!isArray(_object) || isSymbol(this._key) || !isIntegerKey(this._key)) do
 				shallow = !/* @__PURE__ */ isProxy(obj) || /* @__PURE__ */ isShallow(obj);
 			while (shallow && (obj = obj["__v_raw"]));
 			this._shallow = shallow;
@@ -1769,9 +1738,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	function propertyToRef(source, key, defaultValue) {
 		return new ObjectRefImpl(source, key, defaultValue);
 	}
-
-//#endregion
-//#region packages/reactivity/src/effect.ts
+	//#endregion
+	//#region packages/reactivity/src/effect.ts
 	var ReactiveEffect = class {
 		fn() {}
 		constructor(fn) {
@@ -1878,9 +1846,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			sub.cleanupsLength = 0;
 		}
 	}
-
-//#endregion
-//#region packages/reactivity/src/effectScope.ts
+	//#endregion
+	//#region packages/reactivity/src/effectScope.ts
 	let activeEffectScope;
 	var EffectScope = class {
 		constructor(detached = false) {
@@ -1987,10 +1954,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		if (activeEffectScope !== void 0) activeEffectScope.cleanups[activeEffectScope.cleanupsLength++] = fn;
 		else if (!failSilently) warn$2("onScopeDispose() is called when there is no active effect scope to be associated with.");
 	}
-
-//#endregion
-//#region packages/reactivity/src/computed.ts
-/**
+	//#endregion
+	//#region packages/reactivity/src/computed.ts
+	/**
 	* @private exported by @vue/reactivity for Vue core use, but not exported from
 	* the main vue package
 	*/
@@ -2011,7 +1977,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			if (flags & 32) if (checkDirty(this.deps, this)) {
 				this.flags = flags | 16;
 				return true;
-			} else this.flags = flags & ~32;
+			} else this.flags = flags & -33;
 			return false;
 		}
 		/**
@@ -2020,7 +1986,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		*/
 		set _dirty(v) {
 			if (v) this.flags |= 16;
-			else this.flags &= ~(16 | 32);
+			else this.flags &= -49;
 		}
 		constructor(fn, setter) {
 			this.fn = fn;
@@ -2030,7 +1996,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			this.subsTail = void 0;
 			this.deps = void 0;
 			this.depsTail = void 0;
-			this.flags = 1 | 16;
+			this.flags = 17;
 			this.__v_isRef = true;
 			this["__v_isReadonly"] = !setter;
 		}
@@ -2041,7 +2007,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 					const subs = this.subs;
 					if (subs !== void 0) shallowPropagate(subs);
 				}
-			} else if (flags & 32) this.flags = flags & ~32;
+			} else if (flags & 32) this.flags = flags & -33;
 			if (activeSub !== void 0) {
 				onTrack(activeSub, {
 					target: this,
@@ -2088,9 +2054,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		}
 		return cRef;
 	}
-
-//#endregion
-//#region packages/reactivity/src/constants.ts
+	//#endregion
+	//#region packages/reactivity/src/constants.ts
 	const TrackOpTypes = {
 		"GET": "get",
 		"HAS": "has",
@@ -2102,9 +2067,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		"DELETE": "delete",
 		"CLEAR": "clear"
 	};
-
-//#endregion
-//#region packages/reactivity/src/watch.ts
+	//#endregion
+	//#region packages/reactivity/src/watch.ts
 	const INITIAL_WATCHER_VALUE = {};
 	let activeWatcher = void 0;
 	/**
@@ -2245,9 +2209,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		}
 		return value;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/warning.ts
+	//#endregion
+	//#region packages/runtime-core/src/warning.ts
 	const stack = [];
 	/**
 	* @internal
@@ -2272,8 +2235,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		const trace = getComponentTrace();
 		if (appWarnHandler) callWithErrorHandling(appWarnHandler, instance, 11, [
 			msg + args.map((a) => {
-				var _a$toString, _a$toString2;
-				return (_a$toString = (_a$toString2 = a.toString) === null || _a$toString2 === void 0 ? void 0 : _a$toString2.call(a)) !== null && _a$toString !== void 0 ? _a$toString : JSON.stringify(a);
+				const toString = a.toString;
+				return toString == null ? JSON.stringify(a) : toString.call(a);
 			}).join(""),
 			instance && instance.proxy || instance,
 			trace.map(({ ctx }) => `at <${formatComponentName(instance, ctx.type)}>`).join("\n"),
@@ -2363,9 +2326,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		else if (isNaN(val)) warn$1(`${type} is NaN - the duration expression might be incorrect.`);
 	}
 	/* v8 ignore stop */
-
-//#endregion
-//#region packages/runtime-core/src/errorHandling.ts
+	//#endregion
+	//#region packages/runtime-core/src/errorHandling.ts
 	const ErrorCodes = {
 		"SETUP_FUNCTION": 0,
 		"0": "SETUP_FUNCTION",
@@ -2486,9 +2448,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			else console.error(err);
 		}
 	}
-
-//#endregion
-//#region packages/runtime-core/src/scheduler.ts
+	//#endregion
+	//#region packages/runtime-core/src/scheduler.ts
 	const jobs = [];
 	let postJobs = [];
 	let activePostJobs = null;
@@ -2639,10 +2600,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		seen.set(fn, count + 1);
 		return false;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/hmr.ts
+	//#endregion
+	//#region packages/runtime-core/src/hmr.ts
 	let isHmrUpdating = false;
+	const setHmrUpdating = (v) => {
+		try {
+			return isHmrUpdating;
+		} finally {
+			isHmrUpdating = v;
+		}
+	};
 	const hmrDirtyComponents = /* @__PURE__ */ new Map();
 	const hmrDirtyComponentsMode = /* @__PURE__ */ new Map();
 	getGlobalThis().__VUE_HMR_RUNTIME__ = {
@@ -2761,9 +2728,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			}
 		};
 	}
-
-//#endregion
-//#region packages/runtime-core/src/devtools.ts
+	//#endregion
+	//#region packages/runtime-core/src/devtools.ts
 	let devtools$1;
 	let buffer = [];
 	let devtoolsNotInstalled = false;
@@ -2830,10 +2796,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	function devtoolsComponentEmit(component, event, params) {
 		emit$1("component:emit", component.appContext.app, component, event, params);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/componentRenderContext.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/componentRenderContext.ts
+	/**
 	* mark the current rendering instance for asset resolution (e.g.
 	* resolveComponent, resolveDirective) during render
 	*/
@@ -2900,9 +2865,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		renderFnWithContext._d = true;
 		return renderFnWithContext;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/directives.ts
+	//#endregion
+	//#region packages/runtime-core/src/directives.ts
 	function validateDirectiveName(name) {
 		if (isBuiltInDirective(name)) warn$1("Do not use built-in directive ids as custom directive id: " + name);
 	}
@@ -2955,9 +2919,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			}
 		}
 	}
-
-//#endregion
-//#region packages/runtime-core/src/apiInject.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiInject.ts
 	function provide(key, value) {
 		if (!currentInstance || currentInstance.isMounted && !isHmrUpdating) warn$1(`provide() can only be used inside setup().`);
 		if (currentInstance) {
@@ -2984,16 +2947,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	function hasInjectionContext() {
 		return !!(getCurrentGenericInstance() || currentApp);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/useSsrContext.ts
+	//#endregion
+	//#region packages/runtime-core/src/helpers/useSsrContext.ts
 	const ssrContextKey = Symbol.for("v-scx");
 	const useSSRContext = () => {
 		warn$1(`useSSRContext() is not supported in the global build.`);
 	};
-
-//#endregion
-//#region packages/runtime-core/src/apiWatch.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiWatch.ts
 	function watchEffect(effect, options) {
 		return doWatch(effect, null, options);
 	}
@@ -3074,9 +3035,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			return cur;
 		};
 	}
-
-//#endregion
-//#region packages/runtime-core/src/components/Teleport.ts
+	//#endregion
+	//#region packages/runtime-core/src/components/Teleport.ts
 	const TeleportEndKey = Symbol("_vte");
 	const isTeleport = (type) => type.__isTeleport;
 	const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === "");
@@ -3134,25 +3094,26 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 					mount(container, mainAnchor);
 					updateCssVars(n2, true);
 				}
-				if (isTeleportDeferred(n2.props)) {
+				if (isTeleportDeferred(n2.props) || parentSuspense && parentSuspense.pendingBranch) {
 					n2.el.__isMounted = false;
 					queuePostRenderEffect(() => {
+						if (n2.el.__isMounted !== false) return;
 						mountToTarget();
 						delete n2.el.__isMounted;
 					}, void 0, parentSuspense);
 				} else mountToTarget();
 			} else {
-				if (isTeleportDeferred(n2.props) && n1.el.__isMounted === false) {
-					queuePostRenderEffect(() => {
-						TeleportImpl.process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals);
-					}, void 0, parentSuspense);
-					return;
-				}
 				n2.el = n1.el;
 				n2.targetStart = n1.targetStart;
 				const mainAnchor = n2.anchor = n1.anchor;
 				const target = n2.target = n1.target;
 				const targetAnchor = n2.targetAnchor = n1.targetAnchor;
+				if (n1.el.__isMounted === false) {
+					queuePostRenderEffect(() => {
+						TeleportImpl.process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals);
+					}, void 0, parentSuspense);
+					return;
+				}
 				const wasDisabled = isTeleportDisabled(n1.props);
 				const currentContainer = wasDisabled ? container : target;
 				const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
@@ -3174,11 +3135,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			}
 		},
 		remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) {
-			const { shapeFlag, children, anchor, targetStart, targetAnchor, target, props } = vnode;
-			if (target) {
-				hostRemove(targetStart);
-				hostRemove(targetAnchor);
-			}
+			const { shapeFlag, children, anchor, targetStart, targetAnchor, props } = vnode;
+			if (targetStart) hostRemove(targetStart);
+			if (targetAnchor) hostRemove(targetAnchor);
 			doRemove && hostRemove(anchor);
 			if (shapeFlag & 16) {
 				const shouldRemove = doRemove || !isTeleportDisabled(props);
@@ -3272,9 +3231,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		}
 		return targetAnchor;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/components/BaseTransition.ts
+	//#endregion
+	//#region packages/runtime-core/src/components/BaseTransition.ts
 	const leaveCbKey = Symbol("_leaveCb");
 	const enterCbKey$1 = Symbol("_enterCb");
 	function useTransitionState() {
@@ -3438,7 +3396,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 				callHook(hook, [el]);
 			},
 			enter(el) {
-				if (isLeaving()) return;
+				if (!isHmrUpdating && isLeaving()) return;
 				let hook = onEnter;
 				let afterHook = onAfterEnter;
 				let cancelHook = onEnterCancelled;
@@ -3535,16 +3493,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	function checkTransitionMode(mode) {
 		if (mode && mode !== "in-out" && mode !== "out-in" && mode !== "default") warn$1(`invalid <transition> mode: ${mode}`);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/apiDefineComponent.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiDefineComponent.ts
 	/* @__NO_SIDE_EFFECTS__ */
 	function defineComponent(options, extraOptions) {
 		return isFunction(options) ? extend({ name: options.name }, extraOptions, { setup: options }) : options;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/useId.ts
+	//#endregion
+	//#region packages/runtime-core/src/helpers/useId.ts
 	function useId() {
 		const i = getCurrentGenericInstance();
 		if (i) return (i.appContext.config.idPrefix || "v") + "-" + i.ids[0] + i.ids[1]++;
@@ -3564,9 +3520,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			0
 		];
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/useTemplateRef.ts
+	//#endregion
+	//#region packages/runtime-core/src/helpers/useTemplateRef.ts
 	const knownTemplateRefs = /* @__PURE__ */ new WeakSet();
 	function useTemplateRef(key) {
 		const i = getCurrentGenericInstance();
@@ -3588,9 +3543,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		let desc;
 		return !!((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/rendererTemplateRef.ts
+	//#endregion
+	//#region packages/runtime-core/src/rendererTemplateRef.ts
 	const pendingSetRefMap = /* @__PURE__ */ new WeakMap();
 	/**
 	* Function for handling a template ref
@@ -3687,20 +3641,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			pendingSetRefMap.delete(rawRef);
 		}
 	}
-
-//#endregion
-//#region packages/runtime-core/src/hydration.ts
+	//#endregion
+	//#region packages/runtime-core/src/hydration.ts
 	let isHydratingEnabled = false;
 	function setIsHydratingEnabled(value) {
 		isHydratingEnabled = value;
 	}
-	/**
-	* VDOM hydration state.
-	* Also used by vapor interop plugin for tree-shaking:
-	* In non-hydration builds, this is never set to true, so the logic in
-	* vaporInteropImpl's hydrate/hydrateSlot can be tree-shaken.
-	*/
-	let isHydrating = false;
 	let hasLoggedMismatchError = false;
 	const logMismatchError = () => {
 		if (hasLoggedMismatchError) return;
@@ -3726,9 +3672,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 				container._vnode = vnode;
 				return;
 			}
-			isHydrating = true;
 			hydrateNode(container.firstChild, vnode, null, null, null);
-			isHydrating = false;
 			flushPostFlushCbs();
 			container._vnode = vnode;
 		};
@@ -4097,9 +4041,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			return list.includes(MismatchTypeString[allowedType]);
 		}
 	}
-
-//#endregion
-//#region packages/runtime-core/src/hydrationStrategies.ts
+	//#endregion
+	//#region packages/runtime-core/src/hydrationStrategies.ts
 	let requestIdleCallback;
 	let cancelIdleCallback;
 	function ensureIdleCallbacks() {
@@ -4186,9 +4129,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			}
 		} else cb(node);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/apiAsyncComponent.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiAsyncComponent.ts
 	const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
 	/* @__NO_SIDE_EFFECTS__ */
 	function defineAsyncComponent(source) {
@@ -4323,11 +4265,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		if (getResolvedComp()) doHydrate();
 		else load().then(() => !instance.isUnmounted && doHydrate());
 	}
-
-//#endregion
-//#region packages/runtime-core/src/components/KeepAlive.ts
+	//#endregion
+	//#region packages/runtime-core/src/components/KeepAlive.ts
 	const isKeepAlive = (vnode) => vnode.type.__isKeepAlive;
-	const KeepAliveImpl = {
+	const KeepAlive = {
 		name: `KeepAlive`,
 		__isKeepAlive: true,
 		props: {
@@ -4461,7 +4402,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			};
 		}
 	};
-	const KeepAlive = KeepAliveImpl;
 	function matches(pattern, name) {
 		if (isArray(pattern)) return pattern.some((p) => matches(p, name));
 		else if (isString(pattern)) return pattern.split(",").includes(name);
@@ -4541,9 +4481,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		}, void 0, parentSuspense);
 		devtoolsComponentAdded(instance);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/apiLifecycle.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiLifecycle.ts
 	function injectHook(type, hook, target = currentInstance, prepend = false) {
 		if (target) {
 			const hooks = target[type] || (target[type] = []);
@@ -4577,23 +4516,19 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	function onErrorCaptured(hook, target = currentInstance) {
 		injectHook("ec", hook, target);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/resolveAssets.ts
-	const COMPONENTS = "components";
 	const DIRECTIVES = "directives";
 	/**
 	* @private
 	*/
 	function resolveComponent(name, maybeSelfReference) {
-		return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
+		return resolveAsset("components", name, true, maybeSelfReference) || name;
 	}
 	const NULL_DYNAMIC_COMPONENT = Symbol.for("v-ndc");
 	/**
 	* @private
 	*/
 	function resolveDynamicComponent(component) {
-		if (isString(component)) return resolveAsset(COMPONENTS, component, false) || component;
+		if (isString(component)) return resolveAsset("components", component, false) || component;
 		else return component || NULL_DYNAMIC_COMPONENT;
 	}
 	/**
@@ -4606,14 +4541,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		const instance = currentRenderingInstance || currentInstance;
 		if (instance) {
 			const Component = instance.type;
-			if (type === COMPONENTS) {
+			if (type === "components") {
 				const selfName = getComponentName(Component, false);
 				if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) return Component;
 			}
 			const res = resolve(instance[type] || Component[type], name) || resolve(instance.appContext[type], name);
 			if (!res && maybeSelfReference) return Component;
 			if (warnMissing && !res) {
-				const extra = type === COMPONENTS ? "\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement." : ``;
+				const extra = type === "components" ? "\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement." : ``;
 				warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`);
 			}
 			return res;
@@ -4622,10 +4557,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	function resolve(registry, name) {
 		return registry && (registry[name] || registry[camelize(name)] || registry[capitalize(camelize(name))]);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/renderList.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/helpers/renderList.ts
+	/**
 	* Actual implementation
 	*/
 	function renderList(source, renderItem, cache, index) {
@@ -4643,11 +4577,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			}
 			ret = new Array(source.length);
 			for (let i = 0, l = source.length; i < l; i++) ret[i] = renderItem(needsWrap ? isReadonlySource ? toReadonly(toReactive(source[i])) : toReactive(source[i]) : source[i], i, void 0, cached && cached[i]);
-		} else if (typeof source === "number") {
-			if (!Number.isInteger(source)) warn$1(`The v-for range expect an integer value but got ${source}.`);
+		} else if (typeof source === "number") if (!Number.isInteger(source) || source < 0) {
+			warn$1(`The v-for range expects a positive integer value but got ${source}.`);
+			ret = [];
+		} else {
 			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(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);
@@ -4660,10 +4597,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		if (cache) cache[index] = ret;
 		return ret;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/createSlots.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/helpers/createSlots.ts
+	/**
 	* Compiler runtime helper for creating dynamic slots object
 	* @private
 	*/
@@ -4679,10 +4615,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		}
 		return slots;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/renderSlot.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/helpers/renderSlot.ts
+	/**
 	* Compiler runtime helper for rendering `<slot/>`
 	* @private
 	*/
@@ -4730,10 +4665,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			if (!vaporSlot.fallback && fallback) vaporSlot.fallback = fallback;
 		}
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/toHandlers.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/helpers/toHandlers.ts
+	/**
 	* For prefixing keys in v-on="obj" with "on"
 	* @private
 	*/
@@ -4746,10 +4680,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		for (const key in obj) ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : toHandlerKey(key)] = obj[key];
 		return ret;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/componentPublicInstance.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/componentPublicInstance.ts
+	/**
 	* #2437 In Vue 3, functional components do not have a public instance proxy but
 	* they exist in the internal parent chain. For code that relies on traversing
 	* public $parent chains, skip functional ones and go to the parent instead.
@@ -4925,9 +4858,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			}
 		});
 	}
-
-//#endregion
-//#region packages/runtime-core/src/apiSetupHelpers.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiSetupHelpers.ts
 	const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside <script setup> of a single file component. Its arguments should be compiled away and passing it at runtime has no effect.`);
 	function defineProps() {
 		warnRuntimeUsage(`defineProps`);
@@ -4964,6 +4896,22 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	function defineOptions(options) {
 		warnRuntimeUsage(`defineOptions`);
 	}
+	/**
+	* Vue `<script setup>` compiler macro for providing type hints to IDEs for
+	* slot name and slot props type checking.
+	*
+	* Example usage:
+	* ```ts
+	* const slots = defineSlots<{
+	*   default(props: { msg: string }): any
+	* }>()
+	* ```
+	*
+	* This is only usable inside `<script setup>`, is compiled away in the
+	* output and should **not** be actually called at runtime.
+	*
+	* @see {@link https://vuejs.org/api/sfc-script-setup.html#defineslots}
+	*/
 	function defineSlots() {
 		warnRuntimeUsage(`defineSlots`);
 		return null;
@@ -5080,23 +5028,31 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	*/
 	function withAsyncContext(getAwaitable) {
 		const ctx = getCurrentGenericInstance();
+		const inSSRSetup = isInSSRComponentSetup;
 		if (!ctx) warn$1("withAsyncContext called without active current instance. This is likely a bug.");
 		let awaitable = getAwaitable();
 		setCurrentInstance(null, void 0);
-		const cleanup = () => setCurrentInstance(null, void 0);
-		if (isPromise(awaitable)) awaitable = awaitable.catch((e) => {
+		if (inSSRSetup) setInSSRSetupState(false);
+		const restore = () => {
 			setCurrentInstance(ctx);
+			if (inSSRSetup) setInSSRSetupState(true);
+		};
+		const cleanup = () => {
+			setCurrentInstance(null, void 0);
+			if (inSSRSetup) setInSSRSetupState(false);
+		};
+		if (isPromise(awaitable)) awaitable = awaitable.catch((e) => {
+			restore();
 			Promise.resolve().then(() => Promise.resolve().then(cleanup));
 			throw e;
 		});
 		return [awaitable, () => {
-			setCurrentInstance(ctx);
+			restore();
 			Promise.resolve().then(cleanup);
 		}];
 	}
-
-//#endregion
-//#region packages/runtime-core/src/componentOptions.ts
+	//#endregion
+	//#region packages/runtime-core/src/componentOptions.ts
 	function createDuplicateChecker() {
 		const cache = Object.create(null);
 		return (type, key) => {
@@ -5339,9 +5295,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		for (const key in from) merged[key] = mergeAsArray(to[key], from[key]);
 		return merged;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/apiCreateApp.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiCreateApp.ts
 	function createAppContext() {
 		return {
 			app: null,
@@ -5471,9 +5426,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	* `app.runWithContext()`.
 	*/
 	let currentApp = null;
-
-//#endregion
-//#region packages/runtime-core/src/helpers/useModel.ts
+	//#endregion
+	//#region packages/runtime-core/src/helpers/useModel.ts
 	function useModel(props, name, options = EMPTY_OBJ) {
 		const i = getCurrentGenericInstance();
 		if (!i) {
@@ -5544,9 +5498,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	const getModelModifiers = (props, modelName, getter) => {
 		return getter(props, getModifierPropName(modelName)) || getter(props, `${camelize(modelName)}Modifiers`) || getter(props, `${hyphenate(modelName)}Modifiers`);
 	};
-
-//#endregion
-//#region packages/runtime-core/src/componentEmits.ts
+	//#endregion
+	//#region packages/runtime-core/src/componentEmits.ts
 	function emit(instance, event, ...rawArgs) {
 		return baseEmit(instance, instance.vnode.props || EMPTY_OBJ, defaultPropGetter, event, ...rawArgs);
 	}
@@ -5634,10 +5587,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		key = key.slice(2).replace(/Once$/, "");
 		return hasOwn(options, key[0].toLowerCase() + key.slice(1)) || hasOwn(options, hyphenate(key)) || hasOwn(options, key);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/componentRenderUtils.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/componentRenderUtils.ts
+	/**
 	* dev only flag to track whether $attrs was used during render.
 	* If $attrs was used during render then the warning for failed attrs
 	* fallthrough can be suppressed.
@@ -5816,20 +5768,23 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		if (key === "style" && isObject(nextProp) && isObject(prevProp)) return !looseEqual(nextProp, prevProp);
 		return nextProp !== prevProp;
 	}
-	function updateHOCHostEl({ vnode, parent }, el) {
+	function updateHOCHostEl({ vnode, parent, suspense }, el) {
 		while (parent && !parent.vapor) {
 			const root = parent.subTree;
-			if (root.suspense && root.suspense.activeBranch === vnode) root.el = vnode.el;
+			if (root.suspense && root.suspense.activeBranch === vnode) {
+				root.suspense.vnode.el = root.el = el;
+				vnode = root;
+			}
 			if (root === vnode) {
 				(vnode = parent.vnode).el = el;
 				parent = parent.parent;
 			} else break;
 		}
+		if (suspense && suspense.activeBranch === vnode) suspense.vnode.el = el;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/internalObject.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/internalObject.ts
+	/**
 	* Used during vnode props/slots normalization to check if the vnode props/slots
 	* are the internal attrs / slots object of a component via
 	* `Object.getPrototypeOf`. This is more performant than defining a
@@ -5838,9 +5793,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	const internalObjectProto = {};
 	const createInternalObject = () => Object.create(internalObjectProto);
 	const isInternalObject = (obj) => Object.getPrototypeOf(obj) === internalObjectProto;
-
-//#endregion
-//#region packages/runtime-core/src/componentProps.ts
+	//#endregion
+	//#region packages/runtime-core/src/componentProps.ts
 	function initProps(instance, rawProps, isStateful, isSSR = false) {
 		const props = instance.props = {};
 		const attrs = createInternalObject();
@@ -6134,9 +6088,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	function isBoolean(...args) {
 		return args.some((elem) => elem.toLowerCase() === "boolean");
 	}
-
-//#endregion
-//#region packages/runtime-core/src/componentSlots.ts
+	//#endregion
+	//#region packages/runtime-core/src/componentSlots.ts
 	const isInternalKey = (key) => key === "_" || key === "_ctx" || key === "$stable";
 	const normalizeSlotValue = (value) => isArray(value) ? value.map(normalizeVNode) : [normalizeVNode(value)];
 	const normalizeSlot = (key, rawSlot, ctx) => {
@@ -6203,9 +6156,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			for (const key in slots) if (!isInternalKey(key) && deletionComparisonTarget[key] == null) delete slots[key];
 		}
 	};
-
-//#endregion
-//#region packages/runtime-core/src/profiling.ts
+	//#endregion
+	//#region packages/runtime-core/src/profiling.ts
 	let supported;
 	let perf;
 	let cachedNow$1 = 0;
@@ -6242,9 +6194,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		} else supported = false;
 		return supported;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/renderer.ts
+	//#endregion
+	//#region packages/runtime-core/src/renderer.ts
 	const MoveType = {
 		"ENTER": 0,
 		"0": "ENTER",
@@ -6405,10 +6356,19 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			if (dirs) invokeDirectiveHook(vnode, null, parentComponent, "beforeMount");
 			if (transition) performTransitionEnter(el, transition, () => hostInsert(el, container, anchor), parentSuspense);
 			else hostInsert(el, container, anchor);
-			if ((vnodeHook = props && props.onVnodeMounted) || dirs) queuePostRenderEffect(() => {
-				vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-				dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted");
-			}, void 0, parentSuspense);
+			if ((vnodeHook = props && props.onVnodeMounted) || dirs) {
+				const isHmr = isHmrUpdating;
+				queuePostRenderEffect(() => {
+					let prev;
+					prev = setHmrUpdating(isHmr);
+					try {
+						vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+						dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted");
+					} finally {
+						setHmrUpdating(prev);
+					}
+				}, void 0, parentSuspense);
+			}
 		};
 		const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => {
 			if (scopeId) hostSetScopeId(el, scopeId);
@@ -6630,7 +6590,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 						if (isAsyncWrapperVNode && type.__asyncHydrate) type.__asyncHydrate(el, instance, hydrateSubTree);
 						else hydrateSubTree();
 					} else {
-						if (root.ce && root.ce._hasShadowRoot()) root.ce._injectChildStyle(type);
+						if (root.ce && root.ce._hasShadowRoot()) root.ce._injectChildStyle(type, instance.parent ? instance.parent.type : void 0);
 						startMeasure(instance, `render`);
 						const subTree = instance.subTree = renderComponentRoot(instance);
 						endMeasure(instance, `render`);
@@ -6881,7 +6841,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			else hostInsert(el, container, anchor);
 		};
 		const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
-			const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs, cacheIndex } = vnode;
+			const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs, cacheIndex, memo } = vnode;
 			if (patchFlag === -2) optimized = false;
 			if (ref != null) {
 				const prevSub = setActiveSub();
@@ -6919,9 +6879,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 				}
 				if (doRemove) remove(vnode);
 			}
-			if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) queuePostRenderEffect(() => {
+			const shouldInvalidateMemo = memo != null && cacheIndex == null;
+			if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs || shouldInvalidateMemo) queuePostRenderEffect(() => {
 				vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
 				shouldInvokeDirs && invokeDirectiveHook(vnode, null, parentComponent, "unmounted");
+				if (shouldInvalidateMemo) vnode.el = null;
 			}, void 0, parentSuspense);
 		};
 		const remove = (vnode) => {
@@ -7144,12 +7106,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		if (instance) return resolveAsyncComponentPlaceholder(instance.subTree);
 		return null;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/components/Suspense.ts
+	//#endregion
+	//#region packages/runtime-core/src/components/Suspense.ts
 	const isSuspense = (type) => type.__isSuspense;
 	let suspenseId = 0;
-	const SuspenseImpl = {
+	const Suspense = {
 		name: "Suspense",
 		__isSuspense: true,
 		process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals) {
@@ -7167,7 +7128,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		hydrate: hydrateSuspense,
 		normalize: normalizeSuspenseChildren
 	};
-	const Suspense = SuspenseImpl;
 	function triggerEvent(vnode, name) {
 		const eventListener = vnode.props && vnode.props[name];
 		if (isFunction(eventListener)) eventListener();
@@ -7276,6 +7236,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			pendingId: suspenseId++,
 			timeout: typeof timeout === "number" ? timeout : -1,
 			activeBranch: null,
+			isFallbackMountPending: false,
 			pendingBranch: null,
 			isInFallback: !isHydrating,
 			isHydrating,
@@ -7296,13 +7257,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 							if (isInFallback && vnode.ssFallback) vnode.ssFallback.el = null;
 						}
 					};
-					if (activeBranch) {
+					if (activeBranch && !suspense.isFallbackMountPending) {
 						if (parentNode(activeBranch.el) === container) anchor = next(activeBranch);
 						unmount(activeBranch, parentComponent, suspense, true);
 						if (!delayEnter && isInFallback && vnode.ssFallback) queuePostRenderEffect(() => vnode.ssFallback.el = null, void 0, suspense);
 					}
 					if (!delayEnter) move(pendingBranch, container, anchor, 0, parentComponent);
 				}
+				suspense.isFallbackMountPending = false;
 				setActiveBranch(suspense, pendingBranch);
 				suspense.pendingBranch = null;
 				suspense.isInFallback = false;
@@ -7332,12 +7294,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 				triggerEvent(vnode, "onFallback");
 				const anchor = next(activeBranch);
 				const mountFallback = () => {
+					suspense.isFallbackMountPending = false;
 					if (!suspense.isInFallback) return;
 					patch(null, fallbackVNode, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
 					setActiveBranch(suspense, fallbackVNode);
 				};
 				const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === "out-in";
-				if (delayEnter) activeBranch.transition.afterLeave = mountFallback;
+				if (delayEnter) {
+					suspense.isFallbackMountPending = true;
+					activeBranch.transition.afterLeave = mountFallback;
+				}
 				suspense.isInFallback = true;
 				unmount(activeBranch, parentComponent, null, true);
 				if (!delayEnter) mountFallback();
@@ -7428,9 +7394,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		const suspensible = vnode.props && vnode.props.suspensible;
 		return suspensible != null && suspensible !== false;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/vnode.ts
+	//#endregion
+	//#region packages/runtime-core/src/vnode.ts
 	const Fragment = Symbol.for("v-fgt");
 	const Text = Symbol.for("v-txt");
 	const Comment = Symbol.for("v-cmt");
@@ -7739,6 +7704,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 				const existing = ret[key];
 				const incoming = toMerge[key];
 				if (incoming && existing !== incoming && !(isArray(existing) && existing.includes(incoming))) ret[key] = existing ? [].concat(existing, incoming) : incoming;
+				else if (incoming == null && existing == null && !isModelListener(key)) ret[key] = incoming;
 			} else if (key !== "") ret[key] = toMerge[key];
 		}
 		return ret;
@@ -7746,10 +7712,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
 		callWithAsyncErrorHandling(hook, instance, 7, [vnode, prevVNode]);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/componentCurrentInstance.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/componentCurrentInstance.ts
+	/**
 	* @internal
 	*/
 	let currentInstance = null;
@@ -7763,8 +7728,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	/**
 	* @internal
 	*/
-	let simpleSetCurrentInstance;
-	simpleSetCurrentInstance = (i) => {
+	let simpleSetCurrentInstance = (i) => {
 		currentInstance = i;
 	};
 	setInSSRSetupState = (v) => {
@@ -7806,9 +7770,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			value: instance[key]
 		};
 	};
-
-//#endregion
-//#region packages/runtime-core/src/component.ts
+	//#endregion
+	//#region packages/runtime-core/src/component.ts
 	const emptyAppContext = /* @__PURE__ */ createAppContext();
 	let uid = 0;
 	function createComponentInstance(vnode, parent, suspense) {
@@ -8101,15 +8064,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	function isClassComponent(value) {
 		return isFunction(value) && "__vccOpts" in value;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/apiComputed.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiComputed.ts
 	const computed = (getterOrOptions, debugOptions) => {
 		return /* @__PURE__ */ computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
 	};
-
-//#endregion
-//#region packages/runtime-core/src/h.ts
+	//#endregion
+	//#region packages/runtime-core/src/h.ts
 	function h(type, propsOrChildren, children) {
 		try {
 			setBlockTracking(-1);
@@ -8127,9 +8088,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			setBlockTracking(1);
 		}
 	}
-
-//#endregion
-//#region packages/runtime-core/src/customFormatter.ts
+	//#endregion
+	//#region packages/runtime-core/src/customFormatter.ts
 	function initCustomFormatter() {
 		if (typeof window === "undefined") return;
 		const vueStyle = { style: "color:#3ba776" };
@@ -8292,9 +8252,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		if (window.devtoolsFormatters) window.devtoolsFormatters.push(formatter);
 		else window.devtoolsFormatters = [formatter];
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/withMemo.ts
+	//#endregion
+	//#region packages/runtime-core/src/helpers/withMemo.ts
 	function withMemo(memo, render, cache, index) {
 		const cached = cache[index];
 		if (cached && isMemoSame(cached, memo)) return cached;
@@ -8310,10 +8269,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		if (isBlockTreeEnabled > 0 && currentBlock) currentBlock.push(cached);
 		return true;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/index.ts
-	const version = "3.6.0-beta.7";
+	//#endregion
+	//#region packages/runtime-core/src/index.ts
+	const version = "3.6.0-beta.9";
 	const warn = warn$1;
 	/**
 	* Runtime error messages. Only exposed in dev or esm builds.
@@ -8336,9 +8294,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	*/
 	const compatUtils = null;
 	const DeprecationTypes = null;
-
-//#endregion
-//#region packages/runtime-dom/src/nodeOps.ts
+	//#endregion
+	//#region packages/runtime-dom/src/nodeOps.ts
 	let policy = void 0;
 	const tt = typeof window !== "undefined" && window.trustedTypes;
 	if (tt) try {
@@ -8397,9 +8354,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			return [before ? before.nextSibling : parent.firstChild, anchor ? anchor.previousSibling : parent.lastChild];
 		}
 	};
-
-//#endregion
-//#region packages/runtime-dom/src/components/Transition.ts
+	//#endregion
+	//#region packages/runtime-dom/src/components/Transition.ts
 	const TRANSITION = "transition";
 	const ANIMATION = "animation";
 	const vtcKey = Symbol("_vtc");
@@ -8636,9 +8592,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	function forceReflow(el) {
 		return (el ? el.ownerDocument : document).body.offsetHeight;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/modules/class.ts
+	//#endregion
+	//#region packages/runtime-dom/src/modules/class.ts
 	function patchClass(el, value, isSVG) {
 		const transitionClasses = el[vtcKey];
 		if (transitionClasses) value = (value ? [value, ...transitionClasses] : [...transitionClasses]).join(" ");
@@ -8646,9 +8601,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		else if (isSVG) el.setAttribute("class", value);
 		else el.className = value;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/directives/vShow.ts
+	//#endregion
+	//#region packages/runtime-dom/src/directives/vShow.ts
 	const vShowOriginalDisplay = Symbol("_vod");
 	const vShowHidden = Symbol("_vsh");
 	const vShow = {
@@ -8680,9 +8634,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		el.style.display = value ? el[vShowOriginalDisplay] : "none";
 		el[vShowHidden] = !value;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/helpers/useCssVars.ts
+	//#endregion
+	//#region packages/runtime-dom/src/helpers/useCssVars.ts
 	const CSS_VAR_TEXT = Symbol("CSS_VAR_TEXT");
 	/**
 	* Runtime helper for SFC's CSS variable injection feature.
@@ -8765,9 +8718,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			style[CSS_VAR_TEXT] = cssText;
 		}
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/modules/style.ts
+	//#endregion
+	//#region packages/runtime-dom/src/modules/style.ts
 	const displayRE = /(?:^|;)\s*display\s*:/;
 	function patchStyle(el, prev, next) {
 		const style = el.style;
@@ -8830,9 +8782,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		}
 		return rawName;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/modules/attrs.ts
+	//#endregion
+	//#region packages/runtime-dom/src/modules/attrs.ts
 	const xlinkNS = "http://www.w3.org/1999/xlink";
 	function patchAttr(el, key, value, isSVG, instance, isBoolean = isSpecialBooleanAttr(key)) {
 		if (isSVG && key.startsWith("xlink:")) if (value == null) el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
@@ -8840,9 +8791,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		else if (value == null || isBoolean && !includeBooleanAttr(value)) el.removeAttribute(key);
 		else el.setAttribute(key, isBoolean ? "" : isSymbol(value) ? String(value) : value);
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/modules/props.ts
+	//#endregion
+	//#region packages/runtime-dom/src/modules/props.ts
 	function patchDOMProp(el, key, value, parentComponent, attrName) {
 		if (key === "innerHTML" || key === "textContent") {
 			if (value != null) el[key] = key === "innerHTML" ? unsafeToTrustedHTML(value) : value;
@@ -8876,9 +8826,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		}
 		needRemove && el.removeAttribute(attrName || key);
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/modules/events.ts
+	//#endregion
+	//#region packages/runtime-dom/src/modules/events.ts
 	function addEventListener(el, event, handler, options) {
 		el.addEventListener(event, handler, options);
 	}
@@ -8940,9 +8889,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			return value.map((fn) => (e) => !e._stopped && fn && fn(e));
 		} else return value;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/patchProp.ts
+	//#endregion
+	//#region packages/runtime-dom/src/patchProp.ts
 	const patchProp = (el, key, prevValue, nextValue, namespace, parentComponent) => {
 		const isSVG = namespace === "svg";
 		if (key === "class") patchClass(el, nextValue, isSVG);
@@ -8952,7 +8900,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		} 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, parentComponent);
 			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(key), nextValue, parentComponent, key);
+		} else if (el._isVueCE && (shouldSetAsPropForVueCE(el, key) || el._def.__asyncLoader && (/[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;
@@ -8969,9 +8917,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		if (isNativeOn(key) && isString(value)) return false;
 		return key in el;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/apiCustomElement.ts
+	function shouldSetAsPropForVueCE(el, key) {
+		const props = el._def.props;
+		if (!props) return false;
+		const camelKey = camelize(key);
+		return Array.isArray(props) ? props.some((prop) => camelize(prop) === camelKey) : Object.keys(props).some((prop) => camelize(prop) === camelKey);
+	}
+	//#endregion
+	//#region packages/runtime-dom/src/apiCustomElement.ts
 	const REMOVAL = {};
 	/* @__NO_SIDE_EFFECTS__ */
 	function defineCustomElement(options, extraOptions, _createApp) {
@@ -8999,6 +8952,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			this._resolved = false;
 			this._numberProps = null;
 			this._styleChildren = /* @__PURE__ */ new WeakSet();
+			this._styleAnchors = /* @__PURE__ */ new WeakMap();
 			this._patching = false;
 			this._dirty = false;
 			this._ob = null;
@@ -9017,7 +8971,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			if (!this.shadowRoot && !this._resolved) this._parseSlots();
 			this._connected = true;
 			let parent = this;
-			while (parent = parent && (parent.parentNode || parent.host)) if (parent instanceof VueElementBase) {
+			while (parent = parent && (parent.assignedSlot || parent.parentNode || parent.host)) if (parent instanceof VueElementBase) {
 				this._parent = parent;
 				break;
 			}
@@ -9110,6 +9064,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 					this._styles.forEach((s) => this._root.removeChild(s));
 					this._styles.length = 0;
 				}
+				this._styleAnchors.delete(this._def);
 				this._applyStyles(newStyles);
 				if (!this._instance.vapor) this._instance = null;
 				this._update();
@@ -9175,18 +9130,26 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 				}
 			}
 		}
-		_applyStyles(styles, owner) {
+		_applyStyles(styles, owner, parentComp) {
 			if (!styles) return;
 			if (owner) {
 				if (owner === this._def || this._styleChildren.has(owner)) return;
 				this._styleChildren.add(owner);
 			}
 			const nonce = this._nonce;
+			const root = this.shadowRoot;
+			const insertionAnchor = parentComp ? this._getStyleAnchor(parentComp) || this._getStyleAnchor(this._def) : this._getRootStyleInsertionAnchor(root);
+			let last = null;
 			for (let i = styles.length - 1; i >= 0; i--) {
 				const s = document.createElement("style");
 				if (nonce) s.setAttribute("nonce", nonce);
 				s.textContent = styles[i];
-				this.shadowRoot.prepend(s);
+				root.insertBefore(s, last || insertionAnchor);
+				last = s;
+				if (i === 0) {
+					if (!parentComp) this._styleAnchors.set(this._def, s);
+					if (owner) this._styleAnchors.set(owner, s);
+				}
 				if (owner) {
 					if (owner.__hmrId) {
 						if (!this._childStyles) this._childStyles = /* @__PURE__ */ new Map();
@@ -9197,6 +9160,20 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 				} else (this._styles || (this._styles = [])).push(s);
 			}
 		}
+		_getStyleAnchor(comp) {
+			if (!comp) return null;
+			const anchor = this._styleAnchors.get(comp);
+			if (anchor && anchor.parentNode === this.shadowRoot) return anchor;
+			if (anchor) this._styleAnchors.delete(comp);
+			return null;
+		}
+		_getRootStyleInsertionAnchor(root) {
+			for (let i = 0; i < root.childNodes.length; i++) {
+				const node = root.childNodes[i];
+				if (!(node instanceof HTMLStyleElement)) return node;
+			}
+			return null;
+		}
 		/**
 		* Only called when shadowRoot is false
 		*/
@@ -9259,8 +9236,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		/**
 		* @internal
 		*/
-		_injectChildStyle(comp) {
-			this._applyStyles(comp.styles, comp);
+		_injectChildStyle(comp, parentComp) {
+			this._applyStyles(comp.styles, comp, parentComp);
 		}
 		/**
 		* @internal
@@ -9287,6 +9264,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		*/
 		_removeChildStyle(comp) {
 			this._styleChildren.delete(comp);
+			this._styleAnchors.delete(comp);
 			if (this._childStyles && comp.__hmrId) {
 				const oldStyles = this._childStyles.get(comp.__hmrId);
 				if (oldStyles) {
@@ -9355,16 +9333,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		const el = useHost("useShadowRoot");
 		return el && el.shadowRoot;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/helpers/useCssModule.ts
+	//#endregion
+	//#region packages/runtime-dom/src/helpers/useCssModule.ts
 	function useCssModule(name = "$style") {
 		warn(`useCssModule() is not supported in the global build.`);
 		return EMPTY_OBJ;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/components/TransitionGroup.ts
+	//#endregion
+	//#region packages/runtime-dom/src/components/TransitionGroup.ts
 	const positionMap = /* @__PURE__ */ new WeakMap();
 	const newPositionMap = /* @__PURE__ */ new WeakMap();
 	const moveCbKey = Symbol("_moveCb");
@@ -9377,7 +9353,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		delete t.props.mode;
 		return t;
 	};
-	const TransitionGroupImpl = /* @__PURE__ */ decorate({
+	const TransitionGroup = /* @__PURE__ */ decorate({
 		name: "TransitionGroup",
 		props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
 			tag: String,
@@ -9428,7 +9404,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			};
 		}
 	});
-	const TransitionGroup = TransitionGroupImpl;
 	function callPendingCbs(el) {
 		if (el[moveCbKey]) el[moveCbKey]();
 		if (el[enterCbKey]) el[enterCbKey]();
@@ -9494,9 +9469,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		};
 		el.addEventListener("transitionend", cb);
 	};
-
-//#endregion
-//#region packages/runtime-dom/src/directives/vModel.ts
+	//#endregion
+	//#region packages/runtime-dom/src/directives/vModel.ts
 	const getModelAssigner = (vnode) => {
 		const fn = vnode.props["onUpdate:modelValue"] || false;
 		return isArray(fn) ? (value) => invokeArrayFns(fn, value) : fn;
@@ -9555,7 +9529,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		const elValue = (number || el.type === "number") && !/^0\d/.test(el.value) ? looseToNumber(el.value) : el.value;
 		const newValue = value == null ? "" : value;
 		if (elValue === newValue) return;
-		if (document.activeElement === el && el.type !== "range") {
+		const rootNode = el.getRootNode();
+		if ((rootNode instanceof Document || rootNode instanceof ShadowRoot) && rootNode.activeElement === el && el.type !== "range") {
 			if (lazy && value === oldValue) return;
 			if (trim && el.value.trim() === newValue) return;
 		}
@@ -9726,9 +9701,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		const fn = resolveDynamicModel(el.tagName, vnode.props && vnode.props.type)[hook];
 		fn && fn(el, binding, vnode, prevVNode);
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/directives/vOn.ts
+	//#endregion
+	//#region packages/runtime-dom/src/directives/vOn.ts
 	const systemModifiers = [
 		"ctrl",
 		"shift",
@@ -9784,9 +9758,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			if (modifiers.some((k) => k === eventKey || keyNames[k] === eventKey)) return fn(event);
 		}));
 	};
-
-//#endregion
-//#region packages/runtime-dom/src/index.ts
+	//#endregion
+	//#region packages/runtime-dom/src/index.ts
 	const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
 	let renderer;
 	let enabledHydration = false;
@@ -9886,182 +9859,181 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 	* @internal
 	*/
 	const initDirectivesForSSR = NOOP;
-
-//#endregion
-exports.BaseTransition = BaseTransition;
-exports.BaseTransitionPropsValidators = BaseTransitionPropsValidators;
-exports.Comment = Comment;
-exports.DeprecationTypes = DeprecationTypes;
-exports.EffectScope = EffectScope;
-exports.ErrorCodes = ErrorCodes;
-exports.ErrorTypeStrings = ErrorTypeStrings;
-exports.Fragment = Fragment;
-exports.KeepAlive = KeepAlive;
-exports.MoveType = MoveType;
-exports.NULL_DYNAMIC_COMPONENT = NULL_DYNAMIC_COMPONENT;
-exports.ReactiveEffect = ReactiveEffect;
-exports.Static = Static;
-exports.Suspense = Suspense;
-exports.Teleport = Teleport;
-exports.Text = Text;
-exports.TrackOpTypes = TrackOpTypes;
-exports.Transition = Transition;
-exports.TransitionGroup = TransitionGroup;
-exports.TriggerOpTypes = TriggerOpTypes;
-exports.VueElement = VueElement;
-exports.VueElementBase = VueElementBase;
-exports.assertNumber = assertNumber;
-exports.callWithAsyncErrorHandling = callWithAsyncErrorHandling;
-exports.callWithErrorHandling = callWithErrorHandling;
-exports.camelize = camelize;
-exports.capitalize = capitalize;
-exports.cloneVNode = cloneVNode;
-exports.compatUtils = compatUtils;
-exports.computed = computed;
-exports.createApp = createApp;
-exports.createBlock = createBlock;
-exports.createCommentVNode = createCommentVNode;
-exports.createElementBlock = createElementBlock;
-exports.createElementVNode = createBaseVNode;
-exports.createHydrationRenderer = createHydrationRenderer;
-exports.createPropsRestProxy = createPropsRestProxy;
-exports.createRenderer = createRenderer;
-exports.createSSRApp = createSSRApp;
-exports.createSlots = createSlots;
-exports.createStaticVNode = createStaticVNode;
-exports.createTextVNode = createTextVNode;
-exports.createVNode = createVNode;
-exports.customRef = customRef;
-exports.defineAsyncComponent = defineAsyncComponent;
-exports.defineComponent = defineComponent;
-exports.defineCustomElement = defineCustomElement;
-exports.defineEmits = defineEmits;
-exports.defineExpose = defineExpose;
-exports.defineModel = defineModel;
-exports.defineOptions = defineOptions;
-exports.defineProps = defineProps;
-exports.defineSSRCustomElement = defineSSRCustomElement;
-exports.defineSlots = defineSlots;
-exports.devtools = devtools;
-exports.effect = effect;
-exports.effectScope = effectScope;
-exports.getCurrentInstance = getCurrentInstance;
-exports.getCurrentScope = getCurrentScope;
-exports.getCurrentWatcher = getCurrentWatcher;
-exports.getTransitionRawChildren = getTransitionRawChildren;
-exports.guardReactiveProps = guardReactiveProps;
-exports.h = h;
-exports.handleError = handleError;
-exports.hasInjectionContext = hasInjectionContext;
-exports.hydrate = hydrate;
-exports.hydrateOnIdle = hydrateOnIdle;
-exports.hydrateOnInteraction = hydrateOnInteraction;
-exports.hydrateOnMediaQuery = hydrateOnMediaQuery;
-exports.hydrateOnVisible = hydrateOnVisible;
-exports.initCustomFormatter = initCustomFormatter;
-exports.initDirectivesForSSR = initDirectivesForSSR;
-exports.inject = inject;
-exports.isMemoSame = isMemoSame;
-exports.isProxy = isProxy;
-exports.isReactive = isReactive;
-exports.isReadonly = isReadonly;
-exports.isRef = isRef;
-exports.isRuntimeOnly = isRuntimeOnly;
-exports.isShallow = isShallow;
-exports.isVNode = isVNode;
-exports.markRaw = markRaw;
-exports.mergeDefaults = mergeDefaults;
-exports.mergeModels = mergeModels;
-exports.mergeProps = mergeProps;
-exports.nextTick = nextTick;
-exports.nodeOps = nodeOps;
-exports.normalizeClass = normalizeClass;
-exports.normalizeProps = normalizeProps;
-exports.normalizeStyle = normalizeStyle;
-exports.onActivated = onActivated;
-exports.onBeforeMount = onBeforeMount;
-exports.onBeforeUnmount = onBeforeUnmount;
-exports.onBeforeUpdate = onBeforeUpdate;
-exports.onDeactivated = onDeactivated;
-exports.onErrorCaptured = onErrorCaptured;
-exports.onMounted = onMounted;
-exports.onRenderTracked = onRenderTracked;
-exports.onRenderTriggered = onRenderTriggered;
-exports.onScopeDispose = onScopeDispose;
-exports.onServerPrefetch = onServerPrefetch;
-exports.onUnmounted = onUnmounted;
-exports.onUpdated = onUpdated;
-exports.onWatcherCleanup = onWatcherCleanup;
-exports.openBlock = openBlock;
-exports.patchProp = patchProp;
-exports.popScopeId = popScopeId;
-exports.provide = provide;
-exports.proxyRefs = proxyRefs;
-exports.pushScopeId = pushScopeId;
-exports.queuePostFlushCb = queuePostFlushCb;
-exports.reactive = reactive;
-exports.readonly = readonly;
-exports.ref = ref;
-exports.registerRuntimeCompiler = registerRuntimeCompiler;
-exports.render = render;
-exports.renderList = renderList;
-exports.renderSlot = renderSlot;
-exports.resolveComponent = resolveComponent;
-exports.resolveDirective = resolveDirective;
-exports.resolveDynamicComponent = resolveDynamicComponent;
-exports.resolveFilter = resolveFilter;
-exports.resolveTransitionHooks = resolveTransitionHooks;
-exports.setBlockTracking = setBlockTracking;
-exports.setDevtoolsHook = setDevtoolsHook;
-exports.setIsHydratingEnabled = setIsHydratingEnabled;
-exports.setTransitionHooks = setTransitionHooks;
-exports.shallowReactive = shallowReactive;
-exports.shallowReadonly = shallowReadonly;
-exports.shallowRef = shallowRef;
-exports.ssrContextKey = ssrContextKey;
-exports.ssrUtils = ssrUtils;
-exports.stop = stop;
-exports.toDisplayString = toDisplayString;
-exports.toHandlerKey = toHandlerKey;
-exports.toHandlers = toHandlers;
-exports.toRaw = toRaw;
-exports.toRef = toRef;
-exports.toRefs = toRefs;
-exports.toValue = toValue;
-exports.transformVNodeArgs = transformVNodeArgs;
-exports.triggerRef = triggerRef;
-exports.unref = unref;
-exports.useAttrs = useAttrs;
-exports.useCssModule = useCssModule;
-exports.useCssVars = useCssVars;
-exports.useHost = useHost;
-exports.useId = useId;
-exports.useInstanceOption = useInstanceOption;
-exports.useModel = useModel;
-exports.useSSRContext = useSSRContext;
-exports.useShadowRoot = useShadowRoot;
-exports.useSlots = useSlots;
-exports.useTemplateRef = useTemplateRef;
-exports.useTransitionState = useTransitionState;
-exports.vModelCheckbox = vModelCheckbox;
-exports.vModelDynamic = vModelDynamic;
-exports.vModelRadio = vModelRadio;
-exports.vModelSelect = vModelSelect;
-exports.vModelText = vModelText;
-exports.vShow = vShow;
-exports.version = version;
-exports.warn = warn;
-exports.watch = watch;
-exports.watchEffect = watchEffect;
-exports.watchPostEffect = watchPostEffect;
-exports.watchSyncEffect = watchSyncEffect;
-exports.withAsyncContext = withAsyncContext;
-exports.withCtx = withCtx;
-exports.withDefaults = withDefaults;
-exports.withDirectives = withDirectives;
-exports.withKeys = withKeys;
-exports.withMemo = withMemo;
-exports.withModifiers = withModifiers;
-exports.withScopeId = withScopeId;
-return exports;
-})({});
+	//#endregion
+	exports.BaseTransition = BaseTransition;
+	exports.BaseTransitionPropsValidators = BaseTransitionPropsValidators;
+	exports.Comment = Comment;
+	exports.DeprecationTypes = DeprecationTypes;
+	exports.EffectScope = EffectScope;
+	exports.ErrorCodes = ErrorCodes;
+	exports.ErrorTypeStrings = ErrorTypeStrings;
+	exports.Fragment = Fragment;
+	exports.KeepAlive = KeepAlive;
+	exports.MoveType = MoveType;
+	exports.NULL_DYNAMIC_COMPONENT = NULL_DYNAMIC_COMPONENT;
+	exports.ReactiveEffect = ReactiveEffect;
+	exports.Static = Static;
+	exports.Suspense = Suspense;
+	exports.Teleport = Teleport;
+	exports.Text = Text;
+	exports.TrackOpTypes = TrackOpTypes;
+	exports.Transition = Transition;
+	exports.TransitionGroup = TransitionGroup;
+	exports.TriggerOpTypes = TriggerOpTypes;
+	exports.VueElement = VueElement;
+	exports.VueElementBase = VueElementBase;
+	exports.assertNumber = assertNumber;
+	exports.callWithAsyncErrorHandling = callWithAsyncErrorHandling;
+	exports.callWithErrorHandling = callWithErrorHandling;
+	exports.camelize = camelize;
+	exports.capitalize = capitalize;
+	exports.cloneVNode = cloneVNode;
+	exports.compatUtils = compatUtils;
+	exports.computed = computed;
+	exports.createApp = createApp;
+	exports.createBlock = createBlock;
+	exports.createCommentVNode = createCommentVNode;
+	exports.createElementBlock = createElementBlock;
+	exports.createElementVNode = createBaseVNode;
+	exports.createHydrationRenderer = createHydrationRenderer;
+	exports.createPropsRestProxy = createPropsRestProxy;
+	exports.createRenderer = createRenderer;
+	exports.createSSRApp = createSSRApp;
+	exports.createSlots = createSlots;
+	exports.createStaticVNode = createStaticVNode;
+	exports.createTextVNode = createTextVNode;
+	exports.createVNode = createVNode;
+	exports.customRef = customRef;
+	exports.defineAsyncComponent = defineAsyncComponent;
+	exports.defineComponent = defineComponent;
+	exports.defineCustomElement = defineCustomElement;
+	exports.defineEmits = defineEmits;
+	exports.defineExpose = defineExpose;
+	exports.defineModel = defineModel;
+	exports.defineOptions = defineOptions;
+	exports.defineProps = defineProps;
+	exports.defineSSRCustomElement = defineSSRCustomElement;
+	exports.defineSlots = defineSlots;
+	exports.devtools = devtools;
+	exports.effect = effect;
+	exports.effectScope = effectScope;
+	exports.getCurrentInstance = getCurrentInstance;
+	exports.getCurrentScope = getCurrentScope;
+	exports.getCurrentWatcher = getCurrentWatcher;
+	exports.getTransitionRawChildren = getTransitionRawChildren;
+	exports.guardReactiveProps = guardReactiveProps;
+	exports.h = h;
+	exports.handleError = handleError;
+	exports.hasInjectionContext = hasInjectionContext;
+	exports.hydrate = hydrate;
+	exports.hydrateOnIdle = hydrateOnIdle;
+	exports.hydrateOnInteraction = hydrateOnInteraction;
+	exports.hydrateOnMediaQuery = hydrateOnMediaQuery;
+	exports.hydrateOnVisible = hydrateOnVisible;
+	exports.initCustomFormatter = initCustomFormatter;
+	exports.initDirectivesForSSR = initDirectivesForSSR;
+	exports.inject = inject;
+	exports.isMemoSame = isMemoSame;
+	exports.isProxy = isProxy;
+	exports.isReactive = isReactive;
+	exports.isReadonly = isReadonly;
+	exports.isRef = isRef;
+	exports.isRuntimeOnly = isRuntimeOnly;
+	exports.isShallow = isShallow;
+	exports.isVNode = isVNode;
+	exports.markRaw = markRaw;
+	exports.mergeDefaults = mergeDefaults;
+	exports.mergeModels = mergeModels;
+	exports.mergeProps = mergeProps;
+	exports.nextTick = nextTick;
+	exports.nodeOps = nodeOps;
+	exports.normalizeClass = normalizeClass;
+	exports.normalizeProps = normalizeProps;
+	exports.normalizeStyle = normalizeStyle;
+	exports.onActivated = onActivated;
+	exports.onBeforeMount = onBeforeMount;
+	exports.onBeforeUnmount = onBeforeUnmount;
+	exports.onBeforeUpdate = onBeforeUpdate;
+	exports.onDeactivated = onDeactivated;
+	exports.onErrorCaptured = onErrorCaptured;
+	exports.onMounted = onMounted;
+	exports.onRenderTracked = onRenderTracked;
+	exports.onRenderTriggered = onRenderTriggered;
+	exports.onScopeDispose = onScopeDispose;
+	exports.onServerPrefetch = onServerPrefetch;
+	exports.onUnmounted = onUnmounted;
+	exports.onUpdated = onUpdated;
+	exports.onWatcherCleanup = onWatcherCleanup;
+	exports.openBlock = openBlock;
+	exports.patchProp = patchProp;
+	exports.popScopeId = popScopeId;
+	exports.provide = provide;
+	exports.proxyRefs = proxyRefs;
+	exports.pushScopeId = pushScopeId;
+	exports.queuePostFlushCb = queuePostFlushCb;
+	exports.reactive = reactive;
+	exports.readonly = readonly;
+	exports.ref = ref;
+	exports.registerRuntimeCompiler = registerRuntimeCompiler;
+	exports.render = render;
+	exports.renderList = renderList;
+	exports.renderSlot = renderSlot;
+	exports.resolveComponent = resolveComponent;
+	exports.resolveDirective = resolveDirective;
+	exports.resolveDynamicComponent = resolveDynamicComponent;
+	exports.resolveFilter = resolveFilter;
+	exports.resolveTransitionHooks = resolveTransitionHooks;
+	exports.setBlockTracking = setBlockTracking;
+	exports.setDevtoolsHook = setDevtoolsHook;
+	exports.setIsHydratingEnabled = setIsHydratingEnabled;
+	exports.setTransitionHooks = setTransitionHooks;
+	exports.shallowReactive = shallowReactive;
+	exports.shallowReadonly = shallowReadonly;
+	exports.shallowRef = shallowRef;
+	exports.ssrContextKey = ssrContextKey;
+	exports.ssrUtils = ssrUtils;
+	exports.stop = stop;
+	exports.toDisplayString = toDisplayString;
+	exports.toHandlerKey = toHandlerKey;
+	exports.toHandlers = toHandlers;
+	exports.toRaw = toRaw;
+	exports.toRef = toRef;
+	exports.toRefs = toRefs;
+	exports.toValue = toValue;
+	exports.transformVNodeArgs = transformVNodeArgs;
+	exports.triggerRef = triggerRef;
+	exports.unref = unref;
+	exports.useAttrs = useAttrs;
+	exports.useCssModule = useCssModule;
+	exports.useCssVars = useCssVars;
+	exports.useHost = useHost;
+	exports.useId = useId;
+	exports.useInstanceOption = useInstanceOption;
+	exports.useModel = useModel;
+	exports.useSSRContext = useSSRContext;
+	exports.useShadowRoot = useShadowRoot;
+	exports.useSlots = useSlots;
+	exports.useTemplateRef = useTemplateRef;
+	exports.useTransitionState = useTransitionState;
+	exports.vModelCheckbox = vModelCheckbox;
+	exports.vModelDynamic = vModelDynamic;
+	exports.vModelRadio = vModelRadio;
+	exports.vModelSelect = vModelSelect;
+	exports.vModelText = vModelText;
+	exports.vShow = vShow;
+	exports.version = version;
+	exports.warn = warn;
+	exports.watch = watch;
+	exports.watchEffect = watchEffect;
+	exports.watchPostEffect = watchPostEffect;
+	exports.watchSyncEffect = watchSyncEffect;
+	exports.withAsyncContext = withAsyncContext;
+	exports.withCtx = withCtx;
+	exports.withDefaults = withDefaults;
+	exports.withDirectives = withDirectives;
+	exports.withKeys = withKeys;
+	exports.withMemo = withMemo;
+	exports.withModifiers = withModifiers;
+	exports.withScopeId = withScopeId;
+	return exports;
+})({});