@vue/compiler-dom 3.6.0-beta.9 → 3.6.0-rc.10

package/dist/compiler-dom.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-dom v3.6.0-beta.9
+  * @vue/compiler-dom v3.6.0-rc.10
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -177,9 +177,7 @@ const transformModel = (dir, node, context) => {
 						isInvalidType = true;
 						context.onError(createDOMCompilerError(60, dir.loc));
 						break;
-					default:
-						checkDuplicatedValue();
-						break;
+					default: checkDuplicatedValue();
 				}
 			} else if ((0, _vue_compiler_core.hasDynamicKeyVBind)(node)) directiveToUse = V_MODEL_DYNAMIC;
 			else checkDuplicatedValue();
@@ -192,27 +190,37 @@ const transformModel = (dir, node, context) => {
 };
 //#endregion
 //#region packages/compiler-dom/src/transforms/vOn.ts
-const isEventOptionModifier = /* @__PURE__ */ (0, _vue_shared.makeMap)(`passive,once,capture`);
-const isNonKeyModifier = /* @__PURE__ */ (0, _vue_shared.makeMap)("stop,prevent,self,ctrl,shift,alt,meta,exact,middle");
-const maybeKeyModifier = /* @__PURE__ */ (0, _vue_shared.makeMap)("left,right");
-const isKeyboardEvent = /* @__PURE__ */ (0, _vue_shared.makeMap)(`onkeyup,onkeydown,onkeypress`);
+const isEventOptionModifier = /*@__PURE__*/ (0, _vue_shared.makeMap)(`passive,once,capture`);
+const isNonKeyModifier = /*@__PURE__*/ (0, _vue_shared.makeMap)("stop,prevent,self,ctrl,shift,alt,meta,exact,middle");
+const maybeKeyModifier = /*@__PURE__*/ (0, _vue_shared.makeMap)("left,right");
+const isKeyboardEvent = /*@__PURE__*/ (0, _vue_shared.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 && (0, _vue_compiler_core.checkCompatEnabled)("COMPILER_V_ON_NATIVE", context, loc)) eventOptionModifiers.push(modifier);
 		else if (isEventOptionModifier(modifier)) eventOptionModifiers.push(modifier);
 		else {
 			const keyString = (0, _vue_shared.isString)(key) ? key : (0, _vue_compiler_core.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);
 		}
 	}
@@ -278,7 +286,7 @@ function postTransformTransition(node, onError, hasMultipleChildren = defaultHas
 			source: ""
 		}));
 		const child = node.children[0];
