@lwc/template-compiler 9.0.4-alpha.1 → 9.0.4-alpha.2

package/dist/{index.cjs → index.cjs.js}

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var errors = require('@lwc/errors');
-var path = require('node:path');
+var path = require('path');
 var shared = require('@lwc/shared');
 var he = require('he');
 var acorn = require('acorn');
@@ -29,6 +29,7 @@ function _interopNamespaceDefault(e) {
     return Object.freeze(n);
 }
 
+var he__namespace = /*#__PURE__*/_interopNamespaceDefault(he);
 var astring__namespace = /*#__PURE__*/_interopNamespaceDefault(astring);
 
 /*
@@ -9266,46 +9267,52 @@ function isAttribute$1(node) {
     return node.type === 'Attribute';
 }
 
-const LWCDirectiveDomMode = {
-    manual: 'manual',
-};
-const LWCDirectiveRenderMode = {
-    shadow: 'shadow',
-    light: 'light',
-};
+exports.LWCDirectiveDomMode = void 0;
+(function (LWCDirectiveDomMode) {
+    LWCDirectiveDomMode["manual"] = "manual";
+})(exports.LWCDirectiveDomMode || (exports.LWCDirectiveDomMode = {}));
+exports.LWCDirectiveRenderMode = void 0;
+(function (LWCDirectiveRenderMode) {
+    LWCDirectiveRenderMode["shadow"] = "shadow";
+    LWCDirectiveRenderMode["light"] = "light";
+})(exports.LWCDirectiveRenderMode || (exports.LWCDirectiveRenderMode = {}));
 /**
  * All supported special LWC tags, they should all begin with lwc:*
  */
-const LwcTagName = {
-    Component: 'lwc:component',
-};
-const TemplateDirectiveName = {
-    If: 'if:true',
-    IfBlock: 'lwc:if',
-    ElseifBlock: 'lwc:elseif',
-    ElseBlock: 'lwc:else',
-    ForEach: 'for:each',
-    ForOf: 'for:of',
-    ScopedSlotFragment: 'lwc:slot-data',
-};
-const ElementDirectiveName = {
-    Dom: 'lwc:dom',
+exports.LwcTagName = void 0;
+(function (LwcTagName) {
+    LwcTagName["Component"] = "lwc:component";
+})(exports.LwcTagName || (exports.LwcTagName = {}));
+exports.TemplateDirectiveName = void 0;
+(function (TemplateDirectiveName) {
+    TemplateDirectiveName["If"] = "if:true";
+    TemplateDirectiveName["IfBlock"] = "lwc:if";
+    TemplateDirectiveName["ElseifBlock"] = "lwc:elseif";
+    TemplateDirectiveName["ElseBlock"] = "lwc:else";
+    TemplateDirectiveName["ForEach"] = "for:each";
+    TemplateDirectiveName["ForOf"] = "for:of";
+    TemplateDirectiveName["ScopedSlotFragment"] = "lwc:slot-data";
+})(exports.TemplateDirectiveName || (exports.TemplateDirectiveName = {}));
+exports.ElementDirectiveName = void 0;
+(function (ElementDirectiveName) {
+    ElementDirectiveName["Dom"] = "lwc:dom";
     // TODO [#3331]: remove usage of lwc:dynamic in 246
-    Dynamic: 'lwc:dynamic',
-    Is: 'lwc:is',
-    External: 'lwc:external',
-    InnerHTML: 'lwc:inner-html',
-    Ref: 'lwc:ref',
-    SlotBind: 'lwc:slot-bind',
-    SlotData: 'lwc:slot-data',
-    Spread: 'lwc:spread',
-    On: 'lwc:on',
-    Key: 'key',
-};
-const RootDirectiveName = {
-    PreserveComments: 'lwc:preserve-comments',
-    RenderMode: 'lwc:render-mode',
-};
+    ElementDirectiveName["Dynamic"] = "lwc:dynamic";
+    ElementDirectiveName["Is"] = "lwc:is";
+    ElementDirectiveName["External"] = "lwc:external";
+    ElementDirectiveName["InnerHTML"] = "lwc:inner-html";
+    ElementDirectiveName["Ref"] = "lwc:ref";
+    ElementDirectiveName["SlotBind"] = "lwc:slot-bind";
+    ElementDirectiveName["SlotData"] = "lwc:slot-data";
+    ElementDirectiveName["Spread"] = "lwc:spread";
+    ElementDirectiveName["On"] = "lwc:on";
+    ElementDirectiveName["Key"] = "key";
+})(exports.ElementDirectiveName || (exports.ElementDirectiveName = {}));
+exports.RootDirectiveName = void 0;
+(function (RootDirectiveName) {
+    RootDirectiveName["PreserveComments"] = "lwc:preserve-comments";
+    RootDirectiveName["RenderMode"] = "lwc:render-mode";
+})(exports.RootDirectiveName || (exports.RootDirectiveName = {}));
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -9497,7 +9504,7 @@ const VALID_IF_MODIFIER = new Set(['true', 'false', 'strict-true']);
 const ITERATOR_RE = /^iterator:.*$/;
 const EVENT_HANDLER_RE = /^on/;
 const EVENT_HANDLER_NAME_RE = /^on[a-z][a-z0-9_]*$/;
