@vue/compat 3.6.0-rc.12 → 3.6.0-rc.14

package/dist/vue.runtime.global.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-rc.12
+  * @vue/compat v3.6.0-rc.14
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -517,6 +517,21 @@ var Vue = (function() {
 		return String(value);
 	}
 	//#endregion
+	//#region packages/shared/src/vaporFlags.ts
+	/**
+	* The data of the comment a vapor server render opens the branch of a `v-if`
+	* chain with, `<!--[1-->`: the digits are the branch's position in the chain,
+	* and `<!--]-->` closes it like a fragment.
+	*/
+	function isVaporBranchStart(data) {
+		if (data.length < 2 || data.charCodeAt(0) !== 91) return false;
+		for (let i = 1; i < data.length; i++) {
+			const c = data.charCodeAt(i);
+			if (c < 48 || c > 57) return false;
+		}
+		return true;
+	}
+	//#endregion
 	//#region packages/reactivity/src/debug.ts
 	const triggerEventInfos = [];
 	function onTrack(sub, debugInfo) {
@@ -3651,6 +3666,16 @@ var Vue = (function() {
 		};
 	}
 	//#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");
@@ -3910,13 +3935,18 @@ var Vue = (function() {
 		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 === Fragment) {
 			const child = isArray(vnode.children) && filterSingleRoot(vnode.children, false);
 			return !child || isEmptyTransitionChild(child, instance);
 		}
-		if (vnode.type === VaporSlot || isVaporComponent(vnode.type)) return !getVaporInterface(instance, vnode).hasTransitionChild(vnode);
+		if (isVaporInteropEnabled && (vnode.type === VaporSlot || isVaporComponent(vnode.type))) return !getVaporInterface(instance, vnode).hasTransitionChild(vnode);
 		return !!vnode.component && isEmptyTransitionChild(vnode.component.subTree, instance);
 	}
 	const BaseTransitionImpl = {
@@ -3933,7 +3963,7 @@ var Vue = (function() {
 				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);
 			};
 		}
@@ -3954,7 +3984,7 @@ var Vue = (function() {
 		}
 		return child;
 	}
-	const BaseTransition = BaseTransitionImpl;
+	const BaseTransition = /*@__PURE__*/ withTransitionEnabled(BaseTransitionImpl);
 	function getLeavingNodesForType(state, vnode) {
 		const { leavingNodes } = state;
 		let leavingVNodesCache = leavingNodes.get(vnode.type);
@@ -3992,7 +4022,7 @@ var Vue = (function() {
 				return hooks;
 			}
 		}, props, state, instance);
-		if (vnode.type === VaporSlot) extend(hooks, {
+		if (isVaporInteropEnabled && vnode.type === VaporSlot) extend(hooks, {
 			__vapor: true,
 			props,
 			state,
@@ -4169,7 +4199,7 @@ var Vue = (function() {
 	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);
@@ -4208,7 +4238,7 @@ var Vue = (function() {
 		if (mode && mode !== "in-out" && mode !== "out-in" && mode !== "default") warn$1(`invalid <transition> mode: ${mode}`);
 	}
 	function getTransitionRoot(vnode) {
-		if (vnode.component && !isVaporComponent(vnode.type)) return getTransitionRoot(vnode.component.subTree);
+		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;
@@ -4395,6 +4425,8 @@ var Vue = (function() {
 		if (isMathMLContainer(container)) return "mathml";
 	};
 	const isComment = (node) => node.nodeType === 8;
+	/** The data of a comment opening a range a hydration steps over as one. */
+	const isRangeStart = (data) => data === "[" || data === "(" || isVaporBranchStart(data);
 	function createHydrationFunctions(rendererInternals) {
 		const { mt: mountComponent, p: patch, o: { patchProp, createText, nextSibling, parentNode, remove, insert, createComment } } = rendererInternals;
 		const hydrate = (vnode, container) => {
@@ -4412,7 +4444,7 @@ var Vue = (function() {
 		};
 		const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => {
 			optimized = optimized || !!vnode.dynamicChildren;
-			const isFragmentStart = isComment(node) && (node.data === "[" || node.data === "(");
+			const isFragmentStart = isComment(node) && (node.data === "[" || node.data === "(" || isVaporInteropEnabled && isVaporBranchStart(node.data));
 			const onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart);
 			const { type, ref, shapeFlag, patchFlag } = vnode;
 			let domType = node.nodeType;
@@ -4468,7 +4500,7 @@ var Vue = (function() {
 					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$1(node)) nextNode = onMismatch();
@@ -4600,7 +4632,7 @@ var Vue = (function() {
 			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();
@@ -4610,7 +4642,7 @@ var Vue = (function() {
 		};
 		const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
 			if (!isNodeMismatchAllowed(node, vnode)) {
-				warn$1(`Hydration node mismatch:\n- rendered on server:`, node, node.nodeType === 3 ? `(text)` : isComment(node) && (node.data === "[" || node.data === "(") ? `(start of fragment)` : ``, `\n- expected on client:`, vnode.type);
+				warn$1(`Hydration node mismatch:\n- rendered on server:`, node, node.nodeType === 3 ? `(text)` : isComment(node) && isRangeStart(node.data) ? `(start of fragment)` : ``, `\n- expected on client:`, vnode.type);
 				logMismatchError();
 			}
 			vnode.el = null;
@@ -4637,7 +4669,7 @@ var Vue = (function() {
 			while (node) {
 				node = nextSibling(node);
 				if (node && isComment(node)) {
-					if (node.data === open) match++;
+					if (node.data === open || isVaporInteropEnabled && open === "[" && isVaporBranchStart(node.data)) match++;
 					if (node.data === close) {
 						if (match === 0) return nextSibling(node);
 						else match--;
@@ -4893,9 +4925,9 @@ var Vue = (function() {
 		return teardown;
 	};
 	function forEachElement(node, cb) {
-		if (isComment(node) && (node.data === "[" || node.data === "(")) {
+		if (isComment(node) && isRangeStart(node.data)) {
 			const open = node.data;
-			const close = open === "[" ? "]" : ")";
+			const close = open === "(" ? ")" : "]";
 			let depth = 1;
 			let next = node.nextSibling;
 			while (next) {
@@ -4904,7 +4936,7 @@ var Vue = (function() {
 				} else if (isComment(next)) {
 					if (next.data === close) {
 						if (--depth === 0) break;
-					} else if (next.data === open) depth++;
+					} else if (close === "]" ? next.data === "[" || isVaporBranchStart(next.data) : next.data === open) depth++;
 				}
 				next = next.nextSibling;
 			}
@@ -5007,7 +5039,7 @@ var Vue = (function() {
 			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);
@@ -5064,6 +5096,11 @@ var Vue = (function() {
 	//#endregion
 	//#region packages/runtime-core/src/components/KeepAlive.ts
 	const isKeepAlive = (vnode) => vnode.type.__isKeepAlive;
+	let isKeepAliveEnabled = false;
+	function withKeepAliveEnabled(value) {
+		isKeepAliveEnabled = true;
+		return value;
+	}
 	const KeepAliveImpl = {
 		name: `KeepAlive`,
 		__isKeepAlive: true,
@@ -5208,7 +5245,7 @@ var Vue = (function() {
 		t.__isBuiltIn = true;
 		return t;
 	};
-	const KeepAlive = /*@__PURE__*/ decorate$2(KeepAliveImpl);
+	const KeepAlive = /*@__PURE__*/ withKeepAliveEnabled(/*@__PURE__*/ decorate$2(KeepAliveImpl));
 	function matches(pattern, name) {
 		if (isArray(pattern)) return pattern.some((p) => matches(p, name));
 		else if (isString(pattern)) return pattern.split(",").includes(name);
@@ -5654,11 +5691,12 @@ var Vue = (function() {
 	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
@@ -5689,7 +5727,7 @@ var Vue = (function() {
 		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);
 			}
@@ -6648,7 +6686,7 @@ var Vue = (function() {
 			if (options.el) return vm.$mount(options.el);
 			else return vm;
 		}
-		Vue.version = `2.6.14-compat:3.6.0-rc.12`;
+		Vue.version = `2.6.14-compat:3.6.0-rc.14`;
 		Vue.config = singletonApp.config;
 		Vue.use = (plugin, ...options) => {
 			if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -8012,7 +8050,7 @@ var Vue = (function() {
 					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);
@@ -8146,7 +8184,7 @@ var Vue = (function() {
 			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)) {
@@ -8180,9 +8218,9 @@ var Vue = (function() {
 					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);
 		};
@@ -8398,7 +8436,7 @@ var Vue = (function() {
 					} 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();
 					if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS", instance)) instance.emit("hook:beforeUpdate");
 					toggleRecurse(instance, true);
 					startMeasure(instance, `render`);
@@ -8412,9 +8450,9 @@ var Vue = (function() {
 					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);
 					if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS", instance)) queuePostRenderEffect(() => instance.emit("hook:updated"), void 0, parentSuspense);
 					devtoolsComponentUpdated(instance);
@@ -8567,7 +8605,7 @@ var Vue = (function() {
 		};
 		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;
 			}
@@ -8611,11 +8649,11 @@ var Vue = (function() {
 			}
 			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;
 			}
@@ -8633,7 +8671,7 @@ var Vue = (function() {
 				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;
 				}
@@ -8667,7 +8705,7 @@ var Vue = (function() {
 			if (transition) {
 				let leavingEl = leavingNode && leavingNode.el;
 				let isElement = !!(leavingNode && leavingNode.shapeFlag & 1);
-				if (isFragment && leavingNode && isVaporComponent(leavingNode.type)) {
+				if (isVaporInteropEnabled && isFragment && leavingNode && isVaporComponent(leavingNode.type)) {
 					leavingEl = getVaporInterface(leavingNode.component, leavingNode).getTransitionElement(leavingNode);
 					isElement = !!leavingEl;
 				}
@@ -8708,7 +8746,7 @@ var Vue = (function() {
 		};
 		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();
@@ -8769,7 +8807,7 @@ var Vue = (function() {
 		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;
@@ -8881,7 +8919,7 @@ var Vue = (function() {
 				currentParent = currentParent.parent;
 			} else break;
 		}
-		const vaporScopeIds = includeVaporRootIds && currentVNode.vaporScopeIds;
+		const vaporScopeIds = isVaporInteropEnabled && includeVaporRootIds && currentVNode.vaporScopeIds;
 		if (vaporScopeIds) inheritedScopeIds.push(...vaporScopeIds);
 		return inheritedScopeIds;
 	}
@@ -8894,8 +8932,13 @@ var Vue = (function() {
 	//#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) {
@@ -8912,7 +8955,7 @@ var Vue = (function() {
 		},
 		hydrate: hydrateSuspense,
 		normalize: normalizeSuspenseChildren
-	};
+	});
 	function triggerEvent(vnode, name) {
 		const eventListener = vnode.props && vnode.props[name];
 		if (isFunction(eventListener)) eventListener();
@@ -9491,16 +9534,23 @@ var Vue = (function() {
 		if (!vaporSlot) return vaporSlot;
 		const cloned = {
 			slot: vaporSlot.slot,
+			name: vaporSlot.name,
 			outlets: vaporSlot.outlets,
-			props: vaporSlot.props
+			props: vaporSlot.props,
+			attrs: vaporSlot.attrs && vaporSlot.attrs === EMPTY_OBJ ? {} : vaporSlot.attrs,
+			group: vaporSlot.group
 		};
-		if (vaporSlot.props && extraProps) {
+		const attrs = cloned.attrs;
+		if (extraProps && vaporSlot.props) {
 			let extraSlotProps;
-			for (const key in extraProps) if (key !== "key") {
+			for (const key in extraProps) if (attrs ? !isReservedProp(key) : key !== "key") {
 				if (!extraSlotProps) extraSlotProps = {};
 				extraSlotProps[key] = extraProps[key];
 			}
-			if (extraSlotProps) cloned.props = mergeProps(vaporSlot.props, extraSlotProps);
+			if (extraSlotProps) {
+				if (attrs) cloned.attrs = mergeProps(attrs, extraSlotProps);
+				else cloned.props = mergeProps(vaporSlot.props, extraSlotProps);
+			}
 		}
 		if (vnode.el) {
 			cloned.state = vaporSlot.state;
@@ -9773,7 +9823,7 @@ var Vue = (function() {
 		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);
@@ -10195,7 +10245,7 @@ var Vue = (function() {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/index.ts
-	const version = "3.6.0-rc.12";
+	const version = "3.6.0-rc.14";
 	const warn = warn$1;
 	/**
 	* Runtime error messages. Only exposed in dev or esm builds.
@@ -10628,14 +10678,14 @@ var Vue = (function() {
 		}
 		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;
@@ -11340,7 +11390,7 @@ var Vue = (function() {
 		t.__isBuiltIn = true;
 		return t;
 	};
-	const TransitionGroup = /* @__PURE__ */ decorate({
+	const TransitionGroup = /*@__PURE__*/ withTransitionEnabled(/* @__PURE__ */ decorate({
 		name: "TransitionGroup",
 		props: /*@__PURE__*/ extend({}, TransitionPropsValidators, {
 			tag: String,
@@ -11349,6 +11399,11 @@ var Vue = (function() {
 		setup(props, { slots }) {
 			const instance = getCurrentInstance();
 			const state = useTransitionState();
+			const group = {
+				props: {},
+				state,
+				instance
+			};
 			let prevChildren;
 			let children;
 			let origins;
@@ -11379,7 +11434,7 @@ var Vue = (function() {
 			});
 			return () => {
 				const rawProps = /* @__PURE__ */ toRaw(props);
-				const cssTransitionProps = resolveTransitionProps(rawProps);
+				const cssTransitionProps = group.props = resolveTransitionProps(rawProps);
 				let tag = rawProps.tag || Fragment;
 				if (!rawProps.tag && compatUtils.checkCompatEnabled("TRANSITION_GROUP_ROOT", instance.parent)) tag = "span";
 				prevChildren = [];
@@ -11390,12 +11445,17 @@ var Vue = (function() {
 						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) {
@@ -11409,7 +11469,7 @@ var Vue = (function() {
 				return createVNode(tag, null, children);
 			};
 		}
-	});
+	}));
 	function callPendingCbs(el) {
 		if (el[moveCbKey]) el[moveCbKey]();
 		if (el[enterCbKey]) el[enterCbKey]();
@@ -11553,7 +11613,7 @@ var Vue = (function() {
 			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) {
@@ -11915,6 +11975,7 @@ var Vue = (function() {
 		initCustomFormatter: () => initCustomFormatter,
 		initDirectivesForSSR: () => initDirectivesForSSR,
 		inject: () => inject,
+		isKeepAliveEnabled: () => isKeepAliveEnabled,
 		isMemoSame: () => isMemoSame,
 		isProxy: () => isProxy,
 		isReactive: () => isReactive,
@@ -11922,7 +11983,10 @@ var Vue = (function() {
 		isRef: () => isRef,
 		isRuntimeOnly: () => isRuntimeOnly,
 		isShallow: () => isShallow,
+		isSuspenseEnabled: () => isSuspenseEnabled,
+		isTransitionEnabled: () => isTransitionEnabled,
 		isVNode: () => isVNode,
+		isVaporInteropEnabled: () => isVaporInteropEnabled,
 		markRaw: () => markRaw,
 		mergeDefaults: () => mergeDefaults,
 		mergeModels: () => mergeModels,
@@ -11969,6 +12033,7 @@ var Vue = (function() {
 		setDevtoolsHook: () => setDevtoolsHook,
 		setIsHydratingEnabled: () => setIsHydratingEnabled,
 		setTransitionHooks: () => setTransitionHooks,
+		setVaporInteropEnabled: () => setVaporInteropEnabled,
 		shallowReactive: () => shallowReactive,
 		shallowReadonly: () => shallowReadonly,
 		shallowRef: () => shallowRef,
@@ -12013,10 +12078,13 @@ var Vue = (function() {
 		withCtx: () => withCtx,
 		withDefaults: () => withDefaults,
 		withDirectives: () => withDirectives,
+		withKeepAliveEnabled: () => withKeepAliveEnabled,
 		withKeys: () => withKeys,
 		withMemo: () => withMemo,
 		withModifiers: () => withModifiers,
-		withScopeId: () => withScopeId
+		withScopeId: () => withScopeId,
+		withSuspenseEnabled: () => withSuspenseEnabled,
+		withTransitionEnabled: () => withTransitionEnabled
 	});
 	const rendererOptions = /*@__PURE__*/ extend({ patchProp }, nodeOps);
 	let renderer;