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

package/dist/runtime-dom.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-  * @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
   **/
@@ -17,7 +17,6 @@ function makeMap(str) {
 	for (const key of str.split(",")) map[key] = 1;
 	return (val) => val in map;
 }
-
 //#endregion
 //#region packages/shared/src/general.ts
 const EMPTY_OBJ = Object.freeze({});
@@ -132,12 +131,7 @@ const getGlobalThis = () => {
 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);
-
+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) {
@@ -196,7 +190,6 @@ function normalizeProps(props) {
 	if (style) props.style = normalizeStyle(style);
 	return props;
 }
-
 //#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";
@@ -217,7 +210,6 @@ const isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS);
 * Do NOT use in runtime code paths unless behind `__DEV__` flag.
 */
 const isMathMLTag = /* @__PURE__ */ makeMap(MATH_TAGS);
-
 //#endregion
 //#region packages/shared/src/domAttrConfig.ts
 /**
@@ -272,14 +264,12 @@ function shouldSetAsAttr(tagName, key) {
 	if (key === "sandbox" && tagName === "IFRAME") return true;
 	return false;
 }
-
 //#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
 function looseCompareArrays(a, b) {
@@ -315,7 +305,6 @@ function looseEqual(a, b) {
 function looseIndexOf(arr, val) {
 	return arr.findIndex((item) => looseEqual(item, val));
 }
-
 //#endregion
 //#region packages/shared/src/toDisplayString.ts
 const isRef$1 = (val) => {
@@ -350,7 +339,6 @@ const stringifySymbol = (v, i = "") => {
 	var _description;
 	return isSymbol(v) ? `Symbol(${(_description = v.description) !== null && _description !== void 0 ? _description : i})` : v;
 };
-
 //#endregion
 //#region packages/shared/src/subSequence.ts
 function getSequence(arr) {
@@ -388,7 +376,6 @@ function getSequence(arr) {
 	}
 	return result;
 }
-
 //#endregion
 //#region packages/shared/src/cssVars.ts
 /**
@@ -401,7 +388,6 @@ function normalizeCssVarValue(value) {
 	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
 const triggerEventInfos = [];
@@ -437,31 +423,11 @@ function setupFlagsHandler(target) {
 		}
 	});
 }
-
 //#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;
@@ -669,7 +635,6 @@ function isValidLink(checkLink, sub) {
 	}
 	return false;
 }
-
 //#endregion
 //#region packages/reactivity/src/dep.ts
 var Dep = class {
@@ -780,7 +745,6 @@ function getDepFromReactive(object, key) {
 	const depMap = targetMap.get(object);
 	return depMap && depMap.get(key);
 }
-
 //#endregion
 //#region packages/reactivity/src/arrayInstrumentations.ts
 /**
@@ -928,16 +892,25 @@ function apply(self, method, fn, thisArg, wrappedRetFn, args) {
 }
 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);
@@ -957,7 +930,6 @@ function noTracking(self, method, args = []) {
 	endBatch();
 	return res;
 }
-
 //#endregion
 //#region packages/reactivity/src/baseHandlers.ts
 const isNonTrackableKeys = /* @__PURE__ */ makeMap(`__proto__,__v_isRef,__isVue`);
@@ -1066,7 +1038,6 @@ const mutableHandlers = /* @__PURE__ */ new MutableReactiveHandler();
 const readonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler();
 const shallowReactiveHandlers = /* @__PURE__ */ new MutableReactiveHandler(true);
 const shallowReadonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(true);
-
 //#endregion
 //#region packages/reactivity/src/collectionHandlers.ts
 const toShallow = (value) => value;
@@ -1151,11 +1122,13 @@ function createInstrumentations(readonly, shallow) {
 		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;
 		},
@@ -1226,7 +1199,6 @@ function checkIdentityKeys(target, has, key) {
 		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
 const reactiveMap = /* @__PURE__ */ new WeakMap();
@@ -1490,7 +1462,6 @@ const toReactive = (value) => isObject(value) ? /* @__PURE__ */ reactive(value)
 * @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
 /* @__NO_SIDE_EFFECTS__ */
@@ -1559,7 +1530,7 @@ var RefImpl = class {
 		}
 	}
 	update() {
-		this.flags &= ~16;
+		this.flags &= -17;
 		return hasChanged(this._oldValue, this._oldValue = this._rawValue);
 	}
 };
