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

package/dist/index.js

@@ -11048,6 +11048,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';
 }
@@ -11088,7 +11091,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);
+        }
     }
 }
 /**
@@ -13576,7 +13584,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.
@@ -13674,13 +13682,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);