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

package/dist/compiler-dom.global.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
   **/
@@ -13,7 +13,7 @@ var VueCompilerDOM = (function(exports) {
 	* \/\*#\_\_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;
@@ -34,8 +34,8 @@ var VueCompilerDOM = (function(exports) {
 	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) => {
@@ -142,10 +142,10 @@ var VueCompilerDOM = (function(exports) {
 	//#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());
@@ -163,22 +163,22 @@ var VueCompilerDOM = (function(exports) {
 	* 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`);
@@ -723,13 +723,14 @@ var VueCompilerDOM = (function(exports) {
 			}
 		}
 		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 {
@@ -745,13 +746,14 @@ var VueCompilerDOM = (function(exports) {
 			}
 		}
 		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);
 			}
@@ -866,9 +868,10 @@ var VueCompilerDOM = (function(exports) {
 				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;
@@ -1221,9 +1224,7 @@ var VueCompilerDOM = (function(exports) {
 					case 24:
 						this.stateInProcessingInstruction(c);
 						break;
-					case 33:
-						this.stateInEntity();
-						break;
+					case 33: this.stateInEntity();
 				}
 				this.index++;
 			}
@@ -1252,9 +1253,10 @@ var VueCompilerDOM = (function(exports) {
 		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) {}
 	};
@@ -1587,9 +1589,7 @@ var VueCompilerDOM = (function(exports) {
 			case "RestElement":
 				extractIdentifiers(param.argument, nodes);
 				break;
-			case "AssignmentPattern":
-				extractIdentifiers(param.left, nodes);
-				break;
+			case "AssignmentPattern": extractIdentifiers(param.left, nodes);
 		}
 		return nodes;
 	}
@@ -1725,12 +1725,10 @@ var VueCompilerDOM = (function(exports) {
 						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;
@@ -1801,7 +1799,7 @@ var VueCompilerDOM = (function(exports) {
 	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;
@@ -1844,9 +1842,10 @@ var VueCompilerDOM = (function(exports) {
 			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) {
@@ -2161,10 +2160,7 @@ var VueCompilerDOM = (function(exports) {
 				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);
@@ -2314,7 +2310,7 @@ var VueCompilerDOM = (function(exports) {
 		while (currentInput.charCodeAt(i) !== c && i >= 0) i--;
 		return i;
 	}
-	const specialTemplateDir = new Set([
+	const specialTemplateDir = /* @__PURE__ */ new Set([
 		"if",
 		"else",
 		"else-if",
@@ -2350,16 +2346,18 @@ var VueCompilerDOM = (function(exports) {
 		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;
 	}
@@ -2620,7 +2618,7 @@ var VueCompilerDOM = (function(exports) {
 			default: return 0;
 		}
 	}
-	const allowHoistedHelperSet = new Set([
+	const allowHoistedHelperSet = /* @__PURE__ */ new Set([
 		NORMALIZE_CLASS,
 		NORMALIZE_STYLE,
 		NORMALIZE_PROPS,
@@ -2664,7 +2662,7 @@ var VueCompilerDOM = (function(exports) {
 		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),
@@ -2686,7 +2684,6 @@ var VueCompilerDOM = (function(exports) {
 			bindingMetadata,
 			inline,
 			isTS,
-			eventDelegation,
 			onError,
 			onWarn,
 			compatConfig,
@@ -2779,7 +2776,7 @@ var VueCompilerDOM = (function(exports) {
 		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;
@@ -2826,8 +2823,10 @@ var VueCompilerDOM = (function(exports) {
 		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;
 		}
@@ -2844,9 +2843,7 @@ var VueCompilerDOM = (function(exports) {
 			case 10:
 			case 11:
 			case 1:
-			case 0:
-				traverseChildren(node, context);
-				break;
+			case 0: traverseChildren(node, context);
 		}
 		context.currentNode = node;
 		let i = exitFns.length;
@@ -3052,10 +3049,12 @@ var VueCompilerDOM = (function(exports) {
 			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) {
@@ -3167,8 +3166,10 @@ var VueCompilerDOM = (function(exports) {
 		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);
@@ -3330,7 +3331,7 @@ var VueCompilerDOM = (function(exports) {
 	}
 	//#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) {
@@ -3443,16 +3444,17 @@ var VueCompilerDOM = (function(exports) {
 		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);
@@ -3473,9 +3475,10 @@ var VueCompilerDOM = (function(exports) {
 		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
@@ -3513,15 +3516,24 @@ var VueCompilerDOM = (function(exports) {
 				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`)]));
@@ -3712,8 +3724,10 @@ var VueCompilerDOM = (function(exports) {
 				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);
@@ -3739,10 +3753,7 @@ var VueCompilerDOM = (function(exports) {
 					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;
@@ -3764,12 +3775,16 @@ var VueCompilerDOM = (function(exports) {
 			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;
@@ -3798,7 +3813,10 @@ var VueCompilerDOM = (function(exports) {
 				} 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) {
@@ -3832,6 +3850,7 @@ var VueCompilerDOM = (function(exports) {
 		const runtimeDirectives = [];
 		const hasChildren = children.length > 0;
 		let shouldUseBlock = false;
+		let isBlockRequired = false;
 		let patchFlag = 0;
 		let hasRef = false;
 		let hasClassBinding = false;
@@ -3856,12 +3875,12 @@ var VueCompilerDOM = (function(exports) {
 				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;
 		};
@@ -3887,33 +3906,38 @@ var VueCompilerDOM = (function(exports) {
 				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;
@@ -3929,7 +3953,10 @@ var VueCompilerDOM = (function(exports) {
 					}
 				} else if (!isBuiltInDirective(name)) {
 					runtimeDirectives.push(prop);
-					if (hasChildren) shouldUseBlock = true;
+					if (hasChildren) {
+						shouldUseBlock = true;
+						isBlockRequired = true;
+					}
 				}
 			}
 		}
@@ -3946,7 +3973,8 @@ var VueCompilerDOM = (function(exports) {
 			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;
@@ -3967,16 +3995,16 @@ var VueCompilerDOM = (function(exports) {
 				} 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) {
@@ -4073,10 +4101,12 @@ var VueCompilerDOM = (function(exports) {
 		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;
@@ -4102,17 +4132,18 @@ var VueCompilerDOM = (function(exports) {
 		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(`)`);
@@ -4148,11 +4179,14 @@ var VueCompilerDOM = (function(exports) {
 			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, ".");
@@ -4161,9 +4195,10 @@ var VueCompilerDOM = (function(exports) {
 		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(`)`);
 		}
@@ -4310,11 +4345,12 @@ var VueCompilerDOM = (function(exports) {
 				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;
@@ -4340,9 +4376,7 @@ var VueCompilerDOM = (function(exports) {
 					case 123:
 						curly++;
 						break;
-					case 125:
-						curly--;
-						break;
+					case 125: curly--;
 				}
 				if (c === 47) {
 					let j = i - 1;
@@ -4658,9 +4692,7 @@ var VueCompilerDOM = (function(exports) {
 							isInvalidType = true;
 							context.onError(createDOMCompilerError(60, dir.loc));
 							break;
-						default:
-							checkDuplicatedValue();
-							break;
+						default: checkDuplicatedValue();
 					}
 				} else if (hasDynamicKeyVBind(node)) directiveToUse = V_MODEL_DYNAMIC;
 				else checkDuplicatedValue();
@@ -4673,27 +4705,37 @@ var VueCompilerDOM = (function(exports) {
 	};
 	//#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);
 			}
 		}
@@ -4808,7 +4850,7 @@ var VueCompilerDOM = (function(exports) {
 		}
 		return true;
 	}
-	const headings = new Set([
+	const headings = /* @__PURE__ */ new Set([
 		"h1",
 		"h2",
 		"h3",
@@ -4820,7 +4862,7 @@ var VueCompilerDOM = (function(exports) {
 	/**
 	* 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",
@@ -4833,24 +4875,24 @@ var VueCompilerDOM = (function(exports) {
 			"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,
@@ -4861,30 +4903,30 @@ var VueCompilerDOM = (function(exports) {
 	/** 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",
@@ -4919,7 +4961,7 @@ var VueCompilerDOM = (function(exports) {
 			"table",
 			"ul"
 		]),
-		svg: new Set([
+		svg: /* @__PURE__ */ new Set([
 			"b",
 			"blockquote",
 			"br",
@@ -4960,12 +5002,12 @@ var VueCompilerDOM = (function(exports) {
 	};
 	/** 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,