-		if (child.type === 1) {
+		if (child.type === 1 && !(0, _vue_compiler_core.findDir)(child, "if")) {
 			for (const p of child.props) if (p.type === 7 && p.name === "show") node.props.push({
 				type: 6,
 				name: "persisted",
@@ -382,7 +390,7 @@ const dataAriaRE = /^(?:data|aria)-/;
 const isStringifiableAttr = (name, ns) => {
 	return (ns === 0 ? (0, _vue_shared.isKnownHtmlAttr)(name) : ns === 1 ? (0, _vue_shared.isKnownSvgAttr)(name) : ns === 2 ? (0, _vue_shared.isKnownMathMLAttr)(name) : false) || dataAriaRE.test(name);
 };
-const isNonStringifiable = /* @__PURE__ */ (0, _vue_shared.makeMap)(`caption,thead,tr,th,tbody,td,tfoot,colgroup,col`);
+const isNonStringifiable = /*@__PURE__*/ (0, _vue_shared.makeMap)(`caption,thead,tr,th,tbody,td,tfoot,colgroup,col`);
 /**
 * for a cached node, analyze it and return:
 * - false: bailed (contains non-stringifiable props or runtime constant)
@@ -453,10 +461,11 @@ function stringifyElement(node, context) {
 					res += ` ${p.arg.content}="__VUE_EXP_START__${exp.content}__VUE_EXP_END__"`;
 					continue;
 				}
-				if ((0, _vue_shared.isBooleanAttr)(p.arg.content) && exp.content === "false") continue;
+				if (((0, _vue_shared.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" && !(0, _vue_shared.includeBooleanAttr)(evaluated)) continue;
 					if (arg === "class") evaluated = (0, _vue_shared.normalizeClass)(evaluated);
 					else if (arg === "style") evaluated = (0, _vue_shared.stringifyStyle)((0, _vue_shared.normalizeStyle)(evaluated));
 					res += ` ${p.arg.content}="${(0, _vue_shared.escapeHtml)(evaluated)}"`;
@@ -518,7 +527,7 @@ function isValidHTMLNesting(parent, child) {
 	}
 	return true;
 }
-const headings = new Set([
+const headings = /* @__PURE__ */ new Set([
 	"h1",
 	"h2",
 	"h3",
@@ -530,7 +539,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",
@@ -543,24 +552,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,
@@ -571,30 +580,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",
@@ -629,7 +638,7 @@ const knownInvalidChildren = {
 		"table",
 		"ul"
 	]),
-	svg: new Set([
+	svg: /* @__PURE__ */ new Set([
 		"b",
 		"blockquote",
 		"br",
@@ -670,12 +679,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,

package/dist/compiler-dom.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-dom v3.6.0-beta.9
+  * @vue/compiler-dom v3.6.0-rc.10
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -172,8 +172,6 @@ const transformModel = (dir, node, context) => {
 					case "file":
 						isInvalidType = true;
 						context.onError(createDOMCompilerError(60, dir.loc));
-						break;
-					default: break;
 				}
 			} else if ((0, _vue_compiler_core.hasDynamicKeyVBind)(node)) directiveToUse = V_MODEL_DYNAMIC;
 		} else if (tag === "select") directiveToUse = V_MODEL_SELECT;
@@ -184,27 +182,37 @@ const transformModel = (dir, node, context) => {
 };
 //#endregion
 //#region packages/compiler-dom/src/transforms/vOn.ts
-const isEventOptionModifier = /* @__PURE__ */ (0, _vue_shared.makeMap)(`passive,once,capture`);
-const isNonKeyModifier = /* @__PURE__ */ (0, _vue_shared.makeMap)("stop,prevent,self,ctrl,shift,alt,meta,exact,middle");
-const maybeKeyModifier = /* @__PURE__ */ (0, _vue_shared.makeMap)("left,right");
-const isKeyboardEvent = /* @__PURE__ */ (0, _vue_shared.makeMap)(`onkeyup,onkeydown,onkeypress`);
+const isEventOptionModifier = /*@__PURE__*/ (0, _vue_shared.makeMap)(`passive,once,capture`);
+const isNonKeyModifier = /*@__PURE__*/ (0, _vue_shared.makeMap)("stop,prevent,self,ctrl,shift,alt,meta,exact,middle");
+const maybeKeyModifier = /*@__PURE__*/ (0, _vue_shared.makeMap)("left,right");
+const isKeyboardEvent = /*@__PURE__*/ (0, _vue_shared.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 && (0, _vue_compiler_core.checkCompatEnabled)("COMPILER_V_ON_NATIVE", context, loc)) eventOptionModifiers.push(modifier);
 		else if (isEventOptionModifier(modifier)) eventOptionModifiers.push(modifier);
 		else {
 			const keyString = (0, _vue_shared.isString)(key) ? key : (0, _vue_compiler_core.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);
 		}
 	}
@@ -265,7 +273,7 @@ function postTransformTransition(node, onError, hasMultipleChildren = defaultHas
 			source: ""
 		}));
 		const child = node.children[0];
-		if (child.type === 1) {
+		if (child.type === 1 && !(0, _vue_compiler_core.findDir)(child, "if")) {
 			for (const p of child.props) if (p.type === 7 && p.name === "show") node.props.push({
 				type: 6,
 				name: "persisted",
@@ -369,7 +377,7 @@ const dataAriaRE = /^(?:data|aria)-/;
 const isStringifiableAttr = (name, ns) => {
 	return (ns === 0 ? (0, _vue_shared.isKnownHtmlAttr)(name) : ns === 1 ? (0, _vue_shared.isKnownSvgAttr)(name) : ns === 2 ? (0, _vue_shared.isKnownMathMLAttr)(name) : false) || dataAriaRE.test(name);
 };
-const isNonStringifiable = /* @__PURE__ */ (0, _vue_shared.makeMap)(`caption,thead,tr,th,tbody,td,tfoot,colgroup,col`);
+const isNonStringifiable = /*@__PURE__*/ (0, _vue_shared.makeMap)(`caption,thead,tr,th,tbody,td,tfoot,colgroup,col`);
 /**
 * for a cached node, analyze it and return:
 * - false: bailed (contains non-stringifiable props or runtime constant)
@@ -440,10 +448,11 @@ function stringifyElement(node, context) {
 					res += ` ${p.arg.content}="__VUE_EXP_START__${exp.content}__VUE_EXP_END__"`;
 					continue;
 				}
-				if ((0, _vue_shared.isBooleanAttr)(p.arg.content) && exp.content === "false") continue;
+				if (((0, _vue_shared.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" && !(0, _vue_shared.includeBooleanAttr)(evaluated)) continue;
 					if (arg === "class") evaluated = (0, _vue_shared.normalizeClass)(evaluated);
 					else if (arg === "style") evaluated = (0, _vue_shared.stringifyStyle)((0, _vue_shared.normalizeStyle)(evaluated));
 					res += ` ${p.arg.content}="${(0, _vue_shared.escapeHtml)(evaluated)}"`;
@@ -502,7 +511,7 @@ function isValidHTMLNesting(parent, child) {
 	}
 	return true;
 }
-const headings = new Set([
+const headings = /* @__PURE__ */ new Set([
 	"h1",
 	"h2",
 	"h3",
@@ -514,7 +523,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",
@@ -527,24 +536,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,
@@ -555,30 +564,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",
@@ -613,7 +622,7 @@ const knownInvalidChildren = {
 		"table",
 		"ul"
 	]),
-	svg: new Set([
+	svg: /* @__PURE__ */ new Set([
 		"b",
 		"blockquote",
 		"br",
@@ -654,12 +663,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,

package/dist/compiler-dom.d.ts

@@ -1,6 +1,5 @@
 import { CodegenResult, CompilerError, CompilerOptions, ComponentNode, DirectiveTransform, ExpressionNode, NodeTransform, ParserOptions, RootNode, SimpleExpressionNode, SourceLocation, TransformContext } from "@vue/compiler-core";
 export * from "@vue/compiler-core";
-
 //#region temp/packages/compiler-dom/src/parserOptions.d.ts
 export declare const parserOptions: ParserOptions;
 //#endregion
@@ -50,16 +49,16 @@ export declare const resolveModifiers: (key: ExpressionNode | string, modifiers:
 //#endregion
 //#region temp/packages/compiler-dom/src/htmlNesting.d.ts
 /**
-* Copied from https://github.com/MananTank/validate-html-nesting
-* with ISC license
-*
-* To avoid runtime dependency on validate-html-nesting
-* This file should not change very often in the original repo
-* but we may need to keep it up-to-date from time to time.
-*/
+ * Copied from https://github.com/MananTank/validate-html-nesting
+ * with ISC license
+ *
+ * To avoid runtime dependency on validate-html-nesting
+ * This file should not change very often in the original repo
+ * but we may need to keep it up-to-date from time to time.
+ */
 /**
-* returns true if given parent-child nesting is valid HTML
-*/
+ * returns true if given parent-child nesting is valid HTML
+ */
 export declare function isValidHTMLNesting(parent: string, child: string): boolean;
 //#endregion
 //#region temp/packages/compiler-dom/src/transforms/Transition.d.ts
@@ -70,4 +69,4 @@ export declare const DOMNodeTransforms: NodeTransform[];
 export declare const DOMDirectiveTransforms: Record<string, DirectiveTransform>;
 export declare function compile(src: string | RootNode, options?: CompilerOptions): CodegenResult;
 export declare function parse(template: string, options?: ParserOptions): RootNode;
-//#endregion
+//#endregion