@vue/compiler-sfc 3.6.0-rc.2 → 3.6.0-rc.4

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

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-sfc v3.6.0-rc.2
+  * @vue/compiler-sfc v3.6.0-rc.4
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -388,7 +388,7 @@ const isBlockTag = /* @__PURE__ */ makeMap(BLOCK_TAGS);
 /**
 * The full list is needed during SSR to produce the correct initial markup.
 */
-const isBooleanAttr = /* @__PURE__ */ makeMap("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly,async,autofocus,autoplay,controls,default,defer,disabled,hidden,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");
+const isBooleanAttr = /* @__PURE__ */ makeMap("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly,async,autofocus,autoplay,controls,default,defer,disabled,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");
 /**
 * Boolean attributes should be included if the value is truthy or ''.
 * e.g. `<select multiple>` compiles to `{ multiple: '' }`
@@ -3607,7 +3607,7 @@ const errorMessages$1 = {
 	[54]: ``
 };
 //#endregion
-//#region node_modules/.pnpm/@babel+parser@7.29.7/node_modules/@babel/parser/lib/index.js
+//#region node_modules/.pnpm/@babel+parser@7.29.8/node_modules/@babel/parser/lib/index.js
 var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	Object.defineProperty(exports, "__esModule", { value: true });
 	function _objectWithoutPropertiesLoose(r, e) {
@@ -3794,6 +3794,7 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 		SloppyFunctionAnnexB: "In non-strict mode code, functions can only be declared at top level, inside a block, or as the body of an if statement.",
 		SourcePhaseImportRequiresDefault: "Only `import source x from \"./module\"` is valid.",
 		StaticPrototype: "Classes may not have static property named prototype.",
+		SuperCallNotNewExpression: "Cannot use new with super(...).",
 		SuperNotAllowed: "`super()` is only valid inside a class constructor of a subclass. Maybe a typo in the method name ('constructor') or not extending another class?",
 		SuperPrivateField: "Private fields can't be accessed on super.",
 		TrailingDecorator: "Decorators must be attached to a class element.",
@@ -3816,7 +3817,6 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 		UnexpectedTokenUnaryExponentiation: "Illegal expression. Wrap left hand side or entire exponentiation in parentheses.",
 		UnexpectedUsingDeclaration: "Using declaration cannot appear in the top level when source type is `script` or in the bare case statement.",
 		UnexpectedVoidPattern: "Unexpected void binding.",
-		UnsupportedBind: "Binding should be performed on object property.",
 		UnsupportedDecoratorExport: "A decorated export must export a class declaration.",
 		UnsupportedDefaultExport: "Only expressions, functions or classes are allowed as the `default` export.",
 		UnsupportedImport: "`import` can only be used in `import()` or `import.meta`.",
@@ -3872,6 +3872,10 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 		PrimaryTopicNotAllowed: "Topic reference was used in a lexical context without topic binding.",
 		PrimaryTopicRequiresSmartPipeline: "Topic reference is used, but the pipelineOperator plugin was not passed a \"proposal\": \"hack\" or \"smart\" option."
 	});
+	var FunctionBindErrors = {
+		UnsupportedBind: "Binding should be performed on object property.",
+		UnsupportedBindRHS: "The right-hand side of binding can not be super or import."
+	};
 	const _excluded = ["message"];
 	function defineHidden(obj, key, value) {
 		Object.defineProperty(obj, key, {
@@ -3936,7 +3940,7 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 		}
 		return ParseErrorConstructors;
 	}
-	const Errors = Object.assign({}, ParseErrorEnum(ModuleErrors), ParseErrorEnum(StandardErrors), ParseErrorEnum(StrictModeErrors), ParseErrorEnum(ParseExpressionErrors), ParseErrorEnum`pipelineOperator`(PipelineOperatorErrors));
+	const Errors = Object.assign({}, ParseErrorEnum(ModuleErrors), ParseErrorEnum(StandardErrors), ParseErrorEnum(StrictModeErrors), ParseErrorEnum(ParseExpressionErrors), ParseErrorEnum`pipelineOperator`(PipelineOperatorErrors), ParseErrorEnum`functionBind`(FunctionBindErrors));
 	function createDefaultOptions() {
 		return {
 			sourceType: "script",
@@ -13511,7 +13515,7 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 		}
 		parseSubscript(base, startLoc, noCalls, state) {
 			const { type } = this.state;
-			if (!noCalls && type === 15) return this.parseBind(base, startLoc, noCalls, state);
+			if (!noCalls && type === 15) return this.parseBind(base, startLoc, state);
 			else if (tokenIsTemplate(type)) return this.parseTaggedTemplateExpression(base, startLoc, state);
 			let optional = false;
 			if (type === 18) {
@@ -13550,13 +13554,16 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 				return this.finishNode(node, "OptionalMemberExpression");
 			} else return this.finishNode(node, "MemberExpression");
 		}
-		parseBind(base, startLoc, noCalls, state) {
+		parseBind(base, startLoc, state) {
 			const node = this.startNodeAt(startLoc);
 			node.object = base;
 			this.next();
-			node.callee = this.parseNoCallExpr();
+			const isImport = this.match(83);
+			const callee = this.parseNoCallExpr();
+			if (callee.type === "Super" || isImport && callee.type === "ImportExpression" || callee.type === "Import") throw this.raise(Errors.UnsupportedBindRHS, callee);
+			node.callee = callee;
 			state.stop = true;
-			return this.parseSubscripts(this.finishNode(node, "BindExpression"), startLoc, noCalls);
+			return this.parseSubscripts(this.finishNode(node, "BindExpression"), startLoc, false);
 		}
 		parseCoverCallAndAsyncArrowHead(base, startLoc, state, optional) {
 			const oldMaybeInArrowParameters = this.state.maybeInArrowParameters;
@@ -14013,7 +14020,8 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 			const isImport = this.match(83);
 			const callee = this.parseNoCallExpr();
 			node.callee = callee;
-			if (isImport && (callee.type === "Import" || callee.type === "ImportExpression")) this.raise(Errors.ImportCallNotNewExpression, callee);
+			if (isImport && callee.type === "ImportExpression" || callee.type === "Import") this.raise(Errors.ImportCallNotNewExpression, callee);
+			if (callee.type === "Super") this.raise(Errors.SuperCallNotNewExpression, callee);
 		}
 		parseTemplateElement(isTagged) {
 			const { start, startLoc, end, value } = this.state;
@@ -20818,15 +20826,22 @@ const transformFor = createStructuralDirectiveTransform$1("for", (node, dir, con
 			else {
 				childBlock = children[0].codegenNode;
 				if (isTemplate && keyProperty) injectProp(childBlock, keyProperty, context);
-				if (childBlock.isBlock !== !isStableFragment) if (childBlock.isBlock) {
+				const shouldUseBlock = !isStableFragment || childBlock.isBlockRequired === true;
+				if (childBlock.isBlock !== shouldUseBlock) if (childBlock.isBlock) {
 					removeHelper(OPEN_BLOCK);
 					removeHelper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
 				} else removeHelper(getVNodeHelper(context.inSSR, childBlock.isComponent));
-				childBlock.isBlock = !isStableFragment;
+				childBlock.isBlock = shouldUseBlock;
 				if (childBlock.isBlock) {
 					helper(OPEN_BLOCK);
 					helper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
-				} else helper(getVNodeHelper(context.inSSR, childBlock.isComponent));
+				} else {
+					helper(getVNodeHelper(context.inSSR, childBlock.isComponent));
+					if (childBlock.needsPatch) {
+						var _childBlock$patchFlag;
+						childBlock.patchFlag = ((_childBlock$patchFlag = childBlock.patchFlag) !== null && _childBlock$patchFlag !== void 0 ? _childBlock$patchFlag : 0) | 512;
+					}
+				}
 			}
 			if (memo) {
 				const loop = createFunctionExpression(createForLoopParams(forNode.parseResult, [createSimpleExpression(`_cached`)]));
@@ -21082,12 +21097,16 @@ const transformElement$1 = (node, context) => {
 		let vnodeDynamicProps;
 		let dynamicPropNames;
 		let vnodeDirectives;
+		let needsPatch = false;
+		let isBlockRequired = false;
 		let shouldUseBlock = isDynamicComponent || vnodeTag === TELEPORT || vnodeTag === SUSPENSE || !isComponent && (tag === "svg" || tag === "foreignObject" || tag === "math");
 		if (props.length > 0) {
 			const propsBuildResult = buildProps$1(node, context, void 0, isComponent, isDynamicComponent);
 			vnodeProps = propsBuildResult.props;
 			patchFlag = propsBuildResult.patchFlag;
 			dynamicPropNames = propsBuildResult.dynamicPropNames;
+			needsPatch = propsBuildResult.needsPatch;
+			isBlockRequired = propsBuildResult.isBlockRequired;
 			const directives = propsBuildResult.directives;
 			vnodeDirectives = directives && directives.length ? createArrayExpression(directives.map((dir) => buildDirectiveArgs(dir, context))) : void 0;
 			if (propsBuildResult.shouldUseBlock) shouldUseBlock = true;
@@ -21116,7 +21135,10 @@ const transformElement$1 = (node, context) => {
 			} else vnodeChildren = node.children;
 		}
 		if (dynamicPropNames && dynamicPropNames.length) vnodeDynamicProps = stringifyDynamicPropNames(dynamicPropNames);
-		node.codegenNode = createVNodeCall(context, vnodeTag, vnodeProps, vnodeChildren, patchFlag === 0 ? void 0 : patchFlag, vnodeDynamicProps, vnodeDirectives, !!shouldUseBlock, false, isComponent, node.loc);
+		const vnodeCall = node.codegenNode = createVNodeCall(context, vnodeTag, vnodeProps, vnodeChildren, patchFlag === 0 ? void 0 : patchFlag, vnodeDynamicProps, vnodeDirectives, !!shouldUseBlock, false, isComponent, node.loc);
+		needsPatch = needsPatch && (patchFlag === 0 || patchFlag === 32);
+		if (needsPatch) vnodeCall.needsPatch = true;
+		if (isBlockRequired) vnodeCall.isBlockRequired = true;
 	};
 };
 function resolveComponentType(node, context, ssr = false) {
@@ -21201,6 +21223,7 @@ function buildProps$1(node, context, props = node.props, isComponent, isDynamicC
 	const runtimeDirectives = [];
 	const hasChildren = children.length > 0;
 	let shouldUseBlock = false;
+	let isBlockRequired = false;
 	let patchFlag = 0;
 	let hasRef = false;
 	let hasClassBinding = false;
@@ -21225,12 +21248,12 @@ function buildProps$1(node, context, props = node.props, isComponent, isDynamicC
 			const isEventHandler = isOn(name);
 			if (isEventHandler && (!isComponent || isDynamicComponent) && name.toLowerCase() !== "onclick" && name !== "onUpdate:modelValue" && !isReservedProp$1(name)) hasHydrationEventBinding = true;
 			if (isEventHandler && isReservedProp$1(name)) hasVnodeHook = true;
+			if (name === "ref") hasRef = true;
 			if (isEventHandler && value.type === 14) value = value.arguments[0];
 			if (value.type === 20 || (value.type === 4 || value.type === 8) && getConstantType(value, context) > 0) return;
-			if (name === "ref") hasRef = true;
-			else if (name === "class") hasClassBinding = true;
+			if (name === "class") hasClassBinding = true;
 			else if (name === "style") hasStyleBinding = true;
-			else if (name !== "key" && !dynamicPropNames.includes(name)) dynamicPropNames.push(name);
+			else if (name !== "ref" && name !== "key" && !dynamicPropNames.includes(name)) dynamicPropNames.push(name);
 			if (isComponent && (name === "class" || name === "style") && !dynamicPropNames.includes(name)) dynamicPropNames.push(name);
 		} else hasDynamicKeys = true;
 	};
@@ -21263,7 +21286,11 @@ function buildProps$1(node, context, props = node.props, isComponent, isDynamicC
 			if (name === "once" || name === "memo") continue;
 			if (name === "is" || isVBind && isStaticArgOf(arg, "is") && (isComponentTag$1(tag) || false)) continue;
 			if (isVOn && ssr) continue;
-			if (isVBind && isStaticArgOf(arg, "key") || isVOn && hasChildren && isStaticArgOf(arg, "vue:before-update")) shouldUseBlock = true;
+			if (isVBind && isStaticArgOf(arg, "key")) shouldUseBlock = true;
+			if (isVOn && hasChildren && arg && isStaticExp(arg) && camelize(arg.content) === "vue:beforeUpdate") {
+				shouldUseBlock = true;
+				isBlockRequired = true;
+			}
 			if (isVBind && isStaticArgOf(arg, "ref")) pushRefVForMarker();
 			if (!arg && (isVBind || isVOn)) {
 				hasDynamicKeys = true;
@@ -21293,7 +21320,10 @@ function buildProps$1(node, context, props = node.props, isComponent, isDynamicC
 				}
 			} else if (!isBuiltInDirective(name)) {
 				runtimeDirectives.push(prop);
-				if (hasChildren) shouldUseBlock = true;
+				if (hasChildren) {
+					shouldUseBlock = true;
+					isBlockRequired = true;
+				}
 			}
 		}
 	}
@@ -21310,7 +21340,8 @@ function buildProps$1(node, context, props = node.props, isComponent, isDynamicC
 		if (dynamicPropNames.length) patchFlag |= 8;
 		if (hasHydrationEventBinding) patchFlag |= 32;
 	}
-	if (!shouldUseBlock && (patchFlag === 0 || patchFlag === 32) && (hasRef || hasVnodeHook || runtimeDirectives.length > 0)) patchFlag |= 512;
+	const needsPatch = (patchFlag === 0 || patchFlag === 32) && (hasRef || hasVnodeHook || runtimeDirectives.length > 0);
+	if (!shouldUseBlock && needsPatch) patchFlag |= 512;
 	if (!context.inSSR && propsExpression) switch (propsExpression.type) {
 		case 15:
 			let classKeyIndex = -1;
@@ -21340,7 +21371,9 @@ function buildProps$1(node, context, props = node.props, isComponent, isDynamicC
 		directives: runtimeDirectives,
 		patchFlag,
 		dynamicPropNames,
-		shouldUseBlock
+		shouldUseBlock,
+		needsPatch,
+		isBlockRequired
 	};
 }
 function dedupeProperties$1(properties) {
@@ -22223,10 +22256,11 @@ function stringifyElement(node, context) {
 					res += ` ${p.arg.content}="__VUE_EXP_START__${exp.content}__VUE_EXP_END__"`;
 					continue;
 				}
-				if (isBooleanAttr(p.arg.content) && exp.content === "false") continue;
+				if ((isBooleanAttr(p.arg.content) || p.arg.content === "hidden") && exp.content === "false") continue;
 				let evaluated = evaluateConstant(exp);
 				if (evaluated != null) {
 					const arg = p.arg && p.arg.content;
+					if (arg === "hidden" && typeof evaluated === "number" && !includeBooleanAttr(evaluated)) continue;
 					if (arg === "class") evaluated = normalizeClass(evaluated);
 					else if (arg === "style") evaluated = stringifyStyle(normalizeStyle(evaluated));
 					res += ` ${p.arg.content}="${escapeHtml(evaluated)}"`;
@@ -22980,6 +23014,16 @@ function createCache(max = 500) {
 	return /* @__PURE__ */ new Map();
 }
 //#endregion
