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

package/dist/vue-compat.d.ts

@@ -27,6 +27,16 @@ type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (
 type LooseRequired<T> = { [P in keyof (T & Required<T>)]: T[P]; };
 type IfAny<T, Y, N> = 0 extends 1 & T ? Y : N;
 //#endregion
+//#region packages/shared/src/vaporFlags.d.ts
+/**
+ * `isSingleRoot` of a component creation call for the single root of a slot
+ * body (`true` marks the single root of a component template). See
+ * resolveFallthroughOwner in runtime-vapor.
+ */
+declare enum VaporSingleRoot {
+  SLOT = 2
+}
+//#endregion
 //#region packages/reactivity/src/constants.d.ts
 declare enum TrackOpTypes {
   GET = "get",
@@ -657,6 +667,12 @@ interface TransitionHooks<HostElement = RendererElement> {
   delayLeave?(el: HostElement, earlyRemove: () => void, delayedLeave: () => void): void;
   delayedLeave?(): void;
 }
+interface TransitionState {
+  isMounted: boolean;
+  isLeaving: boolean;
+  isUnmounting: boolean;
+  leavingNodes: Map<any, Record<string, any>>;
+}
 //#endregion
 //#region packages/runtime-core/src/renderer.d.ts
 type ElementNamespace = "svg" | "mathml" | undefined;
@@ -1055,6 +1071,11 @@ interface VaporInVdomInterface {
    */
   hasTransitionChild(vnode: VNode): boolean;
   getTransitionElement(vnode: VNode): RendererElement | undefined;
+  /**
+   * Re-resolves the hooks of the rows a mounted vapor slot renders under a
+   * TransitionGroup (`vnode.vs.group`) and hands over their elements.
+   */
+  forEachGroupChild(vnode: VNode, cb: (el: RendererElement) => void): void;
   applyCssVars(vnode: VNode, vars: Record<string, string>): void;
   /**
    * Hands the fallback of a vdom outlet over to the vapor slot its content
@@ -1083,7 +1104,7 @@ interface VdomSlotOptions {
 interface VdomInVaporInterface {
   mount: (component: ConcreteComponent, parentComponent: any, props?: any, slots?: any, once?: boolean, inputScope?: EffectScope) => any;
   slot: (slots: any, name: string | (() => string), props: Record<string, any>, parentComponent: any, options?: VdomSlotOptions) => any;
-  mountVNode: (vnode: VNode, parentComponent: any, isSingleRoot?: boolean, rawProps?: any, once?: boolean) => any;
+  mountVNode: (vnode: VNode, parentComponent: any, isSingleRoot?: boolean | VaporSingleRoot, rawProps?: any, once?: boolean) => any;
 }
 /**
  * Minimal app context shared between vdom and vapor
@@ -1337,8 +1358,15 @@ interface VNode<HostNode = RendererNode, HostElement = RendererElement, ExtraPro
    */
   vs?: {
     slot: (props: any) => any;
+    name: string;
     outlets?: readonly VdomSlotOutlet[];
     props?: Data;
+    attrs?: Data;
+    group?: {
+      props: BaseTransitionProps<any>;
+      state: TransitionState;
+      instance: GenericComponentInstance;
+    };
     state?: unknown;
     ref?: ShallowRef<any>;
     scope?: EffectScope;

package/dist/vue.cjs.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
   **/
@@ -561,6 +561,21 @@ function normalizeCssVarValue(value) {
 	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) {
@@ -3717,6 +3732,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");
@@ -3976,13 +4001,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 = {
@@ -3999,7 +4029,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);
 		};
 	}
@@ -4020,7 +4050,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);
@@ -4058,7 +4088,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,
@@ -4235,7 +4265,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);
@@ -4274,7 +4304,7 @@ 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 && !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;
@@ -4461,6 +4491,8 @@ const getContainerType = (container) => {
 	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) => {
@@ -4478,7 +4510,7 @@ function createHydrationFunctions(rendererInternals) {
 	};
 	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;
@@ -4534,7 +4566,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$1(node)) nextNode = onMismatch();
@@ -4666,7 +4698,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();
@@ -4676,7 +4708,7 @@ function createHydrationFunctions(rendererInternals) {
 	};
 	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;
@@ -4703,7 +4735,7 @@ function createHydrationFunctions(rendererInternals) {
 		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--;
@@ -4959,9 +4991,9 @@ const hydrateOnInteraction = (interactions = []) => (hydrate, forEach) => {
 	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) {
@@ -4970,7 +5002,7 @@ function forEachElement(node, cb) {
 			} 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;
 		}
@@ -5073,7 +5105,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);
@@ -5130,6 +5162,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,
@@ -5278,7 +5315,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);
@@ -5741,11 +5778,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
@@ -5776,7 +5814,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);
 		}