-const LWC_DIRECTIVE_SET = new Set(Object.values(ElementDirectiveName));
+const LWC_DIRECTIVE_SET = new Set(Object.values(exports.ElementDirectiveName));
 const ATTRIBUTE_NAME_CHAR = [
     ':A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-',
     '\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD',
@@ -9643,7 +9650,7 @@ class ParserCtx {
         this.siblingScopes = [];
         this.source = source;
         this.config = config;
-        this.renderMode = LWCDirectiveRenderMode.shadow;
+        this.renderMode = exports.LWCDirectiveRenderMode.shadow;
         this.preserveComments = config.preserveHtmlComments;
         this.ecmaVersion = config.experimentalComplexExpressions
             ? TMPL_EXPR_ECMASCRIPT_EDITION
@@ -10056,7 +10063,7 @@ function cleanTextNode(value) {
     return str;
 }
 function decodeTextContent(source) {
-    return he.decode(source);
+    return he__namespace.decode(source);
 }
 
 /*
@@ -10609,7 +10616,8 @@ function parseExpression(ctx, source, location, unquotedAttributeExpression) {
     }, errors.ParserDiagnostics.TEMPLATE_EXPRESSION_PARSING_ERROR, location, (err) => `Invalid expression ${source} - ${err.message}`);
 }
 function parseIdentifier(ctx, source, location) {
-    let isValid = acorn.isIdentifierStart(source.charCodeAt(0));
+    let isValid = true;
+    isValid = acorn.isIdentifierStart(source.charCodeAt(0));
     for (let i = 1; i < source.length && isValid; i++) {
         isValid = acorn.isIdentifierChar(source.charCodeAt(i));
     }
@@ -11434,7 +11442,7 @@ function parseBaseElement(ctx, parsedAttr, parse5Elm, parent, parse5ElmLocation)
         // Check if the element tag is a valid custom element name and is not part of known standard
         // element name containing a dash.
         if (isCustomElementTag(tag)) {
-            if (parsedAttr.get(ElementDirectiveName.External)) {
+            if (parsedAttr.get(exports.ElementDirectiveName.External)) {
                 element$1 = externalComponent(tag, parse5ElmLocation);
             }
             else {
@@ -11459,7 +11467,7 @@ function parseBaseElement(ctx, parsedAttr, parse5Elm, parent, parse5ElmLocation)
 function parseLwcElement(ctx, parse5Elm, parsedAttr, parse5ElmLocation) {
     let lwcElementParser;
     switch (parse5Elm.tagName) {
-        case LwcTagName.Component:
+        case exports.LwcTagName.Component:
             lwcElementParser = parseLwcComponent;
             break;
         default:
@@ -11472,7 +11480,7 @@ function parseLwcComponent(ctx, parse5Elm, parsedAttr, parse5ElmLocation) {
         ctx.throwAtLocation(errors.ParserDiagnostics.INVALID_OPTS_LWC_ENABLE_DYNAMIC_COMPONENTS, sourceLocation(parse5ElmLocation));
     }
     // <lwc:component> must be used with lwc:is directive
-    if (!parsedAttr.get(ElementDirectiveName.Is)) {
+    if (!parsedAttr.get(exports.ElementDirectiveName.Is)) {
         ctx.throwAtLocation(errors.ParserDiagnostics.LWC_COMPONENT_TAG_WITHOUT_IS_DIRECTIVE, sourceLocation(parse5ElmLocation));
     }
     return lwcComponent(parse5Elm.tagName, parse5ElmLocation);
@@ -11747,21 +11755,21 @@ function applyRootLwcDirectives(ctx, parsedAttr, root) {
     applyLwcPreserveCommentsDirective(ctx, parsedAttr, root);
 }
 function applyLwcRenderModeDirective(ctx, parsedAttr, root) {
-    const lwcRenderModeAttribute = parsedAttr.pick(RootDirectiveName.RenderMode);
+    const lwcRenderModeAttribute = parsedAttr.pick(exports.RootDirectiveName.RenderMode);
     if (!lwcRenderModeAttribute) {
         return;
     }
     const { value: renderDomAttr } = lwcRenderModeAttribute;
     if (!isStringLiteral(renderDomAttr) ||
-        (renderDomAttr.value !== LWCDirectiveRenderMode.shadow &&
-            renderDomAttr.value !== LWCDirectiveRenderMode.light)) {
+        (renderDomAttr.value !== exports.LWCDirectiveRenderMode.shadow &&
+            renderDomAttr.value !== exports.LWCDirectiveRenderMode.light)) {
         ctx.throwOnNode(errors.ParserDiagnostics.LWC_RENDER_MODE_INVALID_VALUE, root);
     }
     root.directives.push(renderModeDirective(renderDomAttr.value, lwcRenderModeAttribute.location));
     ctx.instrumentation?.incrementCounter(errors.CompilerMetrics.LWCRenderModeDirective);
 }
 function applyLwcPreserveCommentsDirective(ctx, parsedAttr, root) {
-    const lwcPreserveCommentAttribute = parsedAttr.pick(RootDirectiveName.PreserveComments);
+    const lwcPreserveCommentAttribute = parsedAttr.pick(exports.RootDirectiveName.PreserveComments);
     if (!lwcPreserveCommentAttribute) {
         return;
     }
@@ -11794,15 +11802,15 @@ function applyLwcDirectives(ctx, parsedAttr, element) {
         ]);
     }
     // Should not allow render mode or preserve comments on non root nodes
-    if (parsedAttr.get(RootDirectiveName.RenderMode)) {
+    if (parsedAttr.get(exports.RootDirectiveName.RenderMode)) {
         ctx.throwOnNode(errors.ParserDiagnostics.UNKNOWN_LWC_DIRECTIVE, element, [
-            RootDirectiveName.RenderMode,
+            exports.RootDirectiveName.RenderMode,
             `<${element.name}>`,
         ]);
     }
-    if (parsedAttr.get(RootDirectiveName.PreserveComments)) {
+    if (parsedAttr.get(exports.RootDirectiveName.PreserveComments)) {
         ctx.throwOnNode(errors.ParserDiagnostics.UNKNOWN_LWC_DIRECTIVE, element, [
-            RootDirectiveName.PreserveComments,
+            exports.RootDirectiveName.PreserveComments,
             `<${element.name}>`,
         ]);
     }
@@ -11813,7 +11821,7 @@ function applyLwcDirectives(ctx, parsedAttr, element) {
 }
 function applyLwcSlotBindDirective(ctx, parsedAttr, element) {
     const { name: tag } = element;
-    const slotBindAttribute = parsedAttr.pick(ElementDirectiveName.SlotBind);
+    const slotBindAttribute = parsedAttr.pick(exports.ElementDirectiveName.SlotBind);
     if (!slotBindAttribute) {
         return;
     }
@@ -11832,7 +11840,7 @@ function applyLwcSlotBindDirective(ctx, parsedAttr, element) {
 }
 function applyLwcSpreadDirective(ctx, parsedAttr, element) {
     const { name: tag } = element;
-    const lwcSpread = parsedAttr.pick(ElementDirectiveName.Spread);
+    const lwcSpread = parsedAttr.pick(exports.ElementDirectiveName.Spread);
     if (!lwcSpread) {
         return;
     }
@@ -11844,7 +11852,7 @@ function applyLwcSpreadDirective(ctx, parsedAttr, element) {
 }
 function applyLwcOnDirective(ctx, parsedAttr, element) {
     const { name: tag } = element;
-    const lwcOn = parsedAttr.pick(ElementDirectiveName.On);
+    const lwcOn = parsedAttr.pick(exports.ElementDirectiveName.On);
     if (!lwcOn) {
         return;
     }
@@ -11865,7 +11873,7 @@ function applyLwcOnDirective(ctx, parsedAttr, element) {
     element.directives.push(OnDirective(lwcOnValue, lwcOn.location));
 }
 function applyLwcExternalDirective(ctx, parsedAttr, element) {
-    const lwcExternalAttribute = parsedAttr.pick(ElementDirectiveName.External);
+    const lwcExternalAttribute = parsedAttr.pick(exports.ElementDirectiveName.External);
     if (!lwcExternalAttribute) {
         return;
     }
@@ -11882,7 +11890,7 @@ function applyLwcExternalDirective(ctx, parsedAttr, element) {
 }
 function applyLwcDynamicDirective(ctx, parsedAttr, element) {
     const { name: tag } = element;
-    const lwcDynamicAttribute = parsedAttr.pick(ElementDirectiveName.Dynamic);
+    const lwcDynamicAttribute = parsedAttr.pick(exports.ElementDirectiveName.Dynamic);
     if (!lwcDynamicAttribute) {
         return;
     }
@@ -11905,7 +11913,7 @@ function applyLwcDynamicDirective(ctx, parsedAttr, element) {
 }
 function applyLwcIsDirective(ctx, parsedAttr, element) {
     const { name: tag } = element;
-    const lwcIsAttribute = parsedAttr.pick(ElementDirectiveName.Is);
+    const lwcIsAttribute = parsedAttr.pick(exports.ElementDirectiveName.Is);
     if (!lwcIsAttribute) {
         return;
     }
@@ -11926,7 +11934,7 @@ function applyLwcDomDirective(ctx, parsedAttr, element) {
     if (!lwcDomAttribute) {
         return;
     }
-    if (ctx.renderMode === LWCDirectiveRenderMode.light) {
+    if (ctx.renderMode === exports.LWCDirectiveRenderMode.light) {
         ctx.throwOnNode(errors.ParserDiagnostics.LWC_DOM_INVALID_IN_LIGHT_DOM, element, [`<${tag}>`]);
     }
     if (isComponent(element)) {
@@ -11936,8 +11944,8 @@ function applyLwcDomDirective(ctx, parsedAttr, element) {
         ctx.throwOnNode(errors.ParserDiagnostics.LWC_DOM_INVALID_SLOT_ELEMENT, element);
     }
     const { value: lwcDomAttr } = lwcDomAttribute;
-    if (!isStringLiteral(lwcDomAttr) || lwcDomAttr.value !== LWCDirectiveDomMode.manual) {
-        const possibleValues = Object.keys(LWCDirectiveDomMode)
+    if (!isStringLiteral(lwcDomAttr) || lwcDomAttr.value !== exports.LWCDirectiveDomMode.manual) {
+        const possibleValues = Object.keys(exports.LWCDirectiveDomMode)
             .map((value) => `"${value}"`)
             .join(', or ');
         ctx.throwOnNode(errors.ParserDiagnostics.LWC_DOM_INVALID_VALUE, element, [possibleValues]);
@@ -11945,7 +11953,7 @@ function applyLwcDomDirective(ctx, parsedAttr, element) {
     element.directives.push(domDirective(lwcDomAttr.value, lwcDomAttribute.location));
 }
 function applyLwcInnerHtmlDirective(ctx, parsedAttr, element) {
-    const lwcInnerHtmlDirective = parsedAttr.pick(ElementDirectiveName.InnerHTML);
+    const lwcInnerHtmlDirective = parsedAttr.pick(exports.ElementDirectiveName.InnerHTML);
     if (!lwcInnerHtmlDirective) {
         return;
     }
@@ -11968,7 +11976,7 @@ function applyLwcInnerHtmlDirective(ctx, parsedAttr, element) {
     element.directives.push(innerHTMLDirective(innerHTMLVal, lwcInnerHtmlDirective.location));
 }
 function applyRefDirective(ctx, parsedAttr, element) {
-    const lwcRefDirective = parsedAttr.pick(ElementDirectiveName.Ref);
+    const lwcRefDirective = parsedAttr.pick(exports.ElementDirectiveName.Ref);
     if (!lwcRefDirective) {
         return;
     }
@@ -12039,7 +12047,7 @@ function parseForOf(ctx, _parse5Elm, parse5ElmLocation, parent, parsedAttr) {
     return node;
 }
 function parseScopedSlotFragment(ctx, parse5Elm, parse5ElmLocation, parent, parsedAttr) {
-    const slotDataAttr = parsedAttr.pick(ElementDirectiveName.SlotData);
+    const slotDataAttr = parsedAttr.pick(exports.ElementDirectiveName.SlotData);
     if (!slotDataAttr) {
         return;
     }
@@ -12077,7 +12085,7 @@ function parseScopedSlotFragment(ctx, parse5Elm, parse5ElmLocation, parent, pars
 }
 function applyKey(ctx, parsedAttr, element) {
     const { name: tag } = element;
-    const keyAttribute = parsedAttr.pick(ElementDirectiveName.Key);
+    const keyAttribute = parsedAttr.pick(exports.ElementDirectiveName.Key);
     if (keyAttribute) {
         if (!isExpression$1(keyAttribute.value)) {
             ctx.throwOnNode(errors.ParserDiagnostics.KEY_ATTRIBUTE_SHOULD_BE_EXPRESSION, keyAttribute);
@@ -12106,18 +12114,18 @@ function applyKey(ctx, parsedAttr, element) {
         ctx.throwOnNode(errors.ParserDiagnostics.MISSING_KEY_IN_ITERATOR, element, [tag]);
     }
 }
-const RESTRICTED_DIRECTIVES_ON_SLOT = Object.values(TemplateDirectiveName).join(', ');
+const RESTRICTED_DIRECTIVES_ON_SLOT = Object.values(exports.TemplateDirectiveName).join(', ');
 const ALLOWED_SLOT_ATTRIBUTES = [
-    ElementDirectiveName.Key,
-    ElementDirectiveName.SlotBind,
+    exports.ElementDirectiveName.Key,
+    exports.ElementDirectiveName.SlotBind,
     'name',
     'slot',
 ];
 const ALLOWED_SLOT_ATTRIBUTES_SET = new Set(ALLOWED_SLOT_ATTRIBUTES);
 function parseSlot(ctx, parsedAttr, parse5ElmLocation) {
     const location = sourceLocation(parse5ElmLocation);
-    const isScopedSlot = !shared.isUndefined(parsedAttr.get(ElementDirectiveName.SlotBind));
-    if (isScopedSlot && ctx.renderMode !== LWCDirectiveRenderMode.light) {
+    const isScopedSlot = !shared.isUndefined(parsedAttr.get(exports.ElementDirectiveName.SlotBind));
+    if (isScopedSlot && ctx.renderMode !== exports.LWCDirectiveRenderMode.light) {
         ctx.throwAtLocation(errors.ParserDiagnostics.SCOPED_SLOT_BIND_IN_LIGHT_DOM_ONLY, location);
     }
     // Restrict specific template directives on <slot> element
@@ -12128,7 +12136,7 @@ function parseSlot(ctx, parsedAttr, parse5ElmLocation) {
         ]);
     }
     // Can't handle slots in applySlot because it would be too late for class and style attrs
-    if (ctx.renderMode === LWCDirectiveRenderMode.light) {
+    if (ctx.renderMode === exports.LWCDirectiveRenderMode.light) {
         const invalidAttrs = parsedAttr
             .getAttributes()
             .filter(({ name }) => !ALLOWED_SLOT_ATTRIBUTES_SET.has(name))
@@ -12310,21 +12318,21 @@ function validateTemplate(ctx, parsedAttr, template, parse5ElmLocation) {
     if (!template.attrs.length) {
         ctx.throwAtLocation(errors.ParserDiagnostics.NO_DIRECTIVE_FOUND_ON_TEMPLATE, location);
     }
-    if (parsedAttr.get(ElementDirectiveName.External)) {
+    if (parsedAttr.get(exports.ElementDirectiveName.External)) {
         ctx.throwAtLocation(errors.ParserDiagnostics.INVALID_LWC_EXTERNAL_ON_NON_CUSTOM_ELEMENT, location, ['<template>']);
     }
-    if (parsedAttr.get(ElementDirectiveName.InnerHTML)) {
+    if (parsedAttr.get(exports.ElementDirectiveName.InnerHTML)) {
         ctx.throwAtLocation(errors.ParserDiagnostics.LWC_INNER_HTML_INVALID_ELEMENT, location, [
             '<template>',
         ]);
     }
-    if (parsedAttr.get(ElementDirectiveName.Ref)) {
+    if (parsedAttr.get(exports.ElementDirectiveName.Ref)) {
         ctx.throwAtLocation(errors.ParserDiagnostics.LWC_REF_INVALID_ELEMENT, location, ['<template>']);
     }
-    if (parsedAttr.get(ElementDirectiveName.Is)) {
+    if (parsedAttr.get(exports.ElementDirectiveName.Is)) {
         ctx.throwAtLocation(errors.ParserDiagnostics.LWC_IS_INVALID_ELEMENT, location, ['<template>']);
     }
-    if (parsedAttr.get(ElementDirectiveName.On)) {
+    if (parsedAttr.get(exports.ElementDirectiveName.On)) {
         if (!ctx.config.enableLwcOn) {
             ctx.throwAtLocation(errors.ParserDiagnostics.INVALID_LWC_ON_OPTS, location, ['<template>']);
         }
@@ -12526,9 +12534,10 @@ function shouldAddCustomRenderer(element, state) {
     }
     const { attributes, directives } = element;
     if (directives.length) {
+        let directiveMatched = false;
         // If any directives require custom renderer
-        const directiveMatched = directives.some((dir) => {
-            return state.crDirectives.has(ElementDirectiveName[dir.name]);
+        directiveMatched = directives.some((dir) => {
+            return state.crDirectives.has(exports.ElementDirectiveName[dir.name]);
         });
         if (directiveMatched) {
             return true;
@@ -12600,7 +12609,7 @@ function shouldFlatten(codeGen, children) {
             // light DOM slots - backwards-compatible behavior uses flattening, new behavior uses fragments
             (!shared.isAPIFeatureEnabled(2 /* APIFeature.USE_FRAGMENTS_FOR_LIGHT_DOM_SLOTS */, codeGen.apiVersion) &&
                 isSlot(child) &&
-                codeGen.renderMode === LWCDirectiveRenderMode.light) ||
+                codeGen.renderMode === exports.LWCDirectiveRenderMode.light) ||
             // If node is only a control flow node and does not map to a stand alone element.
             // Search children to determine if it should be flattened.
             (isIf(child) && shouldFlatten(codeGen, child.children)));
