@lwc/template-compiler 7.2.2 → 7.2.3

package/dist/index.js

@@ -13146,6 +13146,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.
@@ -13154,10 +13156,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}="${htmlEscape(v, true)}"`);
+            attrs.push(needsPlaceholder
+                ? `\${"${v}"}`
+                : ` ${escapedAttributeName}="${htmlEscape(v, true)}"`);
         }
         else {
-            attrs.push(` ${name}`);
+            attrs.push(` ${escapedAttributeName}`);
         }
     };
     element.attributes
@@ -13253,7 +13257,9 @@ function serializeStaticElement(element, codeGen) {
     const { name: tagName, namespace } = element;
     const isForeignElement = namespace !== 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;
@@ -13262,7 +13268,7 @@ function serializeStaticElement(element, codeGen) {
     const children = transformStaticChildren(element, codeGen.preserveComments);
     html += serializeChildren(children, tagName, codeGen);
     if (!isVoidElement(tagName, namespace) || hasChildren) {
-        html += `</${tagName}>`;
+        html += `</${escapedTagName}>`;
     }
     return html;
 }
@@ -14233,7 +14239,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;
@@ -14683,5 +14694,5 @@ function compile(source, filename, config) {
 }
 
 export { ElementDirectiveName, LWCDirectiveDomMode, LWCDirectiveRenderMode, LwcTagName, RootDirectiveName, TemplateDirectiveName, compile, compile as default, kebabcaseToCamelcase, parse, toPropertyName };
-/** version: 7.2.2 */
+/** version: 7.2.3 */
 //# sourceMappingURL=index.js.map