@vue/compiler-vapor 3.6.0-beta.13 → 3.6.0-beta.15

package/dist/compiler-vapor.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-vapor v3.6.0-beta.13
+  * @vue/compiler-vapor v3.6.0-beta.15
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -193,6 +193,13 @@ function getLiteralExpressionValue(exp, excludeNumber) {
 	}
 	return exp.isStatic ? exp.content : null;
 }
+function isInTransition(context) {
+	const parentNode = context.parent && context.parent.node;
+	return !!(parentNode && isTransitionNode(parentNode));
+}
+function isTransitionNode(node) {
+	return node.type === 1 && isTransitionTag(node.tag);
+}
 function isTransitionTag(tag) {
 	tag = tag.toLowerCase();
 	return tag === "transition" || tag === "vaportransition";
@@ -424,6 +431,7 @@ const defaultOptions = {
 	bindingMetadata: _vue_shared.EMPTY_OBJ,
 	inline: false,
 	isTS: false,
+	eventDelegation: true,
 	onError: _vue_compiler_dom.defaultOnError,
 	onWarn: _vue_compiler_dom.defaultOnWarn
 };
@@ -1142,7 +1150,7 @@ function isConstantBinding(value, context) {
 //#region packages/compiler-vapor/src/generators/for.ts
 function genFor(oper, context) {
 	const { helper } = context;
-	const { source, value, key, index, render, keyProp, once, id, component, onlyChild } = oper;
+	const { source, value, key, index, render, keyProp, once, id, component, onlyChild, slotRoot } = oper;
 	const rawValue = value && value.content;
 	const rawKey = key && key.content;
 	const rawIndex = index && index.content;
@@ -1201,6 +1209,7 @@ function genFor(oper, context) {
 	if (isFragmentBlock(render)) flags |= 16;
 	if (!component && isSingleNodeBlock(render)) flags |= 8;
 	if (once) flags |= 4;
+	if (slotRoot) flags |= 32;
 	const onResetCalls = [];
 	for (let i = 0; i < selectorPatterns.length; i++) onResetCalls.push(NEWLINE, `n${id}.onReset(${selectorName(i)}.reset)`);
 	return [
@@ -1282,7 +1291,7 @@ function parseValueDestructure(value, context) {
 					if (child.type === "AssignmentPattern" && (parent.type === "ObjectProperty" || parent.type === "ArrayPattern")) {
 						isDynamic = true;
 						helper = context.helper("getDefaultValue");
-						helperArgs = rawValue.slice(child.right.start - 1, child.right.end - 1);
+						helperArgs = `() => (${rawValue.slice(child.right.start - 1, child.right.end - 1)})`;
 					}
 				}
 				map.set(id.name, {
@@ -1430,9 +1439,9 @@ function genSetHtml(oper, context) {
 //#region packages/compiler-vapor/src/generators/if.ts
 function genIf(oper, context, isNested = false) {
 	const { helper } = context;
-	const { condition, positive, negative, once, index, blockShape } = oper;
+	const { condition, positive, negative, once, slotRoot, index, blockShape } = oper;
 	const [frag, push] = buildCodeFragment();
-	const flags = genIfFlags(blockShape, once, negative ? index : void 0);
+	const flags = genIfFlags(blockShape, once, slotRoot, negative ? index : void 0);
 	const conditionExpr = [
 		"() => (",
 		...genExpression(condition, context),
@@ -1446,19 +1455,21 @@ function genIf(oper, context, isNested = false) {
 	push(...genCall(helper("createIf"), conditionExpr, positiveArg, negativeArg, flags));
 	return frag;
 }
-function genIfFlags(blockShape, once, index) {
+function genIfFlags(blockShape, once, slotRoot, index) {
 	let flags = blockShape;
+	if (slotRoot) flags |= 128;
 	if (once) flags |= 16;
-	else if (index !== void 0) flags |= index + 1 << 7;
+	else if (index !== void 0) flags |= index + 1 << 8;
 	if (flags === 1) return false;
-	return `${flags} /* ${genIfFlagNames(once, index, blockShape)} */`;
+	return `${flags} /* ${genIfFlagNames(once, slotRoot, index, blockShape)} */`;
 }
-function genIfFlagNames(once, index, blockShape) {
+function genIfFlagNames(once, slotRoot, index, blockShape) {
 	const names = ["BLOCK_SHAPE"];
 	if (blockShape & 32) names.push("TRUE_NO_SCOPE");
 	if (blockShape & 64) names.push("FALSE_NO_SCOPE");
 	if (once) names.push("ONCE");
-	else if (index !== void 0) names.push("INDEX_SHIFT");
+	if (slotRoot) names.push("SLOT_ROOT");
+	if (!once && index !== void 0) names.push("INDEX_SHIFT");
 	return names.join(", ");
 }
 //#endregion
@@ -1804,7 +1815,9 @@ function genCreateComponent(operation, context) {
 	const useAssetComponentHelper = operation.asset && !operation.dynamic && context.block === context.ir.block && !!singleUseAssetComponentNames && singleUseAssetComponentNames.has(operation.tag);
 	const maybeSelfReference = useAssetComponentHelper && operation.tag.endsWith("__self");
 	const tag = genTag();
-	const { root, props, slots, once } = operation;
+	const { root, props, slots, once, slotRoot } = operation;
+	const isRuntimeDynamicComponent = !!(operation.dynamic && !operation.dynamic.isStatic);
+	const dynamicComponentFlags = isRuntimeDynamicComponent ? (root ? 1 : 0) | (once ? 2 : 0) | (slotRoot ? 4 : 0) : 0;
 	const rawSlots = genRawSlots(slots, context);
 	const [ids, handlers] = processInlineHandlers(props, context);
 	const rawProps = context.withId(() => genRawProps(props, context, true), ids);
@@ -1820,7 +1833,7 @@ function genCreateComponent(operation, context) {
 			];
 		}, []),
 		`const n${operation.id} = `,
-		...genCall(operation.dynamic && !operation.dynamic.isStatic ? helper("createDynamicComponent") : operation.useCreateElement ? helper("createPlainElement") : useAssetComponentHelper ? helper("createAssetComponent") : operation.asset ? helper("createComponentWithFallback") : helper("createComponent"), tag, rawProps, rawSlots, root ? "true" : false, once && "true", maybeSelfReference && "true"),
+		...genCall(isRuntimeDynamicComponent ? helper("createDynamicComponent") : operation.useCreateElement ? helper("createPlainElement") : useAssetComponentHelper ? helper("createAssetComponent") : operation.asset ? helper("createComponentWithFallback") : helper("createComponent"), tag, rawProps, rawSlots, isRuntimeDynamicComponent ? dynamicComponentFlags ? String(dynamicComponentFlags) : false : root ? "true" : false, isRuntimeDynamicComponent ? false : once && "true", isRuntimeDynamicComponent ? false : maybeSelfReference && "true"),
 		...genDirectivesForElement(operation.id, context)
 	];
 	function genTag() {
@@ -2097,23 +2110,12 @@ function genDynamicSlot(slot, context, withFunction = false) {
 			break;
 	}
 	if (!withFunction) return frag;
-	return needsDynamicSlotSourceCtx(slot) ? [
-		`${context.helper("withVaporCtx")}(() => (`,
-		...frag,
-		"))"
-	] : [
+	return [
 		"() => (",
 		...frag,
 		")"
 	];
 }
-function needsDynamicSlotSourceCtx(slot) {
-	switch (slot.slotType) {
-		case 1: return needsVaporCtx(slot.fn);
-		case 2: return needsVaporCtx(slot.fn);
-		case 3: return needsDynamicSlotSourceCtx(slot.positive) || (slot.negative ? needsDynamicSlotSourceCtx(slot.negative) : false);
-	}
-}
 function genBasicDynamicSlot(slot, context) {
 	const { name, fn } = slot;
 	return genMulti(DELIMITERS_OBJECT_NEWLINE, ["name: ", ...genExpression(name, context)], ["fn: ", ...genSlotBlockWithProps(fn, context)]);
@@ -2158,7 +2160,7 @@ function genSlotBlockWithProps(oper, context) {
 	let propsName;
 	let exitScope;
 	let depth;
-	const { props, node } = oper;
+	const { props } = oper;
 	const idToPathMap = props ? parseValueDestructure(props, context) : /* @__PURE__ */ new Map();
 	if (props) if (props.ast) {
 		[depth, exitScope] = context.enterScope();
@@ -2167,64 +2169,12 @@ function genSlotBlockWithProps(oper, context) {
 	const idMap = idToPathMap.size ? buildDestructureIdMap(idToPathMap, propsName || "", context.options.expressionPlugins) : {};
 	if (propsName) idMap[propsName] = null;
 	const exitSlotBlock = context.enterSlotBlock();
+	markSlotRootOperations(oper);
 	let blockFn = context.withId(() => genBlock(oper, context, propsName ? [propsName] : []), idMap);
 	exitSlotBlock();
 	exitScope && exitScope();
-	if (node.type === 1) {
-		if (needsVaporCtx(oper)) blockFn = [
-			`${context.helper("withVaporCtx")}(`,
-			...blockFn,
-			`)`
-		];
-	}
 	return blockFn;
 }
-/**
-* Check if a slot block needs withVaporCtx wrapper.
-* Returns true if the block contains:
-* - Component creation (needs scopeId inheritance)
-* - Slot outlet (needs rawSlots from slot owner)
-*/
-function needsVaporCtx(block) {
-	return hasComponentOrSlotInBlock(block);
-}
-function hasComponentOrSlotInBlock(block) {
-	if (hasComponentOrSlotInOperations(block.operation)) return true;
-	return hasComponentOrSlotInDynamic(block.dynamic);
-}
-function hasComponentOrSlotInDynamic(dynamic) {
-	if (dynamic.operation) {
-		const type = dynamic.operation.type;
-		if (type === 12 || type === 13) return true;
-		if (type === 15) {
-			if (hasComponentOrSlotInIf(dynamic.operation)) return true;
-		}
-		if (type === 16) {
-			if (hasComponentOrSlotInBlock(dynamic.operation.render)) return true;
-		}
-	}
-	for (const child of dynamic.children) if (hasComponentOrSlotInDynamic(child)) return true;
-	return false;
-}
-function hasComponentOrSlotInOperations(operations) {
-	for (const op of operations) switch (op.type) {
-		case 12:
-		case 13: return true;
-		case 15:
-			if (hasComponentOrSlotInIf(op)) return true;
-			break;
-		case 16:
-			if (hasComponentOrSlotInBlock(op.render)) return true;
-			break;
-	}
-	return false;
-}
-function hasComponentOrSlotInIf(node) {
-	if (hasComponentOrSlotInBlock(node.positive)) return true;
-	if (node.negative) if ("positive" in node.negative) return hasComponentOrSlotInIf(node.negative);
-	else return hasComponentOrSlotInBlock(node.negative);
-	return false;
-}
 //#endregion
 //#region packages/compiler-vapor/src/generators/slotOutlet.ts
 function genSlotOutlet(oper, context) {
@@ -2232,7 +2182,10 @@ function genSlotOutlet(oper, context) {
 	const { id, name, fallback, flags } = oper;
 	const [frag, push] = buildCodeFragment();
 	let fallbackArg;
-	if (fallback) fallbackArg = genBlock(fallback, context);
+	if (fallback) {
+		markSlotRootOperations(fallback);
+		fallbackArg = genBlock(fallback, context);
+	}
 	const createSlot = helper("createSlot");
 	const rawPropsArg = genRawProps(oper.props, context, true);
 	const nameArg = name.isStatic && name.content === "default" && !rawPropsArg && !fallbackArg && !flags ? void 0 : name.isStatic ? genExpression(name, context) : [
@@ -2566,6 +2519,42 @@ function genBlockContent(block, context, root, genEffectsExtraFrag) {
 		for (const name of context.ir[kind]) push(NEWLINE, `const ${(0, _vue_compiler_dom.toValidAssetId)(name, kind)} = `, ...genCall(context.helper(helper), JSON.stringify(name)));
 	}
 }
+function markSlotRootOperations(block) {
+	for (let i = 0; i < block.returns.length; i++) {
+		const child = findReturnedDynamic$1(block, block.returns[i]);
+		const operation = child && child.operation;
+		if (!operation) continue;
+		if (operation.type === 15) markSlotRootIf(operation);
+		else if (operation.type === 16) markSlotRootFor(operation);
+		else if (operation.type === 13) markSlotRootSlotOutlet(operation);
+		else if (operation.type === 12) markSlotRootComponent(operation);
+	}
+}
+function markSlotRootIf(operation) {
+	if (!operation.once) operation.slotRoot = true;
+	markSlotRootOperations(operation.positive);
+	const negative = operation.negative;
+	if (!negative) return;
+	if (negative.type === 15) markSlotRootIf(negative);
+	else markSlotRootOperations(negative);
+}
+function markSlotRootFor(operation) {
+	if (!operation.once) operation.slotRoot = true;
+	markSlotRootOperations(operation.render);
+}
+function markSlotRootSlotOutlet(operation) {
+	operation.flags |= 4;
+	if (operation.fallback) markSlotRootOperations(operation.fallback);
+}
+function markSlotRootComponent(operation) {
+	if (!operation.once && operation.dynamic && !operation.dynamic.isStatic) operation.slotRoot = true;
+}
+function findReturnedDynamic$1(block, id) {
+	for (let i = 0; i < block.dynamic.children.length; i++) {
+		const child = block.dynamic.children[i];
+		if (child.id === id) return child;
+	}
+}
 function collectSingleUseAssetComponents(block) {
 	const usageMap = /* @__PURE__ */ new Map();
 	const seenOperations = /* @__PURE__ */ new Set();
@@ -2996,7 +2985,6 @@ function transformNativeElement(node, propsResult, staticKey, singleRoot, contex
 	let template = "";
 	template += `<${tag}`;
 	if (scopeId) template += ` ${scopeId}`;
-	const dynamicProps = [];
 	if (propsResult[0]) {
 		const [, dynamicArgs, expressions] = propsResult;
 		context.registerEffect(expressions, {
@@ -3017,54 +3005,24 @@ function transformNativeElement(node, propsResult, staticKey, singleRoot, contex
 		};
 		for (const prop of propsResult[1]) {
 			const { key, values } = prop;
+			let foldedValue;
 			if (context.imports.some((imported) => values[0].content.includes(imported.exp.content))) {
 				if (!prevWasQuoted) template += ` `;
 				template += `${key.content}="${IMPORT_EXP_START}${values[0].content}${IMPORT_EXP_END}"`;
 				prevWasQuoted = true;
-			} else if (key.isStatic && !prop.modifier && (0, _vue_shared.isBooleanAttr)(key.content)) if (values.length === 1 && (values[0].isStatic || values[0].content === "''") && !dynamicKeys.includes(key.content)) {
-				const value = values[0].content === "''" ? "" : values[0].content;
-				appendTemplateProp(key.content, value);
-			} else {
-				const include = foldBooleanAttrValue(values);
-				if (include != null) {
-					if (include) appendTemplateProp(key.content);
-				} else {
-					dynamicProps.push(key.content);
-					context.registerEffect(values, {
-						type: 3,
-						element: context.reference(),
-						prop,
-						tag
-					}, getEffectIndex);
-				}
-			}
-			else if (key.isStatic && !prop.modifier && hasBoundValue(values)) {
-				let foldedValue;
-				if (key.content === "class") foldedValue = foldClassValues(values);
-				else if (key.content === "style") foldedValue = foldStyleValues(values);
-				if (foldedValue != null) {
-					if (foldedValue) appendTemplateProp(key.content, foldedValue, true);
-				} else {
-					dynamicProps.push(key.content);
-					context.registerEffect(values, {
-						type: 3,
-						element: context.reference(),
-						prop,
-						tag
-					}, getEffectIndex);
-				}
 			} else if (key.isStatic && values.length === 1 && (values[0].isStatic || values[0].content === "''") && !dynamicKeys.includes(key.content)) {
 				const value = values[0].content === "''" ? "" : values[0].content;
 				appendTemplateProp(key.content, value);
-			} else {
-				dynamicProps.push(key.content);
-				context.registerEffect(values, {
-					type: 3,
-					element: context.reference(),
-					prop,
-					tag
-				}, getEffectIndex);
-			}
+			} else if (key.isStatic && !prop.modifier && (0, _vue_shared.isBooleanAttr)(key.content) && (foldedValue = foldBooleanAttrValue(values)) != null) {
+				if (foldedValue) appendTemplateProp(key.content);
+			} else if (key.isStatic && !prop.modifier && hasBoundValue(values) && (foldedValue = key.content === "class" ? foldClassValues(values) : key.content === "style" ? foldStyleValues(values) : void 0) != null) {
+				if (foldedValue) appendTemplateProp(key.content, foldedValue, true);
+			} else context.registerEffect(values, {
+				type: 3,
+				element: context.reference(),
+				prop,
+				tag
+			}, getEffectIndex);
 		}
 	}
 	template += `>` + context.childrenTemplate.join("");
@@ -3813,12 +3771,10 @@ const transformVOn = (dir, node, context) => {
 	const { keyModifiers, nonKeyModifiers, eventOptionModifiers } = (0, _vue_compiler_dom.resolveModifiers)(arg.isStatic ? `on${arg.content}` : arg, modifiers, null, loc);
 	let keyOverride;
 	const isStaticClick = arg.isStatic && arg.content.toLowerCase() === "click";
-	if (nonKeyModifiers.includes("middle")) {
-		if (keyOverride) {}
-		if (!isStaticClick && !arg.isStatic) keyOverride = ["click", "mouseup"];
-	}
 	if (nonKeyModifiers.includes("right")) {
 		if (!isStaticClick && !arg.isStatic) keyOverride = ["click", "contextmenu"];
+	} else if (nonKeyModifiers.includes("middle")) {
+		if (!isStaticClick && !arg.isStatic) keyOverride = ["click", "mouseup"];
 	}
 	arg = normalizeStaticEventArg(arg, nonKeyModifiers);
 	if (keyModifiers.length && (0, _vue_compiler_dom.isStaticExp)(arg) && !(0, _vue_compiler_dom.isKeyboardEvent)(`on${arg.content.toLowerCase()}`)) keyModifiers.length = 0;
@@ -3832,7 +3788,7 @@ const transformVOn = (dir, node, context) => {
 			options: eventOptionModifiers
 		}
 	};
-	const delegate = arg.isStatic && !eventOptionModifiers.length && !hasStopHandlerForStaticEvent(node, arg.content) && delegatedEvents(arg.content);
+	const delegate = context.options.eventDelegation && arg.isStatic && !eventOptionModifiers.length && !hasStopHandlerForStaticEvent(node, arg.content) && delegatedEvents(arg.content);
 	const operation = {
 		type: 6,
 		element: context.reference(),
@@ -3853,8 +3809,8 @@ function normalizeStaticEventArg(arg, nonKeyModifiers) {
 	if (!arg.isStatic) return arg;
 	let normalized = arg;
 	const isStaticClick = arg.content.toLowerCase() === "click";
-	if (nonKeyModifiers.includes("middle") && isStaticClick) normalized = (0, _vue_shared.extend)({}, normalized, { content: "mouseup" });
 	if (nonKeyModifiers.includes("right") && isStaticClick) normalized = (0, _vue_shared.extend)({}, normalized, { content: "contextmenu" });
+	else if (nonKeyModifiers.includes("middle") && isStaticClick) normalized = (0, _vue_shared.extend)({}, normalized, { content: "mouseup" });
 	return normalized;
 }
 function hasStopHandlerForStaticEvent(node, eventName) {
@@ -4054,11 +4010,14 @@ function processIf(node, dir, context) {
 		}
 		while (lastIfNode.negative && lastIfNode.negative.type === 15) lastIfNode = lastIfNode.negative;
 		if (dir.name === "else-if" && lastIfNode.negative) context.options.onError((0, _vue_compiler_dom.createCompilerError)(30, node.loc));
-		if (context.root.comment.length) {
-			node = wrapTemplate(node, ["else-if", "else"]);
-			context.node = node = (0, _vue_shared.extend)({}, node, { children: [...context.comment, ...node.children] });
+		const comments = context.comment;
+		if (comments.length) {
+			if (!isInTransition(context)) {
+				node = wrapTemplate(node, ["else-if", "else"]);
+				context.node = node = (0, _vue_shared.extend)({}, node, { children: [...comments, ...node.children] });
+			}
+			comments.length = 0;
 		}
-		context.root.comment = [];
 		const [branch, onExit] = createIfBranch(node, context);
 		if (dir.name === "else") lastIfNode.negative = branch;
 		else lastIfNode.negative = {

package/dist/compiler-vapor.d.ts

@@ -2036,7 +2036,7 @@ interface VaporInteropInterface {
   setTransitionHooks(component: ComponentInternalInstance, transition: TransitionHooks): void;
   vdomMount: (component: ConcreteComponent, parentComponent: any, props?: any, slots?: any, once?: boolean) => any;
   vdomUnmount: UnmountComponentFn;
-  vdomSlot: (slots: any, name: string | (() => string), props: Record<string, any>, parentComponent: any, fallback?: any, once?: boolean) => any;
+  vdomSlot: (slots: any, name: string | (() => string), props: Record<string, any>, parentComponent: any, fallback?: any, once?: boolean, slotRoot?: boolean) => any;
   vdomMountVNode: (vnode: VNode, parentComponent: any) => any;
 }
 /**
@@ -3072,7 +3072,7 @@ type AsyncComponentContext<T, C = ConcreteComponent> = {
   setPendingRequest: (request: Promise<C> | null) => void;
 };
 declare function createAsyncComponentContext<T, C = ConcreteComponent>(source: AsyncComponentLoader<T> | AsyncComponentOptions<T>): AsyncComponentContext<T, C>;
-declare const useAsyncComponentState: (delay: number | undefined, timeout: number | undefined, onError: (err: Error) => void) => {
+declare const useAsyncComponentState: (delay: number | undefined, timeout: number | undefined, onError: (err: Error) => void, instance?: GenericComponentInstance | null) => {
   loaded: Ref<boolean>;
   error: Ref<Error | undefined>;
   delayed: Ref<boolean>;
@@ -25301,13 +25301,18 @@ interface VaporKeepAliveContext {
 //#endregion
 //#region packages/runtime-vapor/src/fragment.d.ts
 declare class VaporFragment<T extends Block$1 = Block$1> implements TransitionOptions {
+  /**
+  * @internal marker for duck typing to avoid direct instanceof check
+  * which prevents tree-shaking of VaporFragment
+  */
+  readonly __vf = true;
   $key?: any;
   $transition?: VaporTransitionHooks | undefined;
   nodes: T;
   vnode?: VNode | null;
   anchor?: Node;
-  parentComponent?: GenericComponentInstance | null;
   validityPending?: boolean;
+  isBlockValid?: () => boolean;
   insert?: (parent: ParentNode, anchor: Node | null, transitionHooks?: TransitionHooks) => void;
   remove?: (parent?: ParentNode, transitionHooks?: TransitionHooks) => void;
   hydrate?(...args: any[]): void;
@@ -25325,10 +25330,15 @@ declare class VaporFragment<T extends Block$1 = Block$1> implements TransitionOp
 }
 declare class ForFragment extends VaporFragment<Block$1[]> {
   resetListeners?: (() => void)[];
-  constructor(nodes: Block$1[]);
+  constructor(nodes: Block$1[], trackSlotBoundary: boolean);
   onReset(fn: () => void): void;
 }
 declare class DynamicFragment extends VaporFragment {
+  /**
+  * @internal marker for duck typing to avoid direct instanceof check
+  * which prevents tree-shaking of DynamicFragment
+  */
+  readonly __df = true;
   anchor: Node;
   scope: EffectScope | undefined;
   current?: BlockFn;
@@ -25339,12 +25349,13 @@ declare class DynamicFragment extends VaporFragment {
   };
   anchorLabel?: string;
   keyed?: boolean;
+  isSlot?: boolean;
   inTransition?: boolean;
   hasFallthroughAttrs?: true;
   constructor(anchorLabel?: string, keyed?: boolean, locate?: boolean, trackSlotBoundary?: boolean);
-  update(render?: BlockFn, key?: any, noScope?: boolean): void;
-  renderBranch(render: BlockFn | undefined, transition: VaporTransitionHooks | undefined, parent: ParentNode | null, key: any, noScope?: boolean): void;
-  hydrate(isEmpty?: boolean, isSlot?: boolean): void;
+  update(render?: BlockFn, key?: any, noScope?: boolean, shouldInsert?: boolean): void;
+  renderBranch(render: BlockFn | undefined, transition: VaporTransitionHooks | undefined, parent: ParentNode | null, key: any, noScope?: boolean, notifyUpdated?: boolean): void;
+  hydrate(isEmpty?: boolean): void;
 }
 interface SlotBoundaryContext {
   parent: SlotBoundaryContext | null;
@@ -25353,7 +25364,7 @@ interface SlotBoundaryContext {
   markDirty: () => void;
   redirected?: SlotBoundaryContext;
 }
-declare function isFragment(val: NonNullable<unknown>): val is VaporFragment;
+declare function isFragment(val: unknown): val is VaporFragment;
 //#endregion
 //#region packages/runtime-vapor/src/block.d.ts
 interface VaporTransitionHooks extends TransitionHooks {
@@ -25402,6 +25413,9 @@ declare function renderEffect(fn: () => void, noLifecycle?: boolean): void;
 type RawSlots = Record<string, VaporSlot> & {
   $?: DynamicSlotSource[];
 };
+type LooseRawSlots = VaporSlot | (Record<string, VaporSlot | DynamicSlotSource[]> & {
+  $?: DynamicSlotSource[];
+});
 type StaticSlots = Record<string, VaporSlot>;
 type VaporSlot = BlockFn;
 type DynamicSlot = {
@@ -25410,14 +25424,6 @@ type DynamicSlot = {
 };
 type DynamicSlotFn = () => DynamicSlot | DynamicSlot[];
 type DynamicSlotSource = StaticSlots | DynamicSlotFn;
-/**
-* Wrap a slot function to track the slot owner.
-*
-* This ensures:
-* 1. createSlot gets rawSlots from the correct instance (slot owner)
-* 2. elements inherit the slot owner's scopeId
-*/
-declare function withVaporCtx(fn: Function): BlockFn;
 declare function createSlot(name?: string | (() => string), rawProps?: LooseRawProps | null, fallback?: VaporSlot, flags?: number): Block$1;
 //#endregion
 //#region packages/runtime-vapor/src/apiDefineComponent.d.ts
@@ -25463,50 +25469,6 @@ declare function defineVaporComponent<TypeProps, RuntimePropsOptions extends Com
   __typeEl?: TypeBlock;
 } & ThisType<void>): DefineVaporComponent<RuntimePropsOptions, RuntimePropsKeys, InferredProps, ResolvedEmits, RuntimeEmitsKeys, Slots, Exposed extends Block$1 ? Record<string, any> : Exposed, TypeBlock, TypeRefs, unknown extends TypeProps ? true : false>;
 //#endregion
-//#region packages/runtime-vapor/src/components/Teleport.d.ts
-declare class TeleportFragment extends VaporFragment {
-  /**
-  * @internal marker for duck typing to avoid direct instanceof check
-  * which prevents tree-shaking of TeleportFragment
-  */
-  readonly __isTeleportFragment = true;
-  anchor?: Node;
-  private rawProps?;
-  private resolvedProps?;
-  private rawSlots?;
-  isDisabled?: boolean;
-  private isMounted;
-  private childrenInitialized;
-  private readonly ownerInstance;
-  private readonly childrenScope;
-  target?: ParentNode | null;
-  targetAnchor?: Node | null;
-  targetStart?: Node | null;
-  placeholder?: Node;
-  mountContainer?: ParentNode | null;
-  mountAnchor?: Node | null;
-  private mountToTargetJob?;
-  constructor(props: LooseRawProps, slots?: RawSlots | null);
-  get parent(): ParentNode | null;
-  private initChildren;
-  private ensureChildrenInitialized;
-  private registerUpdateCssVars;
-  private bindChildren;
-  private handleChildrenUpdate;
-  private mount;
-  private mountToTarget;
-  private clearMainViewChildren;
-  private handlePropsUpdate;
-  insert: (container: ParentNode, anchor: Node | null) => void;
-  dispose: () => void;
-  remove: (_parent?: ParentNode) => void;
-  private hydrateTargetAnchors;
-  private hydrateDisabledTeleport;
-  private mountChildren;
-  hydrate: () => void;
-}
-declare const VaporTeleport: DefineVaporSetupFnComponent<TeleportProps>;
-//#endregion
 //#region packages/runtime-vapor/src/component.d.ts
 type VaporComponent = FunctionalVaporComponent<any> | VaporComponentOptions | DefineVaporComponent;
 type FunctionalVaporComponent<Props = {}, Emits extends EmitsOptions = {}, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>> = ((props: Props & EmitsToProps<Emits>, ctx: {
@@ -25532,10 +25494,6 @@ interface VaporComponentOptions<Props = {}, Emits extends EmitsOptions = {}, Run
   name?: string;
   vapor?: boolean;
   components?: Record<string, VaporComponent>;
-  /**
-  * @internal custom element interception hook
-  */
-  ce?: (instance: VaporComponentInstance) => void;
 }
 interface SharedInternalOptions {
   /**
@@ -25556,10 +25514,7 @@ interface SharedInternalOptions {
 type LooseRawProps = Record<string, unknown> & {
   $?: DynamicPropsSource[];
 };
-type LooseRawSlots = VaporSlot | (Record<string, VaporSlot | DynamicSlotSource[]> & {
-  $?: DynamicSlotSource[];
-});
-declare function createComponent(component: VaporComponent, rawProps?: LooseRawProps | null, rawSlots?: LooseRawSlots | null, isSingleRoot?: boolean, once?: boolean, appContext?: GenericAppContext, managedMount?: boolean): VaporComponentInstance;
+declare function createComponent(component: VaporComponent, rawProps?: LooseRawProps | null, rawSlots?: LooseRawSlots | null, isSingleRoot?: boolean, once?: boolean, appContext?: GenericAppContext, managedMount?: boolean, ce?: (instance: VaporComponentInstance) => void): VaporComponentInstance;
 declare class VaporComponentInstance<Props extends Record<string, any> = {}, Emits extends EmitsOptions = {}, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, TypeBlock extends Block$1 = Block$1, TypeRefs extends Record<string, any> = Record<string, any>> implements GenericComponentInstance {
   vapor: true;
   uid: number;
@@ -25592,7 +25547,6 @@ declare class VaporComponentInstance<Props extends Record<string, any> = {}, Emi
   asyncResolved: boolean;
   restoreAsyncContext?: () => void | (() => void);
   deferredHydrationBoundary?: () => void;
-  renderEffects?: RenderEffect[];
   hasFallthrough: boolean;
   shapeFlag?: number;
   $key?: any;
@@ -25620,10 +25574,10 @@ declare class VaporComponentInstance<Props extends Record<string, any> = {}, Emi
   devtoolsRawSetupState?: any;
   hmrRerender?: () => void;
   hmrReload?: (newComp: VaporComponent) => void;
-  parentTeleport?: TeleportFragment | null;
   propsOptions?: NormalizedPropsOptions;
   emitsOptions?: ObjectEmitsOptions | null;
   isSingleRoot?: boolean;
+  renderEffects?: RenderEffect[];
   /**
   * dev only flag to track whether $attrs was used during render.
   * If $attrs was used during render then the warning for failed attrs
@@ -25634,7 +25588,7 @@ declare class VaporComponentInstance<Props extends Record<string, any> = {}, Emi
   * @deprecated only used for JSX to detect props types.
   */
   $props: Props;
-  constructor(comp: VaporComponent, rawProps?: RawProps | null, rawSlots?: LooseRawSlots | null, appContext?: GenericAppContext, once?: boolean);
+  constructor(comp: VaporComponent, rawProps?: RawProps | null, rawSlots?: LooseRawSlots | null, appContext?: GenericAppContext, once?: boolean, ce?: (instance: VaporComponentInstance) => void);
   /**
   * Expose `getKeysFromRawProps` on the instance so it can be used in code
   * paths where it's needed, e.g. `useModel`
@@ -25671,6 +25625,9 @@ type VaporDirective = (node: Element | VaporComponentInstance, value?: () => any
 type VaporDirectiveArguments = Array<[VaporDirective | undefined] | [VaporDirective | undefined, () => any] | [VaporDirective | undefined, (() => any) | undefined, argument: string] | [VaporDirective | undefined, value: (() => any) | undefined, argument: string | undefined, modifiers: DirectiveModifiers]>;
 declare function withVaporDirectives(node: Element | VaporComponentInstance, dirs: VaporDirectiveArguments): void;
 //#endregion
+//#region packages/runtime-vapor/src/components/Teleport.d.ts
+declare const VaporTeleport: DefineVaporSetupFnComponent<TeleportProps>;
+//#endregion
 //#region packages/runtime-vapor/src/components/KeepAlive.d.ts
 declare const VaporKeepAlive: DefineVaporComponent<{}, string, KeepAliveProps>;
 //#endregion
@@ -25851,7 +25808,7 @@ interface ForSelector {
 declare function createSelector(source: () => any): ForSelector;
 declare function createForSlots(rawSource: Source, getSlot: (item: any, key: any, index?: number) => DynamicSlot): DynamicSlot[];
 declare function getRestElement(val: any, keys: string[]): any;
-declare function getDefaultValue(val: any, defaultVal: any): any;
+declare function getDefaultValue(val: any, getDefaultVal: () => any): any;
 //#endregion
 //#region packages/runtime-vapor/src/helpers/useCssVars.d.ts
 declare function useVaporCssVars(getter: () => Record<string, string>): void;
@@ -25862,7 +25819,7 @@ declare function setBlockKey(block: (Block$1 & {
 }) | null | undefined, key: any): void;
 //#endregion
 //#region packages/runtime-vapor/src/apiCreateDynamicComponent.d.ts
-declare function createDynamicComponent(getter: () => any, rawProps?: RawProps | null, rawSlots?: LooseRawSlots | null, isSingleRoot?: boolean, once?: boolean): VaporFragment;
+declare function createDynamicComponent(getter: () => any, rawProps?: RawProps | null, rawSlots?: LooseRawSlots | null, flags?: number): VaporFragment;
 //#endregion
 //#region packages/runtime-vapor/src/apiSetupHelpers.d.ts
 declare function withAsyncContext(getAwaitable: () => any): [any, () => void];
@@ -25884,7 +25841,7 @@ declare const VaporTransition: FunctionalVaporComponent<TransitionProps>;
 //#region packages/runtime-vapor/src/components/TransitionGroup.d.ts
 declare const VaporTransitionGroup: DefineVaporComponent<{}, string, TransitionGroupProps>;
 declare namespace index_d_exports {
-  export { Block$1 as Block, DefineVaporComponent, DynamicFragment, FunctionalVaporComponent, VaporComponent, VaporComponentInstance, VaporComponentOptions, VaporDirective, VaporElement, VaporElementConstructor, VaporFragment, VaporKeepAlive, VaporKeepAliveContext, VaporPublicProps, VaporRenderResult, VaporSlot, VaporTeleport, VaporTransition, VaporTransitionGroup, VaporTransitionHooks, applyCheckboxModel, applyDynamicModel, applyRadioModel, applySelectModel, applyTextModel, applyVShow, child, createAssetComponent, createComponent, createComponentWithFallback, createDynamicComponent, createFor, createForSlots, createIf, createInvoker, createKeyedFragment, createPlainElement, createSelector, createSlot, createTemplateRefSetter, createTextNode, createVaporApp, createVaporSSRApp, defineVaporAsyncComponent, defineVaporComponent, defineVaporCustomElement, defineVaporSSRCustomElement, delegate, delegateEvents, getDefaultValue, getRestElement, insert$1 as insert, isFragment, isVaporComponent, next, nthChild, on, onBinding, prepend, remove, renderEffect, setAttr, setBlockHtml, setBlockKey, setBlockText, setClass, setClassName, setDOMProp, setDynamicEvents, setDynamicProps, setElementText, setHtml, setInsertionState, setProp, setStaticTemplateRef, setStyle, setTemplateRefBinding, setText, setValue, template, txt, useVaporCssVars, vaporInteropPlugin, withAsyncContext, withVaporCtx, withVaporDirectives, withVaporKeys, withVaporModifiers };
+  export { Block$1 as Block, DefineVaporComponent, DynamicFragment, FunctionalVaporComponent, VaporComponent, VaporComponentInstance, VaporComponentOptions, VaporDirective, VaporElement, VaporElementConstructor, VaporFragment, VaporKeepAlive, VaporKeepAliveContext, VaporPublicProps, VaporRenderResult, VaporSlot, VaporTeleport, VaporTransition, VaporTransitionGroup, VaporTransitionHooks, applyCheckboxModel, applyDynamicModel, applyRadioModel, applySelectModel, applyTextModel, applyVShow, child, createAssetComponent, createComponent, createComponentWithFallback, createDynamicComponent, createFor, createForSlots, createIf, createInvoker, createKeyedFragment, createPlainElement, createSelector, createSlot, createTemplateRefSetter, createTextNode, createVaporApp, createVaporSSRApp, defineVaporAsyncComponent, defineVaporComponent, defineVaporCustomElement, defineVaporSSRCustomElement, delegate, delegateEvents, getDefaultValue, getRestElement, insert$1 as insert, isFragment, isVaporComponent, next, nthChild, on, onBinding, prepend, remove, renderEffect, setAttr, setBlockHtml, setBlockKey, setBlockText, setClass, setClassName, setDOMProp, setDynamicEvents, setDynamicProps, setElementText, setHtml, setInsertionState, setProp, setStaticTemplateRef, setStyle, setTemplateRefBinding, setText, setValue, template, txt, useVaporCssVars, vaporInteropPlugin, withAsyncContext, withVaporDirectives, withVaporKeys, withVaporModifiers };
 }
 //#endregion
 //#region temp/packages/compiler-vapor/src/ir/component.d.ts
@@ -26011,6 +25968,7 @@ export interface IfIRNode extends BaseIRNode, EffectBoundary {
   positive: BlockIRNode;
   negative?: BlockIRNode | IfIRNode;
   once?: boolean;
+  slotRoot?: boolean;
   index?: number;
   parent?: number;
   anchor?: number;
@@ -26029,6 +25987,7 @@ export interface ForIRNode extends BaseIRNode, IRFor, EffectBoundary {
   keyProp?: SimpleExpressionNode;
   render: BlockIRNode;
   once: boolean;
+  slotRoot?: boolean;
   component: boolean;
   onlyChild: boolean;
   parent?: number;
@@ -26133,6 +26092,7 @@ export interface CreateComponentIRNode extends BaseIRNode, EffectBoundary {
   asset: boolean;
   root: boolean;
   once: boolean;
+  slotRoot?: boolean;
   dynamic?: SimpleExpressionNode;
   useCreateElement: boolean;
   parent?: number;
@@ -26215,7 +26175,7 @@ interface ImportItem {
 //#region packages/compiler-core/src/transforms/transformElement.d.ts
 type PropsExpression = ObjectExpression | CallExpression | ExpressionNode;
 //#endregion
-//#region node_modules/.pnpm/@babel+types@7.29.0/node_modules/@babel/types/lib/index-legacy.d.ts
+//#region node_modules/.pnpm/@babel+types@7.29.7/node_modules/@babel/types/lib/index-legacy.d.ts
 // NOTE: This file is autogenerated. Do not modify.
 // See packages/babel-types/scripts/generators/typescript-legacy.ts for script used.
 interface BaseComment {

package/dist/compiler-vapor.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-vapor v3.6.0-beta.13
+  * @vue/compiler-vapor v3.6.0-beta.15
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -16248,7 +16248,7 @@ const tokenizer = new Tokenizer(stack, {
 		}
 	},
 	oncdata(start, end) {
-		if (stack[0].ns !== 0) onText(getSlice(start, end), start, end);
+		if ((stack[0] ? stack[0].ns : currentOptions.ns) !== 0) onText(getSlice(start, end), start, end);
 		else emitError(1, start - 9);
 	},
 	onprocessinginstruction(start) {
@@ -19134,6 +19134,13 @@ function getLiteralExpressionValue(exp, excludeNumber) {
 	}
 	return exp.isStatic ? exp.content : null;
 }
+function isInTransition(context) {
+	const parentNode = context.parent && context.parent.node;
+	return !!(parentNode && isTransitionNode(parentNode));
+}
+function isTransitionNode(node) {
+	return node.type === 1 && isTransitionTag(node.tag);
+}
 function isTransitionTag(tag) {
 	tag = tag.toLowerCase();
 	return tag === "transition" || tag === "vaportransition";
@@ -19365,6 +19372,7 @@ const defaultOptions = {
 	bindingMetadata: EMPTY_OBJ,
 	inline: false,
 	isTS: false,
+	eventDelegation: true,
 	onError: defaultOnError,
 	onWarn: defaultOnWarn
 };
@@ -20142,7 +20150,7 @@ function isConstantBinding(value, context) {
 //#region packages/compiler-vapor/src/generators/for.ts
 function genFor(oper, context) {
 	const { helper } = context;
-	const { source, value, key, index, render, keyProp, once, id, component, onlyChild } = oper;
+	const { source, value, key, index, render, keyProp, once, id, component, onlyChild, slotRoot } = oper;
 	const rawValue = value && value.content;
 	const rawKey = key && key.content;
 	const rawIndex = index && index.content;
@@ -20201,6 +20209,7 @@ function genFor(oper, context) {
 	if (isFragmentBlock(render)) flags |= 16;
 	if (!component && isSingleNodeBlock(render)) flags |= 8;
 	if (once) flags |= 4;
+	if (slotRoot) flags |= 32;
 	const onResetCalls = [];
 	for (let i = 0; i < selectorPatterns.length; i++) onResetCalls.push(NEWLINE, `n${id}.onReset(${selectorName(i)}.reset)`);
 	return [
@@ -20282,7 +20291,7 @@ function parseValueDestructure(value, context) {
 					if (child.type === "AssignmentPattern" && (parent.type === "ObjectProperty" || parent.type === "ArrayPattern")) {
 						isDynamic = true;
 						helper = context.helper("getDefaultValue");
-						helperArgs = rawValue.slice(child.right.start - 1, child.right.end - 1);
+						helperArgs = `() => (${rawValue.slice(child.right.start - 1, child.right.end - 1)})`;
 					}
 				}
 				map.set(id.name, {
@@ -20430,9 +20439,9 @@ function genSetHtml(oper, context) {
 //#region packages/compiler-vapor/src/generators/if.ts
 function genIf(oper, context, isNested = false) {
 	const { helper } = context;
-	const { condition, positive, negative, once, index, blockShape } = oper;
+	const { condition, positive, negative, once, slotRoot, index, blockShape } = oper;
 	const [frag, push] = buildCodeFragment();
-	const flags = genIfFlags(blockShape, once, negative ? index : void 0);
+	const flags = genIfFlags(blockShape, once, slotRoot, negative ? index : void 0);
 	const conditionExpr = [
 		"() => (",
 		...genExpression(condition, context),
@@ -20446,19 +20455,21 @@ function genIf(oper, context, isNested = false) {
 	push(...genCall(helper("createIf"), conditionExpr, positiveArg, negativeArg, flags));
 	return frag;
 }
-function genIfFlags(blockShape, once, index) {
+function genIfFlags(blockShape, once, slotRoot, index) {
 	let flags = blockShape;
+	if (slotRoot) flags |= 128;
 	if (once) flags |= 16;
-	else if (index !== void 0) flags |= index + 1 << 7;
+	else if (index !== void 0) flags |= index + 1 << 8;
 	if (flags === 1) return false;
-	return `${flags} /* ${genIfFlagNames(once, index, blockShape)} */`;
+	return `${flags} /* ${genIfFlagNames(once, slotRoot, index, blockShape)} */`;
 }
-function genIfFlagNames(once, index, blockShape) {
+function genIfFlagNames(once, slotRoot, index, blockShape) {
 	const names = ["BLOCK_SHAPE"];
 	if (blockShape & 32) names.push("TRUE_NO_SCOPE");
 	if (blockShape & 64) names.push("FALSE_NO_SCOPE");
 	if (once) names.push("ONCE");
-	else if (index !== void 0) names.push("INDEX_SHIFT");
+	if (slotRoot) names.push("SLOT_ROOT");
+	if (!once && index !== void 0) names.push("INDEX_SHIFT");
 	return names.join(", ");
 }
 //#endregion
@@ -20804,7 +20815,9 @@ function genCreateComponent(operation, context) {
 	const useAssetComponentHelper = operation.asset && !operation.dynamic && context.block === context.ir.block && !!singleUseAssetComponentNames && singleUseAssetComponentNames.has(operation.tag);
 	const maybeSelfReference = useAssetComponentHelper && operation.tag.endsWith("__self");
 	const tag = genTag();
-	const { root, props, slots, once } = operation;
+	const { root, props, slots, once, slotRoot } = operation;
+	const isRuntimeDynamicComponent = !!(operation.dynamic && !operation.dynamic.isStatic);
+	const dynamicComponentFlags = isRuntimeDynamicComponent ? (root ? 1 : 0) | (once ? 2 : 0) | (slotRoot ? 4 : 0) : 0;
 	const rawSlots = genRawSlots(slots, context);
 	const [ids, handlers] = processInlineHandlers(props, context);
 	const rawProps = context.withId(() => genRawProps(props, context, true), ids);
@@ -20820,7 +20833,7 @@ function genCreateComponent(operation, context) {
 			];
 		}, []),
 		`const n${operation.id} = `,
-		...genCall(operation.dynamic && !operation.dynamic.isStatic ? helper("createDynamicComponent") : operation.useCreateElement ? helper("createPlainElement") : useAssetComponentHelper ? helper("createAssetComponent") : operation.asset ? helper("createComponentWithFallback") : helper("createComponent"), tag, rawProps, rawSlots, root ? "true" : false, once && "true", maybeSelfReference && "true"),
+		...genCall(isRuntimeDynamicComponent ? helper("createDynamicComponent") : operation.useCreateElement ? helper("createPlainElement") : useAssetComponentHelper ? helper("createAssetComponent") : operation.asset ? helper("createComponentWithFallback") : helper("createComponent"), tag, rawProps, rawSlots, isRuntimeDynamicComponent ? dynamicComponentFlags ? String(dynamicComponentFlags) : false : root ? "true" : false, isRuntimeDynamicComponent ? false : once && "true", isRuntimeDynamicComponent ? false : maybeSelfReference && "true"),
 		...genDirectivesForElement(operation.id, context)
 	];
 	function genTag() {
@@ -21097,23 +21110,12 @@ function genDynamicSlot(slot, context, withFunction = false) {
 			break;
 	}
 	if (!withFunction) return frag;
-	return needsDynamicSlotSourceCtx(slot) ? [
-		`${context.helper("withVaporCtx")}(() => (`,
-		...frag,
-		"))"
-	] : [
+	return [
 		"() => (",
 		...frag,
 		")"
 	];
 }
-function needsDynamicSlotSourceCtx(slot) {
-	switch (slot.slotType) {
-		case 1: return needsVaporCtx(slot.fn);
-		case 2: return needsVaporCtx(slot.fn);
-		case 3: return needsDynamicSlotSourceCtx(slot.positive) || (slot.negative ? needsDynamicSlotSourceCtx(slot.negative) : false);
-	}
-}
 function genBasicDynamicSlot(slot, context) {
 	const { name, fn } = slot;
 	return genMulti(DELIMITERS_OBJECT_NEWLINE, ["name: ", ...genExpression(name, context)], ["fn: ", ...genSlotBlockWithProps(fn, context)]);
@@ -21158,7 +21160,7 @@ function genSlotBlockWithProps(oper, context) {
 	let propsName;
 	let exitScope;
 	let depth;
-	const { props, node } = oper;
+	const { props } = oper;
 	const idToPathMap = props ? parseValueDestructure(props, context) : /* @__PURE__ */ new Map();
 	if (props) if (props.ast) {
 		[depth, exitScope] = context.enterScope();
@@ -21167,64 +21169,12 @@ function genSlotBlockWithProps(oper, context) {
 	const idMap = idToPathMap.size ? buildDestructureIdMap(idToPathMap, propsName || "", context.options.expressionPlugins) : {};
 	if (propsName) idMap[propsName] = null;
 	const exitSlotBlock = context.enterSlotBlock();
+	markSlotRootOperations(oper);
 	let blockFn = context.withId(() => genBlock(oper, context, propsName ? [propsName] : []), idMap);
 	exitSlotBlock();
 	exitScope && exitScope();
-	if (node.type === 1) {
-		if (needsVaporCtx(oper)) blockFn = [
-			`${context.helper("withVaporCtx")}(`,
-			...blockFn,
-			`)`
-		];
-	}
 	return blockFn;
 }
-/**
-* Check if a slot block needs withVaporCtx wrapper.
-* Returns true if the block contains:
-* - Component creation (needs scopeId inheritance)
-* - Slot outlet (needs rawSlots from slot owner)
-*/
-function needsVaporCtx(block) {
-	return hasComponentOrSlotInBlock(block);
-}
-function hasComponentOrSlotInBlock(block) {
-	if (hasComponentOrSlotInOperations(block.operation)) return true;
-	return hasComponentOrSlotInDynamic(block.dynamic);
-}
-function hasComponentOrSlotInDynamic(dynamic) {
-	if (dynamic.operation) {
-		const type = dynamic.operation.type;
-		if (type === 12 || type === 13) return true;
-		if (type === 15) {
-			if (hasComponentOrSlotInIf(dynamic.operation)) return true;
-		}
-		if (type === 16) {
-			if (hasComponentOrSlotInBlock(dynamic.operation.render)) return true;
-		}
-	}
-	for (const child of dynamic.children) if (hasComponentOrSlotInDynamic(child)) return true;
-	return false;
-}
-function hasComponentOrSlotInOperations(operations) {
-	for (const op of operations) switch (op.type) {
-		case 12:
-		case 13: return true;
-		case 15:
-			if (hasComponentOrSlotInIf(op)) return true;
-			break;
-		case 16:
-			if (hasComponentOrSlotInBlock(op.render)) return true;
-			break;
-	}
-	return false;
-}
-function hasComponentOrSlotInIf(node) {
-	if (hasComponentOrSlotInBlock(node.positive)) return true;
-	if (node.negative) if ("positive" in node.negative) return hasComponentOrSlotInIf(node.negative);
-	else return hasComponentOrSlotInBlock(node.negative);
-	return false;
-}
 //#endregion
 //#region packages/compiler-vapor/src/generators/slotOutlet.ts
 function genSlotOutlet(oper, context) {
@@ -21232,7 +21182,10 @@ function genSlotOutlet(oper, context) {
 	const { id, name, fallback, flags } = oper;
 	const [frag, push] = buildCodeFragment();
 	let fallbackArg;
-	if (fallback) fallbackArg = genBlock(fallback, context);
+	if (fallback) {
+		markSlotRootOperations(fallback);
+		fallbackArg = genBlock(fallback, context);
+	}
 	const createSlot = helper("createSlot");
 	const rawPropsArg = genRawProps(oper.props, context, true);
 	const nameArg = name.isStatic && name.content === "default" && !rawPropsArg && !fallbackArg && !flags ? void 0 : name.isStatic ? genExpression(name, context) : [
@@ -21566,6 +21519,42 @@ function genBlockContent(block, context, root, genEffectsExtraFrag) {
 		for (const name of context.ir[kind]) push(NEWLINE, `const ${toValidAssetId(name, kind)} = `, ...genCall(context.helper(helper), JSON.stringify(name)));
 	}
 }
+function markSlotRootOperations(block) {
+	for (let i = 0; i < block.returns.length; i++) {
+		const child = findReturnedDynamic$1(block, block.returns[i]);
+		const operation = child && child.operation;
+		if (!operation) continue;
+		if (operation.type === 15) markSlotRootIf(operation);
+		else if (operation.type === 16) markSlotRootFor(operation);
+		else if (operation.type === 13) markSlotRootSlotOutlet(operation);
+		else if (operation.type === 12) markSlotRootComponent(operation);
+	}
+}
+function markSlotRootIf(operation) {
+	if (!operation.once) operation.slotRoot = true;
+	markSlotRootOperations(operation.positive);
+	const negative = operation.negative;
+	if (!negative) return;
+	if (negative.type === 15) markSlotRootIf(negative);
+	else markSlotRootOperations(negative);
+}
+function markSlotRootFor(operation) {
+	if (!operation.once) operation.slotRoot = true;
+	markSlotRootOperations(operation.render);
+}
+function markSlotRootSlotOutlet(operation) {
+	operation.flags |= 4;
+	if (operation.fallback) markSlotRootOperations(operation.fallback);
+}
+function markSlotRootComponent(operation) {
+	if (!operation.once && operation.dynamic && !operation.dynamic.isStatic) operation.slotRoot = true;
+}
+function findReturnedDynamic$1(block, id) {
+	for (let i = 0; i < block.dynamic.children.length; i++) {
+		const child = block.dynamic.children[i];
+		if (child.id === id) return child;
+	}
+}
 function collectSingleUseAssetComponents(block) {
 	const usageMap = /* @__PURE__ */ new Map();
 	const seenOperations = /* @__PURE__ */ new Set();
@@ -21996,7 +21985,6 @@ function transformNativeElement(node, propsResult, staticKey, singleRoot, contex
 	let template = "";
 	template += `<${tag}`;
 	if (scopeId) template += ` ${scopeId}`;
-	const dynamicProps = [];
 	if (propsResult[0]) {
 		const [, dynamicArgs, expressions] = propsResult;
 		context.registerEffect(expressions, {
@@ -22017,54 +22005,24 @@ function transformNativeElement(node, propsResult, staticKey, singleRoot, contex
 		};
 		for (const prop of propsResult[1]) {
 			const { key, values } = prop;
+			let foldedValue;
 			if (context.imports.some((imported) => values[0].content.includes(imported.exp.content))) {
 				if (!prevWasQuoted) template += ` `;
 				template += `${key.content}="${IMPORT_EXP_START}${values[0].content}${IMPORT_EXP_END}"`;
 				prevWasQuoted = true;
-			} else if (key.isStatic && !prop.modifier && isBooleanAttr(key.content)) if (values.length === 1 && (values[0].isStatic || values[0].content === "''") && !dynamicKeys.includes(key.content)) {
-				const value = values[0].content === "''" ? "" : values[0].content;
-				appendTemplateProp(key.content, value);
-			} else {
-				const include = foldBooleanAttrValue(values);
-				if (include != null) {
-					if (include) appendTemplateProp(key.content);
-				} else {
-					dynamicProps.push(key.content);
-					context.registerEffect(values, {
-						type: 3,
-						element: context.reference(),
-						prop,
-						tag
-					}, getEffectIndex);
-				}
-			}
-			else if (key.isStatic && !prop.modifier && hasBoundValue(values)) {
-				let foldedValue;
-				if (key.content === "class") foldedValue = foldClassValues(values);
-				else if (key.content === "style") foldedValue = foldStyleValues(values);
-				if (foldedValue != null) {
-					if (foldedValue) appendTemplateProp(key.content, foldedValue, true);
-				} else {
-					dynamicProps.push(key.content);
-					context.registerEffect(values, {
-						type: 3,
-						element: context.reference(),
-						prop,
-						tag
-					}, getEffectIndex);
-				}
 			} else if (key.isStatic && values.length === 1 && (values[0].isStatic || values[0].content === "''") && !dynamicKeys.includes(key.content)) {
 				const value = values[0].content === "''" ? "" : values[0].content;
 				appendTemplateProp(key.content, value);
-			} else {
-				dynamicProps.push(key.content);
-				context.registerEffect(values, {
-					type: 3,
-					element: context.reference(),
-					prop,
-					tag
-				}, getEffectIndex);
-			}
+			} else if (key.isStatic && !prop.modifier && isBooleanAttr(key.content) && (foldedValue = foldBooleanAttrValue(values)) != null) {
+				if (foldedValue) appendTemplateProp(key.content);
+			} else if (key.isStatic && !prop.modifier && hasBoundValue(values) && (foldedValue = key.content === "class" ? foldClassValues(values) : key.content === "style" ? foldStyleValues(values) : void 0) != null) {
+				if (foldedValue) appendTemplateProp(key.content, foldedValue, true);
+			} else context.registerEffect(values, {
+				type: 3,
+				element: context.reference(),
+				prop,
+				tag
+			}, getEffectIndex);
 		}
 	}
 	template += `>` + context.childrenTemplate.join("");
@@ -22793,12 +22751,10 @@ const transformVOn = (dir, node, context) => {
 	const { keyModifiers, nonKeyModifiers, eventOptionModifiers } = resolveModifiers(arg.isStatic ? `on${arg.content}` : arg, modifiers, null, loc);
 	let keyOverride;
 	const isStaticClick = arg.isStatic && arg.content.toLowerCase() === "click";
-	if (nonKeyModifiers.includes("middle")) {
-		if (keyOverride) {}
-		if (!isStaticClick && !arg.isStatic) keyOverride = ["click", "mouseup"];
-	}
 	if (nonKeyModifiers.includes("right")) {
 		if (!isStaticClick && !arg.isStatic) keyOverride = ["click", "contextmenu"];
+	} else if (nonKeyModifiers.includes("middle")) {
+		if (!isStaticClick && !arg.isStatic) keyOverride = ["click", "mouseup"];
 	}
 	arg = normalizeStaticEventArg(arg, nonKeyModifiers);
 	if (keyModifiers.length && isStaticExp(arg) && !isKeyboardEvent(`on${arg.content.toLowerCase()}`)) keyModifiers.length = 0;
@@ -22812,7 +22768,7 @@ const transformVOn = (dir, node, context) => {
 			options: eventOptionModifiers
 		}
 	};
-	const delegate = arg.isStatic && !eventOptionModifiers.length && !hasStopHandlerForStaticEvent(node, arg.content) && delegatedEvents(arg.content);
+	const delegate = context.options.eventDelegation && arg.isStatic && !eventOptionModifiers.length && !hasStopHandlerForStaticEvent(node, arg.content) && delegatedEvents(arg.content);
 	const operation = {
 		type: 6,
 		element: context.reference(),
@@ -22833,8 +22789,8 @@ function normalizeStaticEventArg(arg, nonKeyModifiers) {
 	if (!arg.isStatic) return arg;
 	let normalized = arg;
 	const isStaticClick = arg.content.toLowerCase() === "click";
-	if (nonKeyModifiers.includes("middle") && isStaticClick) normalized = extend({}, normalized, { content: "mouseup" });
 	if (nonKeyModifiers.includes("right") && isStaticClick) normalized = extend({}, normalized, { content: "contextmenu" });
+	else if (nonKeyModifiers.includes("middle") && isStaticClick) normalized = extend({}, normalized, { content: "mouseup" });
 	return normalized;
 }
 function hasStopHandlerForStaticEvent(node, eventName) {
@@ -23034,11 +22990,14 @@ function processIf(node, dir, context) {
 		}
 		while (lastIfNode.negative && lastIfNode.negative.type === 15) lastIfNode = lastIfNode.negative;
 		if (dir.name === "else-if" && lastIfNode.negative) context.options.onError(createCompilerError(30, node.loc));
-		if (context.root.comment.length) {
-			node = wrapTemplate(node, ["else-if", "else"]);
-			context.node = node = extend({}, node, { children: [...context.comment, ...node.children] });
+		const comments = context.comment;
+		if (comments.length) {
+			if (!isInTransition(context)) {
+				node = wrapTemplate(node, ["else-if", "else"]);
+				context.node = node = extend({}, node, { children: [...comments, ...node.children] });
+			}
+			comments.length = 0;
 		}
-		context.root.comment = [];
 		const [branch, onExit] = createIfBranch(node, context);
 		if (dir.name === "else") lastIfNode.negative = branch;
 		else lastIfNode.negative = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-vapor",
-  "version": "3.6.0-beta.13",
+  "version": "3.6.0-beta.15",
   "description": "@vue/compiler-vapor",
   "main": "dist/compiler-vapor.cjs.js",
   "module": "dist/compiler-vapor.esm-browser.js",
@@ -42,10 +42,10 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-vapor#readme",
   "dependencies": {
-    "@babel/parser": "^7.29.3",
+    "@babel/parser": "^7.29.7",
     "estree-walker": "^2.0.2",
     "source-map-js": "^1.2.1",
-    "@vue/compiler-dom": "3.6.0-beta.13",
-    "@vue/shared": "3.6.0-beta.13"
+    "@vue/shared": "3.6.0-beta.15",
+    "@vue/compiler-dom": "3.6.0-beta.15"
   }
 }