@@ -1711,16 +1682,16 @@ function toRefs(object) {
 	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;
@@ -1765,7 +1736,6 @@ function toRef(source, key, defaultValue) {
 function propertyToRef(source, key, defaultValue) {
 	return new ObjectRefImpl(source, key, defaultValue);
 }
-
 //#endregion
 //#region packages/reactivity/src/effect.ts
 var ReactiveEffect = class {
@@ -1874,7 +1844,6 @@ function cleanup(sub) {
 		sub.cleanupsLength = 0;
 	}
 }
-
 //#endregion
 //#region packages/reactivity/src/effectScope.ts
 let activeEffectScope;
@@ -1983,7 +1952,6 @@ function onScopeDispose(fn, failSilently = false) {
 	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
 /**
@@ -2007,7 +1975,7 @@ var ComputedRefImpl = class {
 		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;
 	}
 	/**
@@ -2016,7 +1984,7 @@ var ComputedRefImpl = class {
 	*/
 	set _dirty(v) {
 		if (v) this.flags |= 16;
-		else this.flags &= ~(16 | 32);
+		else this.flags &= -49;
 	}
 	constructor(fn, setter) {
 		this.fn = fn;
@@ -2026,7 +1994,7 @@ var ComputedRefImpl = class {
 		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;
 	}
@@ -2037,7 +2005,7 @@ var ComputedRefImpl = class {
 				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,
@@ -2084,7 +2052,6 @@ function computed$1(getterOrOptions, debugOptions, isSSR = false) {
 	}
 	return cRef;
 }
-
 //#endregion
 //#region packages/reactivity/src/constants.ts
 const TrackOpTypes = {
@@ -2098,7 +2065,6 @@ const TriggerOpTypes = {
 	"DELETE": "delete",
 	"CLEAR": "clear"
 };
-
 //#endregion
 //#region packages/reactivity/src/watch.ts
 const INITIAL_WATCHER_VALUE = {};
@@ -2241,7 +2207,6 @@ function traverse(value, depth = Infinity, seen) {
 	}
 	return value;
 }
-
 //#endregion
 //#region packages/runtime-core/src/warning.ts
 const stack = [];
@@ -2268,8 +2233,8 @@ function warn$1(msg, ...args) {
 	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"),
@@ -2359,7 +2324,6 @@ function assertNumber(val, type) {
 	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
 const ErrorCodes = {
@@ -2482,7 +2446,6 @@ function logError(err, type, instance, throwInDev = true, throwInProd = false) {
 		else console.error(err);
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/scheduler.ts
 const jobs = [];
@@ -2635,10 +2598,16 @@ function checkRecursiveUpdates(seen, fn) {
 	seen.set(fn, count + 1);
 	return false;
 }
-
 //#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__ = {
@@ -2757,7 +2726,6 @@ function tryWrap(fn) {
 		}
 	};
 }
-
 //#endregion
 //#region packages/runtime-core/src/devtools.ts
 let devtools$1;
@@ -2826,7 +2794,6 @@ function createDevtoolsPerformanceHook(hook) {
 function devtoolsComponentEmit(component, event, params) {
 	emit$1("component:emit", component.appContext.app, component, event, params);
 }
-
 //#endregion
 //#region packages/runtime-core/src/componentRenderContext.ts
 /**
@@ -2896,7 +2863,6 @@ function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot) {
 	renderFnWithContext._d = true;
 	return renderFnWithContext;
 }
-
 //#endregion
 //#region packages/runtime-core/src/directives.ts
 function validateDirectiveName(name) {
@@ -2951,7 +2917,6 @@ function invokeDirectiveHook(vnode, prevVNode, instance, name) {
 		}
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiInject.ts
 function provide(key, value) {
@@ -2980,7 +2945,6 @@ function inject(key, defaultValue, treatDefaultAsFactory = false) {
 function hasInjectionContext() {
 	return !!(getCurrentGenericInstance() || currentApp);
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/useSsrContext.ts
 const ssrContextKey = Symbol.for("v-scx");
@@ -2991,7 +2955,6 @@ const useSSRContext = () => {
 		return ctx;
 	}
 };
-
 //#endregion
 //#region packages/runtime-core/src/apiWatch.ts
 function watchEffect(effect, options) {
@@ -3074,7 +3037,6 @@ function createPathGetter(ctx, path) {
 		return cur;
 	};
 }
-
 //#endregion
 //#region packages/runtime-core/src/components/Teleport.ts
 const TeleportEndKey = Symbol("_vte");
@@ -3134,25 +3096,26 @@ const TeleportImpl = {
 				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 +3137,9 @@ const TeleportImpl = {
 		}
 	},
 	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,7 +3233,6 @@ function prepareAnchor(target, vnode, createText, insert, anchor = null) {
 	}
 	return targetAnchor;
 }
-
 //#endregion
 //#region packages/runtime-core/src/components/BaseTransition.ts
 const leaveCbKey = Symbol("_leaveCb");
@@ -3438,7 +3398,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 			callHook(hook, [el]);
 		},
 		enter(el) {
-			if (isLeaving()) return;
+			if (!isHmrUpdating && isLeaving()) return;
 			let hook = onEnter;
 			let afterHook = onAfterEnter;
 			let cancelHook = onEnterCancelled;
@@ -3535,14 +3495,12 @@ function getTransitionRawChildren(children, keepComment = false, parentKey) {
 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
 /* @__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
 function useId() {
@@ -3564,7 +3522,6 @@ function markAsyncBoundary(instance) {
 		0
 	];
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/useTemplateRef.ts
 const knownTemplateRefs = /* @__PURE__ */ new WeakSet();
@@ -3588,7 +3545,6 @@ function isTemplateRefKey(refs, key) {
 	let desc;
 	return !!((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable);
 }
-
 //#endregion
 //#region packages/runtime-core/src/rendererTemplateRef.ts
 const pendingSetRefMap = /* @__PURE__ */ new WeakMap();
@@ -3687,20 +3643,12 @@ function invalidatePendingSetRef(rawRef) {
 		pendingSetRefMap.delete(rawRef);
 	}
 }
-
 //#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 +3674,7 @@ function createHydrationFunctions(rendererInternals) {
 			container._vnode = vnode;
 			return;
 		}
-		isHydrating = true;
 		hydrateNode(container.firstChild, vnode, null, null, null);
-		isHydrating = false;
 		flushPostFlushCbs();
 		container._vnode = vnode;
 	};
@@ -4097,7 +4043,6 @@ function isMismatchAllowed(el, allowedType) {
 		return list.includes(MismatchTypeString[allowedType]);
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/hydrationStrategies.ts
 let requestIdleCallback;
@@ -4186,7 +4131,6 @@ function forEachElement(node, cb) {
 		}
 	} else cb(node);
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiAsyncComponent.ts
 const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
@@ -4323,11 +4267,10 @@ function performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydra
 	if (getResolvedComp()) doHydrate();
 	else load().then(() => !instance.isUnmounted && doHydrate());
 }
-
 //#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 +4404,6 @@ const KeepAliveImpl = {
 		};
 	}
 };
-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,7 +4483,6 @@ function deactivate(vnode, container, { m: move }, parentComponent, parentSuspen
 	}, void 0, parentSuspense);
 	devtoolsComponentAdded(instance);
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiLifecycle.ts
 function injectHook(type, hook, target = currentInstance, prepend = false) {
@@ -4577,23 +4518,19 @@ const onRenderTracked = /* @__PURE__ */ createHook("rtc");
 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 +4543,14 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
 	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,7 +4559,6 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
 function resolve(registry, name) {
 	return registry && (registry[name] || registry[camelize(name)] || registry[capitalize(camelize(name))]);
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/renderList.ts
 /**
@@ -4643,11 +4579,14 @@ function renderList(source, renderItem, cache, index) {
 		}
 		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,7 +4599,6 @@ function renderList(source, renderItem, cache, index) {
 	if (cache) cache[index] = ret;
 	return ret;
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/createSlots.ts
 /**
@@ -4679,7 +4617,6 @@ function createSlots(slots, dynamicSlots) {
 	}
 	return slots;
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/renderSlot.ts
 /**
@@ -4730,7 +4667,6 @@ function ensureVaporSlotFallback(vnodes, fallback) {
 		if (!vaporSlot.fallback && fallback) vaporSlot.fallback = fallback;
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/toHandlers.ts
 /**
@@ -4746,7 +4682,6 @@ function toHandlers(obj, preserveCaseIfNecessary) {
 	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
 /**
@@ -4925,7 +4860,6 @@ function exposeSetupStateOnRenderContext(instance) {
 		}
 	});
 }
-
 //#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.`);
@@ -4964,6 +4898,22 @@ function defineExpose(exposed) {
 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,21 +5030,29 @@ function createPropsRestProxy(props, excludedKeys) {
 */
 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
 function createDuplicateChecker() {
@@ -5339,7 +5297,6 @@ function mergeWatchOptions(to, from) {
 	for (const key in from) merged[key] = mergeAsArray(to[key], from[key]);
 	return merged;
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiCreateApp.ts
 function createAppContext() {
@@ -5471,7 +5428,6 @@ function createAppAPI(mount, unmount, getPublicInstance, render) {
 * `app.runWithContext()`.
 */
 let currentApp = null;
-
 //#endregion
 //#region packages/runtime-core/src/helpers/useModel.ts
 function useModel(props, name, options = EMPTY_OBJ) {
@@ -5544,7 +5500,6 @@ function useModel(props, name, options = EMPTY_OBJ) {
 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
 function emit(instance, event, ...rawArgs) {
@@ -5634,7 +5589,6 @@ function isEmitListener(options, key) {
 	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
 /**
@@ -5816,17 +5770,20 @@ function hasPropValueChanged(nextProps, prevProps, key) {
 	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
 /**
@@ -5838,7 +5795,6 @@ function updateHOCHostEl({ vnode, parent }, el) {
 const internalObjectProto = {};
 const createInternalObject = () => Object.create(internalObjectProto);
 const isInternalObject = (obj) => Object.getPrototypeOf(obj) === internalObjectProto;
-
 //#endregion
 //#region packages/runtime-core/src/componentProps.ts
 function initProps(instance, rawProps, isStateful, isSSR = false) {
@@ -6134,7 +6090,6 @@ function isExplicable(type) {
 function isBoolean(...args) {
 	return args.some((elem) => elem.toLowerCase() === "boolean");
 }
-
 //#endregion
 //#region packages/runtime-core/src/componentSlots.ts
 const isInternalKey = (key) => key === "_" || key === "_ctx" || key === "$stable";
@@ -6203,7 +6158,6 @@ const updateSlots = (instance, children, optimized) => {
 		for (const key in slots) if (!isInternalKey(key) && deletionComparisonTarget[key] == null) delete slots[key];
 	}
 };
-
 //#endregion
 //#region packages/runtime-core/src/profiling.ts
 let supported;
@@ -6242,7 +6196,6 @@ function isSupported() {
 	} else supported = false;
 	return supported;
 }
-
 //#endregion
 //#region packages/runtime-core/src/renderer.ts
 const MoveType = {
@@ -6405,10 +6358,19 @@ function baseCreateRenderer(options, createHydrationFns) {
 		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 +6592,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 					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 +6843,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 		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 +6881,11 @@ function baseCreateRenderer(options, createHydrationFns) {
 			}
 			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 +7108,11 @@ function resolveAsyncComponentPlaceholder(anchorVnode) {
 	if (instance) return resolveAsyncComponentPlaceholder(instance.subTree);
 	return null;
 }
-
 //#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 +7130,6 @@ const SuspenseImpl = {
 	hydrate: hydrateSuspense,
 	normalize: normalizeSuspenseChildren
 };
-const Suspense = SuspenseImpl;
 function triggerEvent(vnode, name) {
 	const eventListener = vnode.props && vnode.props[name];
 	if (isFunction(eventListener)) eventListener();
@@ -7276,6 +7238,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 		pendingId: suspenseId++,
 		timeout: typeof timeout === "number" ? timeout : -1,
 		activeBranch: null,
+		isFallbackMountPending: false,
 		pendingBranch: null,
 		isInFallback: !isHydrating,
 		isHydrating,
@@ -7296,13 +7259,14 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 						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 +7296,16 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 			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,7 +7396,6 @@ function isVNodeSuspensible(vnode) {
 	const suspensible = vnode.props && vnode.props.suspensible;
 	return suspensible != null && suspensible !== false;
 }
-
 //#endregion
 //#region packages/runtime-core/src/vnode.ts
 const Fragment = Symbol.for("v-fgt");
@@ -7739,6 +7706,7 @@ function mergeProps(...args) {
 			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,7 +7714,6 @@ function mergeProps(...args) {
 function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
 	callWithAsyncErrorHandling(hook, instance, 7, [vnode, prevVNode]);
 }
-
 //#endregion
 //#region packages/runtime-core/src/componentCurrentInstance.ts
 /**
@@ -7763,8 +7730,7 @@ let setInSSRSetupState;
 /**
 * @internal
 */
-let simpleSetCurrentInstance;
-simpleSetCurrentInstance = (i) => {
+let simpleSetCurrentInstance = (i) => {
 	currentInstance = i;
 };
 setInSSRSetupState = (v) => {
@@ -7806,7 +7772,6 @@ const useInstanceOption = (key, silent = false) => {
 		value: instance[key]
 	};
 };
-
 //#endregion
 //#region packages/runtime-core/src/component.ts
 const emptyAppContext = /* @__PURE__ */ createAppContext();
@@ -8101,13 +8066,11 @@ function formatComponentName(instance, Component, isRoot = false) {
 function isClassComponent(value) {
 	return isFunction(value) && "__vccOpts" in value;
 }
-
 //#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
 function h(type, propsOrChildren, children) {
@@ -8127,7 +8090,6 @@ function h(type, propsOrChildren, children) {
 		setBlockTracking(1);
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/customFormatter.ts
 function initCustomFormatter() {
@@ -8292,7 +8254,6 @@ function initCustomFormatter() {
 	if (window.devtoolsFormatters) window.devtoolsFormatters.push(formatter);
 	else window.devtoolsFormatters = [formatter];
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/withMemo.ts
 function withMemo(memo, render, cache, index) {
@@ -8310,10 +8271,9 @@ function isMemoSame(cached, memo) {
 	if (isBlockTreeEnabled > 0 && currentBlock) currentBlock.push(cached);
 	return true;
 }
-
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-beta.7";
+const version = "3.6.0-beta.9";
 const warn = warn$1;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.
@@ -8336,7 +8296,6 @@ const resolveFilter = null;
 */
 const compatUtils = null;
 const DeprecationTypes = null;
-
 //#endregion
 //#region packages/runtime-dom/src/nodeOps.ts
 let policy = void 0;
@@ -8397,7 +8356,6 @@ const nodeOps = {
 		return [before ? before.nextSibling : parent.firstChild, anchor ? anchor.previousSibling : parent.lastChild];
 	}
 };
-
 //#endregion
 //#region packages/runtime-dom/src/components/Transition.ts
 const TRANSITION = "transition";
@@ -8636,7 +8594,6 @@ function toMs(s) {
 function forceReflow(el) {
 	return (el ? el.ownerDocument : document).body.offsetHeight;
 }
-
 //#endregion
 //#region packages/runtime-dom/src/modules/class.ts
 function patchClass(el, value, isSVG) {
@@ -8646,7 +8603,6 @@ function patchClass(el, value, isSVG) {
 	else if (isSVG) el.setAttribute("class", value);
 	else el.className = value;
 }
-
 //#endregion
 //#region packages/runtime-dom/src/directives/vShow.ts
 const vShowOriginalDisplay = Symbol("_vod");
@@ -8680,7 +8636,6 @@ function setDisplay(el, value) {
 	el.style.display = value ? el[vShowOriginalDisplay] : "none";
 	el[vShowHidden] = !value;
 }
-
 //#endregion
 //#region packages/runtime-dom/src/helpers/useCssVars.ts
 const CSS_VAR_TEXT = Symbol("CSS_VAR_TEXT");
@@ -8765,7 +8720,6 @@ function setVarsOnNode(el, vars) {
 		style[CSS_VAR_TEXT] = cssText;
 	}
 }
-
 //#endregion
 //#region packages/runtime-dom/src/modules/style.ts
 const displayRE = /(?:^|;)\s*display\s*:/;
@@ -8830,7 +8784,6 @@ function autoPrefix(style, rawName) {
 	}
 	return rawName;
 }
-
 //#endregion
 //#region packages/runtime-dom/src/modules/attrs.ts
 const xlinkNS = "http://www.w3.org/1999/xlink";
@@ -8840,7 +8793,6 @@ function patchAttr(el, key, value, isSVG, instance, isBoolean = isSpecialBoolean
 	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
 function patchDOMProp(el, key, value, parentComponent, attrName) {
@@ -8876,7 +8828,6 @@ function patchDOMProp(el, key, value, parentComponent, attrName) {
 	}
 	needRemove && el.removeAttribute(attrName || key);
 }
-
 //#endregion
 //#region packages/runtime-dom/src/modules/events.ts
 function addEventListener(el, event, handler, options) {
@@ -8940,7 +8891,6 @@ function patchStopImmediatePropagation(e, value) {
 		return value.map((fn) => (e) => !e._stopped && fn && fn(e));
 	} else return value;
 }
-
 //#endregion
 //#region packages/runtime-dom/src/patchProp.ts
 const patchProp = (el, key, prevValue, nextValue, namespace, parentComponent) => {
@@ -8952,7 +8902,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, 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,7 +8919,12 @@ function shouldSetAsProp(el, key, value, isSVG) {
 	if (isNativeOn(key) && isString(value)) return false;
 	return key in el;
 }
-
+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 = {};
@@ -8999,6 +8954,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 		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 +8973,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 		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 +9066,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 				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 +9132,26 @@ var VueElementBase = class VueElementBase extends BaseClass {
 			}
 		}
 	}
-	_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 +9162,20 @@ var VueElementBase = class VueElementBase extends BaseClass {
 			} 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 +9238,8 @@ var VueElementBase = class VueElementBase extends BaseClass {
 	/**
 	* @internal
 	*/
-	_injectChildStyle(comp) {
-		this._applyStyles(comp.styles, comp);
+	_injectChildStyle(comp, parentComp) {
+		this._applyStyles(comp.styles, comp, parentComp);
 	}
 	/**
 	* @internal
@@ -9287,6 +9266,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 	*/
 	_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,7 +9335,6 @@ function useShadowRoot() {
 	const el = useHost("useShadowRoot");
 	return el && el.shadowRoot;
 }
-
 //#endregion
 //#region packages/runtime-dom/src/helpers/useCssModule.ts
 function useCssModule(name = "$style") {
@@ -9378,7 +9357,6 @@ function useCssModule(name = "$style") {
 		return mod;
 	}
 }
-
 //#endregion
 //#region packages/runtime-dom/src/components/TransitionGroup.ts
 const positionMap = /* @__PURE__ */ new WeakMap();
@@ -9393,7 +9371,7 @@ const decorate = (t) => {
 	delete t.props.mode;
 	return t;
 };
-const TransitionGroupImpl = /* @__PURE__ */ decorate({
+const TransitionGroup = /* @__PURE__ */ decorate({
 	name: "TransitionGroup",
 	props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
 		tag: String,
@@ -9444,7 +9422,6 @@ const TransitionGroupImpl = /* @__PURE__ */ decorate({
 		};
 	}
 });
-const TransitionGroup = TransitionGroupImpl;
 function callPendingCbs(el) {
 	if (el[moveCbKey]) el[moveCbKey]();
 	if (el[enterCbKey]) el[enterCbKey]();
@@ -9510,7 +9487,6 @@ const handleMovedChildren = (el, moveClass) => {
 	};
 	el.addEventListener("transitionend", cb);
 };
-
 //#endregion
 //#region packages/runtime-dom/src/directives/vModel.ts
 const getModelAssigner = (vnode) => {
@@ -9571,7 +9547,8 @@ const vModelTextUpdate = (el, oldValue, value, trim, number, lazy) => {
 	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;
 	}
@@ -9742,7 +9719,6 @@ function callModelHook(el, binding, vnode, prevVNode, hook) {
 	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
 const systemModifiers = [
@@ -9800,7 +9776,6 @@ const withKeys = (fn, modifiers) => {
 		if (modifiers.some((k) => k === eventKey || keyNames[k] === eventKey)) return fn(event);
 	}));
 };
-
 //#endregion
 //#region packages/runtime-dom/src/index.ts
 const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
@@ -9902,6 +9877,5 @@ function normalizeContainer(container) {
 * @internal
 */
 const initDirectivesForSSR = NOOP;
-
 //#endregion
-export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TriggerOpTypes, VueElement, VueElementBase, assertNumber, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getCurrentWatcher, getTransitionRawChildren, guardReactiveProps, h, handleError, hasInjectionContext, hydrate, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initDirectivesForSSR, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isShallow, isVNode, markRaw, mergeDefaults, mergeModels, mergeProps, nextTick, nodeOps, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, patchProp, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setIsHydratingEnabled, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toValue, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useHost, useId, useInstanceOption, useModel, useSSRContext, useShadowRoot, useSlots, useTemplateRef, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };
+export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TriggerOpTypes, VueElement, VueElementBase, assertNumber, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getCurrentWatcher, getTransitionRawChildren, guardReactiveProps, h, handleError, hasInjectionContext, hydrate, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initDirectivesForSSR, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isShallow, isVNode, markRaw, mergeDefaults, mergeModels, mergeProps, nextTick, nodeOps, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, patchProp, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setIsHydratingEnabled, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toValue, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useHost, useId, useInstanceOption, useModel, useSSRContext, useShadowRoot, useSlots, useTemplateRef, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };