@vue/runtime-dom 3.6.0-rc.11 → 3.6.0-rc.13

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-dom v3.6.0-rc.11
+  * @vue/runtime-dom v3.6.0-rc.13
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -223,9 +223,10 @@ var VueRuntimeDOM = (function(exports) {
 	* - ismap -> isMap
 	* - nomodule -> noModule
 	* - novalidate -> noValidate
+	* - playsinline -> playsInline
 	* - readonly -> readOnly
 	*/
-	const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
+	const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,playsinline,readonly`;
 	const isSpecialBooleanAttr = /*@__PURE__*/ makeMap(specialBooleanAttrs);
 	/**
 	* The full list is needed during SSR to produce the correct initial markup.
@@ -916,17 +917,33 @@ var VueRuntimeDOM = (function(exports) {
 	};
 	function iterator(self, method, wrapValue) {
 		const arr = shallowReadArray(self);
-		const iter = arr[method]();
+		const methodFn = arr[method];
+		const iter = methodFn.call(arr);
 		if (arr !== self && !/* @__PURE__ */ isShallow(self)) {
+			if (iter[Symbol.toStringTag] === "Array Iterator") {
+				const wrapped = Object.create(Object.getPrototypeOf(iter));
+				wrapped.next = () => wrapResult(iter.next(), wrapValue);
+				if (methodFn !== arrayProto[method]) Object.defineProperties(wrapped, {
+					return: { get() {
+						const fn = iter.return;
+						return typeof fn === "function" ? fn.bind(iter) : fn;
+					} },
+					throw: { get() {
+						const fn = iter.throw;
+						return typeof fn === "function" ? fn.bind(iter) : fn;
+					} }
+				});
+				return wrapped;
+			}
 			iter._next = iter.next;
-			iter.next = () => {
-				const result = iter._next();
-				if (!result.done) result.value = wrapValue(result.value);
-				return result;
-			};
+			iter.next = () => wrapResult(iter._next(), wrapValue);
 		}
 		return iter;
 	}
+	function wrapResult(result, wrapValue) {
+		if (!result.done) result.value = wrapValue(result.value);
+		return result;
+	}
 	const arrayProto = Array.prototype;
 	function apply(self, method, fn, thisArg, wrappedRetFn, args) {
 		const arr = shallowReadArray(self);
@@ -1244,6 +1261,7 @@ var VueRuntimeDOM = (function(exports) {
 		return (target, key, receiver) => {
 			if (key === "__v_isReactive") return !isReadonly;
 			else if (key === "__v_isReadonly") return isReadonly;
+			else if (key === "__v_isShallow") return shallow;
 			else if (key === "__v_raw") return target;
 			return Reflect.get(hasOwn(instrumentations, key) && key in target ? instrumentations : target, key, receiver);
 		};
@@ -2153,8 +2171,9 @@ var VueRuntimeDOM = (function(exports) {
 	function onWatcherCleanup(cleanupFn, failSilently = false, owner = activeWatcher) {
 		if (owner) {
 			const { call } = owner.options;
-			if (call) owner.cleanups[owner.cleanupsLength++] = () => call(cleanupFn, 4);
-			else owner.cleanups[owner.cleanupsLength++] = cleanupFn;
+			const cleanup = call ? () => call(cleanupFn, 4) : cleanupFn;
+			if (owner.cb) (owner.cbCleanups || (owner.cbCleanups = [])).push(cleanup);
+			else owner.cleanups[owner.cleanupsLength++] = cleanup;
 		} else if (!failSilently) warn$2("onWatcherCleanup() was called when there was no active watcher to associate with.");
 	}
 	var WatcherEffect = class extends ReactiveEffect {
@@ -2215,9 +2234,11 @@ var VueRuntimeDOM = (function(exports) {
 			if (once && cb) {
 				const _cb = cb;
 				cb = (...args) => {
-					const res = _cb(...args);
-					this.stop();
-					return res;
+					try {
+						return _cb(...args);
+					} finally {
+						this.stop();
+					}
 				};
 			}
 			this.cb = cb;
@@ -2225,6 +2246,19 @@ var VueRuntimeDOM = (function(exports) {
 			this.onTrack = options.onTrack;
 			this.onTrigger = options.onTrigger;
 		}
+		cleanupCallback() {
+			const cleanups = this.cbCleanups;
+			if (cleanups) {
+				this.cbCleanups = void 0;
+				for (let i = 0, l = cleanups.length; i < l; i++) cleanups[i]();
+			}
+		}
+		stop() {
+			if (this.active) {
+				super.stop();
+				this.cleanupCallback();
+			}
+		}
 		run(initialRun = false) {
 			const oldValue = this.oldValue;
 			const newValue = this.oldValue = super.run();
@@ -2232,10 +2266,11 @@ var VueRuntimeDOM = (function(exports) {
 			const { immediate, deep, call } = this.options;
 			if (initialRun && !immediate) return;
 			if (initialRun || deep || this.forceTrigger || (this.isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) {
-				cleanup(this);
 				const currentWatcher = activeWatcher;
-				activeWatcher = this;
+				const prevSub = setActiveSub();
 				try {
+					this.cleanupCallback();
+					activeWatcher = this;
 					const args = [
 						newValue,
 						oldValue === INITIAL_WATCHER_VALUE ? void 0 : this.isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue,
@@ -2244,6 +2279,7 @@ var VueRuntimeDOM = (function(exports) {
 					call ? call(this.cb, 3, args) : this.cb(...args);
 				} finally {
 					activeWatcher = currentWatcher;
+					setActiveSub(prevSub);
 				}
 			}
 		}
@@ -2574,15 +2610,15 @@ var VueRuntimeDOM = (function(exports) {
 		} else for (let i = 0; i < jobs.length; i++) queueJobWorker(jobs[i], id, postJobs, postJobs.length, 0);
 		queueFlush();
 	}
-	function flushPreFlushCbs(instance, seen) {
+	function flushPreFlushCbs(instance, minUid, seen) {
 		seen = seen || /* @__PURE__ */ new Map();
 		for (let i = flushIndex; i < jobsLength; i++) {
 			const cb = jobs[i];
 			if (cb.order & 1 || cb.order === Infinity) continue;
-			if (instance && cb.order !== instance.uid * 2) continue;
+			if (instance && cb.order !== instance.uid * 2 || minUid !== void 0 && !(cb.order >= minUid * 2)) continue;
 			if (checkRecursiveUpdates(seen, cb)) continue;
 			jobs.splice(i, 1);
-			i--;
+			i = instance ? i - 1 : flushIndex - 1;
 			jobsLength--;
 			if (cb.flags & 2) cb.flags &= -2;
 			try {
@@ -2592,15 +2628,24 @@ var VueRuntimeDOM = (function(exports) {
 			}
 		}
 	}
-	function flushPostFlushCbs(seen) {
+	function flushPostFlushCbs(seen, skip, minUid = 0) {
 		if (postJobs.length) {
+			let cbs = postJobs;
+			if (skip) {
+				cbs = [];
+				let kept = 0;
+				for (let i = 0; i < postJobs.length; i++) {
+					const cb = postJobs[i];
+					if (cb.i !== void 0 ? !cb.i || cb.i.uid < minUid : skip.has(cb)) postJobs[kept++] = cb;
+					else cbs.push(cb);
+				}
+				postJobs.length = kept;
+			} else postJobs = [];
 			if (activePostJobs) {
-				for (let i = 0; i < postJobs.length; i++) activePostJobs.push(postJobs[i]);
-				postJobs.length = 0;
+				for (let i = 0; i < cbs.length; i++) activePostJobs.push(cbs[i]);
 				return;
 			}
-			activePostJobs = postJobs;
-			postJobs = [];
+			activePostJobs = cbs;
 			seen = seen || /* @__PURE__ */ new Map();
 			try {
 				while (postFlushIndex < activePostJobs.length) {
@@ -2622,17 +2667,28 @@ var VueRuntimeDOM = (function(exports) {
 	}
 	let isFlushing = false;
 	/**
+	* Run a root render, then flush the jobs it is responsible for. A mount or
+	* unmount (`minUid` given) only flushes the jobs of the components it created
+	* and the post cbs it queued, so pre watchers triggered in setup run before
+	* mounted (#5721) while the jobs of other components stay in the queue and
+	* keep their order (#6728). A root update keeps flushing all pending pre jobs
+	* and post cbs, as the jobs of the components it re-renders may predate it.
+	*
 	* @internal
 	*/
-	function flushOnAppMount(instance) {
-		if (!isFlushing) {
-			isFlushing = true;
-			try {
-				flushPreFlushCbs(instance);
-				flushPostFlushCbs();
-			} finally {
-				isFlushing = false;
-			}
+	function flushOnAppMount(fn, minUid) {
+		if (isFlushing) {
+			fn();
+			return;
+		}
+		const queued = minUid === void 0 ? void 0 : new Set(postJobs);
+		fn();
+		isFlushing = true;
+		try {
+			flushPreFlushCbs(void 0, minUid);
+			flushPostFlushCbs(void 0, queued, minUid);
+		} finally {
+			isFlushing = false;
 		}
 	}
 	function flushJobs(seen) {
@@ -3096,7 +3152,7 @@ var VueRuntimeDOM = (function(exports) {
 				this.flags |= 128;
 				job.flags |= 2;
 			}
-			if (instance) job.i = instance;
+			job.i = instance;
 			this.job = job;
 		}
 		notify() {
@@ -3153,6 +3209,16 @@ var VueRuntimeDOM = (function(exports) {
 		};
 	}
 	//#endregion
+	//#region packages/runtime-core/src/vaporInteropState.ts
+	/**
+	* Set by `vaporInteropPlugin`. Stays false in apps that never import the
+	* plugin, so bundlers drop the vapor-in-vdom branches of the renderer.
+	*/
+	let isVaporInteropEnabled = false;
+	function setVaporInteropEnabled() {
+		isVaporInteropEnabled = true;
+	}
+	//#endregion
 	//#region packages/runtime-core/src/components/Teleport.ts
 	const pendingMounts = /* @__PURE__ */ new WeakMap();
 	const TeleportEndKey = Symbol("_vte");
@@ -3289,7 +3355,11 @@ var VueRuntimeDOM = (function(exports) {
 		hydrate: hydrateTeleport
 	};
 	function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, parentComponent, moveType = 2) {
-		if (moveType === 0) insert(vnode.targetAnchor, container, parentAnchor);
+		if (moveType === 0) {
+			if (vnode.targetStart) insert(vnode.targetStart, container, parentAnchor);
+			insert(vnode.targetAnchor, container, parentAnchor);
+			parentAnchor = vnode.targetAnchor;
+		}
 		const { el, anchor, shapeFlag, children, props } = vnode;
 		const isReorder = moveType === 2;
 		if (isReorder) insert(el, container, parentAnchor);
@@ -3408,9 +3478,18 @@ var VueRuntimeDOM = (function(exports) {
 		onAfterAppear: TransitionHookValidator,
 		onAppearCancelled: TransitionHookValidator
 	};
+	let isTransitionEnabled = false;
+	function withTransitionEnabled(value) {
+		isTransitionEnabled = true;
+		return value;
+	}
 	function isEmptyTransitionChild(vnode, instance) {
 		if (vnode.type === Comment) return true;
-		if (vnode.type === VaporSlot || isVaporComponent(vnode.type)) return !getVaporInterface(instance, vnode).hasTransitionChild(vnode);
+		if (vnode.type === Fragment) {
+			const child = isArray(vnode.children) && filterSingleRoot(vnode.children, false);
+			return !child || isEmptyTransitionChild(child, instance);
+		}
+		if (isVaporInteropEnabled && (vnode.type === VaporSlot || isVaporComponent(vnode.type))) return !getVaporInterface(instance, vnode).hasTransitionChild(vnode);
 		return !!vnode.component && isEmptyTransitionChild(vnode.component.subTree, instance);
 	}
 	const BaseTransitionImpl = {
@@ -3427,7 +3506,7 @@ var VueRuntimeDOM = (function(exports) {
 				const { mode } = rawProps;
 				checkTransitionMode(mode);
 				return prepareTransitionSwitch(instance.subTree, child, rawProps, state, instance, mode === "out-in" ? resumeAfterLeave || (resumeAfterLeave = () => {
-					if (!(instance.job.flags & 4)) instance.update();
+					if (!(instance.effect.flags & 1024)) instance.update();
 				}) : NOOP);
 			};
 		}
@@ -3447,7 +3526,7 @@ var VueRuntimeDOM = (function(exports) {
 		}
 		return child;
 	}
-	const BaseTransition = BaseTransitionImpl;
+	const BaseTransition = /*@__PURE__*/ withTransitionEnabled(BaseTransitionImpl);
 	function getLeavingNodesForType(state, vnode) {
 		const { leavingNodes } = state;
 		let leavingVNodesCache = leavingNodes.get(vnode.type);
@@ -3470,7 +3549,14 @@ var VueRuntimeDOM = (function(exports) {
 			},
 			earlyRemove: () => {
 				const leavingVNode = leavingVNodesCache[key];
-				if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el[leaveCbKey]) leavingVNode.el[leaveCbKey]();
+				if (leavingVNode && isSameVNodeType(vnode, leavingVNode)) {
+					let leavingCb = leavingVNode.el[leaveCbKey];
+					if (!leavingCb) {
+						const leavingRoot = getTransitionRoot(leavingVNode);
+						leavingCb = leavingRoot && leavingRoot.el[leaveCbKey];
+					}
+					if (leavingCb) leavingCb();
+				}
 			},
 			cloneHooks: (vnode) => {
 				const hooks = resolveTransitionHooks(vnode, props, state, instance, postClone);
@@ -3478,7 +3564,7 @@ var VueRuntimeDOM = (function(exports) {
 				return hooks;
 			}
 		}, props, state, instance);
-		if (vnode.type === VaporSlot) extend(hooks, {
+		if (isVaporInteropEnabled && vnode.type === VaporSlot) extend(hooks, {
 			__vapor: true,
 			props,
 			state,
@@ -3655,7 +3741,7 @@ var VueRuntimeDOM = (function(exports) {
 	function setTransitionHooks(vnode, hooks) {
 		if (vnode.shapeFlag & 6 && vnode.component) {
 			vnode.transition = hooks;
-			if (isVaporComponent(vnode.type)) getVaporInterface(vnode.component, vnode).setTransitionHooks(vnode.component, hooks);
+			if (isVaporInteropEnabled && isVaporComponent(vnode.type)) getVaporInterface(vnode.component, vnode).setTransitionHooks(vnode.component, hooks);
 			else {
 				const subTree = vnode.component.subTree;
 				return setTransitionHooks(isTeleport(subTree.type) ? getInnerChild$1(subTree) || subTree : subTree, hooks);
@@ -3664,7 +3750,13 @@ var VueRuntimeDOM = (function(exports) {
 			const contentHooks = vnode.ssContent.transition = hooks.clone(vnode.ssContent);
 			const fallbackHooks = vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
 			return vnode.suspense && vnode.suspense.activeBranch === vnode.ssFallback ? fallbackHooks : contentHooks;
-		} else vnode.transition = hooks;
+		} else {
+			vnode.transition = hooks;
+			if (vnode.type === Fragment && isArray(vnode.children)) {
+				const child = filterSingleRoot(vnode.children, false);
+				if (child) setTransitionHooks(child, hooks);
+			}
+		}
 		return hooks;
 	}
 	function getTransitionRawChildren(children, keepComment = false, parentKey) {
@@ -3687,6 +3779,14 @@ var VueRuntimeDOM = (function(exports) {
 	function checkTransitionMode(mode) {
 		if (mode && mode !== "in-out" && mode !== "out-in" && mode !== "default") warn$1(`invalid <transition> mode: ${mode}`);
 	}
+	function getTransitionRoot(vnode) {
+		if (vnode.component && (!isVaporInteropEnabled || !isVaporComponent(vnode.type))) return getTransitionRoot(vnode.component.subTree);
+		if (vnode.type === Fragment) {
+			const child = isArray(vnode.children) && filterSingleRoot(vnode.children, false);
+			return child ? getTransitionRoot(child) : void 0;
+		}
+		if (vnode.type !== Comment) return vnode;
+	}
 	//#endregion
 	//#region packages/runtime-core/src/apiDefineComponent.ts
 	/*@__NO_SIDE_EFFECTS__*/
@@ -3940,7 +4040,7 @@ var VueRuntimeDOM = (function(exports) {
 					else nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
 					break;
 				case VaporSlot:
-					nextNode = getVaporInterface(parentComponent, vnode).hydrateSlot(vnode, node, parentComponent, parentSuspense, slotScopeIds);
+					if (isVaporInteropEnabled) nextNode = getVaporInterface(parentComponent, vnode).hydrateSlot(vnode, node, parentComponent, parentSuspense, slotScopeIds);
 					break;
 				default: if (shapeFlag & 1) {
 					if ((domType !== 1 || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode(node)) nextNode = onMismatch();
@@ -4072,7 +4172,7 @@ var VueRuntimeDOM = (function(exports) {
 			if (fragmentSlotScopeIds) slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds;
 			const container = parentNode(node);
 			const first = nextSibling(node);
-			const next = vnode.vo && node.data === "(" ? getVaporInterface(parentComponent, vnode).hydrateSlotOutlet(vnode, node, parentComponent, parentSuspense, slotScopeIds) : hydrateChildren(first, vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
+			const next = isVaporInteropEnabled && vnode.vo && node.data === "(" ? getVaporInterface(parentComponent, vnode).hydrateSlotOutlet(vnode, node, parentComponent, parentSuspense, slotScopeIds) : hydrateChildren(first, vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
 			if (next && isComment(next) && next.data === (node.data === "(" ? ")" : "]")) return nextSibling(vnode.anchor = next);
 			else {
 				logMismatchError();
@@ -4316,14 +4416,20 @@ var VueRuntimeDOM = (function(exports) {
 				break;
 			}
 		}, opts);
-		forEach((el) => {
-			if (!(el instanceof Element)) return;
+		const observe = (el) => {
 			if (elementIsVisibleInViewport(el)) {
 				hydrate();
 				ob.disconnect();
 				return false;
 			}
+			if (getComputedStyle(el).display === "contents") {
+				for (let i = 0; i < el.children.length; i++) if (observe(el.children[i]) === false) return false;
+			}
 			ob.observe(el);
+		};
+		forEach((el) => {
+			if (!(el instanceof Element)) return;
+			return observe(el);
 		});
 		return () => ob.disconnect();
 	};
@@ -4473,7 +4579,7 @@ var VueRuntimeDOM = (function(exports) {
 			setPendingRequest: (request) => pendingRequest = request
 		};
 	}
-	const useAsyncComponentState = (delay, timeout, onError, instance = currentInstance) => {
+	const useAsyncComponentState = (delay = 200, timeout, onError, instance = currentInstance) => {
 		const loaded = /* @__PURE__ */ ref(false);
 		const error = /* @__PURE__ */ ref();
 		const delayed = /* @__PURE__ */ ref(!!delay);
@@ -4530,7 +4636,12 @@ var VueRuntimeDOM = (function(exports) {
 	//#endregion
 	//#region packages/runtime-core/src/components/KeepAlive.ts
 	const isKeepAlive = (vnode) => vnode.type.__isKeepAlive;
-	const KeepAlive = {
+	let isKeepAliveEnabled = false;
+	function withKeepAliveEnabled(value) {
+		isKeepAliveEnabled = true;
+		return value;
+	}
+	const KeepAlive = /*@__PURE__*/ withKeepAliveEnabled({
 		name: `KeepAlive`,
 		__isKeepAlive: true,
 		props: {
@@ -4581,7 +4692,10 @@ var VueRuntimeDOM = (function(exports) {
 			function pruneCacheEntry(key) {
 				const cached = cache.get(key);
 				if (cached && (!current || !isSameVNodeType(cached, current))) unmount(cached);
-				else if (current) resetShapeFlag(current);
+				else if (current) {
+					resetShapeFlag(current);
+					if (cached) resetShapeFlag(cached);
+				}
 				cache.delete(key);
 				keys.delete(key);
 			}
@@ -4666,7 +4780,7 @@ var VueRuntimeDOM = (function(exports) {
 				return isSuspense(rawVNode.type) ? rawVNode : vnode;
 			};
 		}
-	};
+	});
 	function matches(pattern, name) {
 		if (isArray(pattern)) return pattern.some((p) => matches(p, name));
 		else if (isString(pattern)) return pattern.split(",").includes(name);
@@ -4898,16 +5012,22 @@ var VueRuntimeDOM = (function(exports) {
 	function renderSlot(slots, name, props, fallback, noSlotted, branchKey) {
 		if (props == null) props = {};
 		let slot = slots[name];
-		const vaporSlot = slot && slot[rawVaporSlotKey];
+		const vaporSlot = isVaporInteropEnabled && slot && slot[rawVaporSlotKey];
 		if (vaporSlot) {
 			const ret = (openBlock(), createBlock(VaporSlot, props));
 			ret.vs = {
 				slot: vaporSlot,
+				name,
 				outlets: fallback ? [{
 					fallback,
 					owner: currentRenderingInstance
 				}] : void 0
 			};
+			if (branchKey != null && props.key == null) {
+				ret.vs.props = ret.props;
+				ret.props = extend({}, ret.props, { key: branchKey });
+				ret.key = branchKey;
+			}
 			if (!noSlotted && ret.scopeId) ret.slotScopeIds = [ret.scopeId + "-s"];
 			return ret;
 		}
@@ -4928,7 +5048,7 @@ var VueRuntimeDOM = (function(exports) {
 		try {
 			const validSlotContent = slot && ensureValidVNode(slot(props));
 			let attached = false;
-			if (fallback && validSlotContent && currentRenderingInstance) {
+			if (isVaporInteropEnabled && fallback && validSlotContent && currentRenderingInstance) {
 				const interop = currentRenderingInstance.appContext.vapor;
 				if (interop) attached = interop.attachSlotOutlet(validSlotContent, fallback, currentRenderingInstance);
 			}
@@ -6099,7 +6219,7 @@ var VueRuntimeDOM = (function(exports) {
 		if (nextKeys.length !== Object.keys(prevProps).length) return true;
 		for (let i = 0; i < nextKeys.length; i++) {
 			const key = nextKeys[i];
-			if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emitsOptions, key)) return true;
+			if (!hasOwn(prevProps, key) || hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emitsOptions, key)) return true;
 		}
 		return false;
 	}
@@ -6612,7 +6732,7 @@ var VueRuntimeDOM = (function(exports) {
 					processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 					break;
 				case VaporSlot:
-					getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense, slotScopeIds);
+					if (isVaporInteropEnabled) getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense, slotScopeIds);
 					break;
 				default: if (shapeFlag & 1) processElement(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 				else if (shapeFlag & 6) processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
@@ -6746,7 +6866,7 @@ var VueRuntimeDOM = (function(exports) {
 			let vnodeHook;
 			parentComponent && toggleRecurse(parentComponent, false);
 			if (vnodeHook = newProps.onVnodeBeforeUpdate) invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
-			if (n2.ibu) n2.ibu();
+			if (isVaporInteropEnabled && n2.ibu) n2.ibu();
 			if (dirs) invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
 			parentComponent && toggleRecurse(parentComponent, true);
 			if (isHmrUpdating || dynamicChildren && (!n1.dynamicChildren || n1.dynamicChildren.length !== dynamicChildren.length)) {
@@ -6780,9 +6900,9 @@ var VueRuntimeDOM = (function(exports) {
 					if (n1.children !== n2.children) hostSetElementText(el, n2.children);
 				}
 			} else if (!optimized && dynamicChildren == null) patchProps(el, oldProps, newProps, parentComponent, namespace);
-			if ((vnodeHook = newProps.onVnodeUpdated) || dirs || n2.iu) queuePostRenderEffect(() => {
+			if ((vnodeHook = newProps.onVnodeUpdated) || dirs || isVaporInteropEnabled && n2.iu) queuePostRenderEffect(() => {
 				vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
-				n2.iu && n2.iu();
+				isVaporInteropEnabled && n2.iu && n2.iu();
 				dirs && invokeDirectiveHook(n2, n1, parentComponent, "updated");
 			}, void 0, parentSuspense);
 		};
@@ -6790,7 +6910,8 @@ var VueRuntimeDOM = (function(exports) {
 			for (let i = 0; i < newChildren.length; i++) {
 				const oldVNode = oldChildren[i];
 				const newVNode = newChildren[i];
-				const container = oldVNode.el && (oldVNode.type === Fragment || !isSameVNodeType(oldVNode, newVNode) || oldVNode.shapeFlag & 198) ? hostParentNode(oldVNode.el) : fallbackContainer;
+				const oldEl = oldVNode.el || resolveAsyncComponentPlaceholder(oldVNode);
+				const container = oldEl && (oldVNode.type === Fragment || !isSameVNodeType(oldVNode, newVNode) || oldVNode.shapeFlag & 198) ? hostParentNode(oldEl) : fallbackContainer;
 				patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, namespace, slotScopeIds, true);
 			}
 		};
@@ -6882,6 +7003,7 @@ var VueRuntimeDOM = (function(exports) {
 				if (instance.asyncDep && !instance.asyncResolved) {
 					pushWarningContext(n2);
 					n2.el = n1.el;
+					n2.placeholder = n1.placeholder;
 					updateComponentPreRender(instance, n2, optimized);
 					popWarningContext();
 					return;
@@ -6891,6 +7013,7 @@ var VueRuntimeDOM = (function(exports) {
 				}
 			} else {
 				n2.el = n1.el;
+				n2.placeholder = n1.placeholder;
 				instance.vnode = n2;
 			}
 		};
@@ -6987,7 +7110,7 @@ var VueRuntimeDOM = (function(exports) {
 					} else next = vnode;
 					if (bu) invokeArrayFns(bu);
 					if (vnodeHook = next.props && next.props.onVnodeBeforeUpdate) invokeVNodeHook(vnodeHook, parent, next, vnode);
-					if (next.ibu) next.ibu();
+					if (isVaporInteropEnabled && next.ibu) next.ibu();
 					toggleRecurse(instance, true);
 					startMeasure(instance, `render`);
 					const nextTree = renderComponentRoot(instance);
@@ -7000,9 +7123,9 @@ var VueRuntimeDOM = (function(exports) {
 					next.el = nextTree.el;
 					if (originNext === null) updateHOCHostEl(instance, nextTree.el);
 					if (u) queuePostRenderEffect(u, void 0, parentSuspense);
-					if ((vnodeHook = next.props && next.props.onVnodeUpdated) || next.iu) queuePostRenderEffect(() => {
+					if ((vnodeHook = next.props && next.props.onVnodeUpdated) || isVaporInteropEnabled && next.iu) queuePostRenderEffect(() => {
 						vnodeHook && invokeVNodeHook(vnodeHook, parent, next, vnode);
-						next.iu && next.iu();
+						isVaporInteropEnabled && next.iu && next.iu();
 					}, void 0, parentSuspense);
 					devtoolsComponentUpdated(instance);
 					popWarningContext();
@@ -7154,7 +7277,7 @@ var VueRuntimeDOM = (function(exports) {
 		};
 		const move = (vnode, container, anchor, moveType, parentComponent, parentSuspense = null) => {
 			const { el, type, transition, children, shapeFlag } = vnode;
-			if (isVaporComponent(type) || type === VaporSlot) {
+			if (isVaporInteropEnabled && (isVaporComponent(type) || type === VaporSlot)) {
 				getVaporInterface(parentComponent, vnode).move(vnode, container, anchor, moveType, parentSuspense);
 				return;
 			}
@@ -7198,11 +7321,11 @@ var VueRuntimeDOM = (function(exports) {
 			}
 			if (cacheIndex != null && (!vnode.ctx || vnode.ctx === parentComponent)) parentComponent.renderCache[cacheIndex] = void 0;
 			if (shapeFlag & 256) {
-				if (isVaporComponent(vnode.type)) getVaporInterface(parentComponent, vnode).deactivate(vnode, parentComponent.ctx.getStorageContainer(), parentSuspense);
+				if (isVaporInteropEnabled && isVaporComponent(vnode.type)) getVaporInterface(parentComponent, vnode).deactivate(vnode, parentComponent.ctx.getStorageContainer(), parentSuspense);
 				else parentComponent.ctx.deactivate(vnode);
 				return;
 			}
-			if (shapeFlag & 6 && isVaporComponent(type)) {
+			if (isVaporInteropEnabled && shapeFlag & 6 && isVaporComponent(type)) {
 				getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove, parentSuspense);
 				return;
 			}
@@ -7220,7 +7343,7 @@ var VueRuntimeDOM = (function(exports) {
 				if (shapeFlag & 64) vnode.type.remove(vnode, parentComponent, parentSuspense, internals, doRemove);
 				else if (dynamicChildren && !dynamicChildren.hasOnce && (type !== Fragment || patchFlag > 0 && patchFlag & 64)) unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
 				else if (type === Fragment && patchFlag & 384 || !optimized && shapeFlag & 16) unmountChildren(children, parentComponent, parentSuspense);
-				if (type === VaporSlot) {
+				if (isVaporInteropEnabled && type === VaporSlot) {
 					getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove, parentSuspense);
 					return;
 				}
@@ -7235,12 +7358,9 @@ var VueRuntimeDOM = (function(exports) {
 		};
 		const remove = (vnode) => {
 			const { type, el, anchor, transition } = vnode;
-			if (type === Fragment) {
-				if (vnode.patchFlag > 0 && vnode.patchFlag & 2048 && transition && !transition.persisted) vnode.children.forEach((child) => {
-					if (child.type === Comment) hostRemove(child.el);
-					else remove(child);
-				});
-				else removeFragment(el, anchor);
+			const isFragment = type === Fragment;
+			if (isFragment && !transition) {
+				removeFragment(el, anchor);
 				return;
 			}
 			if (type === Static) {
@@ -7248,8 +7368,21 @@ var VueRuntimeDOM = (function(exports) {
 				if (transition && !transition.persisted && transition.afterLeave) transition.afterLeave();
 				return;
 			}
-			if (transition) performTransitionLeave(el, transition, () => hostRemove(el), !!(vnode.shapeFlag & 1));
-			else hostRemove(el);
+			const leavingNode = isFragment ? getTransitionRoot(vnode) : vnode;
+			const performRemove = () => {
+				if (isFragment) {
+					if (hostParentNode(el)) removeFragment(el, anchor);
+				} else hostRemove(el);
+			};
+			if (transition) {
+				let leavingEl = leavingNode && leavingNode.el;
+				let isElement = !!(leavingNode && leavingNode.shapeFlag & 1);
+				if (isVaporInteropEnabled && isFragment && leavingNode && isVaporComponent(leavingNode.type)) {
+					leavingEl = getVaporInterface(leavingNode.component, leavingNode).getTransitionElement(leavingNode);
+					isElement = !!leavingEl;
+				}
+				performTransitionLeave(leavingEl || el, transition, performRemove, isElement);
+			} else performRemove();
 		};
 		const removeFragment = (cur, end) => {
 			let next;
@@ -7283,7 +7416,7 @@ var VueRuntimeDOM = (function(exports) {
 		};
 		const getNextHostNode = (vnode) => {
 			if (vnode.shapeFlag & 6) {
-				if (isVaporComponent(vnode.type)) return hostNextSibling(vnode.anchor);
+				if (isVaporInteropEnabled && isVaporComponent(vnode.type)) return hostNextSibling(vnode.anchor);
 				return getNextHostNode(vnode.component.subTree);
 			}
 			if (vnode.shapeFlag & 128) return vnode.suspense.next();
@@ -7292,15 +7425,12 @@ var VueRuntimeDOM = (function(exports) {
 			return teleportEnd ? hostNextSibling(teleportEnd) : el;
 		};
 		const render = (vnode, container, namespace) => {
-			let instance;
-			if (vnode == null) {
-				if (container._vnode) {
-					unmount(container._vnode, null, null, true);
-					instance = container._vnode.component;
-				}
-			} else patch(container._vnode || null, vnode, container, null, null, null, namespace);
-			container._vnode = vnode;
-			flushOnAppMount(instance);
+			flushOnAppMount(() => {
+				if (vnode == null) {
+					if (container._vnode) unmount(container._vnode, null, null, true);
+				} else patch(container._vnode || null, vnode, container, null, null, null, namespace);
+				container._vnode = vnode;
+			}, vnode && container._vnode ? void 0 : vnode && vnode.component ? vnode.component.uid : getNextUid());
 		};
 		const internals = {
 			p: patch,
@@ -7347,7 +7477,7 @@ var VueRuntimeDOM = (function(exports) {
 		return currentNamespace === "svg" && type === "foreignObject" || currentNamespace === "mathml" && type === "annotation-xml" && props && props.encoding && props.encoding.includes("html") ? void 0 : currentNamespace;
 	}
 	function toggleRecurse({ effect, job, vapor }, allowed) {
-		if (!vapor) {
+		if (!isVaporInteropEnabled || !vapor) {
 			if (allowed) {
 				effect.flags |= 128;
 				job.flags |= 2;
@@ -7459,7 +7589,7 @@ var VueRuntimeDOM = (function(exports) {
 				currentParent = currentParent.parent;
 			} else break;
 		}
-		const vaporScopeIds = includeVaporRootIds && currentVNode.vaporScopeIds;
+		const vaporScopeIds = isVaporInteropEnabled && includeVaporRootIds && currentVNode.vaporScopeIds;
 		if (vaporScopeIds) inheritedScopeIds.push(...vaporScopeIds);
 		return inheritedScopeIds;
 	}
@@ -7472,8 +7602,13 @@ var VueRuntimeDOM = (function(exports) {
 	//#endregion
 	//#region packages/runtime-core/src/components/Suspense.ts
 	const isSuspense = (type) => type.__isSuspense;
+	let isSuspenseEnabled = false;
+	function withSuspenseEnabled(value) {
+		isSuspenseEnabled = true;
+		return value;
+	}
 	let suspenseId = 0;
-	const Suspense = {
+	const Suspense = /*@__PURE__*/ withSuspenseEnabled({
 		name: "Suspense",
 		__isSuspense: true,
 		process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals) {
@@ -7490,7 +7625,7 @@ var VueRuntimeDOM = (function(exports) {
 		},
 		hydrate: hydrateSuspense,
 		normalize: normalizeSuspenseChildren
-	};
+	});
 	function triggerEvent(vnode, name) {
 		const eventListener = vnode.props && vnode.props[name];
 		if (isFunction(eventListener)) eventListener();
@@ -7693,13 +7828,12 @@ var VueRuntimeDOM = (function(exports) {
 			registerDep(instance, onResolve) {
 				const isInPendingSuspense = !!suspense.pendingBranch;
 				if (isInPendingSuspense) suspense.deps++;
-				const hydratedEl = instance.vnode && instance.vnode.el;
 				instance.asyncDep.catch((err) => {
 					handleError(err, instance, 0);
 				}).then((asyncSetupResult) => {
 					if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) return;
 					setCurrentInstance(null, void 0);
-					if (hydratedEl && !instance.scope.active) {
+					if (!instance.scope.active) {
 						if (isInPendingSuspense && --suspense.deps === 0) suspense.resolve();
 						return;
 					}
@@ -8012,7 +8146,7 @@ var VueRuntimeDOM = (function(exports) {
 			ctx: vnode.ctx,
 			ce: vnode.ce,
 			vi: vnode.vi,
-			vs: cloneVaporSlotMeta(vnode),
+			vs: cloneVaporSlotMeta(vnode, extraProps),
 			vb: vnode.vb,
 			ibu: vnode.ibu,
 			iu: vnode.iu,
@@ -8021,13 +8155,29 @@ var VueRuntimeDOM = (function(exports) {
 		if (transition && cloneTransition) setTransitionHooks(cloned, transition.clone(cloned));
 		return cloned;
 	}
-	function cloneVaporSlotMeta(vnode) {
+	function cloneVaporSlotMeta(vnode, extraProps) {
 		const vaporSlot = vnode.vs;
 		if (!vaporSlot) return vaporSlot;
 		const cloned = {
 			slot: vaporSlot.slot,
-			outlets: vaporSlot.outlets
+			name: vaporSlot.name,
+			outlets: vaporSlot.outlets,
+			props: vaporSlot.props,
+			attrs: vaporSlot.attrs && vaporSlot.attrs === EMPTY_OBJ ? {} : vaporSlot.attrs,
+			group: vaporSlot.group
 		};
+		const attrs = cloned.attrs;
+		if (extraProps && vaporSlot.props) {
+			let extraSlotProps;
+			for (const key in extraProps) if (attrs ? !isReservedProp(key) : key !== "key") {
+				if (!extraSlotProps) extraSlotProps = {};
+				extraSlotProps[key] = extraProps[key];
+			}
+			if (extraSlotProps) {
+				if (attrs) cloned.attrs = mergeProps(attrs, extraSlotProps);
+				else cloned.props = mergeProps(vaporSlot.props, extraSlotProps);
+			}
+		}
 		if (vnode.el) {
 			cloned.state = vaporSlot.state;
 			cloned.ref = vaporSlot.ref;
@@ -8210,6 +8360,9 @@ var VueRuntimeDOM = (function(exports) {
 	//#region packages/runtime-core/src/component.ts
 	const emptyAppContext = /*@__PURE__*/ createAppContext();
 	let uid = 0;
+	function getNextUid() {
+		return uid;
+	}
 	function createComponentInstance(vnode, parent, suspense) {
 		const type = vnode.type;
 		const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
@@ -8296,7 +8449,7 @@ var VueRuntimeDOM = (function(exports) {
 		isSSR && setInSSRSetupState(isSSR);
 		const { props, children, vi } = instance.vnode;
 		const isStateful = isStatefulComponent(instance);
-		if (vi) vi(instance);
+		if (isVaporInteropEnabled && vi) vi(instance);
 		else {
 			initProps(instance, props, isStateful, isSSR);
 			initSlots(instance, children, optimized || isSSR);
@@ -8714,7 +8867,7 @@ var VueRuntimeDOM = (function(exports) {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/index.ts
-	const version = "3.6.0-rc.11";
+	const version = "3.6.0-rc.13";
 	const warn = warn$1;
 	/**
 	* Runtime error messages. Only exposed in dev or esm builds.
@@ -9127,14 +9280,14 @@ var VueRuntimeDOM = (function(exports) {
 		}
 		while (vnode.component) {
 			const component = vnode.component;
-			if (component.vapor) {
+			if (isVaporInteropEnabled && component.vapor) {
 				component.appContext.vapor.applyCssVars(vnode, vars);
 				return;
 			}
 			vnode = vnode.component.subTree;
 		}
 		if (vnode.shapeFlag & 1 && vnode.el) setVarsOnNode(vnode.el, vars);
-		else if (vnode.vb) vnode.ctx.appContext.vapor.applyCssVars(vnode, vars);
+		else if (isVaporInteropEnabled && vnode.vb) vnode.ctx.appContext.vapor.applyCssVars(vnode, vars);
 		else if (vnode.type === Fragment) vnode.children.forEach((c) => setVarsOnVNode(c, vars));
 		else if (vnode.type === Static) {
 			let { el, anchor } = vnode;
@@ -9197,7 +9350,7 @@ var VueRuntimeDOM = (function(exports) {
 			else el.removeAttribute("style");
 		}
 		if (vShowOriginalDisplay in el) {
-			el[vShowOriginalDisplay] = hasControlledDisplay ? style.display : "";
+			if (!isCssString || prev !== next) el[vShowOriginalDisplay] = hasControlledDisplay ? style.display : "";
 			if (el[vShowHidden]) style.display = "none";
 		}
 	}
@@ -9502,7 +9655,7 @@ var VueRuntimeDOM = (function(exports) {
 				this._resolveProps(def);
 				if (this.shadowRoot) this._applyStyles(styles);
 				else if (styles) warn("Custom element style injection is not supported when using shadowRoot: false");
-				this._mountComponent(def);
+				if (this._connected) this._mountComponent(def);
 			};
 			const asyncDef = this._def.__asyncLoader;
 			if (asyncDef) {
@@ -9804,6 +9957,7 @@ var VueRuntimeDOM = (function(exports) {
 	const newPositionMap = /* @__PURE__ */ new WeakMap();
 	const moveCbKey = Symbol("_moveCb");
 	const enterCbKey = Symbol("_enterCb");
+	const pendingGroups = /* @__PURE__ */ new WeakMap();
 	/**
 	* Wrap logic that modifies TransitionGroup properties in a function
 	* so that it can be annotated as pure
@@ -9812,7 +9966,7 @@ var VueRuntimeDOM = (function(exports) {
 		delete t.props.mode;
 		return t;
 	};
-	const TransitionGroup = /* @__PURE__ */ decorate({
+	const TransitionGroup = /*@__PURE__*/ withTransitionEnabled(/* @__PURE__ */ decorate({
 		name: "TransitionGroup",
 		props: /*@__PURE__*/ extend({}, TransitionPropsValidators, {
 			tag: String,
@@ -9821,17 +9975,31 @@ var VueRuntimeDOM = (function(exports) {
 		setup(props, { slots }) {
 			const instance = getCurrentInstance();
 			const state = useTransitionState();
+			const group = {
+				props: {},
+				state,
+				instance
+			};
 			let prevChildren;
 			let children;
+			let origins;
+			let moves;
+			const willMove = () => {
+				if (moves === void 0) moves = prevChildren.length > 0 && hasCSSTransform(prevChildren[0].el, instance.vnode.el, resolveMoveClass(props));
+				return moves;
+			};
 			onUpdated(() => {
-				if (!prevChildren.length) return;
-				const moveClass = props.moveClass || `${props.name || "v"}-move`;
-				if (!hasCSSTransform(prevChildren[0].el, instance.vnode.el, moveClass)) {
+				pendingGroups.delete(instance);
+				if (!willMove()) {
 					prevChildren = [];
+					origins = void 0;
 					return;
 				}
+				const moveClass = resolveMoveClass(props);
 				prevChildren.forEach((vnode) => callPendingCbs(vnode.el));
-				prevChildren.forEach(recordPosition);
+				const shift = origins && getOriginShift(origins, instance.vnode.el);
+				origins = void 0;
+				prevChildren.forEach((c) => recordPosition(c, shift));
 				const movedChildren = prevChildren.filter(applyTranslation);
 				forceReflow(instance.vnode.el);
 				movedChildren.forEach((c) => {
@@ -9842,33 +10010,50 @@ var VueRuntimeDOM = (function(exports) {
 			});
 			return () => {
 				const rawProps = /* @__PURE__ */ toRaw(props);
-				const cssTransitionProps = resolveTransitionProps(rawProps);
+				const cssTransitionProps = group.props = resolveTransitionProps(rawProps);
 				let tag = rawProps.tag || Fragment;
 				prevChildren = [];
+				moves = void 0;
 				if (children) for (let i = 0; i < children.length; i++) {
 					const child = children[i];
 					if (child.el && child.el instanceof Element && !child.el[vShowHidden]) {
 						prevChildren.push(child);
 						setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
 						positionMap.set(child, getPosition(child.el));
-					}
+					} else if (isVaporInteropEnabled && child.vs && child.vb) instance.appContext.vapor.forEachGroupChild(child, (el) => {
+						const row = { el };
+						prevChildren.push(row);
+						positionMap.set(row, getPosition(el));
+					});
 				}
 				children = slots.default ? getTransitionRawChildren(slots.default()) : [];
 				for (let i = 0; i < children.length; i++) {
 					const child = children[i];
-					if (child.key != null) setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
+					if (isVaporInteropEnabled && child.vs) child.vs.group = group;
+					else if (child.key != null) setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
 					else if (child.type !== Text) warn(`<TransitionGroup> children must be keyed.`);
 				}
+				if (prevChildren.length) {
+					const root = instance.vnode.el;
+					origins = getOrigins(instance, root);
+					pendingGroups.set(instance, {
+						root,
+						willMove
+					});
+				}
 				return createVNode(tag, null, children);
 			};
 		}
-	});
+	}));
 	function callPendingCbs(el) {
 		if (el[moveCbKey]) el[moveCbKey]();
 		if (el[enterCbKey]) el[enterCbKey]();
 	}
-	function recordPosition(c) {
-		newPositionMap.set(c, getPosition(c.el));
+	function resolveMoveClass(props) {
+		return props.moveClass || `${props.name || "v"}-move`;
+	}
+	function recordPosition(c, shift) {
+		newPositionMap.set(c, getPosition(c.el, shift));
 	}
 	function applyTranslation(c) {
 		if (baseApplyTranslation(positionMap.get(c), newPositionMap.get(c), c.el)) return c;
@@ -9893,13 +10078,36 @@ var VueRuntimeDOM = (function(exports) {
 		}
 		return false;
 	}
-	function getPosition(el) {
+	function getPosition(el, shift) {
 		const rect = el.getBoundingClientRect();
 		return {
-			left: rect.left,
-			top: rect.top
+			left: rect.left - (shift ? shift.left : 0),
+			top: rect.top - (shift ? shift.top : 0)
 		};
 	}
+	function getOrigins(instance, root) {
+		let origins;
+		for (let group = instance.parent; group; group = group.parent) {
+			const pending = pendingGroups.get(group);
+			if (pending) {
+				const item = findItem(pending.root, root);
+				if (item) (origins || (origins = [])).push(extend(getPosition(item), {
+					item,
+					willMove: pending.willMove
+				}));
+			}
+		}
+		return origins;
+	}
+	function findItem(root, node) {
+		const container = root.nodeType === 1 ? root : root.parentNode;
+		while (node && node.parentNode !== container) node = node.parentNode;
+		if (node && node.nodeType === 1) return node;
+	}
+	function getOriginShift(origins, root) {
+		const origin = origins.find((o) => o.willMove() && o.item.contains(root));
+		return origin && getPosition(origin.item, origin);
+	}
 	function hasCSSTransform(el, root, moveClass) {
 		const clone = el.cloneNode();
 		const _vtc = el[vtcKey];
@@ -9980,7 +10188,7 @@ var VueRuntimeDOM = (function(exports) {
 			if (e.target.composing) return;
 			(set || el[assignKey])(castValue(el.value, trim, number || el.type === "number"));
 		});
-		if (trim || number) addEventListener(el, "change", () => {
+		if (trim || number || el.type === "number") addEventListener(el, "change", () => {
 			el.value = castValue(el.value, trim, number || el.type === "number");
 		});
 		if (!lazy) {
@@ -10424,6 +10632,12 @@ var VueRuntimeDOM = (function(exports) {
 	exports.initCustomFormatter = initCustomFormatter;
 	exports.initDirectivesForSSR = initDirectivesForSSR;
 	exports.inject = inject;
+	Object.defineProperty(exports, "isKeepAliveEnabled", {
+		enumerable: true,
+		get: function() {
+			return isKeepAliveEnabled;
+		}
+	});
 	exports.isMemoSame = isMemoSame;
 	exports.isProxy = isProxy;
 	exports.isReactive = isReactive;
@@ -10431,7 +10645,25 @@ var VueRuntimeDOM = (function(exports) {
 	exports.isRef = isRef;
 	exports.isRuntimeOnly = isRuntimeOnly;
 	exports.isShallow = isShallow;
+	Object.defineProperty(exports, "isSuspenseEnabled", {
+		enumerable: true,
+		get: function() {
+			return isSuspenseEnabled;
+		}
+	});
+	Object.defineProperty(exports, "isTransitionEnabled", {
+		enumerable: true,
+		get: function() {
+			return isTransitionEnabled;
+		}
+	});
 	exports.isVNode = isVNode;
+	Object.defineProperty(exports, "isVaporInteropEnabled", {
+		enumerable: true,
+		get: function() {
+			return isVaporInteropEnabled;
+		}
+	});
 	exports.markRaw = markRaw;
 	exports.mergeDefaults = mergeDefaults;
 	exports.mergeModels = mergeModels;
@@ -10478,6 +10710,7 @@ var VueRuntimeDOM = (function(exports) {
 	exports.setDevtoolsHook = setDevtoolsHook;
 	exports.setIsHydratingEnabled = setIsHydratingEnabled;
 	exports.setTransitionHooks = setTransitionHooks;
+	exports.setVaporInteropEnabled = setVaporInteropEnabled;
 	exports.shallowReactive = shallowReactive;
 	exports.shallowReadonly = shallowReadonly;
 	exports.shallowRef = shallowRef;
@@ -10522,9 +10755,12 @@ var VueRuntimeDOM = (function(exports) {
 	exports.withCtx = withCtx;
 	exports.withDefaults = withDefaults;
 	exports.withDirectives = withDirectives;
+	exports.withKeepAliveEnabled = withKeepAliveEnabled;
 	exports.withKeys = withKeys;
 	exports.withMemo = withMemo;
 	exports.withModifiers = withModifiers;
 	exports.withScopeId = withScopeId;
+	exports.withSuspenseEnabled = withSuspenseEnabled;
+	exports.withTransitionEnabled = withTransitionEnabled;
 	return exports;
 })({});