+//#region packages/compiler-sfc/src/template/resolveTemplateAST.ts
+function resolveTemplateAST(inAST, options) {
+	if (!(inAST === null || inAST === void 0 ? void 0 : inAST.transformed)) return inAST;
+	const { compiler = src_exports$2, compilerOptions, ssr, onError } = options;
+	return createRoot((ssr ? src_exports$2 : compiler).parse(inAST.source, _objectSpread2(_objectSpread2({ prefixIdentifiers: true }, compilerOptions), {}, {
+		parseMode: "sfc",
+		onError
+	})).children.find((node) => node.type === 1 && node.tag === "template").children, inAST.source);
+}
+//#endregion
 //#region packages/compiler-sfc/src/script/importUsageCheck.ts
 /**
 * Check if an identifier is used in the SFC's template.
@@ -22987,23 +23031,28 @@ function createCache(max = 500) {
 *   when not using inline mode.
 * - 2.check whether the built-in properties such as $attrs, $slots, $emit are used in the template
 */
-function isUsedInTemplate(identifier, sfc) {
-	return resolveTemplateUsedIdentifiers(sfc).has(identifier);
+function isUsedInTemplate(identifier, sfc, options) {
+	return resolveTemplateUsedIdentifiers(sfc, options).has(identifier);
 }
 const templateAnalysisCache = createCache();
-function resolveTemplateVModelIdentifiers(sfc) {
-	return resolveTemplateAnalysisResult(sfc, false).vModelIds;
+function resolveTemplateVModelIdentifiers(sfc, options) {
+	return resolveTemplateAnalysisResult(sfc, false, options).vModelIds;
 }
-function resolveTemplateUsedIdentifiers(sfc) {
-	return resolveTemplateAnalysisResult(sfc).usedIds;
+function resolveTemplateUsedIdentifiers(sfc, options) {
+	return resolveTemplateAnalysisResult(sfc, true, options).usedIds;
 }
-function resolveTemplateAnalysisResult(sfc, collectUsedIds = true) {
+function resolveTemplateAnalysisResult(sfc, collectUsedIds = true, options) {
 	const { content, ast } = sfc.template;
 	const cached = templateAnalysisCache.get(content);
 	if (cached && (!collectUsedIds || cached.usedIds)) return cached;
 	const ids = collectUsedIds ? /* @__PURE__ */ new Set() : void 0;
 	const vModelIds = /* @__PURE__ */ new Set();
-	ast.children.forEach(walk);
+	resolveTemplateAST(ast, {
+		compiler: options === null || options === void 0 ? void 0 : options.compiler,
+		compilerOptions: options === null || options === void 0 ? void 0 : options.compilerOptions,
+		ssr: options === null || options === void 0 ? void 0 : options.ssr,
+		onError: () => {}
+	}).children.forEach(walk);
 	function walk(node) {
 		switch (node.type) {
 			case 1:
@@ -23058,6 +23107,7 @@ function extractIdentifiers$1(ids, node) {
 }
 //#endregion
 //#region packages/compiler-sfc/src/parse.ts
+init_objectSpread2();
 const DEFAULT_FILENAME = "anonymous.vue";
 const parseCache$1 = createCache();
 function parse(source, options = {}) {
@@ -24756,22 +24806,20 @@ const IRNodeTypes = {
 	"9": "SET_TEMPLATE_REF",
 	"INSERT_NODE": 10,
 	"10": "INSERT_NODE",
-	"PREPEND_NODE": 11,
-	"11": "PREPEND_NODE",
-	"CREATE_COMPONENT_NODE": 12,
-	"12": "CREATE_COMPONENT_NODE",
-	"SLOT_OUTLET_NODE": 13,
-	"13": "SLOT_OUTLET_NODE",
-	"DIRECTIVE": 14,
-	"14": "DIRECTIVE",
-	"IF": 15,
-	"15": "IF",
-	"FOR": 16,
-	"16": "FOR",
-	"KEY": 17,
-	"17": "KEY",
-	"GET_TEXT_CHILD": 18,
-	"18": "GET_TEXT_CHILD"
+	"CREATE_COMPONENT_NODE": 11,
+	"11": "CREATE_COMPONENT_NODE",
+	"SLOT_OUTLET_NODE": 12,
+	"12": "SLOT_OUTLET_NODE",
+	"DIRECTIVE": 13,
+	"13": "DIRECTIVE",
+	"IF": 14,
+	"14": "IF",
+	"FOR": 15,
+	"15": "FOR",
+	"KEY": 16,
+	"16": "KEY",
+	"GET_TEXT_CHILD": 17,
+	"17": "GET_TEXT_CHILD"
 };
 var TemplateRegistry = class {
 	constructor() {
@@ -24793,7 +24841,7 @@ const DynamicFlag = {
 };
 function isBlockOperation(op) {
 	const type = op.type;
-	return type === 12 || type === 13 || type === 15 || type === 17 || type === 16;
+	return type === 11 || type === 12 || type === 14 || type === 16 || type === 15;
 }
 //#endregion
 //#region packages/compiler-vapor/src/transforms/utils.ts
@@ -25137,7 +25185,7 @@ var TransformContext = class TransformContext {
 	isSingleRootChild(childInfo) {
 		if (this.inVFor || !childInfo.hasSingleRootChild) return false;
 		if (this.node.type === 0) return true;
-		return this.node.type === 1 && this.node.tagType === 3 && !!this.parent && this.isSingleRoot;
+		return this.node.type === 1 && (this.node.tagType === 3 || isTransitionNode(this.node)) && !!this.parent && this.isSingleRoot;
 	}
 };
 function hasSingleRootChild(children) {
@@ -25414,9 +25462,6 @@ function genInsertNode({ parent, elements, anchor }, { helper }) {
 	if (elements.length > 1) element = `[${element}]`;
 	return [NEWLINE, ...genCall(helper("insert"), element, `n${parent}`, anchor === void 0 ? void 0 : `n${anchor}`)];
 }
-function genPrependNode(oper, { helper }) {
-	return [NEWLINE, ...genCall(helper("prepend"), `n${oper.parent}`, ...oper.elements.map((el) => `n${el}`))];
-}
 //#endregion
 //#region packages/compiler-vapor/src/generators/expression.ts
 init_objectSpread2();
@@ -25906,7 +25951,10 @@ function extractMemberExpression(exp, onIdentifier) {
 		case "CallExpression": return `${extractMemberExpression(exp.callee, onIdentifier)}(${exp.arguments.map((arg) => extractMemberExpression(arg, onIdentifier)).join(", ")})`;
 		case "OptionalCallExpression": return `${extractMemberExpression(exp.callee, onIdentifier)}?.(${exp.arguments.map((arg) => extractMemberExpression(arg, onIdentifier)).join(", ")})`;
 		case "MemberExpression":
-		case "OptionalMemberExpression": return `${extractMemberExpression(exp.object, onIdentifier)}${exp.computed ? `[${extractMemberExpression(exp.property, onIdentifier)}]` : `.${extractMemberExpression(exp.property, NOOP)}`}`;
+		case "OptionalMemberExpression":
+			const object = extractMemberExpression(exp.object, onIdentifier);
+			const optional = exp.type === "OptionalMemberExpression" && exp.optional;
+			return `${object}${exp.computed ? `${optional ? "?." : ""}[${extractMemberExpression(exp.property, onIdentifier)}]` : `${optional ? "?." : "."}${extractMemberExpression(exp.property, NOOP)}`}`;
 		case "TSNonNullExpression": return `${extractMemberExpression(exp.expression, onIdentifier)}`;
 		default: return "";
 	}
@@ -26166,7 +26214,7 @@ function isFragmentBlock(block) {
 	const child = getSingleReturnedChild(block);
 	const operation = child && child.operation;
 	if (!operation) return false;
-	return operation.type === 13 || operation.type === 16 || operation.type === 17 || operation.type === 15 && !operation.once || operation.type === 12 && !!operation.dynamic && !operation.dynamic.isStatic;
+	return operation.type === 12 || operation.type === 15 || operation.type === 16 || operation.type === 14 && !operation.once || operation.type === 11 && !!operation.dynamic && !operation.dynamic.isStatic;
 }
 function getSingleReturnedChild(block) {
 	if (block.returns.length !== 1) return;
@@ -26345,8 +26393,8 @@ function isKeyOnlyBinding(expr, key, source) {
 //#region packages/compiler-vapor/src/generators/html.ts
 function genSetHtml(oper, context) {
 	const { helper } = context;
-	const { value, element, isComponent } = oper;
-	return [NEWLINE, ...genCall(isComponent ? helper("setBlockHtml") : helper("setHtml"), `n${element}`, genExpression(value, context))];
+	const { value, element } = oper;
+	return [NEWLINE, ...genCall(helper("setHtml"), `n${element}`, genExpression(value, context))];
 }
 //#endregion
 //#region packages/compiler-vapor/src/generators/if.ts
@@ -26648,9 +26696,9 @@ function genRefValue(value, context) {
 //#region packages/compiler-vapor/src/generators/text.ts
 function genSetText(oper, context) {
 	const { helper } = context;
-	const { element, values, generated, isComponent } = oper;
+	const { element, values, generated } = oper;
 	const texts = combineValues(values, context);
-	return [NEWLINE, ...genCall(isComponent ? helper("setBlockText") : helper("setText"), `${generated && !isComponent ? "x" : "n"}${element}`, texts)];
+	return [NEWLINE, ...genCall(helper("setText"), `${generated ? "x" : "n"}${element}`, texts)];
 }
 function combineValues(values, context) {
 	return values.flatMap((value, i) => {
@@ -26725,7 +26773,11 @@ function genCustomDirectives(opers, context) {
 	return [NEWLINE, ...genCall(helper("withVaporDirectives"), element, directives)];
 	function genDirectiveItem({ dir, name, asset }) {
 		const directiveVar = asset ? toValidAssetId(name, "directive") : genExpression(extend(createSimpleExpression(name, false), { ast: null }), context);
-		const value = dir.exp && ["() => ", ...genExpression(dir.exp, context)];
+		const value = dir.exp && [
+			"() => (",
+			...genExpression(dir.exp, context),
+			")"
+		];
 		const argument = dir.arg && genExpression(dir.arg, context);
 		const modifiers = !!dir.modifiers.length && [
 			"{ ",
@@ -26736,7 +26788,7 @@ function genCustomDirectives(opers, context) {
 	}
 }
 function filterCustomDirectives(id, operations) {
-	return operations.filter((oper) => oper.type === 14 && oper.element === id && !oper.builtin);
+	return operations.filter((oper) => oper.type === 13 && oper.element === id && !oper.builtin);
 }
 //#endregion
 //#region packages/compiler-vapor/src/generators/component.ts
@@ -26969,7 +27021,8 @@ function genDynamicProps(props, context, directStaticLiteralProps = false) {
 	if (frags.length) return genMulti(DELIMITERS_ARRAY_NEWLINE, ...frags);
 }
 function genProp(prop, context, isStatic, wrapHandler = true, directStaticLiteral = false) {
-	const values = genPropValue(prop.values, context);
+	let values = genPropValue(prop.values, context);
+	if (prop.toDisplayString) values = genCall(context.helper("toDisplayString"), values);
 	return [
 		...genPropKey(prop, context),
 		": ",
@@ -27047,7 +27100,7 @@ function genStaticSlots({ slots }, context, dynamicSlots) {
 	return genMulti(DELIMITERS_OBJECT_NEWLINE, ...args);
 }
 function genDynamicSlots(slots, context) {
-	return genMulti(DELIMITERS_ARRAY_NEWLINE, ...slots.map((slot) => slot.slotType === 0 ? genStaticSlots(slot, context) : slot.slotType === 4 ? slot.slots.content : genDynamicSlot(slot, context, true)));
+	return genMulti(DELIMITERS_ARRAY_NEWLINE, ...slots.map((slot) => slot.slotType === 0 ? genStaticSlots(slot, context) : slot.slotType === 4 ? slot.slots.content : genDynamicSlot(slot, context, slot.slotType !== 2)));
 }
 function genDynamicSlot(slot, context, withFunction = false) {
 	let frag;
@@ -27074,26 +27127,65 @@ function genBasicDynamicSlot(slot, context) {
 	return genMulti(DELIMITERS_OBJECT_NEWLINE, ["name: ", ...genExpression(name, context)], ["fn: ", ...genSlotBlockWithProps(fn, context, false)]);
 }
 function genLoopSlot(slot, context) {
-	const { name, fn, loop } = slot;
+	const { name, fn, loop, keyProp } = slot;
 	const { value, key, index, source } = loop;
 	const rawValue = value && value.content;
 	const rawKey = key && key.content;
 	const rawIndex = index && index.content;
-	const idMap = {};
-	if (rawValue) idMap[rawValue] = rawValue;
-	if (rawKey) idMap[rawKey] = rawKey;
-	if (rawIndex) idMap[rawIndex] = rawIndex;
-	const slotExpr = genMulti(DELIMITERS_OBJECT_NEWLINE, ["name: ", ...context.withId(() => genExpression(name, context), idMap)], ["fn: ", ...context.withId(() => genSlotBlockWithProps(fn, context, false), idMap)]);
-	return [...genCall(context.helper("createForSlots"), genExpression(source, context), [
+	const idToPathMap = parseValueDestructure(value, context);
+	const [depth, exitScope] = context.enterScope();
+	const itemVar = `_for_item${depth}`;
+	const idMap = buildDestructureIdMap(idToPathMap, `${itemVar}.value`, context.options.expressionPlugins);
+	idMap[itemVar] = null;
+	const args = [itemVar];
+	if (rawKey) {
+		const keyVar = `_for_key${depth}`;
+		args.push(keyVar);
+		idMap[rawKey] = `${keyVar}.value`;
+		idMap[keyVar] = null;
+	} else if (rawIndex) args.push("_");
+	if (rawIndex) {
+		const indexVar = `_for_index${depth}`;
+		args.push(indexVar);
+		idMap[rawIndex] = `${indexVar}.value`;
+		idMap[indexVar] = null;
+	}
+	const renderSlot = [
 		...genMulti([
 			"(",
 			")",
 			", "
-		], rawValue ? rawValue : rawKey || rawIndex ? "_" : void 0, rawKey ? rawKey : rawIndex ? "__" : void 0, rawIndex),
+		], ...args),
+		" => ",
+		...context.withId(() => genSlotBlockWithProps(fn, context, false), idMap)
+	];
+	exitScope();
+	const rawIdMap = {};
+	if (rawKey) rawIdMap[rawKey] = null;
+	if (rawIndex) rawIdMap[rawIndex] = null;
+	idToPathMap.forEach((_, id) => rawIdMap[id] = null);
+	const rawParams = genMulti([
+		"(",
+		")",
+		", "
+	], rawValue ? rawValue : rawKey || rawIndex ? "_" : void 0, rawKey ? rawKey : rawIndex ? "__" : void 0, rawIndex);
+	const getName = [
+		...rawParams,
 		" => (",
-		...slotExpr,
+		...context.withId(() => genExpression(name, context), rawIdMap),
 		")"
-	])];
+	];
+	const getKey = keyProp && [
+		...rawParams,
+		" => (",
+		...context.withId(() => genExpression(keyProp, context), rawIdMap),
+		")"
+	];
+	return [...genCall(context.helper("createForSlots"), [
+		"() => (",
+		...genExpression(source, context),
+		")"
+	], renderSlot, getName, getKey)];
 }
 function genConditionalSlot(slot, context) {
 	const { condition, positive, negative } = slot;
@@ -27123,7 +27215,7 @@ function genSlotBlockWithProps(oper, context, emitNonStableFlag = true) {
 	if (propsName) idMap[propsName] = null;
 	const exitSlotBlock = context.enterSlotBlock();
 	const hasStableRoot = hasStableSlotRoot(oper, context);
-	if (!hasStableRoot) markSlotRootOperations(oper);
+	if (!hasStableRoot) markSlotRootOperations(oper, context);
 	let blockFn = context.withId(() => genBlock(oper, context, propsName ? [propsName] : []), idMap);
 	if (emitNonStableFlag && !hasStableRoot) blockFn = genCall(context.helper("extend"), blockFn, [`{ _: ${genSlotFlags$1(8)} }`]);
 	exitSlotBlock();
@@ -27138,40 +27230,6 @@ function genSlotFlags$1(flags) {
 	if (flags & 8) names.push("NON_STABLE");
 	return `${flags} /* ${names.join(", ")} */`;
 }
-const commentOnlyTemplateRE = /^(?:<!--[\s\S]*?-->)+$/;
-function hasStableSlotRoot(block, context) {
-	let hasValidRoot = false;
-	for (let i = 0; i < block.returns.length; i++) {
-		const id = block.returns[i];
-		const child = findReturnedDynamic$1(block, id);
-		const operation = child && child.operation;
-		if (!operation) {
-			if (child && isStableTemplateSlotRoot(child, context)) hasValidRoot = true;
-			continue;
-		}
-		switch (operation.type) {
-			case 12:
-				if (!operation.dynamic || operation.dynamic.isStatic) {
-					hasValidRoot = true;
-					continue;
-				}
-				continue;
-			case 17:
-				if (hasStableSlotRoot(operation.block, context)) {
-					hasValidRoot = true;
-					continue;
-				}
-				continue;
-			default: continue;
-		}
-	}
-	return hasValidRoot;
-}
-function isStableTemplateSlotRoot(child, context) {
-	if (child.template == null) return false;
-	const content = context.ir.template.entries[child.template].content;
-	return content !== "" && !commentOnlyTemplateRE.test(content.trim());
-}
 //#endregion
 //#region packages/compiler-vapor/src/generators/slotOutlet.ts
 function genSlotOutlet(oper, context) {
@@ -27180,7 +27238,7 @@ function genSlotOutlet(oper, context) {
 	const [frag, push] = buildCodeFragment();
 	let fallbackArg;
 	if (fallback) {
-		if (context.inSlotBlock) markSlotRootOperations(fallback);
+		if (context.inSlotBlock) markSlotRootOperations(fallback, context);
 		fallbackArg = genBlock(fallback, context);
 	}
 	const createSlot = helper("createSlot");
@@ -27199,19 +27257,21 @@ function genSlotFlags(flags) {
 	if (flags & 1) names.push("NO_SLOTTED");
 	if (flags & 2) names.push("ONCE");
 	if (flags & 4) names.push("SLOT_ROOT");
+	if (flags & 16) names.push("SHARED_FALLBACK");
+	if (flags & 32) names.push("INHERIT_FALLBACK");
 	return `${flags} /* ${names.join(", ")} */`;
 }
 //#endregion
 //#region packages/compiler-vapor/src/generators/key.ts
 function genKey(oper, context) {
-	const { id, value, block } = oper;
+	const { id, value, block, slotRoot } = oper;
 	const [frag, push] = buildCodeFragment();
 	const blockFn = genBlock(block, context);
 	push(NEWLINE, `const n${id} = `, ...genCall(context.helper("createKeyedFragment"), [
 		`() => (`,
 		...genExpression(value, context),
 		")"
-	], blockFn));
+	], blockFn, slotRoot ? "true" : false));
 	return frag;
 }
 function genSetBlockKey(oper, context) {
@@ -27241,14 +27301,13 @@ function genOperation(oper, context) {
 		case 8: return genSetHtml(oper, context);
 		case 9: return genSetTemplateRef(oper, context);
 		case 10: return genInsertNode(oper, context);
-		case 11: return genPrependNode(oper, context);
-		case 15: return genIf(oper, context);
-		case 16: return genFor(oper, context);
-		case 17: return genKey(oper, context);
-		case 12: return genCreateComponent(oper, context);
-		case 13: return genSlotOutlet(oper, context);
-		case 14: return genBuiltinDirective(oper, context);
-		case 18: return genGetTextChild(oper, context);
+		case 14: return genIf(oper, context);
+		case 15: return genFor(oper, context);
+		case 16: return genKey(oper, context);
+		case 11: return genCreateComponent(oper, context);
+		case 12: return genSlotOutlet(oper, context);
+		case 13: return genBuiltinDirective(oper, context);
+		case 17: return genGetTextChild(oper, context);
 		default: throw new Error(`Unhandled operation type in genOperation: ${oper}`);
 	}
 }
@@ -27296,9 +27355,8 @@ function genEffect({ operations }, context) {
 	return frag;
 }
 function genInsertionState(operation, context) {
-	const { parent, anchor, logicalIndex, append } = operation;
-	const isPrepend = anchor === -1;
-	return [NEWLINE, ...genCall(context.helper("setInsertionState"), `n${parent}`, anchor == null ? void 0 : isPrepend ? `0` : append ? "null" : `n${anchor}`, logicalIndex !== void 0 && (!isPrepend || logicalIndex !== 0) ? String(logicalIndex) : void 0)];
+	const { parent, anchor, appendIndex } = operation;
+	return [NEWLINE, ...genCall(context.helper("setInsertionState"), `n${parent}`, anchor != null ? `n${anchor}` : appendIndex ? String(appendIndex) : void 0)];
 }
 //#endregion
 //#region packages/compiler-vapor/src/generators/template.ts
@@ -27336,6 +27394,16 @@ function genChildren(dynamic, context, pushBlock, from = `n${dynamic.id}`, flush
 	for (const [index, child] of children.entries()) {
 		if (child.flags & 2) offset--;
 		if (child.flags & 4 && child.template != null) {
+			if (child.anchor !== void 0) {
+				const elementIndex = index + offset;
+				const variable = `n${child.anchor}`;
+				pushBlock(NEWLINE, `const ${variable} = `, ...genAccessPath(context, from, elementIndex, prev));
+				prev = [
+					variable,
+					elementIndex,
+					false
+				];
+			}
 			flushBeforeDynamic && flushBeforeDynamic(child, push);
 			push(...genSelf(child, context, flushBeforeDynamic));
 			continue;
@@ -27347,9 +27415,8 @@ function genChildren(dynamic, context, pushBlock, from = `n${dynamic.id}`, flush
 			continue;
 		}
 		const elementIndex = index + offset;
-		const logicalIndex = child.logicalIndex !== void 0 ? String(child.logicalIndex) : void 0;
 		const inlinePlaceholder = id === void 0 && canInlinePlaceholder(child) && child.template == null && child.operation === void 0 && !(child.flags & 6);
-		const accessPath = genAccessPath(context, from, child, elementIndex, logicalIndex, prev);
+		const accessPath = genAccessPath(context, from, elementIndex, prev);
 		if (inlinePlaceholder) {
 			if (prev && prev[2]) {
 				push(...genChildren(child, context, pushBlock, [
@@ -27397,11 +27464,14 @@ function genChildren(dynamic, context, pushBlock, from = `n${dynamic.id}`, flush
 * Build one DOM lookup path while preserving the fast sibling walk:
 * adjacent nodes use _next(prev), otherwise fall back to _nthChild(parent).
 */
-function genAccessPath({ helper }, from, child, elementIndex, logicalIndex, prev) {
-	if (prev) return elementIndex - prev[1] === 1 ? genCall(helper("next"), prev[0], logicalIndex) : genNthChild(helper("nthChild"), from, elementIndex, logicalIndex);
-	if (elementIndex === 0) return genCall(helper("child"), from, child.logicalIndex !== 0 ? logicalIndex : void 0);
-	const firstChild = genCall(helper("child"), from);
-	return elementIndex === 1 ? genCall(helper("next"), firstChild, logicalIndex) : genNthChild(helper("nthChild"), from, elementIndex, logicalIndex);
+function genAccessPath({ helper }, from, elementIndex, prev) {
+	if (prev) return elementIndex - prev[1] === 1 ? genCall(helper("next"), prev[0]) : genCall(helper("nthChild"), from, String(elementIndex));
+	if (elementIndex === 0) return genCall(helper("child"), from);
+	if (elementIndex === 1) {
+		const firstChild = genCall(helper("child"), from);
+		return genCall(helper("next"), firstChild);
+	}
+	return genCall(helper("nthChild"), from, String(elementIndex));
 }
 /**
 * Only inline a placeholder when materializing it would not save a parent
@@ -27414,13 +27484,15 @@ function canInlinePlaceholder(dynamic) {
 /**
 * A following access can reuse the current placeholder cursor only when it is
 * the next DOM sibling. Gapped siblings need _nthChild(parent, index) instead.
+* Kept in lockstep with genChildren's traversal rules.
 */
 function hasAdjacentFollowingAccessChild(children, index, elementIndex, offset) {
 	let futureOffset = offset;
 	for (let i = index + 1; i < children.length; i++) {
 		const child = children[i];
 		if (child.flags & 2) futureOffset--;
-		if (!(child.flags & 4 && child.template != null) && (!!(child.flags & 1) || child.hasDynamicChild)) return i + futureOffset - elementIndex === 1;
+		if (child.flags & 4 && child.anchor === void 0) continue;
+		if (!!(child.flags & 1) || child.hasDynamicChild) return i + futureOffset - elementIndex === 1;
 	}
 	return false;
 }
@@ -27435,7 +27507,7 @@ function countParentAccessUsages(dynamic) {
 	let prev;
 	for (const [index, child] of dynamic.children.entries()) {
 		if (child.flags & 2) offset--;
-		if (child.flags & 4 && child.template != null) continue;
+		if (child.flags & 4 && child.template != null && child.anchor === void 0) continue;
 		const id = child.flags & 1 ? child.flags & 4 ? child.anchor : child.id : void 0;
 		if (id === void 0 && !child.hasDynamicChild) continue;
 		const elementIndex = index + offset;
@@ -27456,10 +27528,6 @@ function countParentAccessUsages(dynamic) {
 	}
 	return usages;
 }
-function genNthChild(nthChild, from, elementIndex, logicalIndex) {
-	const index = String(elementIndex);
-	return genCall(nthChild, from, index, logicalIndex === index ? void 0 : logicalIndex);
-}
 //#endregion
 //#region packages/compiler-vapor/src/generators/block.ts
 function genBlock(oper, context, args = [], root) {
@@ -27477,6 +27545,7 @@ function genBlock(oper, context, args = [], root) {
 function genBlockContent(block, context, root, genEffectsExtraFrag, skippedEffectIndexes) {
 	const [frag, push] = buildCodeFragment();
 	const { dynamic, effect, operation, returns } = block;
+	const modelOperations = operation.filter(isVModelOperation);
 	const resetBlock = context.enterBlock(block);
 	const singleUseAssetComponentNames = root ? collectSingleUseAssetComponents(block) : void 0;
 	const prevSingleUseAssetComponentNames = context.singleUseAssetComponentNames;
@@ -27495,7 +27564,8 @@ function genBlockContent(block, context, root, genEffectsExtraFrag, skippedEffec
 	let effectIndex = 0;
 	const flushPendingOperations = (operationEnd, effectEnd, push) => {
 		while (operationIndex < operationEnd) {
-			push(...genOperationWithInsertionState(operation[operationIndex], context));
+			const oper = operation[operationIndex];
+			if (!isVModelOperation(oper)) push(...genOperationWithInsertionState(oper, context));
 			operationIndex++;
 		}
 		if (effectIndex < effectEnd) {
@@ -27512,9 +27582,10 @@ function genBlockContent(block, context, root, genEffectsExtraFrag, skippedEffec
 		push(...genSelf(child, context, flushBeforeDynamic));
 	}
 	for (const child of dynamic.children) if (!child.hasDynamicChild) push(...genChildren(child, context, push, `n${child.id}`, flushBeforeDynamic));
-	if (operationIndex < operation.length) push(...genOperations(operation.slice(operationIndex), context));
+	if (operationIndex < operation.length) push(...genOperations(operation.slice(operationIndex).filter((oper) => !isVModelOperation(oper)), context));
 	if (effectIndex < effect.length) push(...genEffectRange(effectIndex, effect.length, genEffectsExtraFrag));
 	else if (genEffectsExtraFrag) push(...genEffects([], context, genEffectsExtraFrag));
+	if (modelOperations.length) push(...genOperations(modelOperations, context));
 	push(NEWLINE, `return `);
 	const returnNodes = returns.map((n) => `n${n}`);
 	push(...returnNodes.length > 1 ? genMulti(DELIMITERS_ARRAY, ...returnNodes) : [returnNodes[0] || "[]"]);
@@ -27532,27 +27603,48 @@ function genBlockContent(block, context, root, genEffectsExtraFrag, skippedEffec
 		for (const name of context.ir[kind]) push(NEWLINE, `const ${toValidAssetId(name, kind)} = `, ...genCall(context.helper(helper), JSON.stringify(name)));
 	}
 }
-function markSlotRootOperations(block) {
+function isVModelOperation(oper) {
+	return oper.type === 13 && oper.builtin === true && oper.name === "model";
+}
+function markSlotRootOperations(block, context, sharedFallback = false) {
+	if (hasStableSlotRoot(block, context)) return;
+	sharedFallback = sharedFallback || hasMultipleDynamicSlotRoots(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 === 12) markSlotRootComponent(operation);
+		if (operation.type === 14) markSlotRootIf(operation, context, sharedFallback);
+		else if (operation.type === 15) markSlotRootFor(operation, context);
+		else if (operation.type === 16) {
+			operation.slotRoot = true;
+			markSlotRootOperations(operation.block, context, sharedFallback);
+		} else if (operation.type === 11) markSlotRootComponent(operation);
+		else if (operation.type === 12) {
+			if (!(operation.flags & 2)) operation.flags |= 4;
+			if (sharedFallback) operation.flags |= 16;
+			else operation.flags |= 32;
+		}
 	}
 }
-function markSlotRootIf(operation) {
+function markSlotRootIf(operation, context, sharedFallback) {
 	if (!operation.once) operation.slotRoot = true;
-	markSlotRootOperations(operation.positive);
+	markSlotRootOperations(operation.positive, context, sharedFallback);
 	const negative = operation.negative;
 	if (!negative) return;
-	if (negative.type === 15) markSlotRootIf(negative);
-	else markSlotRootOperations(negative);
+	if (negative.type === 14) markSlotRootIf(negative, context, sharedFallback);
+	else markSlotRootOperations(negative, context, sharedFallback);
 }
-function markSlotRootFor(operation) {
+function markSlotRootFor(operation, context) {
 	if (!operation.once) operation.slotRoot = true;
-	markSlotRootOperations(operation.render);
+	markSlotRootOperations(operation.render, context, true);
+}
+function hasMultipleDynamicSlotRoots(block) {
+	let count = 0;
+	for (let i = 0; i < block.returns.length; i++) {
+		const child = findReturnedDynamic$1(block, block.returns[i]);
+		if (child && child.operation && ++count > 1) return true;
+	}
+	return false;
 }
 function markSlotRootComponent(operation) {
 	if (!operation.once && operation.dynamic && !operation.dynamic.isStatic) operation.slotRoot = true;
@@ -27563,6 +27655,40 @@ function findReturnedDynamic$1(block, id) {
 		if (child.id === id) return child;
 	}
 }
+const commentOnlyTemplateRE = /^(?:<!--[\s\S]*?-->)+$/;
+function hasStableSlotRoot(block, context) {
+	let hasValidRoot = false;
+	for (let i = 0; i < block.returns.length; i++) {
+		const id = block.returns[i];
+		const child = findReturnedDynamic$1(block, id);
+		const operation = child && child.operation;
+		if (!operation) {
+			if (child && isStableTemplateSlotRoot(child, context)) hasValidRoot = true;
+			continue;
+		}
+		switch (operation.type) {
+			case 11:
+				if (!operation.dynamic || operation.dynamic.isStatic) {
+					hasValidRoot = true;
+					continue;
+				}
+				continue;
+			case 16:
+				if (hasStableSlotRoot(operation.block, context)) {
+					hasValidRoot = true;
+					continue;
+				}
+				continue;
+			default: continue;
+		}
+	}
+	return hasValidRoot;
+}
+function isStableTemplateSlotRoot(child, context) {
+	if (child.template == null) return false;
+	const content = context.ir.template.entries[child.template].content;
+	return content !== "" && !commentOnlyTemplateRE.test(content.trim());
+}
 function collectSingleUseAssetComponents(block) {
 	const usageMap = /* @__PURE__ */ new Map();
 	const seenOperations = /* @__PURE__ */ new Set();
@@ -27582,7 +27708,7 @@ function collectSingleUseAssetComponents(block) {
 	function visitOperation(operation, rootCandidate) {
 		if (seenOperations.has(operation)) return;
 		seenOperations.add(operation);
-		if (operation.type === 12) {
+		if (operation.type === 11) {
 			if (operation.asset) {
 				const usage = usageMap.get(operation.tag) || {
 					count: 0,
@@ -27596,18 +27722,18 @@ function collectSingleUseAssetComponents(block) {
 			return;
 		}
 		switch (operation.type) {
-			case 15:
+			case 14:
 				visitBlock(operation.positive, false);
-				if (operation.negative) if (operation.negative.type === 15) visitOperation(operation.negative, false);
+				if (operation.negative) if (operation.negative.type === 14) visitOperation(operation.negative, false);
 				else visitBlock(operation.negative, false);
 				break;
-			case 16:
+			case 15:
 				visitBlock(operation.render, false);
 				break;
-			case 17:
+			case 16:
 				visitBlock(operation.block, false);
 				break;
-			case 13:
+			case 12:
 				if (operation.fallback) visitBlock(operation.fallback, false);
 				break;
 		}
@@ -27881,11 +28007,14 @@ const transformVHtml = (dir, node, context) => {
 		exp = EMPTY_EXPRESSION;
 	}
 	ignoreVHtmlChildren(node, context, "template");
+	if (node.tagType === 1) return {
+		key: createSimpleExpression("innerHTML", true, loc),
+		value: exp
+	};
 	context.registerEffect([exp], {
 		type: 8,
 		element: context.reference(),
-		value: exp,
-		isComponent: node.tagType === 1
+		value: exp
 	});
 };
 //#endregion
@@ -27979,7 +28108,7 @@ function transformComponentElement(node, propsResult, staticKey, singleRoot, con
 	context.dynamic.flags |= 6;
 	const id = context.reference();
 	context.dynamic.operation = _objectSpread2(_objectSpread2({
-		type: 12,
+		type: 11,
 		id
 	}, context.effectBoundary()), {}, {
 		tag,
@@ -28025,27 +28154,22 @@ function transformNativeElement(node, propsResult, staticKey, singleRoot, contex
 			tag
 		}, getEffectIndex);
 	} else {
-		let prevWasQuoted = false;
 		const appendTemplateProp = (key, value = "", generated = false) => {
-			if (!prevWasQuoted) template += ` `;
-			template += key;
+			template += ` ${key}`;
 			if (value) {
 				const escapedValue = generated ? escapeGeneratedAttrValue(value) : value.replace(/"/g, "&quot;");
-				template += (prevWasQuoted = NEEDS_QUOTES_RE.test(value)) ? `="${escapedValue}"` : `=${escapedValue}`;
-			} else prevWasQuoted = false;
+				template += NEEDS_QUOTES_RE.test(value) ? `="${escapedValue}"` : `=${escapedValue}`;
+			}
 		};
 		for (const prop of propsResult[1]) {
 			const { key, values } = prop;
 			const canStringifyAttrName = key.isStatic && !UNSAFE_ATTR_NAME_RE.test(key.content);
 			let foldedValue;
-			if (canStringifyAttrName && 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 (canStringifyAttrName && values.length === 1 && (values[0].isStatic || values[0].content === "''") && !dynamicKeys.includes(key.content)) {
+			if (canStringifyAttrName && context.imports.some((imported) => values[0].content.includes(imported.exp.content))) template += ` ${key.content}="${IMPORT_EXP_START}${values[0].content}${IMPORT_EXP_END}"`;
+			else if (canStringifyAttrName && 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 if (canStringifyAttrName && !prop.modifier && isBooleanAttr(key.content) && (foldedValue = foldBooleanAttrValue(values)) != null) {
+			} else if (canStringifyAttrName && !prop.modifier && (isBooleanAttr(key.content) || key.content === "hidden") && (foldedValue = foldBooleanAttrValue(key.content, values)) != null) {
 				if (foldedValue) appendTemplateProp(key.content);
 			} else if (canStringifyAttrName && !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);
@@ -28070,11 +28194,12 @@ function transformNativeElement(node, propsResult, staticKey, singleRoot, contex
 function escapeGeneratedAttrValue(value) {
 	return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
 }
-function foldBooleanAttrValue(values) {
+function foldBooleanAttrValue(key, values) {
 	if (values.length !== 1) return;
 	const evaluated = evaluateConstantExpression(values[0]);
 	if (!evaluated) return;
 	const value = evaluated.value;
+	if (key === "hidden" && typeof value === "number") return includeBooleanAttr(value);
 	if (value === true || value === false || value == null) return includeBooleanAttr(value);
 }
 function foldStyleValues(values) {
@@ -28436,7 +28561,7 @@ function transformProp(prop, node, context) {
 		if (fromSetup) name = fromSetup;
 		else context.directive.add(name);
 		context.registerOperation({
-			type: 14,
+			type: 13,
 			element: context.reference(),
 			dir: prop,
 			name,
@@ -28456,7 +28581,8 @@ function dedupeProperties(results) {
 		const name = prop.key.content;
 		const existing = knownProps.get(name);
 		if (existing && existing.handler === prop.handler) {
-			if (name === "style" || name === "class" || prop.handler) mergePropValues(existing, prop);
+			if (prop.handler) deduped.push(prop);
+			else if (name === "style" || name === "class") mergePropValues(existing, prop);
 		} else {
 			knownProps.set(name, prop);
 			deduped.push(prop);
@@ -28517,49 +28643,33 @@ const transformChildren = (node, context) => {
 	if (!isFragment) processDynamicChildren(context);
 };
 function processDynamicChildren(context) {
-	let prevDynamics = [];
-	let staticCount = 0;
 	const children = context.dynamic.children;
-	let logicalIndex = 0;
-	for (const [index, child] of children.entries()) {
-		if (child.flags & 4) {
-			child.logicalIndex = logicalIndex;
-			prevDynamics.push(child);
-			logicalIndex++;
-		}
-		if (!(child.flags & 2)) {
-			child.logicalIndex = logicalIndex;
-			if (prevDynamics.length) {
-				if (staticCount) {
-					context.childrenTemplate[index - prevDynamics.length] = `<!>`;
-					prevDynamics[0].flags -= 2;
-					const anchor = prevDynamics[0].anchor = context.increaseId();
-					registerInsertion(prevDynamics, context, anchor);
-				} else registerInsertion(prevDynamics, context, -1);
-				prevDynamics = [];
-			}
-			staticCount++;
-			logicalIndex++;
-		}
-	}
-	if (prevDynamics.length) registerInsertion(prevDynamics, context, prevDynamics[0].logicalIndex, true);
-}
-function registerInsertion(dynamics, context, anchor, append) {
-	for (const child of dynamics) {
-		const logicalIndex = child.logicalIndex;
-		if (child.template != null) context.registerOperation({
+	let lastTemplateIndex = -1;
+	for (let i = children.length - 1; i >= 0; i--) if (!(children[i].flags & 2)) {
+		lastTemplateIndex = i;
+		break;
+	}
+	let unitIndex = 0;
+	for (const [index, child] of children.entries()) if (child.flags & 4) {
+		let anchor;
+		if (index < lastTemplateIndex) {
+			context.childrenTemplate[index] = `<!>`;
+			child.flags = child.flags - 2 | 1;
+			anchor = child.anchor = context.increaseId();
+		}
+		if (child.template != null) child.operation = {
 			type: 10,
-			elements: dynamics.map((child) => child.id),
+			elements: [child.id],
 			parent: context.reference(),
-			anchor: append ? void 0 : anchor
-		});
+			anchor
+		};
 		else if (child.operation && isBlockOperation(child.operation)) {
 			child.operation.parent = context.reference();
-			child.operation.anchor = anchor;
-			child.operation.logicalIndex = logicalIndex;
-			child.operation.append = append;
+			if (anchor !== void 0) child.operation.anchor = anchor;
+			else child.operation.appendIndex = unitIndex;
 		}
-	}
+		unitIndex++;
+	} else if (!(child.flags & 2)) unitIndex++;
 }
 //#endregion
 //#region packages/compiler-vapor/src/transforms/vOnce.ts
@@ -28653,7 +28763,7 @@ function processTextContainer(children, context) {
 	else {
 		context.childrenTemplate = [" "];
 		context.registerOperation({
-			type: 18,
+			type: 17,
 			parent: context.reference()
 		});
 		context.registerEffect(values, {
@@ -28709,6 +28819,7 @@ function isTextLike(node) {
 }
 //#endregion
 //#region packages/compiler-vapor/src/transforms/vText.ts
+const isRawTextContainer = /* @__PURE__ */ makeMap("iframe,noembed,noframes,noscript,script,style,xmp");
 const transformVText = (dir, node, context) => {
 	let { exp, loc } = dir;
 	if (!exp) {
@@ -28721,18 +28832,22 @@ const transformVText = (dir, node, context) => {
 		for (const child of node.children) markNonTemplate(child, context);
 	}
 	if (isVoidTag(context.node.tag)) return;
+	if (node.tagType === 1) return {
+		key: createSimpleExpression("textContent", true),
+		value: exp,
+		toDisplayString: !isConstantVTextExpression(exp, context.options.bindingMetadata)
+	};
 	const literal = getLiteralExpressionValue(exp);
 	const useCreateElement = shouldUseCreateElement(context.node, context);
-	if (literal != null) if (useCreateElement) {
+	if (literal != null) if (useCreateElement || isRawTextContainer(node.tag)) {
 		const id = registerSyntheticTextChild(context, "", [exp]);
 		context.registerOperation({
 			type: 10,
 			elements: [id],
 			parent: context.reference()
 		});
-	} else context.childrenTemplate = [String(literal)];
+	} else context.childrenTemplate = [escapeHtml(literal)];
 	else {
-		const isComponent = node.tagType === 1;
 		let id;
 		if (useCreateElement) {
 			id = registerSyntheticTextChild(context, "");
@@ -28741,10 +28856,10 @@ const transformVText = (dir, node, context) => {
 				elements: [id],
 				parent: context.reference()
 			});
-		} else if (!isComponent) {
+		} else {
 			context.childrenTemplate = [" "];
 			context.registerOperation({
-				type: 18,
+				type: 17,
 				parent: context.reference()
 			});
 		}
@@ -28752,11 +28867,24 @@ const transformVText = (dir, node, context) => {
 			type: 5,
 			element: useCreateElement ? id : context.reference(),
 			values: [exp],
-			generated: !useCreateElement,
-			isComponent
+			generated: !useCreateElement
 		});
 	}
 };
+function isConstantVTextExpression(exp, bindings) {
+	if (isConstantExpression(exp)) return true;
+	if (exp.ast === null) {
+		const type = bindings[exp.content];
+		return type === "setup-const" || type === "literal-const";
+	}
+	if (!exp.ast) return false;
+	let isConstant = true;
+	walkIdentifiers(exp.ast, (id, parent, _parentStack, isReferenced) => {
+		if (parent && isStaticPropertyKey(id, parent)) return;
+		if (isReferenced && !isGloballyAllowed(id.name) && id.name !== "require" || (parent === null || parent === void 0 ? void 0 : parent.type) === "CallExpression" || (parent === null || parent === void 0 ? void 0 : parent.type) === "NewExpression" || (parent === null || parent === void 0 ? void 0 : parent.type) === "MemberExpression") isConstant = false;
+	}, true);
+	return isConstant;
+}
 //#endregion
 //#region packages/compiler-vapor/src/transforms/vOn.ts
 const delegatedEvents = /* @__PURE__ */ makeMap("beforeinput,click,dblclick,contextmenu,focusin,focusout,input,keydown,keyup,mousedown,mousemove,mouseout,mouseover,mouseup,pointerdown,pointermove,pointerout,pointerover,pointerup,touchend,touchmove,touchstart");
@@ -28856,7 +28984,7 @@ const transformVShow = (dir, node, context) => {
 		return;
 	}
 	context.registerOperation({
-		type: 14,
+		type: 13,
 		element: context.reference(),
 		dir,
 		name: "show",
@@ -28940,7 +29068,7 @@ const transformVModel = (dir, node, context) => {
 	else checkDuplicatedValue();
 	else context.options.onError(createDOMCompilerError(58, dir.loc));
 	if (modelType) context.registerOperation({
-		type: 14,
+		type: 13,
 		element: context.reference(),
 		dir,
 		name: "model",
@@ -29005,7 +29133,7 @@ function processIf(node, dir, context) {
 		return () => {
 			onExit();
 			context.dynamic.operation = _objectSpread2(_objectSpread2({
-				type: 15,
+				type: 14,
 				id
 			}, context.effectBoundary()), {}, {
 				blockShape: encodeIfBlockShape(branch, forceMultiRoot, void 0, allowNoScope),
@@ -29021,16 +29149,16 @@ function processIf(node, dir, context) {
 		let lastIfNode;
 		if (siblings) {
 			let i = siblings.length;
-			while (i--) if (siblings[i].operation && siblings[i].operation.type === 15) {
+			while (i--) if (siblings[i].operation && siblings[i].operation.type === 14) {
 				lastIfNode = siblings[i].operation;
 				break;
 			}
 		}
-		if (!siblingIf || !lastIfNode || lastIfNode.type !== 15) {
+		if (!siblingIf || !lastIfNode || lastIfNode.type !== 14) {
 			context.options.onError(createCompilerError(30, node.loc));
 			return;
 		}
-		while (lastIfNode.negative && lastIfNode.negative.type === 15) lastIfNode = lastIfNode.negative;
+		while (lastIfNode.negative && lastIfNode.negative.type === 14) lastIfNode = lastIfNode.negative;
 		if (dir.name === "else-if" && lastIfNode.negative) context.options.onError(createCompilerError(30, node.loc));
 		const comments = context.comment;
 		if (comments.length) {
@@ -29043,7 +29171,7 @@ function processIf(node, dir, context) {
 		const [branch, onExit] = createIfBranch(node, context);
 		if (dir.name === "else") lastIfNode.negative = branch;
 		else lastIfNode.negative = {
-			type: 15,
+			type: 14,
 			id: -1,
 			condition: dir.exp,
 			positive: branch,
@@ -29053,7 +29181,7 @@ function processIf(node, dir, context) {
 		};
 		return () => {
 			onExit();
-			if (lastIfNode.negative.type === 15) lastIfNode.negative.blockShape = encodeIfBlockShape(lastIfNode.negative.positive, forceMultiRoot, void 0, allowNoScope);
+			if (lastIfNode.negative.type === 14) lastIfNode.negative.blockShape = encodeIfBlockShape(lastIfNode.negative.positive, forceMultiRoot, void 0, allowNoScope);
 			lastIfNode.blockShape = encodeIfBlockShape(lastIfNode.positive, forceMultiRoot, lastIfNode.negative, allowNoScope);
 		};
 	}
@@ -29072,12 +29200,12 @@ function createIfBranch(node, context) {
 function encodeIfBlockShape(positive, forceMultiRoot = false, negative, allowNoScope = true) {
 	if (forceMultiRoot) return 10;
 	const positiveNoScope = allowNoScope && canSkipIfBranchScope(positive);
-	const negativeNoScope = allowNoScope && negative && negative.type !== 15 && canSkipIfBranchScope(negative);
+	const negativeNoScope = allowNoScope && negative && negative.type !== 14 && canSkipIfBranchScope(negative);
 	return getBlockShape(positive) | getNegativeIfBranchShape(negative) << 2 | (positiveNoScope ? 32 : 0) | (negativeNoScope ? 64 : 0);
 }
 function getNegativeIfBranchShape(negative) {
 	if (!negative) return 0;
-	return negative.type === 15 ? 1 : getBlockShape(negative);
+	return negative.type === 14 ? 1 : getBlockShape(negative);
 }
 function canSkipIfBranchScope(block) {
 	if (block.effect.length || block.operation.length) return false;
@@ -29134,7 +29262,7 @@ function processFor(node, dir, context) {
 		const { parent } = context;
 		const isOnlyChild = parent && parent.block.node !== parent.node && parent.node.children.length === 1;
 		context.dynamic.operation = _objectSpread2(_objectSpread2({
-			type: 16,
+			type: 15,
 			id
 		}, context.effectBoundary()), {}, {
 			source,
@@ -29182,7 +29310,7 @@ const transformSlotOutlet = (node, context) => {
 	if (slotProps.length) {
 		const [isDynamic, props] = buildProps(extend({}, node, { props: slotProps }), context, true);
 		irProps = isDynamic ? props : [props];
-		const runtimeDirective = context.block.operation.find((oper) => oper.type === 14 && oper.element === id);
+		const runtimeDirective = context.block.operation.find((oper) => oper.type === 13 && oper.element === id);
 		if (runtimeDirective) context.options.onError(createCompilerError(36, runtimeDirective.dir.loc));
 	}
 	return () => {
@@ -29191,7 +29319,7 @@ const transformSlotOutlet = (node, context) => {
 		if (context.options.scopeId && !context.options.slotted) flags |= 1;
 		if (context.inVOnce) flags |= 2;
 		context.dynamic.operation = _objectSpread2(_objectSpread2({
-			type: 13,
+			type: 12,
 			id
 		}, context.effectBoundary()), {}, {
 			name: slotName,
@@ -29308,13 +29436,16 @@ function transformTemplateSlot(node, dir, context) {
 			};
 			ifNode.negative = negative;
 		} else context.options.onError(createCompilerError(30, vElse.loc));
-	} else if (vFor) if (vFor.forParseResult) registerDynamicSlot(slots, {
-		slotType: 2,
-		name: arg,
-		fn: block,
-		loop: vFor.forParseResult
-	});
-	else context.options.onError(createCompilerError(32, vFor.loc));
+	} else if (vFor) if (vFor.forParseResult) {
+		const keyProp = findProp(node, "key");
+		registerDynamicSlot(slots, {
+			slotType: 2,
+			name: arg,
+			fn: block,
+			loop: vFor.forParseResult,
+			keyProp: keyProp && propToExpression(keyProp)
+		});
+	} else context.options.onError(createCompilerError(32, vFor.loc));
 	return onExit;
 }
 function ensureStaticSlots(slots) {
@@ -29391,7 +29522,7 @@ const transformKey = (node, context) => {
 	return () => {
 		exitBlock();
 		context.dynamic.operation = _objectSpread2(_objectSpread2({
-			type: 17,
+			type: 16,
 			id
 		}, context.effectBoundary()), {}, {
 			value,
@@ -29759,6 +29890,7 @@ const ssrTransformElement = (node, context) => {
 								else {
 									attrName = node.tag.indexOf("-") > 0 ? attrName : propsToAttrMap[attrName] || attrName.toLowerCase();
 									if (isBooleanAttr(attrName)) openTag.push(createConditionalExpression(createCallExpression(context.helper(SSR_INCLUDE_BOOLEAN_ATTR), [value]), createSimpleExpression(" " + attrName, true), createSimpleExpression("", true), false));
+									else if (attrName === "hidden") openTag.push(createCallExpression(context.helper(SSR_RENDER_DYNAMIC_ATTR), [key, value]));
 									else if (isSSRSafeAttrName(attrName)) openTag.push(createCallExpression(context.helper(SSR_RENDER_ATTR), [key, value]));
 									else context.onError(createSSRCompilerError(65, key.loc));
 								}
@@ -30411,10 +30543,12 @@ function doCompileTemplate({ filename, id, scoped, slotted, inMap, source, ast:
 	const defaultCompiler = ssr ? src_exports : vapor ? src_exports$1 : src_exports$2;
 	compiler = compiler || defaultCompiler;
 	if (compiler !== defaultCompiler) inAST = void 0;
-	if (inAST === null || inAST === void 0 ? void 0 : inAST.transformed) inAST = createRoot((ssr ? src_exports$2 : compiler).parse(inAST.source, _objectSpread2(_objectSpread2({ prefixIdentifiers: true }, compilerOptions), {}, {
-		parseMode: "sfc",
+	inAST = resolveTemplateAST(inAST, {
+		compiler,
+		compilerOptions,
+		ssr,
 		onError: (e) => errors.push(e)
-	})).children.find((node) => node.type === 1 && node.tag === "template").children, inAST.source);
+	});
 	let { code, ast, preamble, map, helpers } = compiler.compile(inAST || source, _objectSpread2(_objectSpread2({
 		mode: "module",
 		prefixIdentifiers: true,
@@ -41423,7 +41557,13 @@ function resolveTypeReference(ctx, node, scope, name, onlyExported = false) {
 		return node._resolvedReference;
 	}
 	const resolved = innerResolveTypeReference(ctx, scope || ctxToScope(ctx), name || getReferenceName(node), node, onlyExported);
-	return canCache ? node._resolvedReference = resolved : resolved;
+	if (canCache) Object.defineProperty(node, "_resolvedReference", {
+		value: resolved,
+		writable: true,
+		configurable: true,
+		enumerable: false
+	});
+	return resolved;
 }
 function innerResolveTypeReference(ctx, scope, name, node, onlyExported) {
 	if (typeof name === "string") if (scope.imports[name]) return resolveTypeFromImport(ctx, node, name, scope);
@@ -42645,7 +42785,7 @@ function compileScript(sfc, options) {
 	}
 	function registerUserImport(source, local, imported, isType, isFromSetup, needTemplateUsageCheck) {
 		let isImportUsed = needTemplateUsageCheck;
-		if (needTemplateUsageCheck && ctx.isTS && sfc.template && !sfc.template.src && !sfc.template.lang) isImportUsed = isUsedInTemplate(local, sfc);
+		if (needTemplateUsageCheck && ctx.isTS && sfc.template && !sfc.template.src && !sfc.template.lang) isImportUsed = isUsedInTemplate(local, sfc, options.templateOptions);
 		ctx.userImports[local] = {
 			isType,
 			imported,
@@ -42848,7 +42988,7 @@ function compileScript(sfc, options) {
 	for (const key in scriptBindings) ctx.bindingMetadata[key] = scriptBindings[key];
 	for (const key in setupBindings) ctx.bindingMetadata[key] = setupBindings[key];
 	if (sfc.template && !sfc.template.src && sfc.template.ast) {
-		const vModelIds = resolveTemplateVModelIdentifiers(sfc);
+		const vModelIds = resolveTemplateVModelIdentifiers(sfc, options.templateOptions);
 		if (vModelIds.size) {
 			const toDemote = /* @__PURE__ */ new Set();
 			for (const id of vModelIds) if (setupBindings[id] === "setup-reactive-const") toDemote.add(id);
@@ -43105,7 +43245,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
 //#endregion
 //#region packages/compiler-sfc/src/index.ts
 init_objectSpread2();
-const version = "3.6.0-rc.2";
+const version = "3.6.0-rc.4";
 const parseCache = parseCache$1;
 const errorMessages = _objectSpread2(_objectSpread2({}, errorMessages$1), DOMErrorMessages);
 const walk = walk$2;