@lwc/template-compiler 7.0.0 → 7.0.1-alpha.0

package/dist/codegen/codegen.d.ts

@@ -69,7 +69,7 @@ export default class CodeGen {
     genScopedId(id: string | t.Expression): t.CallExpression;
     genScopedFragId(id: string | t.Expression): t.CallExpression;
     genClassExpression(value: Expression): import("estree").Expression;
-    genNormalizeClassName(className: t.Expression): t.CallExpression;
+    genNormalizeClassName(className: t.Expression): t.CallExpression | t.ConditionalExpression;
     /**
      * Generates childs vnodes when slot content is static.
      * @param slotName

package/dist/index.cjs.js

@@ -11072,6 +11072,9 @@ class TemplateHtmlTokenizer extends Tokenizer {
 function isTemplateExpressionTextNodeValue(value) {
     return value?.[0] === '{';
 }
+function isTemplateElement(node) {
+    return node.nodeName === 'template';
+}
 function isTextNode(node) {
     return node?.nodeName === '#text';
 }
@@ -11112,7 +11115,12 @@ class TemplateHtmlParser extends Parser {
             sourceCodeLocation: token.location ? { ...token.location } : null,
             parentNode,
         };
-        parentNode.childNodes.push(textNode);
+        if (isTemplateElement(parentNode)) {
+            parentNode.content.childNodes.push(textNode);
+        }
+        else {
+            parentNode.childNodes.push(textNode);
+        }
     }
 }
 /**
@@ -13600,7 +13608,7 @@ class CodeGen {
         return classExpression;
     }
     genNormalizeClassName(className) {
-        return this._renderApiCall(RENDER_APIS.normalizeClassName, [className]);
+        return this._renderApiCall(RENDER_APIS.normalizeClassName, [className], className);
     }
     /**
      * Generates childs vnodes when slot content is static.
@@ -13698,13 +13706,18 @@ class CodeGen {
         //       usage of the lwc:inner-html, and in an iteration, usages are dynamically generated.
         return conditionalExpression(binaryExpression('!==', memberExpression(identifier(TEMPLATE_PARAMS.CONTEXT), identifier(`_rawHtml$${instance}`)), assignmentExpression('=', memberExpression(identifier(TEMPLATE_PARAMS.CONTEXT), identifier(`_rawHtml$${instance}`)), expr)), assignmentExpression('=', memberExpression(identifier(TEMPLATE_PARAMS.CONTEXT), identifier(`_sanitizedHtml$${instance}`)), this.genSanitizeHtmlContent(expr)), memberExpression(identifier(TEMPLATE_PARAMS.CONTEXT), identifier(`_sanitizedHtml$${instance}`)));
     }
-    _renderApiCall(primitive, params) {
+    _renderApiCall(primitive, params, fallbackForCompilerEngineVersionMismatch) {
         const { name, alias } = primitive;
         let identifier$1 = this.usedApis[name];
         if (!identifier$1) {
             identifier$1 = this.usedApis[name] = identifier(alias);
         }
-        return callExpression(identifier$1, params);
+        const callExpression$1 = callExpression(identifier$1, params);
+        // Check if the property actually exists before calling, to allow
+        // for older engines to work with newer compilers
+        return fallbackForCompilerEngineVersionMismatch
+            ? conditionalExpression(identifier$1, callExpression$1, fallbackForCompilerEngineVersionMismatch)
+            : callExpression$1;
     }
     beginScope() {
         this.scope = this.createScope(this.scope);