@@ -12633,7 +12642,7 @@ function generateTemplateMetadata(codeGen) {
         metadataExpressions.push(expressionStatement(slotsMetadata));
     }
     // ignore when shadow because we don't want to modify template unnecessarily
-    if (codeGen.renderMode === LWCDirectiveRenderMode.light) {
+    if (codeGen.renderMode === exports.LWCDirectiveRenderMode.light) {
         const renderModeMetadata = assignmentExpression('=', memberExpression(identifier(TEMPLATE_FUNCTION_NAME), identifier('renderMode')), literal$1('light'));
         metadataExpressions.push(expressionStatement(renderModeMetadata));
     }
@@ -13359,7 +13368,7 @@ class CodeGen {
         }
         this.renderMode =
             root.directives.find(isRenderModeDirective)?.value.value ??
-                LWCDirectiveRenderMode.shadow;
+                exports.LWCDirectiveRenderMode.shadow;
         this.preserveComments =
             root.directives.find(isPreserveCommentsDirective)?.value.value ??
                 state.config.preserveHtmlComments;
@@ -13368,7 +13377,7 @@ class CodeGen {
         this.state = state;
         this.apiVersion = shared.getAPIVersionFromNumber(state.config.apiVersion);
         this.isSyntheticShadow =
-            this.renderMode !== LWCDirectiveRenderMode.light &&
+            this.renderMode !== exports.LWCDirectiveRenderMode.light &&
                 !this.state.config.disableSyntheticShadowSupport;
     }
     generateKey() {
@@ -13762,7 +13771,7 @@ class CodeGen {
                     // then static IDs/IDrefs/fragment refs will be rendered directly into HTML strings.
                     const needsScoping = this.isSyntheticShadow && (isIdOrIdRef || isScopedFragmentRef);
                     if (isExpression$1(value) || isSvgHref || needsScoping) {
-                        let partToken;
+                        let partToken = '';
                         if (name === 'style') {
                             partToken = `${"s" /* STATIC_PART_TOKEN_ID.STYLE */}${partId}`;
                             databag.push(property$1(identifier('style'), this.bindExpression(value)));
@@ -14563,12 +14572,6 @@ function compile(source, filename, config) {
     };
 }
 
-exports.ElementDirectiveName = ElementDirectiveName;
-exports.LWCDirectiveDomMode = LWCDirectiveDomMode;
-exports.LWCDirectiveRenderMode = LWCDirectiveRenderMode;
-exports.LwcTagName = LwcTagName;
-exports.RootDirectiveName = RootDirectiveName;
-exports.TemplateDirectiveName = TemplateDirectiveName;
 exports.bindExpression = bindExpression;
 exports.compile = compile;
 exports.default = compile;
@@ -14576,5 +14579,5 @@ exports.generateScopeTokens = generateScopeTokens;
 exports.kebabcaseToCamelcase = kebabcaseToCamelcase;
 exports.parse = parse;
 exports.toPropertyName = toPropertyName;
-/** version: 9.0.4-alpha.1 */
-//# sourceMappingURL=index.cjs.map
+/** version: 9.0.4-alpha.2 */
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import type { Config } from './config';
 import type { TemplateCompileResult, TemplateParseResult } from './shared/types';
 export * from './shared/types';
-export type { CustomRendererConfig, CustomRendererElementConfig } from './shared/renderer-hooks';
-export type { Config } from './config';
+export { CustomRendererConfig, CustomRendererElementConfig } from './shared/renderer-hooks';
+export { Config } from './config';
 export { toPropertyName } from './shared/utils';
 export { kebabcaseToCamelcase } from './shared/naming';
 export { generateScopeTokens } from './scopeTokens';

package/dist/index.js

@@ -2,9 +2,9 @@
  * Copyright (c) 2026 Salesforce, Inc.
  */
 import { invariant, TemplateErrors, generateCompilerError, CompilerError, normalizeToDiagnostic, generateCompilerDiagnostic, ParserDiagnostics, DiagnosticLevel, CompilerMetrics } from '@lwc/errors';
-import path from 'node:path';
+import path from 'path';
 import { StringCharAt, hasOwnProperty, getAPIVersionFromNumber, HTML_NAMESPACE, AriaAttrNameToPropNameMap, fromEntries, ArrayFrom, SPECIAL_PROPERTY_ATTRIBUTE_MAPPING, isAPIFeatureEnabled, minApiVersion, ID_REFERENCING_ATTRIBUTES_SET, SVG_NAMESPACE, isBooleanAttribute, isGlobalHtmlAttribute, isAriaAttribute, isVoidElement, MATHML_NAMESPACE, isNull, isUndefined, IMPORTANT_FLAG, isArray, ArrayEvery, ArraySome, normalizeStyleAttributeValue, htmlEscape, parseStyleText, LWC_VERSION_COMMENT } from '@lwc/shared';
-import he from 'he';
+import * as he from 'he';
 import { parseExpressionAt, isIdentifierStart, isIdentifierChar } from 'acorn';
 import * as astring from 'astring';
 
@@ -9243,46 +9243,52 @@ function isAttribute$1(node) {
     return node.type === 'Attribute';
 }
 
-const LWCDirectiveDomMode = {
-    manual: 'manual',
-};
-const LWCDirectiveRenderMode = {
-    shadow: 'shadow',
-    light: 'light',
-};
+var LWCDirectiveDomMode;
+(function (LWCDirectiveDomMode) {
+    LWCDirectiveDomMode["manual"] = "manual";
+})(LWCDirectiveDomMode || (LWCDirectiveDomMode = {}));
+var LWCDirectiveRenderMode;
+(function (LWCDirectiveRenderMode) {
+    LWCDirectiveRenderMode["shadow"] = "shadow";
+    LWCDirectiveRenderMode["light"] = "light";
+})(LWCDirectiveRenderMode || (LWCDirectiveRenderMode = {}));
 /**
  * All supported special LWC tags, they should all begin with lwc:*
  */
-const LwcTagName = {
-    Component: 'lwc:component',
-};
-const TemplateDirectiveName = {
-    If: 'if:true',
-    IfBlock: 'lwc:if',
-    ElseifBlock: 'lwc:elseif',
-    ElseBlock: 'lwc:else',
-    ForEach: 'for:each',
-    ForOf: 'for:of',
-    ScopedSlotFragment: 'lwc:slot-data',
-};
-const ElementDirectiveName = {
-    Dom: 'lwc:dom',
+var LwcTagName;
+(function (LwcTagName) {
+    LwcTagName["Component"] = "lwc:component";
+})(LwcTagName || (LwcTagName = {}));
+var TemplateDirectiveName;
+(function (TemplateDirectiveName) {
+    TemplateDirectiveName["If"] = "if:true";
+    TemplateDirectiveName["IfBlock"] = "lwc:if";
+    TemplateDirectiveName["ElseifBlock"] = "lwc:elseif";
+    TemplateDirectiveName["ElseBlock"] = "lwc:else";
+    TemplateDirectiveName["ForEach"] = "for:each";
+    TemplateDirectiveName["ForOf"] = "for:of";
+    TemplateDirectiveName["ScopedSlotFragment"] = "lwc:slot-data";
+})(TemplateDirectiveName || (TemplateDirectiveName = {}));
+var ElementDirectiveName;
+(function (ElementDirectiveName) {
+    ElementDirectiveName["Dom"] = "lwc:dom";
     // TODO [#3331]: remove usage of lwc:dynamic in 246
-    Dynamic: 'lwc:dynamic',
-    Is: 'lwc:is',
-    External: 'lwc:external',
-    InnerHTML: 'lwc:inner-html',
-    Ref: 'lwc:ref',
-    SlotBind: 'lwc:slot-bind',
-    SlotData: 'lwc:slot-data',
-    Spread: 'lwc:spread',
-    On: 'lwc:on',
-    Key: 'key',
-};
-const RootDirectiveName = {
-    PreserveComments: 'lwc:preserve-comments',
-    RenderMode: 'lwc:render-mode',
-};
+    ElementDirectiveName["Dynamic"] = "lwc:dynamic";
+    ElementDirectiveName["Is"] = "lwc:is";
+    ElementDirectiveName["External"] = "lwc:external";
+    ElementDirectiveName["InnerHTML"] = "lwc:inner-html";
+    ElementDirectiveName["Ref"] = "lwc:ref";
+    ElementDirectiveName["SlotBind"] = "lwc:slot-bind";
+    ElementDirectiveName["SlotData"] = "lwc:slot-data";
+    ElementDirectiveName["Spread"] = "lwc:spread";
+    ElementDirectiveName["On"] = "lwc:on";
+    ElementDirectiveName["Key"] = "key";
+})(ElementDirectiveName || (ElementDirectiveName = {}));
+var RootDirectiveName;
+(function (RootDirectiveName) {
+    RootDirectiveName["PreserveComments"] = "lwc:preserve-comments";
+    RootDirectiveName["RenderMode"] = "lwc:render-mode";
+})(RootDirectiveName || (RootDirectiveName = {}));
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -10586,7 +10592,8 @@ function parseExpression(ctx, source, location, unquotedAttributeExpression) {
     }, ParserDiagnostics.TEMPLATE_EXPRESSION_PARSING_ERROR, location, (err) => `Invalid expression ${source} - ${err.message}`);
 }
 function parseIdentifier(ctx, source, location) {
-    let isValid = isIdentifierStart(source.charCodeAt(0));
+    let isValid = true;
+    isValid = isIdentifierStart(source.charCodeAt(0));
     for (let i = 1; i < source.length && isValid; i++) {
         isValid = isIdentifierChar(source.charCodeAt(i));
     }
@@ -12503,8 +12510,9 @@ function shouldAddCustomRenderer(element, state) {
     }
     const { attributes, directives } = element;
     if (directives.length) {
+        let directiveMatched = false;
         // If any directives require custom renderer
-        const directiveMatched = directives.some((dir) => {
+        directiveMatched = directives.some((dir) => {
             return state.crDirectives.has(ElementDirectiveName[dir.name]);
         });
         if (directiveMatched) {
@@ -13739,7 +13747,7 @@ class CodeGen {
                     // then static IDs/IDrefs/fragment refs will be rendered directly into HTML strings.
                     const needsScoping = this.isSyntheticShadow && (isIdOrIdRef || isScopedFragmentRef);
                     if (isExpression$1(value) || isSvgHref || needsScoping) {
-                        let partToken;
+                        let partToken = '';
                         if (name === 'style') {
                             partToken = `${"s" /* STATIC_PART_TOKEN_ID.STYLE */}${partId}`;
                             databag.push(property$1(identifier('style'), this.bindExpression(value)));
@@ -14541,5 +14549,5 @@ function compile(source, filename, config) {
 }
 
 export { ElementDirectiveName, LWCDirectiveDomMode, LWCDirectiveRenderMode, LwcTagName, RootDirectiveName, TemplateDirectiveName, bindExpression, compile, compile as default, generateScopeTokens, kebabcaseToCamelcase, parse, toPropertyName };
-/** version: 9.0.4-alpha.1 */
+/** version: 9.0.4-alpha.2 */
 //# sourceMappingURL=index.js.map

package/dist/shared/types.d.ts

@@ -8,15 +8,13 @@ export interface TemplateCompileResult extends TemplateParseResult {
     code: string;
     cssScopeTokens: string[];
 }
-export declare const LWCDirectiveDomMode: {
-    readonly manual: "manual";
-};
-export type LWCDirectiveDomMode = (typeof LWCDirectiveDomMode)[keyof typeof LWCDirectiveDomMode];
-export declare const LWCDirectiveRenderMode: {
-    readonly shadow: "shadow";
-    readonly light: "light";
-};
-export type LWCDirectiveRenderMode = (typeof LWCDirectiveRenderMode)[keyof typeof LWCDirectiveRenderMode];
+export declare enum LWCDirectiveDomMode {
+    manual = "manual"
+}
+export declare enum LWCDirectiveRenderMode {
+    shadow = "shadow",
+    light = "light"
+}
 export interface BaseNode {
     type: string;
     location: SourceLocation;
@@ -161,25 +159,24 @@ export interface LwcComponent extends BaseLwcElement<'lwc:component'> {
 /**
  * All supported special LWC tags, they should all begin with lwc:*
  */
-export declare const LwcTagName: {
-    readonly Component: "lwc:component";
-};
-export type LwcTagName = (typeof LwcTagName)[keyof typeof LwcTagName];
+export declare enum LwcTagName {
+    Component = "lwc:component"
+}
 export type BaseElement = Element | ExternalComponent | Component | Slot | LwcComponent;
 export interface Root extends BaseParentNode {
     type: 'Root';
     location: ElementSourceLocation;
     directives: RootDirective[];
 }
-export declare const TemplateDirectiveName: {
-    readonly If: "if:true";
-    readonly IfBlock: "lwc:if";
-    readonly ElseifBlock: "lwc:elseif";
-    readonly ElseBlock: "lwc:else";
-    readonly ForEach: "for:each";
-    readonly ForOf: "for:of";
-    readonly ScopedSlotFragment: "lwc:slot-data";
-};
+export declare enum TemplateDirectiveName {
+    If = "if:true",
+    IfBlock = "lwc:if",
+    ElseifBlock = "lwc:elseif",
+    ElseBlock = "lwc:else",
+    ForEach = "for:each",
+    ForOf = "for:of",
+    ScopedSlotFragment = "lwc:slot-data"
+}
 interface DirectiveParentNode<T extends keyof typeof TemplateDirectiveName> extends BaseParentNode {
     directiveLocation: SourceLocation;
     type: T;
@@ -230,22 +227,22 @@ export type ForBlock = ForEach | ForOf;
 export type ParentNode = Root | ForBlock | If | IfBlock | ElseifBlock | ElseBlock | BaseElement | ScopedSlotFragment;
 export type ChildNode = ForBlock | If | IfBlock | ElseifBlock | ElseBlock | BaseElement | Comment | Text | ScopedSlotFragment;
 export type Node = Root | ForBlock | If | IfBlock | ElseifBlock | ElseBlock | BaseElement | Comment | Text | ScopedSlotFragment;
-export declare const ElementDirectiveName: {
-    readonly Dom: "lwc:dom";
-    readonly Dynamic: "lwc:dynamic";
-    readonly Is: "lwc:is";
-    readonly External: "lwc:external";
-    readonly InnerHTML: "lwc:inner-html";
-    readonly Ref: "lwc:ref";
-    readonly SlotBind: "lwc:slot-bind";
-    readonly SlotData: "lwc:slot-data";
-    readonly Spread: "lwc:spread";
-    readonly On: "lwc:on";
-    readonly Key: "key";
-};
-export declare const RootDirectiveName: {
-    readonly PreserveComments: "lwc:preserve-comments";
-    readonly RenderMode: "lwc:render-mode";
-};
+export declare enum ElementDirectiveName {
+    Dom = "lwc:dom",
+    Dynamic = "lwc:dynamic",
+    Is = "lwc:is",
+    External = "lwc:external",
+    InnerHTML = "lwc:inner-html",
+    Ref = "lwc:ref",
+    SlotBind = "lwc:slot-bind",
+    SlotData = "lwc:slot-data",
+    Spread = "lwc:spread",
+    On = "lwc:on",
+    Key = "key"
+}
+export declare enum RootDirectiveName {
+    PreserveComments = "lwc:preserve-comments",
+    RenderMode = "lwc:render-mode"
+}
 export {};
 //# sourceMappingURL=types.d.ts.map

package/package.json

@@ -4,7 +4,7 @@
         "You can safely modify dependencies, devDependencies, keywords, etc., but other props will be overwritten."
     ],
     "name": "@lwc/template-compiler",
-    "version": "9.0.4-alpha.1",
+    "version": "9.0.4-alpha.2",
     "description": "Template compiler package",
     "keywords": [
         "lwc"
@@ -19,22 +19,17 @@
         "url": "https://github.com/salesforce/lwc/issues"
     },
     "license": "MIT",
-    "type": "module",
     "publishConfig": {
         "access": "public"
     },
-    "engines": {
-        "node": ">=16.6.0"
-    },
     "volta": {
         "extends": "../../../package.json"
     },
-    "main": "dist/index.js",
+    "main": "dist/index.cjs.js",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",
     "files": [
         "dist/**/*.js",
-        "dist/**/*.cjs",
         "dist/**/*.d.ts"
     ],
     "scripts": {
@@ -51,8 +46,8 @@
         }
     },
     "dependencies": {
-        "@lwc/errors": "9.0.4-alpha.1",
-        "@lwc/shared": "9.0.4-alpha.1",
+        "@lwc/errors": "9.0.4-alpha.2",
+        "@lwc/shared": "9.0.4-alpha.2",
         "acorn": "~8.16.0",
         "astring": "~1.9.0",
         "he": "~1.2.0"