@lwc/template-compiler 7.2.1 → 7.2.3-alpha.0

package/dist/index.cjs.js

@@ -11927,7 +11927,7 @@ function getTemplateRoot(ctx, documentFragment) {
         (isTextNode$1(child) && child.value.trim().length));
     if (validRoots.length > 1) {
         const duplicateRoot = validRoots[1].sourceCodeLocation ?? undefined;
-        ctx.throw(errors.ParserDiagnostics.MULTIPLE_ROOTS_FOUND, [], duplicateRoot ? sourceLocation(duplicateRoot) : duplicateRoot ?? undefined);
+        ctx.throw(errors.ParserDiagnostics.MULTIPLE_ROOTS_FOUND, [], duplicateRoot ? sourceLocation(duplicateRoot) : (duplicateRoot ?? undefined));
     }
     const [root] = validRoots;
     if (!root || !isElementNode(root)) {
@@ -13170,6 +13170,8 @@ function serializeAttrs(element, codeGen) {
         if (name === 'spellcheck' && typeof v === 'string' && !hasExpression) {
             v = String(v.toLowerCase() !== 'false');
         }
+        // See W-16614169
+        const escapedAttributeName = templateStringEscape(name);
         if (typeof v === 'string') {
             // IDs/IDRefs must be handled dynamically at runtime due to synthetic shadow scoping.
             // Skip serializing here and handle it as if it were a dynamic attribute instead.
@@ -13178,10 +13180,12 @@ function serializeAttrs(element, codeGen) {
             const needsPlaceholder = hasExpression || hasSvgUseHref || needsScoping;
             // Inject a placeholder where the staticPartId will go when an expression occurs.
             // This is only needed for SSR to inject the expression value during serialization.
-            attrs.push(needsPlaceholder ? `\${"${v}"}` : ` ${name}="${shared.htmlEscape(v, true)}"`);
+            attrs.push(needsPlaceholder
+                ? `\${"${v}"}`
+                : ` ${escapedAttributeName}="${shared.htmlEscape(v, true)}"`);
         }
         else {
-            attrs.push(` ${name}`);
+            attrs.push(` ${escapedAttributeName}`);
         }
     };
     element.attributes
@@ -13277,7 +13281,9 @@ function serializeStaticElement(element, codeGen) {
     const { name: tagName, namespace } = element;
     const isForeignElement = namespace !== shared.HTML_NAMESPACE;
     const hasChildren = element.children.length > 0;
-    let html = `<${tagName}${serializeAttrs(element, codeGen)}`;
+    // See W-16469970
+    const escapedTagName = templateStringEscape(tagName);
+    let html = `<${escapedTagName}${serializeAttrs(element, codeGen)}`;
     if (isForeignElement && !hasChildren) {
         html += '/>';
         return html;
@@ -13286,7 +13292,7 @@ function serializeStaticElement(element, codeGen) {
     const children = transformStaticChildren(element, codeGen.preserveComments);
     html += serializeChildren(children, tagName, codeGen);
     if (!shared.isVoidElement(tagName, namespace) || hasChildren) {
-        html += `</${tagName}>`;
+        html += `</${escapedTagName}>`;
     }
     return html;
 }
@@ -14257,7 +14263,12 @@ function transform(codeGen) {
             }
             else if (isIf(child)) {
                 const children = transformIf(child);
-                Array.isArray(children) ? res.push(...children) : res.push(children);
+                if (Array.isArray(children)) {
+                    res.push(...children);
+                }
+                else {
+                    res.push(children);
+                }
             }
             else if (isBaseElement(child)) {
                 const slotParentName = isSlot(parent) ? parent.slotName : undefined;
@@ -14711,5 +14722,5 @@ exports.default = compile;
 exports.kebabcaseToCamelcase = kebabcaseToCamelcase;
 exports.parse = parse;
 exports.toPropertyName = toPropertyName;
-/** version: 7.2.1 */
+/** version: 7.2.2 */
 //# sourceMappingURL=index.cjs.js.map