@lwc/template-compiler 7.1.3 → 7.1.4

package/dist/index.js

@@ -13144,6 +13144,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.
@@ -13153,10 +13155,12 @@ function serializeAttrs(element, codeGen) {
             const needsPlaceholder = hasExpression || hasIdOrIdRef || hasSvgUseHref || hasScopedFragmentRef;
             // 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
@@ -13251,7 +13255,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;
@@ -13260,7 +13266,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;
 }
@@ -14678,5 +14684,5 @@ function compile(source, filename, config) {
 }
 
 export { ElementDirectiveName, LWCDirectiveDomMode, LWCDirectiveRenderMode, LwcTagName, RootDirectiveName, TemplateDirectiveName, compile, compile as default, kebabcaseToCamelcase, parse, toPropertyName };
-/** version: 7.1.3 */
+/** version: 7.1.4 */
 //# sourceMappingURL=index.js.map