@@ -6736,7 +6774,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.14`;
 	Vue.config = singletonApp.config;
 	Vue.use = (plugin, ...options) => {
 		if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -8100,7 +8138,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);
@@ -8234,7 +8272,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 (isHmrUpdating || dynamicChildren && (!n1.dynamicChildren || n1.dynamicChildren.length !== dynamicChildren.length)) {
@@ -8268,9 +8306,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);
 	};
@@ -8486,7 +8524,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);
 				startMeasure(instance, `render`);
@@ -8500,9 +8538,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);
 				devtoolsComponentUpdated(instance);
@@ -8655,7 +8693,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;
 		}
@@ -8699,11 +8737,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;
 		}
@@ -8721,7 +8759,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;
 			}
@@ -8755,7 +8793,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;
 			}
@@ -8796,7 +8834,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();
@@ -8857,7 +8895,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;
@@ -8969,7 +9007,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;
 }
@@ -8982,8 +9020,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) {
@@ -9000,7 +9043,7 @@ const Suspense = {
 	},
 	hydrate: hydrateSuspense,
 	normalize: normalizeSuspenseChildren
-};
+});
 function triggerEvent(vnode, name) {
 	const eventListener = vnode.props && vnode.props[name];
 	if (isFunction(eventListener)) eventListener();
@@ -9579,16 +9622,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;
@@ -9870,7 +9920,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);
@@ -10294,7 +10344,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.14";
 const warn = warn$1;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.
@@ -11404,7 +11454,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,
@@ -11413,6 +11463,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;
@@ -11443,7 +11498,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 = [];
@@ -11454,12 +11509,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 (child.type !== Text) warn(`<TransitionGroup> children must be keyed.`);
 			}
 			if (prevChildren.length) {
@@ -11473,7 +11533,7 @@ const TransitionGroup = /* @__PURE__ */ decorate({
 			return createVNode(tag, null, children);
 		};
 	}
-});
+}));
 function callPendingCbs(el) {
 	if (el[moveCbKey]) el[moveCbKey]();
 	if (el[enterCbKey]) el[enterCbKey]();
@@ -11617,7 +11677,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) {
@@ -11997,6 +12057,7 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	initCustomFormatter: () => initCustomFormatter,
 	initDirectivesForSSR: () => initDirectivesForSSR,
 	inject: () => inject,
+	isKeepAliveEnabled: () => isKeepAliveEnabled,
 	isMemoSame: () => isMemoSame,
 	isProxy: () => isProxy,
 	isReactive: () => isReactive,
@@ -12004,7 +12065,10 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	isRef: () => isRef,
 	isRuntimeOnly: () => isRuntimeOnly,
 	isShallow: () => isShallow,
+	isSuspenseEnabled: () => isSuspenseEnabled,
+	isTransitionEnabled: () => isTransitionEnabled,
 	isVNode: () => isVNode,
+	isVaporInteropEnabled: () => isVaporInteropEnabled,
 	markRaw: () => markRaw,
 	mergeDefaults: () => mergeDefaults,
 	mergeModels: () => mergeModels,
@@ -12051,6 +12115,7 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	setDevtoolsHook: () => setDevtoolsHook,
 	setIsHydratingEnabled: () => setIsHydratingEnabled,
 	setTransitionHooks: () => setTransitionHooks,
+	setVaporInteropEnabled: () => setVaporInteropEnabled,
 	shallowReactive: () => shallowReactive,
 	shallowReadonly: () => shallowReadonly,
 	shallowRef: () => shallowRef,
@@ -12095,10 +12160,13 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	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;
@@ -14067,7 +14135,15 @@ const nonIdentifierRE = /^$|^\d|[^\$\w\xA0-\uFFFF]/;
 const isSimpleIdentifier = (name) => !nonIdentifierRE.test(name);
 const validFirstIdentCharRE = /[A-Za-z_$\xA0-\uFFFF]/;
 const getExpSource = (exp) => exp.type === 4 ? exp.content : exp.loc.source;
+const asciiIdentifierRE = /^[A-Za-z_$][\w$]*$/;
+const isReservedWord = /*@__PURE__*/ makeMap("await,break,case,catch,class,const,continue,debugger,default,delete,do,else,enum,export,extends,false,finally,for,function,if,implements,import,in,instanceof,interface,let,new,null,package,private,protected,public,return,static,super,switch,this,throw,true,try,typeof,undefined,var,void,while,with,yield");
+const isUnparsedIdentifier = (exp) => {
+	if (exp.ast !== null) return false;
+	const content = getExpSource(exp);
+	return asciiIdentifierRE.test(content) && !isReservedWord(content);
+};
 const isMemberExpressionNode = (exp, context) => {
+	if (isUnparsedIdentifier(exp)) return true;
 	try {
 		let ret = exp.ast || (0, _babel_parser.parseExpression)(getExpSource(exp), { plugins: context.expressionPlugins ? [...context.expressionPlugins, "typescript"] : ["typescript"] });
 		ret = unwrapTSNode(ret);
@@ -14078,6 +14154,7 @@ const isMemberExpressionNode = (exp, context) => {
 };
 const isMemberExpression = isMemberExpressionNode;
 const isFnExpressionNode = (exp, context) => {
+	if (isUnparsedIdentifier(exp)) return false;
 	try {
 		let ret = exp.ast || (0, _babel_parser.parseExpression)(getExpSource(exp), { plugins: context.expressionPlugins ? [...context.expressionPlugins, "typescript"] : ["typescript"] });
 		if (ret.type === "Program") {