@vue/compiler-dom 3.6.0-rc.1 → 3.6.0-rc.11

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

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-dom v3.6.0-rc.1
+  * @vue/compiler-dom v3.6.0-rc.11
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -11,7 +11,7 @@
 * \/\*#\_\_PURE\_\_\*\/
 * So that they can be tree-shaken if necessary.
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function makeMap(str) {
 	const map = Object.create(null);
 	for (const key of str.split(",")) map[key] = 1;
@@ -32,8 +32,8 @@ const isArray = Array.isArray;
 const isString = (val) => typeof val === "string";
 const isSymbol = (val) => typeof val === "symbol";
 const isObject = (val) => val !== null && typeof val === "object";
-const isReservedProp = /* @__PURE__ */ makeMap(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted");
-const isBuiltInDirective = /* @__PURE__ */ makeMap("bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo");
+const isReservedProp = /*@__PURE__*/ makeMap(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted");
+const isBuiltInDirective = /*@__PURE__*/ makeMap("bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo");
 const cacheStringFunction = (fn) => {
 	const cache = Object.create(null);
 	return ((str) => {
@@ -140,10 +140,10 @@ function generateCodeFrame(source, start = 0, end = source.length) {
 //#region packages/shared/src/normalizeProp.ts
 const listDelimiterRE = /;(?![^(]*\))/g;
 const propertyDelimiterRE = /:([^]+)/;
-const styleCommentRE = /\/\*[^]*?\*\//g;
+const styleCommentRE = /"(?:[^"\\]|\\[^])*"|'(?:[^'\\]|\\[^])*'|\\[^]|\/\*[^]*?\*\//g;
 function parseStringStyle(cssText) {
 	const ret = {};
-	cssText.replace(styleCommentRE, "").split(listDelimiterRE).forEach((item) => {
+	cssText.replace(styleCommentRE, (match) => match.startsWith("/*") ? "" : match).split(listDelimiterRE).forEach((item) => {
 		if (item) {
 			const tmp = item.split(propertyDelimiterRE);
 			tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim());
@@ -161,22 +161,22 @@ const VOID_TAGS = "area,base,br,col,embed,hr,img,input,link,meta,param,source,tr
 * Compiler only.
 * Do NOT use in runtime code paths unless behind `__DEV__` flag.
 */
-const isHTMLTag = /* @__PURE__ */ makeMap(HTML_TAGS);
+const isHTMLTag = /*@__PURE__*/ makeMap(HTML_TAGS);
 /**
 * Compiler only.
 * Do NOT use in runtime code paths unless behind `__DEV__` flag.
 */
-const isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS);
+const isSVGTag = /*@__PURE__*/ makeMap(SVG_TAGS);
 /**
 * Compiler only.
 * Do NOT use in runtime code paths unless behind `__DEV__` flag.
 */
-const isMathMLTag = /* @__PURE__ */ makeMap(MATH_TAGS);
+const isMathMLTag = /*@__PURE__*/ makeMap(MATH_TAGS);
 /**
 * Compiler only.
 * Do NOT use in runtime code paths unless behind `__DEV__` flag.
 */
-const isVoidTag = /* @__PURE__ */ makeMap(VOID_TAGS);
+const isVoidTag = /*@__PURE__*/ makeMap(VOID_TAGS);
 //#endregion
 //#region packages/compiler-core/src/runtimeHelpers.ts
 const FRAGMENT = Symbol(`Fragment`);
@@ -721,13 +721,14 @@ var Tokenizer = class {
 		}
 	}
 	stateInterpolationOpen(c) {
-		if (c === this.delimiterOpen[this.delimiterIndex]) if (this.delimiterIndex === this.delimiterOpen.length - 1) {
-			const start = this.index + 1 - this.delimiterOpen.length;
-			if (start > this.sectionStart) this.cbs.ontext(this.sectionStart, start);
-			this.state = 3;
-			this.sectionStart = start;
-		} else this.delimiterIndex++;
-		else if (this.inRCDATA) {
+		if (c === this.delimiterOpen[this.delimiterIndex]) {
+			if (this.delimiterIndex === this.delimiterOpen.length - 1) {
+				const start = this.index + 1 - this.delimiterOpen.length;
+				if (start > this.sectionStart) this.cbs.ontext(this.sectionStart, start);
+				this.state = 3;
+				this.sectionStart = start;
+			} else this.delimiterIndex++;
+		} else if (this.inRCDATA) {
 			this.state = 32;
 			this.stateInRCDATA(c);
 		} else {
@@ -743,13 +744,14 @@ var Tokenizer = class {
 		}
 	}
 	stateInterpolationClose(c) {
-		if (c === this.delimiterClose[this.delimiterIndex]) if (this.delimiterIndex === this.delimiterClose.length - 1) {
-			this.cbs.oninterpolation(this.sectionStart, this.index + 1);
-			if (this.inRCDATA) this.state = 32;
-			else this.state = 1;
-			this.sectionStart = this.index + 1;
-		} else this.delimiterIndex++;
-		else {
+		if (c === this.delimiterClose[this.delimiterIndex]) {
+			if (this.delimiterIndex === this.delimiterClose.length - 1) {
+				this.cbs.oninterpolation(this.sectionStart, this.index + 1);
+				if (this.inRCDATA) this.state = 32;
+				else this.state = 1;
+				this.sectionStart = this.index + 1;
+			} else this.delimiterIndex++;
+		} else {
 			this.state = 3;
 			this.stateInterpolation(c);
 		}
@@ -864,9 +866,10 @@ var Tokenizer = class {
 			this.sectionStart = this.index;
 			if (this.mode === 0) this.state = 6;
 			else if (this.inSFCRoot) this.state = 34;
-			else if (!this.inXML) if (c === 116) this.state = 30;
-			else this.state = c === 115 ? 29 : 6;
-			else this.state = 6;
+			else if (!this.inXML) {
+				if (c === 116) this.state = 30;
+				else this.state = c === 115 ? 29 : 6;
+			} else this.state = 6;
 		} else if (c === 47) this.state = 8;
 		else {
 			this.state = 1;
@@ -1219,9 +1222,7 @@ var Tokenizer = class {
 				case 24:
 					this.stateInProcessingInstruction(c);
 					break;
-				case 33:
-					this.stateInEntity();
-					break;
+				case 33: this.stateInEntity();
 			}
 			this.index++;
 		}
@@ -1250,9 +1251,10 @@ var Tokenizer = class {
 	handleTrailingData() {
 		const endIndex = this.buffer.length;
 		if (this.sectionStart >= endIndex) return;
-		if (this.state === 28) if (this.currentSequence === Sequences.CdataEnd) this.cbs.oncdata(this.sectionStart, endIndex);
-		else this.cbs.oncomment(this.sectionStart, endIndex);
-		else if (this.state === 6 || this.state === 11 || this.state === 18 || this.state === 17 || this.state === 12 || this.state === 13 || this.state === 14 || this.state === 15 || this.state === 16 || this.state === 20 || this.state === 19 || this.state === 21 || this.state === 9) {} else this.cbs.ontext(this.sectionStart, endIndex);
+		if (this.state === 28) {
+			if (this.currentSequence === Sequences.CdataEnd) this.cbs.oncdata(this.sectionStart, endIndex);
+			else this.cbs.oncomment(this.sectionStart, endIndex);
+		} else if (this.state === 6 || this.state === 11 || this.state === 18 || this.state === 17 || this.state === 12 || this.state === 13 || this.state === 14 || this.state === 15 || this.state === 16 || this.state === 20 || this.state === 19 || this.state === 21 || this.state === 9) {} else this.cbs.ontext(this.sectionStart, endIndex);
 	}
 	emitCodePoint(cp, consumed) {}
 };
@@ -1585,9 +1587,7 @@ function extractIdentifiers(param, nodes = []) {
 		case "RestElement":
 			extractIdentifiers(param.argument, nodes);
 			break;
-		case "AssignmentPattern":
-			extractIdentifiers(param.left, nodes);
-			break;
+		case "AssignmentPattern": extractIdentifiers(param.left, nodes);
 	}
 	return nodes;
 }
@@ -1723,12 +1723,10 @@ const isMemberExpressionBrowser = (exp) => {
 					if (!--currentOpenParensCount) state = stateStack.pop();
 				}
 				break;
-			case 3:
-				if (char === currentStringType) {
-					state = stateStack.pop();
-					currentStringType = null;
-				}
-				break;
+			case 3: if (char === currentStringType) {
+				state = stateStack.pop();
+				currentStringType = null;
+			}
 		}
 	}
 	return !currentOpenBracketCount && !currentOpenParensCount;
@@ -1799,7 +1797,7 @@ function isTemplateNode(node) {
 function isSlotOutlet(node) {
 	return node.type === 1 && node.tagType === 2;
 }
-const propsHelperSet = new Set([NORMALIZE_PROPS, GUARD_REACTIVE_PROPS]);
+const propsHelperSet = /* @__PURE__ */ new Set([NORMALIZE_PROPS, GUARD_REACTIVE_PROPS]);
 function getUnnormalizedProps(props, callPath = []) {
 	if (props && !isString(props) && props.type === 14) {
 		const callee = props.callee;
@@ -1842,9 +1840,10 @@ function injectProp(node, prop, context) {
 		propsWithInjection = createCallExpression(context.helper(MERGE_PROPS), [createObjectExpression([prop]), props]);
 		if (parentCall && parentCall.callee === GUARD_REACTIVE_PROPS) parentCall = callPath[callPath.length - 2];
 	}
-	if (node.type === 13) if (parentCall) parentCall.arguments[0] = propsWithInjection;
-	else node.props = propsWithInjection;
-	else if (parentCall) parentCall.arguments[0] = propsWithInjection;
+	if (node.type === 13) {
+		if (parentCall) parentCall.arguments[0] = propsWithInjection;
+		else node.props = propsWithInjection;
+	} else if (parentCall) parentCall.arguments[0] = propsWithInjection;
 	else node.arguments[2] = propsWithInjection;
 }
 function injectSlotKey(node, prop) {
@@ -2159,10 +2158,7 @@ const tokenizer = new Tokenizer(stack, {
 			case 18:
 			case 19:
 			case 20:
-			case 21:
-				emitError(9, end);
-				break;
-			default: break;
+			case 21: emitError(9, end);
 		}
 		for (let index = 0; index < stack.length; index++) {
 			onCloseTag(stack[index], end - 1);
@@ -2312,7 +2308,7 @@ function backTrack(index, c) {
 	while (currentInput.charCodeAt(i) !== c && i >= 0) i--;
 	return i;
 }
-const specialTemplateDir = new Set([
+const specialTemplateDir = /* @__PURE__ */ new Set([
 	"if",
 	"else",
 	"else-if",
@@ -2348,16 +2344,18 @@ function condenseWhitespace(nodes) {
 	let removedWhitespace = false;
 	for (let i = 0; i < nodes.length; i++) {
 		const node = nodes[i];
-		if (node.type === 2) if (!inPre) {
-			if (isAllWhitespace(node.content)) {
-				const prev = nodes[i - 1] && nodes[i - 1].type;
-				const next = nodes[i + 1] && nodes[i + 1].type;
-				if (!prev || !next || shouldCondense && (prev === 3 && (next === 3 || next === 1) || prev === 1 && (next === 3 || next === 1 && hasNewlineChar(node.content)))) {
-					removedWhitespace = true;
-					nodes[i] = null;
-				} else node.content = " ";
-			} else if (shouldCondense) node.content = condense(node.content);
-		} else node.content = node.content.replace(windowsNewlineRE, "\n");
+		if (node.type === 2) {
+			if (!inPre) {
+				if (isAllWhitespace(node.content)) {
+					const prev = nodes[i - 1] && nodes[i - 1].type;
+					const next = nodes[i + 1] && nodes[i + 1].type;
+					if (!prev || !next || shouldCondense && (prev === 3 && (next === 3 || next === 1) || prev === 1 && (next === 3 || next === 1 && hasNewlineChar(node.content)))) {
+						removedWhitespace = true;
+						nodes[i] = null;
+					} else node.content = " ";
+				} else if (shouldCondense) node.content = condense(node.content);
+			} else node.content = node.content.replace(windowsNewlineRE, "\n");
+		}
 	}
 	return removedWhitespace ? nodes.filter(Boolean) : nodes;
 }
@@ -2618,7 +2616,7 @@ function getConstantType(node, context) {
 		default: return 0;
 	}
 }
-const allowHoistedHelperSet = new Set([
+const allowHoistedHelperSet = /* @__PURE__ */ new Set([
 	NORMALIZE_CLASS,
 	NORMALIZE_STYLE,
 	NORMALIZE_PROPS,
@@ -2662,7 +2660,7 @@ function getSelfName(filename) {
 	const nameMatch = filename.replace(/\?.*$/, "").match(/([^/\\]+)\.\w+$/);
 	return nameMatch ? capitalize(camelize(nameMatch[1])) : null;
 }
-function createTransformContext(root, { filename = "", prefixIdentifiers = false, hoistStatic = false, hmr = false, cacheHandlers = false, nodeTransforms = [], directiveTransforms = {}, transformHoist = null, isBuiltInComponent = NOOP, isCustomElement = NOOP, expressionPlugins = [], scopeId = null, slotted = true, ssr = false, inSSR = false, ssrCssVars = ``, bindingMetadata = EMPTY_OBJ, inline = false, isTS = false, eventDelegation = true, onError = defaultOnError, onWarn = defaultOnWarn, compatConfig }) {
+function createTransformContext(root, { filename = "", prefixIdentifiers = false, hoistStatic = false, hmr = false, cacheHandlers = false, nodeTransforms = [], directiveTransforms = {}, transformHoist = null, isBuiltInComponent = NOOP, isCustomElement = NOOP, expressionPlugins = [], scopeId = null, slotted = true, ssr = false, inSSR = false, ssrCssVars = ``, bindingMetadata = EMPTY_OBJ, inline = false, isTS = false, onError = defaultOnError, onWarn = defaultOnWarn, compatConfig }) {
 	const context = {
 		filename,
 		selfName: getSelfName(filename),
@@ -2684,7 +2682,6 @@ function createTransformContext(root, { filename = "", prefixIdentifiers = false
 		bindingMetadata,
 		inline,
 		isTS,
-		eventDelegation,
 		onError,
 		onWarn,
 		compatConfig,
@@ -2777,7 +2774,7 @@ function transform(root, options) {
 	traverseNode(root, context);
 	if (options.hoistStatic) cacheStatic(root, context);
 	if (!options.ssr) createRootCodegen(root, context);
-	root.helpers = new Set([...context.helpers.keys()]);
+	root.helpers = /* @__PURE__ */ new Set([...context.helpers.keys()]);
 	root.components = [...context.components];
 	root.directives = [...context.directives];
 	root.imports = context.imports;
@@ -2824,8 +2821,10 @@ function traverseNode(node, context) {
 	const exitFns = [];
 	for (let i = 0; i < nodeTransforms.length; i++) {
 		const onExit = nodeTransforms[i](node, context);
-		if (onExit) if (isArray(onExit)) exitFns.push(...onExit);
-		else exitFns.push(onExit);
+		if (onExit) {
+			if (isArray(onExit)) exitFns.push(...onExit);
+			else exitFns.push(onExit);
+		}
 		if (!context.currentNode) return;
 		else node = context.currentNode;
 	}
@@ -2842,9 +2841,7 @@ function traverseNode(node, context) {
 		case 10:
 		case 11:
 		case 1:
-		case 0:
-			traverseChildren(node, context);
-			break;
+		case 0: traverseChildren(node, context);
 	}
 	context.currentNode = node;
 	let i = exitFns.length;
@@ -3050,10 +3047,12 @@ function genNodeList(nodes, context, multilines = false, comma = true) {
 		if (isString(node)) push(node, -3);
 		else if (isArray(node)) genNodeListAsArray(node, context);
 		else genNode(node, context);
-		if (i < nodes.length - 1) if (multilines) {
-			comma && push(",");
-			newline();
-		} else comma && push(", ");
+		if (i < nodes.length - 1) {
+			if (multilines) {
+				comma && push(",");
+				newline();
+			} else comma && push(", ");
+		}
 	}
 }
 function genNode(node, context) {
@@ -3165,8 +3164,10 @@ function genVNodeCall(node, context) {
 	const { push, helper, pure } = context;
 	const { tag, props, children, patchFlag, dynamicProps, directives, isBlock, disableTracking, isComponent } = node;
 	let patchFlagString;
-	if (patchFlag) if (patchFlag < 0) patchFlagString = patchFlag + ` /* ${PatchFlagNames[patchFlag]} */`;
-	else patchFlagString = patchFlag + ` /* ${Object.keys(PatchFlagNames).map(Number).filter((n) => n > 0 && patchFlag & n).map((n) => PatchFlagNames[n]).join(`, `)} */`;
+	if (patchFlag) {
+		if (patchFlag < 0) patchFlagString = patchFlag + ` /* ${PatchFlagNames[patchFlag]} */`;
+		else patchFlagString = patchFlag + ` /* ${Object.keys(PatchFlagNames).map(Number).filter((n) => n > 0 && patchFlag & n).map((n) => PatchFlagNames[n]).join(`, `)} */`;
+	}
 	if (directives) push(helper(WITH_DIRECTIVES) + `(`);
 	if (isBlock) push(`(${helper(OPEN_BLOCK)}(${disableTracking ? `true` : ``}), `);
 	if (pure) push(PURE_ANNOTATION);
@@ -3328,7 +3329,7 @@ function validateBrowserExpression(node, context, asParams = false, asRawStateme
 }
 //#endregion
 //#region packages/compiler-core/src/transforms/transformExpression.ts
-const isLiteralWhitelisted = /* @__PURE__ */ makeMap("true,false,null,this");
+const isLiteralWhitelisted = /*@__PURE__*/ makeMap("true,false,null,this");
 const transformExpression = (node, context) => {
 	if (node.type === 5) node.content = processExpression(node.content, context);
 	else if (node.type === 1) {
@@ -3441,16 +3442,17 @@ function createChildrenCodegenNode(branch, keyIndex, context) {
 	const keyProperty = createObjectProperty(`key`, createSimpleExpression(`${keyIndex}`, false, locStub, 2));
 	const { children } = branch;
 	const firstChild = children[0];
-	if (children.length !== 1 || firstChild.type !== 1) if (children.length === 1 && firstChild.type === 11) {
-		const vnodeCall = firstChild.codegenNode;
-		injectProp(vnodeCall, keyProperty, context);
-		return vnodeCall;
+	if (children.length !== 1 || firstChild.type !== 1) {
+		if (children.length === 1 && firstChild.type === 11) {
+			const vnodeCall = firstChild.codegenNode;
+			injectProp(vnodeCall, keyProperty, context);
+			return vnodeCall;
+		} else {
+			let patchFlag = 64;
+			if (!branch.isTemplateIf && children.filter((c) => c.type !== 3).length === 1) patchFlag |= 2048;
+			return createVNodeCall(context, helper(FRAGMENT), createObjectExpression([keyProperty]), children, patchFlag, void 0, void 0, true, false, false, branch.loc);
+		}
 	} else {
-		let patchFlag = 64;
-		if (!branch.isTemplateIf && children.filter((c) => c.type !== 3).length === 1) patchFlag |= 2048;
-		return createVNodeCall(context, helper(FRAGMENT), createObjectExpression([keyProperty]), children, patchFlag, void 0, void 0, true, false, false, branch.loc);
-	}
-	else {
 		const ret = firstChild.codegenNode;
 		const vnodeCall = getMemoedVNodeCall(ret);
 		if (vnodeCall.type === 13) convertToBlock(vnodeCall, context);
@@ -3471,9 +3473,10 @@ function isSameKey(a, b) {
 	return true;
 }
 function getParentCondition(node) {
-	while (true) if (node.type === 19) if (node.alternate.type === 19) node = node.alternate;
-	else return node;
-	else if (node.type === 20) node = node.value;
+	while (true) if (node.type === 19) {
+		if (node.alternate.type === 19) node = node.alternate;
+		else return node;
+	} else if (node.type === 20) node = node.value;
 }
 //#endregion
 //#region packages/compiler-core/src/transforms/vFor.ts
@@ -3511,15 +3514,24 @@ const transformFor = createStructuralDirectiveTransform("for", (node, dir, conte
 			else {
 				childBlock = children[0].codegenNode;
 				if (isTemplate && keyProperty) injectProp(childBlock, keyProperty, context);
-				if (childBlock.isBlock !== !isStableFragment) if (childBlock.isBlock) {
-					removeHelper(OPEN_BLOCK);
-					removeHelper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
-				} else removeHelper(getVNodeHelper(context.inSSR, childBlock.isComponent));
-				childBlock.isBlock = !isStableFragment;
+				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 = 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`)]));
@@ -3710,8 +3722,10 @@ function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
 			return createObjectProperty(`default`, fn);
 		};
 		if (!hasTemplateSlots) slotsProperties.push(buildDefaultSlotProperty(void 0, children));
-		else if (implicitDefaultChildren.length && !implicitDefaultChildren.every(isWhitespaceText)) if (hasNamedDefaultSlot) context.onError(createCompilerError(39, implicitDefaultChildren[0].loc));
-		else slotsProperties.push(buildDefaultSlotProperty(void 0, implicitDefaultChildren));
+		else if (implicitDefaultChildren.length && !implicitDefaultChildren.every(isWhitespaceText)) {
+			if (hasNamedDefaultSlot) context.onError(createCompilerError(39, implicitDefaultChildren[0].loc));
+			else slotsProperties.push(buildDefaultSlotProperty(void 0, implicitDefaultChildren));
+		}
 	}
 	const slotFlag = hasDynamicSlots ? 2 : hasForwardedSlots(node.children) ? 3 : 1;
 	let slots = createObjectExpression(slotsProperties.concat(createObjectProperty(`_`, createSimpleExpression(slotFlag + ` /* ${slotFlagsText[slotFlag]} */`, false))), loc);
@@ -3737,10 +3751,7 @@ function hasForwardedSlots(children) {
 				if (hasForwardedSlots(child.branches)) return true;
 				break;
 			case 10:
-			case 11:
-				if (hasForwardedSlots(child.children)) return true;
-				break;
-			default: break;
+			case 11: if (hasForwardedSlots(child.children)) return true;
 		}
 	}
 	return false;
@@ -3762,12 +3773,16 @@ const transformElement = (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(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;
@@ -3796,7 +3811,10 @@ const transformElement = (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) {
@@ -3830,6 +3848,7 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 	const runtimeDirectives = [];
 	const hasChildren = children.length > 0;
 	let shouldUseBlock = false;
+	let isBlockRequired = false;
 	let patchFlag = 0;
 	let hasRef = false;
 	let hasClassBinding = false;
@@ -3854,12 +3873,12 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 			const isEventHandler = isOn(name);
 			if (isEventHandler && (!isComponent || isDynamicComponent) && name.toLowerCase() !== "onclick" && name !== "onUpdate:modelValue" && !isReservedProp(name)) hasHydrationEventBinding = true;
 			if (isEventHandler && isReservedProp(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;
 	};
@@ -3885,33 +3904,38 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 			if (name === "once" || name === "memo") continue;
 			if (name === "is" || isVBind && isStaticArgOf(arg, "is") && (isComponentTag(tag) || isCompatEnabled("COMPILER_IS_ON_ELEMENT", context))) 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;
-				if (exp) if (isVBind) {
-					pushMergeArg();
-					if (mergeArgs.some((arg) => {
-						if (arg.type === 15) return arg.properties.some(({ key }) => {
-							if (key.type !== 4 || !key.isStatic) return true;
-							return key.content !== "class" && key.content !== "style" && !isOn(key.content);
-						});
-						else return true;
-					})) checkCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER", context, loc);
-					if (isCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER", context)) {
-						mergeArgs.unshift(exp);
-						continue;
-					}
-					pushRefVForMarker();
-					pushMergeArg();
-					mergeArgs.push(exp);
-				} else pushMergeArg({
-					type: 14,
-					loc,
-					callee: context.helper(TO_HANDLERS),
-					arguments: isComponent ? [exp] : [exp, `true`]
-				});
-				else context.onError(createCompilerError(isVBind ? 34 : 35, loc));
+				if (exp) {
+					if (isVBind) {
+						pushMergeArg();
+						if (mergeArgs.some((arg) => {
+							if (arg.type === 15) return arg.properties.some(({ key }) => {
+								if (key.type !== 4 || !key.isStatic) return true;
+								return key.content !== "class" && key.content !== "style" && !isOn(key.content);
+							});
+							else return true;
+						})) checkCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER", context, loc);
+						if (isCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER", context)) {
+							mergeArgs.unshift(exp);
+							continue;
+						}
+						pushRefVForMarker();
+						pushMergeArg();
+						mergeArgs.push(exp);
+					} else pushMergeArg({
+						type: 14,
+						loc,
+						callee: context.helper(TO_HANDLERS),
+						arguments: isComponent ? [exp] : [exp, `true`]
+					});
+				} else context.onError(createCompilerError(isVBind ? 34 : 35, loc));
 				continue;
 			}
 			if (isVBind && modifiers.some((mod) => mod.content === "prop")) patchFlag |= 32;
@@ -3927,7 +3951,10 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 				}
 			} else if (!isBuiltInDirective(name)) {
 				runtimeDirectives.push(prop);
-				if (hasChildren) shouldUseBlock = true;
+				if (hasChildren) {
+					shouldUseBlock = true;
+					isBlockRequired = true;
+				}
 			}
 		}
 	}
@@ -3944,7 +3971,8 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 		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;
@@ -3965,16 +3993,16 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 			} else propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [propsExpression]);
 			break;
 		case 14: break;
-		default:
-			propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [createCallExpression(context.helper(GUARD_REACTIVE_PROPS), [propsExpression])]);
-			break;
+		default: propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [createCallExpression(context.helper(GUARD_REACTIVE_PROPS), [propsExpression])]);
 	}
 	return {
 		props: propsExpression,
 		directives: runtimeDirectives,
 		patchFlag,
 		dynamicPropNames,
-		shouldUseBlock
+		shouldUseBlock,
+		needsPatch,
+		isBlockRequired
 	};
 }
 function dedupeProperties(properties) {
@@ -4071,10 +4099,12 @@ function processSlotOutlet(node, context) {
 	for (let i = 0; i < node.props.length; i++) {
 		const p = node.props[i];
 		if (p.type === 6) {
-			if (p.value) if (p.name === "name") slotName = JSON.stringify(p.value.content);
-			else {
-				p.name = camelize(p.name);
-				nonNameProps.push(p);
+			if (p.value) {
+				if (p.name === "name") slotName = JSON.stringify(p.value.content);
+				else {
+					p.name = camelize(p.name);
+					nonNameProps.push(p);
+				}
 			}
 		} else if (p.name === "bind" && isStaticArgOf(p.arg, "name")) {
 			if (p.exp) slotName = p.exp;
@@ -4100,17 +4130,18 @@ const transformOn = (dir, node, context, augmentor) => {
 	const { loc, modifiers, arg } = dir;
 	if (!dir.exp && !modifiers.length) context.onError(createCompilerError(35, loc));
 	let eventName;
-	if (arg.type === 4) if (arg.isStatic) {
-		let rawName = arg.content;
-		if (rawName.startsWith("vnode")) context.onError(createCompilerError(52, arg.loc));
-		if (rawName.startsWith("vue:")) rawName = `vnode-${rawName.slice(4)}`;
-		eventName = createSimpleExpression(node.tagType !== 0 || rawName.startsWith("vnode") || !/[A-Z]/.test(rawName) ? toHandlerKey(camelize(rawName)) : `on:${rawName}`, true, arg.loc);
-	} else eventName = createCompoundExpression([
-		`${context.helperString(TO_HANDLER_KEY)}(`,
-		arg,
-		`)`
-	]);
-	else {
+	if (arg.type === 4) {
+		if (arg.isStatic) {
+			let rawName = arg.content;
+			if (rawName.startsWith("vnode")) context.onError(createCompilerError(52, arg.loc));
+			if (rawName.startsWith("vue:")) rawName = `vnode-${rawName.slice(4)}`;
+			eventName = createSimpleExpression(node.tagType !== 0 || rawName.startsWith("vnode") || !/[A-Z]/.test(rawName) ? toHandlerKey(camelize(rawName)) : `on:${rawName}`, true, arg.loc);
+		} else eventName = createCompoundExpression([
+			`${context.helperString(TO_HANDLER_KEY)}(`,
+			arg,
+			`)`
+		]);
+	} else {
 		eventName = arg;
 		eventName.children.unshift(`${context.helperString(TO_HANDLER_KEY)}(`);
 		eventName.children.push(`)`);
@@ -4146,11 +4177,14 @@ const transformBind = (dir, _node, context) => {
 		arg.children.unshift(`(`);
 		arg.children.push(`) || ""`);
 	} else if (!arg.isStatic) arg.content = arg.content ? `${arg.content} || ""` : `""`;
-	if (modifiers.some((mod) => mod.content === "camel")) if (arg.type === 4) if (arg.isStatic) arg.content = camelize(arg.content);
-	else arg.content = `${context.helperString(CAMELIZE)}(${arg.content})`;
-	else {
-		arg.children.unshift(`${context.helperString(CAMELIZE)}(`);
-		arg.children.push(`)`);
+	if (modifiers.some((mod) => mod.content === "camel")) {
+		if (arg.type === 4) {
+			if (arg.isStatic) arg.content = camelize(arg.content);
+			else arg.content = `${context.helperString(CAMELIZE)}(${arg.content})`;
+		} else {
+			arg.children.unshift(`${context.helperString(CAMELIZE)}(`);
+			arg.children.push(`)`);
+		}
 	}
 	if (!context.inSSR) {
 		if (modifiers.some((mod) => mod.content === "prop")) injectPrefix(arg, ".");
@@ -4159,9 +4193,10 @@ const transformBind = (dir, _node, context) => {
 	return { props: [createObjectProperty(arg, exp)] };
 };
 const injectPrefix = (arg, prefix) => {
-	if (arg.type === 4) if (arg.isStatic) arg.content = prefix + arg.content;
-	else arg.content = `\`${prefix}\${${arg.content}}\``;
-	else {
+	if (arg.type === 4) {
+		if (arg.isStatic) arg.content = prefix + arg.content;
+		else arg.content = `\`${prefix}\${${arg.content}}\``;
+	} else {
 		arg.children.unshift(`'${prefix}' + (`);
 		arg.children.push(`)`);
 	}
@@ -4308,11 +4343,12 @@ function parseFilter(node, context) {
 			if (c === 96 && prev !== 92) inTemplateString = false;
 		} else if (inRegex) {
 			if (c === 47 && prev !== 92) inRegex = false;
-		} else if (c === 124 && exp.charCodeAt(i + 1) !== 124 && exp.charCodeAt(i - 1) !== 124 && !curly && !square && !paren) if (expression === void 0) {
-			lastFilterIndex = i + 1;
-			expression = exp.slice(0, i).trim();
-		} else pushFilter();
-		else {
+		} else if (c === 124 && exp.charCodeAt(i + 1) !== 124 && exp.charCodeAt(i - 1) !== 124 && !curly && !square && !paren) {
+			if (expression === void 0) {
+				lastFilterIndex = i + 1;
+				expression = exp.slice(0, i).trim();
+			} else pushFilter();
+		} else {
 			switch (c) {
 				case 34:
 					inDouble = true;
@@ -4338,9 +4374,7 @@ function parseFilter(node, context) {
 				case 123:
 					curly++;
 					break;
-				case 125:
-					curly--;
-					break;
+				case 125: curly--;
 			}
 			if (c === 47) {
 				let j = i - 1;
@@ -4656,9 +4690,7 @@ const transformModel$1 = (dir, node, context) => {
 						isInvalidType = true;
 						context.onError(createDOMCompilerError(60, dir.loc));
 						break;
-					default:
-						checkDuplicatedValue();
-						break;
+					default: checkDuplicatedValue();
 				}
 			} else if (hasDynamicKeyVBind(node)) directiveToUse = V_MODEL_DYNAMIC;
 			else checkDuplicatedValue();
@@ -4671,27 +4703,37 @@ const transformModel$1 = (dir, node, context) => {
 };
 //#endregion
 //#region packages/compiler-dom/src/transforms/vOn.ts
-const isEventOptionModifier = /* @__PURE__ */ makeMap(`passive,once,capture`);
-const isNonKeyModifier = /* @__PURE__ */ makeMap("stop,prevent,self,ctrl,shift,alt,meta,exact,middle");
-const maybeKeyModifier = /* @__PURE__ */ makeMap("left,right");
-const isKeyboardEvent = /* @__PURE__ */ makeMap(`onkeyup,onkeydown,onkeypress`);
+const isEventOptionModifier = /*@__PURE__*/ makeMap(`passive,once,capture`);
+const isNonKeyModifier = /*@__PURE__*/ makeMap("stop,prevent,self,ctrl,shift,alt,meta,exact,middle");
+const maybeKeyModifier = /*@__PURE__*/ makeMap("left,right");
+const isKeyboardEvent = /*@__PURE__*/ makeMap(`onkeyup,onkeydown,onkeypress`);
 const resolveModifiers = (key, modifiers, context, loc) => {
 	const keyModifiers = [];
 	const nonKeyModifiers = [];
 	const eventOptionModifiers = [];
 	for (let i = 0; i < modifiers.length; i++) {
 		const modifier = modifiers[i].content;
+		if (modifier === "delegate") {
+			if (context) {
+				const error = /* @__PURE__ */ new SyntaxError(`.delegate modifier is only supported in Vapor components.`);
+				error.loc = modifiers[i].loc;
+				context.onWarn(error);
+			}
+			continue;
+		}
 		if (modifier === "native" && context && checkCompatEnabled("COMPILER_V_ON_NATIVE", context, loc)) eventOptionModifiers.push(modifier);
 		else if (isEventOptionModifier(modifier)) eventOptionModifiers.push(modifier);
 		else {
 			const keyString = isString(key) ? key : isStaticExp(key) ? key.content : null;
-			if (maybeKeyModifier(modifier)) if (keyString) if (isKeyboardEvent(keyString.toLowerCase())) keyModifiers.push(modifier);
-			else nonKeyModifiers.push(modifier);
-			else {
-				keyModifiers.push(modifier);
-				nonKeyModifiers.push(modifier);
-			}
-			else if (isNonKeyModifier(modifier)) nonKeyModifiers.push(modifier);
+			if (maybeKeyModifier(modifier)) {
+				if (keyString) {
+					if (isKeyboardEvent(keyString.toLowerCase())) keyModifiers.push(modifier);
+					else nonKeyModifiers.push(modifier);
+				} else {
+					keyModifiers.push(modifier);
+					nonKeyModifiers.push(modifier);
+				}
+			} else if (isNonKeyModifier(modifier)) nonKeyModifiers.push(modifier);
 			else keyModifiers.push(modifier);
 		}
 	}
@@ -4806,7 +4848,7 @@ function isValidHTMLNesting(parent, child) {
 	}
 	return true;
 }
-const headings = new Set([
+const headings = /* @__PURE__ */ new Set([
 	"h1",
 	"h2",
 	"h3",
@@ -4818,7 +4860,7 @@ const emptySet = /* @__PURE__ */ new Set([]);
 /**
 * maps element to set of elements that can be it's children, no other */
 const onlyValidChildren = {
-	head: new Set([
+	head: /* @__PURE__ */ new Set([
 		"base",
 		"basefront",
 		"bgsound",
@@ -4831,24 +4873,24 @@ const onlyValidChildren = {
 		"script",
 		"template"
 	]),
-	optgroup: new Set(["option"]),
-	select: new Set([
+	optgroup: /* @__PURE__ */ new Set(["option"]),
+	select: /* @__PURE__ */ new Set([
 		"optgroup",
 		"option",
 		"hr"
 	]),
-	table: new Set([
+	table: /* @__PURE__ */ new Set([
 		"caption",
 		"colgroup",
 		"tbody",
 		"tfoot",
 		"thead"
 	]),
-	tr: new Set(["td", "th"]),
-	colgroup: new Set(["col"]),
-	tbody: new Set(["tr"]),
-	thead: new Set(["tr"]),
-	tfoot: new Set(["tr"]),
+	tr: /* @__PURE__ */ new Set(["td", "th"]),
+	colgroup: /* @__PURE__ */ new Set(["col"]),
+	tbody: /* @__PURE__ */ new Set(["tr"]),
+	thead: /* @__PURE__ */ new Set(["tr"]),
+	tfoot: /* @__PURE__ */ new Set(["tr"]),
 	script: emptySet,
 	iframe: emptySet,
 	option: emptySet,
@@ -4859,30 +4901,30 @@ const onlyValidChildren = {
 /** maps elements to set of elements which can be it's parent, no other */
 const onlyValidParents = {
 	html: emptySet,
-	body: new Set(["html"]),
-	head: new Set(["html"]),
-	td: new Set(["tr"]),
-	colgroup: new Set(["table"]),
-	caption: new Set(["table"]),
-	tbody: new Set(["table"]),
-	tfoot: new Set(["table"]),
-	col: new Set(["colgroup"]),
-	th: new Set(["tr"]),
-	thead: new Set(["table"]),
-	tr: new Set([
+	body: /* @__PURE__ */ new Set(["html"]),
+	head: /* @__PURE__ */ new Set(["html"]),
+	td: /* @__PURE__ */ new Set(["tr"]),
+	colgroup: /* @__PURE__ */ new Set(["table"]),
+	caption: /* @__PURE__ */ new Set(["table"]),
+	tbody: /* @__PURE__ */ new Set(["table"]),
+	tfoot: /* @__PURE__ */ new Set(["table"]),
+	col: /* @__PURE__ */ new Set(["colgroup"]),
+	th: /* @__PURE__ */ new Set(["tr"]),
+	thead: /* @__PURE__ */ new Set(["table"]),
+	tr: /* @__PURE__ */ new Set([
 		"tbody",
 		"thead",
 		"tfoot"
 	]),
-	dd: new Set(["dl", "div"]),
-	dt: new Set(["dl", "div"]),
-	figcaption: new Set(["figure"]),
-	summary: new Set(["details"]),
-	area: new Set(["map"])
+	dd: /* @__PURE__ */ new Set(["dl", "div"]),
+	dt: /* @__PURE__ */ new Set(["dl", "div"]),
+	figcaption: /* @__PURE__ */ new Set(["figure"]),
+	summary: /* @__PURE__ */ new Set(["details"]),
+	area: /* @__PURE__ */ new Set(["map"])
 };
 /** maps element to set of elements that can not be it's children, others can */
 const knownInvalidChildren = {
-	p: new Set([
+	p: /* @__PURE__ */ new Set([
 		"address",
 		"article",
 		"aside",
@@ -4917,7 +4959,7 @@ const knownInvalidChildren = {
 		"table",
 		"ul"
 	]),
-	svg: new Set([
+	svg: /* @__PURE__ */ new Set([
 		"b",
 		"blockquote",
 		"br",
@@ -4958,12 +5000,12 @@ const knownInvalidChildren = {
 };
 /** maps element to set of elements that can not be it's parent, others can */
 const knownInvalidParents = {
-	a: new Set(["a"]),
-	button: new Set(["button"]),
-	dd: new Set(["dd", "dt"]),
-	dt: new Set(["dd", "dt"]),
-	form: new Set(["form"]),
-	li: new Set(["li"]),
+	a: /* @__PURE__ */ new Set(["a"]),
+	button: /* @__PURE__ */ new Set(["button"]),
+	dd: /* @__PURE__ */ new Set(["dd", "dt"]),
+	dt: /* @__PURE__ */ new Set(["dd", "dt"]),
+	form: /* @__PURE__ */ new Set(["form"]),
+	li: /* @__PURE__ */ new Set(["li"]),
 	h1: headings,
 	h2: headings,
 	h3: headings,