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

package/dist/vue.runtime.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-rc.12
+  * @vue/compat v3.6.0-rc.13
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -3694,6 +3694,16 @@ function createPathGetter(ctx, path) {
 	};
 }
 //#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");
@@ -3919,7 +3929,7 @@ function prepareAnchor(target, vnode, createText, insert, anchor = null) {
 //#endregion
 //#region packages/runtime-core/src/components/BaseTransition.ts
 const leaveCbKey = Symbol("_leaveCb");
-const enterCbKey$1 = Symbol("_enterCb");
+const enterCbKey = Symbol("_enterCb");
 function useTransitionState() {
 	const state = {
 		isMounted: false,
@@ -3953,13 +3963,18 @@ const BaseTransitionPropsValidators = {
 	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 = {
@@ -3976,7 +3991,7 @@ const BaseTransitionImpl = {
 			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);
 		};
 	}
@@ -3998,7 +4013,7 @@ function findNonCommentChild(children) {
 	}
 	return child;
 }
-const BaseTransition = BaseTransitionImpl;
+const BaseTransition = /*@__PURE__*/ withTransitionEnabled(BaseTransitionImpl);
 function getLeavingNodesForType(state, vnode) {
 	const { leavingNodes } = state;
 	let leavingVNodesCache = leavingNodes.get(vnode.type);
@@ -4036,7 +4051,7 @@ function resolveTransitionHooks(vnode, props, state, instance, postClone) {
 			return hooks;
 		}
 	}, props, state, instance);
-	if (vnode.type === VaporSlot) extend(hooks, {
+	if (isVaporInteropEnabled && vnode.type === VaporSlot) extend(hooks, {
 		__vapor: true,
 		props,
 		state,
@@ -4083,20 +4098,20 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 				} else return;
 			}
 			let called = false;
-			el[enterCbKey$1] = (cancelled) => {
+			el[enterCbKey] = (cancelled) => {
 				if (called) return;
 				called = true;
 				if (cancelled) callHook(cancelHook, [el]);
 				else callHook(afterHook, [el]);
 				if (hooks.delayedLeave) hooks.delayedLeave();
-				el[enterCbKey$1] = void 0;
+				el[enterCbKey] = void 0;
 			};
-			const done = el[enterCbKey$1].bind(null, false);
+			const done = el[enterCbKey].bind(null, false);
 			if (hook) callAsyncHook(hook, [el, done]);
 			else done();
 		},
 		leave(el, remove) {
-			if (el[enterCbKey$1]) el[enterCbKey$1](true);
+			if (el[enterCbKey]) el[enterCbKey](true);
 			if (state.isUnmounting) return remove();
 			callHook(onBeforeLeave, [el]);
 			let called = false;
@@ -4231,7 +4246,7 @@ function applyTransitionModeSwitch(leavingVNode, leavingHooks, getEnterHooks, pr
 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);
@@ -4270,7 +4285,7 @@ function checkTransitionMode(mode) {
 	if (!!(process.env.NODE_ENV !== "production") && 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;
@@ -4543,7 +4558,7 @@ function createHydrationFunctions(rendererInternals) {
 				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();
@@ -4554,7 +4569,7 @@ function createHydrationFunctions(rendererInternals) {
 				if (isFragmentStart) nextNode = locateClosingAnchor(node);
 				else if (isComment(node) && node.data === "teleport start") nextNode = locateClosingAnchor(node, node.data, "teleport end");
 				else nextNode = nextSibling(node);
-				if (vnode.type.__vapor) getVaporInterface(parentComponent, vnode).hydrate(vnode, node, container, nextNode, parentComponent, parentSuspense);
+				if ((isVaporInteropEnabled || !!(process.env.NODE_ENV !== "production")) && vnode.type.__vapor) getVaporInterface(parentComponent, vnode).hydrate(vnode, node, container, nextNode, parentComponent, parentSuspense);
 				else {
 					mountComponent(vnode, container, null, parentComponent, parentSuspense, getContainerType(container), optimized);
 					const component = vnode.component;
@@ -4679,7 +4694,7 @@ function createHydrationFunctions(rendererInternals) {
 		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();
@@ -5098,7 +5113,7 @@ function createAsyncComponentContext(source) {
 		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);
@@ -5155,6 +5170,11 @@ function performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydra
 //#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,
@@ -5303,7 +5323,7 @@ const decorate$2 = (t) => {
 	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);
@@ -5766,11 +5786,12 @@ function invokeSlotFallback(fallback, owner) {
 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
@@ -5801,7 +5822,7 @@ function renderSlot(slots, name, props, fallback, noSlotted, branchKey) {
 	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);
 		}
@@ -6762,7 +6783,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
 		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.13`;
 	Vue.config = singletonApp.config;
 	Vue.use = (plugin, ...options) => {
 		if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -8166,7 +8187,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 				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);
@@ -8302,7 +8323,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 		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 (!!(process.env.NODE_ENV !== "production") && isHmrUpdating || dynamicChildren && (!n1.dynamicChildren || n1.dynamicChildren.length !== dynamicChildren.length)) {
@@ -8336,9 +8357,9 @@ function baseCreateRenderer(options, createHydrationFns) {
 				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);
 	};
@@ -8387,7 +8408,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 	};
 	const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
 		n2.slotScopeIds = slotScopeIds;
-		if (n2.type.__vapor) {
+		if ((isVaporInteropEnabled || !!(process.env.NODE_ENV !== "production")) && n2.type.__vapor) {
 			if (n1 == null) {
 				if (n2.shapeFlag & 512) getVaporInterface(parentComponent, n2).activate(n2, container, anchor, parentComponent, parentSuspense);
 				else getVaporInterface(parentComponent, n2).mount(n2, container, anchor, parentComponent, parentSuspense);
@@ -8561,7 +8582,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 				} 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);
 				if (!!(process.env.NODE_ENV !== "production")) startMeasure(instance, `render`);
@@ -8575,9 +8596,9 @@ function baseCreateRenderer(options, createHydrationFns) {
 				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);
 				if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) devtoolsComponentUpdated(instance);
@@ -8730,7 +8751,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 	};
 	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;
 		}
@@ -8774,11 +8795,11 @@ function baseCreateRenderer(options, createHydrationFns) {
 		}
 		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;
 		}
@@ -8796,7 +8817,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 			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;
 			}
@@ -8830,7 +8851,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 		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;
 			}
@@ -8871,7 +8892,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 	};
 	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();
@@ -8932,7 +8953,7 @@ function resolveChildrenNamespace({ type, props }, currentNamespace) {
 	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;
@@ -9044,7 +9065,7 @@ function getInheritedScopeIds(vnode, parentComponent, includeVaporRootIds = true
 			currentParent = currentParent.parent;
 		} else break;
 	}
-	const vaporScopeIds = includeVaporRootIds && currentVNode.vaporScopeIds;
+	const vaporScopeIds = isVaporInteropEnabled && includeVaporRootIds && currentVNode.vaporScopeIds;
 	if (vaporScopeIds) inheritedScopeIds.push(...vaporScopeIds);
 	return inheritedScopeIds;
 }
@@ -9057,8 +9078,13 @@ function resolveAsyncComponentPlaceholder(anchorVnode) {
 //#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) {
@@ -9075,7 +9101,7 @@ const Suspense = {
 	},
 	hydrate: hydrateSuspense,
 	normalize: normalizeSuspenseChildren
-};
+});
 function triggerEvent(vnode, name) {
 	const eventListener = vnode.props && vnode.props[name];
 	if (isFunction(eventListener)) eventListener();
@@ -9656,16 +9682,23 @@ function cloneVaporSlotMeta(vnode, extraProps) {
 	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;
@@ -9954,7 +9987,7 @@ function setupComponent(instance, isSSR = false, optimized = false) {
 	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);
@@ -10390,7 +10423,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-rc.12";
+const version = "3.6.0-rc.13";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.
@@ -10847,14 +10880,14 @@ function setVarsOnVNode(vnode, vars) {
 	}
 	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;
@@ -11572,7 +11605,7 @@ function useCssModule(name = "$style") {
 const positionMap = /* @__PURE__ */ new WeakMap();
 const newPositionMap = /* @__PURE__ */ new WeakMap();
 const moveCbKey = Symbol("_moveCb");
-const enterCbKey = Symbol("_enterCb");
+const enterCbKey$1 = Symbol("_enterCb");
 const pendingGroups = /* @__PURE__ */ new WeakMap();
 /**
 * Wrap logic that modifies TransitionGroup properties in a function
@@ -11583,7 +11616,7 @@ const decorate = (t) => {
 	t.__isBuiltIn = true;
 	return t;
 };
-const TransitionGroup = /* @__PURE__ */ decorate({
+const TransitionGroup = /*@__PURE__*/ withTransitionEnabled(/* @__PURE__ */ decorate({
 	name: "TransitionGroup",
 	props: /*@__PURE__*/ extend({}, TransitionPropsValidators, {
 		tag: String,
@@ -11592,6 +11625,11 @@ const TransitionGroup = /* @__PURE__ */ decorate({
 	setup(props, { slots }) {
 		const instance = getCurrentInstance();
 		const state = useTransitionState();
+		const group = {
+			props: {},
+			state,
+			instance
+		};
 		let prevChildren;
 		let children;
 		let origins;
@@ -11622,7 +11660,7 @@ const TransitionGroup = /* @__PURE__ */ decorate({
 		});
 		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 = [];
@@ -11633,12 +11671,17 @@ const TransitionGroup = /* @__PURE__ */ decorate({
 					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 (!!(process.env.NODE_ENV !== "production") && child.type !== Text) warn(`<TransitionGroup> children must be keyed.`);
 			}
 			if (prevChildren.length) {
@@ -11652,10 +11695,10 @@ const TransitionGroup = /* @__PURE__ */ decorate({
 			return createVNode(tag, null, children);
 		};
 	}
-});
+}));
 function callPendingCbs(el) {
 	if (el[moveCbKey]) el[moveCbKey]();
-	if (el[enterCbKey]) el[enterCbKey]();
+	if (el[enterCbKey$1]) el[enterCbKey$1]();
 }
 function resolveMoveClass(props) {
 	return props.moveClass || `${props.name || "v"}-move`;
@@ -11796,7 +11839,7 @@ const vModelTextInit = (el, trim, number, lazy, set) => {
 		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) {
@@ -12183,6 +12226,7 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	ensureHydrationRenderer: () => ensureHydrationRenderer,
 	ensureRenderer: () => ensureRenderer,
 	ensureValidVNode: () => ensureValidVNode,
+	enterCbKey: () => enterCbKey,
 	expose: () => expose,
 	filterModelListeners: () => filterModelListeners,
 	filterSingleRoot: () => filterSingleRoot,
@@ -12226,6 +12270,7 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	isHydrating: () => isHydrating,
 	isHydratingEnabled: () => isHydratingEnabled,
 	isKeepAlive: () => isKeepAlive,
+	isKeepAliveEnabled: () => isKeepAliveEnabled,
 	isMapEqual: () => isMapEqual,
 	isMemoSame: () => isMemoSame,
 	isMismatchAllowed: () => isMismatchAllowed,
@@ -12236,13 +12281,16 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	isRuntimeOnly: () => isRuntimeOnly,
 	isSetEqual: () => isSetEqual,
 	isShallow: () => isShallow,
+	isSuspenseEnabled: () => isSuspenseEnabled,
 	isTeleportDeferred: () => isTeleportDeferred,
 	isTeleportDisabled: () => isTeleportDisabled,
 	isTemplateNode: () => isTemplateNode,
 	isTemplateRefKey: () => isTemplateRefKey,
+	isTransitionEnabled: () => isTransitionEnabled,
 	isUnchangedResourceProp: () => isUnchangedResourceProp,
 	isVNode: () => isVNode,
 	isValidHtmlOrSvgAttribute: () => isValidHtmlOrSvgAttribute,
+	isVaporInteropEnabled: () => isVaporInteropEnabled,
 	knownTemplateRefs: () => knownTemplateRefs,
 	leaveCbKey: () => leaveCbKey,
 	logMismatchError: () => logMismatchError,
@@ -12323,6 +12371,7 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	setIsHydratingEnabled: () => setIsHydratingEnabled,
 	setRef: () => setRef,
 	setTransitionHooks: () => setTransitionHooks,
+	setVaporInteropEnabled: () => setVaporInteropEnabled,
 	setVarsOnNode: () => setVarsOnNode,
 	shallowReactive: () => shallowReactive,
 	shallowReadonly: () => shallowReadonly,
@@ -12392,10 +12441,13 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	withCtx: () => withCtx,
 	withDefaults: () => withDefaults,
 	withDirectives: () => withDirectives,
+	withKeepAliveEnabled: () => withKeepAliveEnabled,
 	withKeys: () => withKeys,
 	withMemo: () => withMemo,
 	withModifiers: () => withModifiers,
 	withScopeId: () => withScopeId,
+	withSuspenseEnabled: () => withSuspenseEnabled,
+	withTransitionEnabled: () => withTransitionEnabled,
 	xlinkNS: () => xlinkNS
 });
 const rendererOptions = /*@__PURE__*/ extend({ patchProp }, nodeOps);
@@ -16945,4 +16997,4 @@ Vue.compile = compileToFunction;
 var esm_index_default = Vue;
 const configureCompat = Vue.configureCompat;
 //#endregion
-export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, SchedulerJobFlags, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TransitionPropsValidators, TriggerOpTypes, VaporSlot, VueElement, VueElementBase, activate, assertNumber, baseApplyTranslation, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, callPendingCbs, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, configureCompat, createApp, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, esm_index_default as default, defaultPropGetter, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureHydrationRenderer, ensureRenderer, ensureValidVNode, expose, filterModelListeners, filterSingleRoot, flushOnAppMount, forceReflow, getAttributeMismatch, getComponentName, getContainerType, getCurrentInstance, getCurrentScope, getCurrentWatcher, getFunctionalFallthrough, getInheritedScopeIds, getNextUid, getOrigins as getTransitionGroupOrigins, getPosition as getTransitionGroupPosition, getOriginShift as getTransitionGroupShift, getTransitionRawChildren, guardReactiveProps, h, handleError, handleMovedChildren, hasCSSTransform, hasInjectionContext, hydrate, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initDirectivesForSSR, initFeatureFlags, inject, invalidateMount, invokeDirectiveHook, invokeSlotFallback, invokeVNodeHook, isAsyncWrapper, isEmitListener, isFunctionalFallthroughKey, isHydrating, isHydratingEnabled, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isTemplateRefKey, isUnchangedResourceProp, isVNode, isValidHtmlOrSvgAttribute, knownTemplateRefs, leaveCbKey, logMismatchError, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, nodeOps, normalizeClass, normalizeContainer, normalizeProps, normalizeRef, normalizeStyle, normalizeVNode, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, parseEventName, patchClass, patchProp, patchStyle, pendingGroups as pendingTransitionGroups, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, prepareTransitionLeave, prepareTransitionSwitch, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, queuePostRenderEffect, rawVaporSlotKey, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, render, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveCssVars, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionChild, resolveTransitionHooks, resolveTransitionProps, restoreCurrentInstance, setBlockTracking, setCurrentInstance, setCurrentRenderingInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, setVarsOnNode, shallowReactive, shallowReadonly, shallowRef, shouldSetAsProp, shouldSetAsPropForVueCE, shouldUpdateComponent, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, svgNS, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, unsafeToTrustedHTML, useAsyncComponentState, useAttrs, useCssModule, useCssVars, useHost, useId, useInstanceOption, useModel, useSSRContext, useShadowRoot, useSlots, useTemplateRef, useTransitionState, vModelCheckbox, vModelCheckboxInit, vModelCheckboxUpdate, vModelDynamic, getValue as vModelGetValue, vModelRadio, vModelSelect, vModelSelectInit, vModelSetSelected, vModelText, vModelTextInit, vModelTextUpdate, vShow, vShowHidden, vShowOriginalDisplay, validateComponentName, validateProps, version, warn, warnExtraneousAttributes, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId, xlinkNS };
+export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, SchedulerJobFlags, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TransitionPropsValidators, TriggerOpTypes, VaporSlot, VueElement, VueElementBase, activate, assertNumber, baseApplyTranslation, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, callPendingCbs, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, configureCompat, createApp, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, esm_index_default as default, defaultPropGetter, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureHydrationRenderer, ensureRenderer, ensureValidVNode, enterCbKey, expose, filterModelListeners, filterSingleRoot, flushOnAppMount, forceReflow, getAttributeMismatch, getComponentName, getContainerType, getCurrentInstance, getCurrentScope, getCurrentWatcher, getFunctionalFallthrough, getInheritedScopeIds, getNextUid, getOrigins as getTransitionGroupOrigins, getPosition as getTransitionGroupPosition, getOriginShift as getTransitionGroupShift, getTransitionRawChildren, guardReactiveProps, h, handleError, handleMovedChildren, hasCSSTransform, hasInjectionContext, hydrate, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initDirectivesForSSR, initFeatureFlags, inject, invalidateMount, invokeDirectiveHook, invokeSlotFallback, invokeVNodeHook, isAsyncWrapper, isEmitListener, isFunctionalFallthroughKey, isHydrating, isHydratingEnabled, isKeepAlive, isKeepAliveEnabled, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isSuspenseEnabled, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isTemplateRefKey, isTransitionEnabled, isUnchangedResourceProp, isVNode, isValidHtmlOrSvgAttribute, isVaporInteropEnabled, knownTemplateRefs, leaveCbKey, logMismatchError, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, nodeOps, normalizeClass, normalizeContainer, normalizeProps, normalizeRef, normalizeStyle, normalizeVNode, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, parseEventName, patchClass, patchProp, patchStyle, pendingGroups as pendingTransitionGroups, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, prepareTransitionLeave, prepareTransitionSwitch, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, queuePostRenderEffect, rawVaporSlotKey, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, render, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveCssVars, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionChild, resolveTransitionHooks, resolveTransitionProps, restoreCurrentInstance, setBlockTracking, setCurrentInstance, setCurrentRenderingInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, setVaporInteropEnabled, setVarsOnNode, shallowReactive, shallowReadonly, shallowRef, shouldSetAsProp, shouldSetAsPropForVueCE, shouldUpdateComponent, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, svgNS, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, unsafeToTrustedHTML, useAsyncComponentState, useAttrs, useCssModule, useCssVars, useHost, useId, useInstanceOption, useModel, useSSRContext, useShadowRoot, useSlots, useTemplateRef, useTransitionState, vModelCheckbox, vModelCheckboxInit, vModelCheckboxUpdate, vModelDynamic, getValue as vModelGetValue, vModelRadio, vModelSelect, vModelSelectInit, vModelSetSelected, vModelText, vModelTextInit, vModelTextUpdate, vShow, vShowHidden, vShowOriginalDisplay, validateComponentName, validateProps, version, warn, warnExtraneousAttributes, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeepAliveEnabled, withKeys, withMemo, withModifiers, withScopeId, withSuspenseEnabled, withTransitionEnabled, xlinkNS };