@lwc/template-compiler 9.0.4-alpha.2 → 9.1.1-alpha.0

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var errors = require('@lwc/errors');
-var path = require('path');
+var path = require('node:path');
 var shared = require('@lwc/shared');
 var he = require('he');
 var acorn = require('acorn');
@@ -29,7 +29,6 @@ function _interopNamespaceDefault(e) {
     return Object.freeze(n);
 }
 
-var he__namespace = /*#__PURE__*/_interopNamespaceDefault(he);
 var astring__namespace = /*#__PURE__*/_interopNamespaceDefault(astring);
 
 /*
@@ -9267,52 +9266,46 @@ function isAttribute$1(node) {
     return node.type === 'Attribute';
 }
 
-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 = {}));
+const LWCDirectiveDomMode = {
+    manual: 'manual',
+};
+const LWCDirectiveRenderMode = {
+    shadow: 'shadow',
+    light: 'light',
+};
 /**
  * All supported special LWC tags, they should all begin with lwc:*
  */
-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";
+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',
     // TODO [#3331]: remove usage of lwc:dynamic in 246
-    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 = {}));
+    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',
+};
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -9504,7 +9497,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(exports.ElementDirectiveName));
+const LWC_DIRECTIVE_SET = new Set(Object.values(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',
@@ -9650,7 +9643,7 @@ class ParserCtx {
         this.siblingScopes = [];
         this.source = source;
         this.config = config;
-        this.renderMode = exports.LWCDirectiveRenderMode.shadow;
+        this.renderMode = LWCDirectiveRenderMode.shadow;
         this.preserveComments = config.preserveHtmlComments;
         this.ecmaVersion = config.experimentalComplexExpressions
             ? TMPL_EXPR_ECMASCRIPT_EDITION
@@ -10063,7 +10056,7 @@ function cleanTextNode(value) {
     return str;
 }
 function decodeTextContent(source) {
-    return he__namespace.decode(source);
+    return he.decode(source);
 }
 
 /*
@@ -10616,8 +10609,7 @@ 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 = true;
-    isValid = acorn.isIdentifierStart(source.charCodeAt(0));
+    let isValid = acorn.isIdentifierStart(source.charCodeAt(0));
     for (let i = 1; i < source.length && isValid; i++) {
         isValid = acorn.isIdentifierChar(source.charCodeAt(i));
     }
@@ -11442,7 +11434,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(exports.ElementDirectiveName.External)) {
+            if (parsedAttr.get(ElementDirectiveName.External)) {
                 element$1 = externalComponent(tag, parse5ElmLocation);
             }
             else {
@@ -11467,7 +11459,7 @@ function parseBaseElement(ctx, parsedAttr, parse5Elm, parent, parse5ElmLocation)
 function parseLwcElement(ctx, parse5Elm, parsedAttr, parse5ElmLocation) {
     let lwcElementParser;
     switch (parse5Elm.tagName) {
-        case exports.LwcTagName.Component:
+        case LwcTagName.Component:
             lwcElementParser = parseLwcComponent;
             break;
         default:
@@ -11480,7 +11472,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(exports.ElementDirectiveName.Is)) {
+    if (!parsedAttr.get(ElementDirectiveName.Is)) {
         ctx.throwAtLocation(errors.ParserDiagnostics.LWC_COMPONENT_TAG_WITHOUT_IS_DIRECTIVE, sourceLocation(parse5ElmLocation));
     }
     return lwcComponent(parse5Elm.tagName, parse5ElmLocation);
@@ -11755,21 +11747,21 @@ function applyRootLwcDirectives(ctx, parsedAttr, root) {
     applyLwcPreserveCommentsDirective(ctx, parsedAttr, root);
 }
 function applyLwcRenderModeDirective(ctx, parsedAttr, root) {
-    const lwcRenderModeAttribute = parsedAttr.pick(exports.RootDirectiveName.RenderMode);
+    const lwcRenderModeAttribute = parsedAttr.pick(RootDirectiveName.RenderMode);
     if (!lwcRenderModeAttribute) {
         return;
     }
     const { value: renderDomAttr } = lwcRenderModeAttribute;
     if (!isStringLiteral(renderDomAttr) ||
-        (renderDomAttr.value !== exports.LWCDirectiveRenderMode.shadow &&
-            renderDomAttr.value !== exports.LWCDirectiveRenderMode.light)) {
+        (renderDomAttr.value !== LWCDirectiveRenderMode.shadow &&
+            renderDomAttr.value !== 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(exports.RootDirectiveName.PreserveComments);
+    const lwcPreserveCommentAttribute = parsedAttr.pick(RootDirectiveName.PreserveComments);
     if (!lwcPreserveCommentAttribute) {
         return;
     }
@@ -11802,15 +11794,15 @@ function applyLwcDirectives(ctx, parsedAttr, element) {
         ]);
     }
     // Should not allow render mode or preserve comments on non root nodes
-    if (parsedAttr.get(exports.RootDirectiveName.RenderMode)) {
+    if (parsedAttr.get(RootDirectiveName.RenderMode)) {
         ctx.throwOnNode(errors.ParserDiagnostics.UNKNOWN_LWC_DIRECTIVE, element, [
-            exports.RootDirectiveName.RenderMode,
+            RootDirectiveName.RenderMode,
             `<${element.name}>`,
         ]);
     }
-    if (parsedAttr.get(exports.RootDirectiveName.PreserveComments)) {
+    if (parsedAttr.get(RootDirectiveName.PreserveComments)) {
         ctx.throwOnNode(errors.ParserDiagnostics.UNKNOWN_LWC_DIRECTIVE, element, [
-            exports.RootDirectiveName.PreserveComments,
+            RootDirectiveName.PreserveComments,
             `<${element.name}>`,
         ]);
     }
@@ -11821,7 +11813,7 @@ function applyLwcDirectives(ctx, parsedAttr, element) {
 }
 function applyLwcSlotBindDirective(ctx, parsedAttr, element) {
     const { name: tag } = element;
-    const slotBindAttribute = parsedAttr.pick(exports.ElementDirectiveName.SlotBind);
+    const slotBindAttribute = parsedAttr.pick(ElementDirectiveName.SlotBind);
     if (!slotBindAttribute) {
         return;
     }
@@ -11840,7 +11832,7 @@ function applyLwcSlotBindDirective(ctx, parsedAttr, element) {
 }
 function applyLwcSpreadDirective(ctx, parsedAttr, element) {
     const { name: tag } = element;
-    const lwcSpread = parsedAttr.pick(exports.ElementDirectiveName.Spread);
+    const lwcSpread = parsedAttr.pick(ElementDirectiveName.Spread);
     if (!lwcSpread) {
         return;
     }
@@ -11852,7 +11844,7 @@ function applyLwcSpreadDirective(ctx, parsedAttr, element) {
 }
 function applyLwcOnDirective(ctx, parsedAttr, element) {
     const { name: tag } = element;
-    const lwcOn = parsedAttr.pick(exports.ElementDirectiveName.On);
+    const lwcOn = parsedAttr.pick(ElementDirectiveName.On);
     if (!lwcOn) {
         return;
     }
@@ -11873,7 +11865,7 @@ function applyLwcOnDirective(ctx, parsedAttr, element) {
     element.directives.push(OnDirective(lwcOnValue, lwcOn.location));
 }
 function applyLwcExternalDirective(ctx, parsedAttr, element) {
-    const lwcExternalAttribute = parsedAttr.pick(exports.ElementDirectiveName.External);
+    const lwcExternalAttribute = parsedAttr.pick(ElementDirectiveName.External);
     if (!lwcExternalAttribute) {
         return;
     }
@@ -11890,7 +11882,7 @@ function applyLwcExternalDirective(ctx, parsedAttr, element) {
 }
 function applyLwcDynamicDirective(ctx, parsedAttr, element) {
     const { name: tag } = element;
-    const lwcDynamicAttribute = parsedAttr.pick(exports.ElementDirectiveName.Dynamic);
+    const lwcDynamicAttribute = parsedAttr.pick(ElementDirectiveName.Dynamic);
     if (!lwcDynamicAttribute) {
         return;
     }
@@ -11913,7 +11905,7 @@ function applyLwcDynamicDirective(ctx, parsedAttr, element) {
 }
 function applyLwcIsDirective(ctx, parsedAttr, element) {
     const { name: tag } = element;
-    const lwcIsAttribute = parsedAttr.pick(exports.ElementDirectiveName.Is);
+    const lwcIsAttribute = parsedAttr.pick(ElementDirectiveName.Is);
     if (!lwcIsAttribute) {
         return;
     }
@@ -11934,7 +11926,7 @@ function applyLwcDomDirective(ctx, parsedAttr, element) {
     if (!lwcDomAttribute) {
         return;
     }
-    if (ctx.renderMode === exports.LWCDirectiveRenderMode.light) {
+    if (ctx.renderMode === LWCDirectiveRenderMode.light) {
         ctx.throwOnNode(errors.ParserDiagnostics.LWC_DOM_INVALID_IN_LIGHT_DOM, element, [`<${tag}>`]);
     }
     if (isComponent(element)) {
@@ -11944,8 +11936,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 !== exports.LWCDirectiveDomMode.manual) {
-        const possibleValues = Object.keys(exports.LWCDirectiveDomMode)
+    if (!isStringLiteral(lwcDomAttr) || lwcDomAttr.value !== LWCDirectiveDomMode.manual) {
+        const possibleValues = Object.keys(LWCDirectiveDomMode)
             .map((value) => `"${value}"`)
             .join(', or ');
         ctx.throwOnNode(errors.ParserDiagnostics.LWC_DOM_INVALID_VALUE, element, [possibleValues]);
@@ -11953,7 +11945,7 @@ function applyLwcDomDirective(ctx, parsedAttr, element) {
     element.directives.push(domDirective(lwcDomAttr.value, lwcDomAttribute.location));
 }
 function applyLwcInnerHtmlDirective(ctx, parsedAttr, element) {
-    const lwcInnerHtmlDirective = parsedAttr.pick(exports.ElementDirectiveName.InnerHTML);
+    const lwcInnerHtmlDirective = parsedAttr.pick(ElementDirectiveName.InnerHTML);
     if (!lwcInnerHtmlDirective) {
         return;
     }
@@ -11976,7 +11968,7 @@ function applyLwcInnerHtmlDirective(ctx, parsedAttr, element) {
     element.directives.push(innerHTMLDirective(innerHTMLVal, lwcInnerHtmlDirective.location));
 }
 function applyRefDirective(ctx, parsedAttr, element) {
-    const lwcRefDirective = parsedAttr.pick(exports.ElementDirectiveName.Ref);
+    const lwcRefDirective = parsedAttr.pick(ElementDirectiveName.Ref);
     if (!lwcRefDirective) {
         return;
     }
@@ -12047,7 +12039,7 @@ function parseForOf(ctx, _parse5Elm, parse5ElmLocation, parent, parsedAttr) {
     return node;
 }
 function parseScopedSlotFragment(ctx, parse5Elm, parse5ElmLocation, parent, parsedAttr) {
-    const slotDataAttr = parsedAttr.pick(exports.ElementDirectiveName.SlotData);
+    const slotDataAttr = parsedAttr.pick(ElementDirectiveName.SlotData);
     if (!slotDataAttr) {
         return;
     }
@@ -12085,7 +12077,7 @@ function parseScopedSlotFragment(ctx, parse5Elm, parse5ElmLocation, parent, pars
 }
 function applyKey(ctx, parsedAttr, element) {
     const { name: tag } = element;
-    const keyAttribute = parsedAttr.pick(exports.ElementDirectiveName.Key);
+    const keyAttribute = parsedAttr.pick(ElementDirectiveName.Key);
     if (keyAttribute) {
         if (!isExpression$1(keyAttribute.value)) {
             ctx.throwOnNode(errors.ParserDiagnostics.KEY_ATTRIBUTE_SHOULD_BE_EXPRESSION, keyAttribute);
@@ -12114,18 +12106,18 @@ function applyKey(ctx, parsedAttr, element) {
         ctx.throwOnNode(errors.ParserDiagnostics.MISSING_KEY_IN_ITERATOR, element, [tag]);
     }
 }
-const RESTRICTED_DIRECTIVES_ON_SLOT = Object.values(exports.TemplateDirectiveName).join(', ');
+const RESTRICTED_DIRECTIVES_ON_SLOT = Object.values(TemplateDirectiveName).join(', ');
 const ALLOWED_SLOT_ATTRIBUTES = [
-    exports.ElementDirectiveName.Key,
-    exports.ElementDirectiveName.SlotBind,
+    ElementDirectiveName.Key,
+    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(exports.ElementDirectiveName.SlotBind));
-    if (isScopedSlot && ctx.renderMode !== exports.LWCDirectiveRenderMode.light) {
+    const isScopedSlot = !shared.isUndefined(parsedAttr.get(ElementDirectiveName.SlotBind));
+    if (isScopedSlot && ctx.renderMode !== LWCDirectiveRenderMode.light) {
         ctx.throwAtLocation(errors.ParserDiagnostics.SCOPED_SLOT_BIND_IN_LIGHT_DOM_ONLY, location);
     }
     // Restrict specific template directives on <slot> element
@@ -12136,7 +12128,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 === exports.LWCDirectiveRenderMode.light) {
+    if (ctx.renderMode === LWCDirectiveRenderMode.light) {
         const invalidAttrs = parsedAttr
             .getAttributes()
             .filter(({ name }) => !ALLOWED_SLOT_ATTRIBUTES_SET.has(name))
@@ -12318,21 +12310,21 @@ function validateTemplate(ctx, parsedAttr, template, parse5ElmLocation) {
     if (!template.attrs.length) {
         ctx.throwAtLocation(errors.ParserDiagnostics.NO_DIRECTIVE_FOUND_ON_TEMPLATE, location);
     }
-    if (parsedAttr.get(exports.ElementDirectiveName.External)) {
+    if (parsedAttr.get(ElementDirectiveName.External)) {
         ctx.throwAtLocation(errors.ParserDiagnostics.INVALID_LWC_EXTERNAL_ON_NON_CUSTOM_ELEMENT, location, ['<template>']);
     }
-    if (parsedAttr.get(exports.ElementDirectiveName.InnerHTML)) {
+    if (parsedAttr.get(ElementDirectiveName.InnerHTML)) {
         ctx.throwAtLocation(errors.ParserDiagnostics.LWC_INNER_HTML_INVALID_ELEMENT, location, [
             '<template>',
         ]);
     }
-    if (parsedAttr.get(exports.ElementDirectiveName.Ref)) {
+    if (parsedAttr.get(ElementDirectiveName.Ref)) {
         ctx.throwAtLocation(errors.ParserDiagnostics.LWC_REF_INVALID_ELEMENT, location, ['<template>']);
     }
-    if (parsedAttr.get(exports.ElementDirectiveName.Is)) {
+    if (parsedAttr.get(ElementDirectiveName.Is)) {
         ctx.throwAtLocation(errors.ParserDiagnostics.LWC_IS_INVALID_ELEMENT, location, ['<template>']);
     }
-    if (parsedAttr.get(exports.ElementDirectiveName.On)) {
+    if (parsedAttr.get(ElementDirectiveName.On)) {
         if (!ctx.config.enableLwcOn) {
             ctx.throwAtLocation(errors.ParserDiagnostics.INVALID_LWC_ON_OPTS, location, ['<template>']);
         }
@@ -12534,10 +12526,9 @@ function shouldAddCustomRenderer(element, state) {
     }
     const { attributes, directives } = element;
     if (directives.length) {
-        let directiveMatched = false;
         // If any directives require custom renderer
-        directiveMatched = directives.some((dir) => {
-            return state.crDirectives.has(exports.ElementDirectiveName[dir.name]);
+        const directiveMatched = directives.some((dir) => {
+            return state.crDirectives.has(ElementDirectiveName[dir.name]);
         });
         if (directiveMatched) {
             return true;
@@ -12609,7 +12600,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 === exports.LWCDirectiveRenderMode.light) ||
+                codeGen.renderMode === 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)));
@@ -12642,7 +12633,7 @@ function generateTemplateMetadata(codeGen) {
         metadataExpressions.push(expressionStatement(slotsMetadata));
     }
     // ignore when shadow because we don't want to modify template unnecessarily
-    if (codeGen.renderMode === exports.LWCDirectiveRenderMode.light) {
+    if (codeGen.renderMode === LWCDirectiveRenderMode.light) {
         const renderModeMetadata = assignmentExpression('=', memberExpression(identifier(TEMPLATE_FUNCTION_NAME), identifier('renderMode')), literal$1('light'));
         metadataExpressions.push(expressionStatement(renderModeMetadata));
     }
@@ -13368,7 +13359,7 @@ class CodeGen {
         }
         this.renderMode =
             root.directives.find(isRenderModeDirective)?.value.value ??
-                exports.LWCDirectiveRenderMode.shadow;
+                LWCDirectiveRenderMode.shadow;
         this.preserveComments =
             root.directives.find(isPreserveCommentsDirective)?.value.value ??
                 state.config.preserveHtmlComments;
@@ -13377,7 +13368,7 @@ class CodeGen {
         this.state = state;
         this.apiVersion = shared.getAPIVersionFromNumber(state.config.apiVersion);
         this.isSyntheticShadow =
-            this.renderMode !== exports.LWCDirectiveRenderMode.light &&
+            this.renderMode !== LWCDirectiveRenderMode.light &&
                 !this.state.config.disableSyntheticShadowSupport;
     }
     generateKey() {
@@ -13771,7 +13762,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)));
@@ -14572,6 +14563,12 @@ 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;
@@ -14579,5 +14576,5 @@ exports.generateScopeTokens = generateScopeTokens;
 exports.kebabcaseToCamelcase = kebabcaseToCamelcase;
 exports.parse = parse;
 exports.toPropertyName = toPropertyName;
-/** version: 9.0.4-alpha.2 */
-//# sourceMappingURL=index.cjs.js.map
+/** version: 9.1.1-alpha.0 */
+//# sourceMappingURL=index.cjs.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 { CustomRendererConfig, CustomRendererElementConfig } from './shared/renderer-hooks';
-export { Config } from './config';
+export type { CustomRendererConfig, CustomRendererElementConfig } from './shared/renderer-hooks';
+export type { 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 'path';
+import path from 'node: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 * as he from 'he';
+import he from 'he';
 import { parseExpressionAt, isIdentifierStart, isIdentifierChar } from 'acorn';
 import * as astring from 'astring';
 
@@ -9243,52 +9243,46 @@ function isAttribute$1(node) {
     return node.type === 'Attribute';
 }
 
-var LWCDirectiveDomMode;
-(function (LWCDirectiveDomMode) {
-    LWCDirectiveDomMode["manual"] = "manual";
-})(LWCDirectiveDomMode || (LWCDirectiveDomMode = {}));
-var LWCDirectiveRenderMode;
-(function (LWCDirectiveRenderMode) {
-    LWCDirectiveRenderMode["shadow"] = "shadow";
-    LWCDirectiveRenderMode["light"] = "light";
-})(LWCDirectiveRenderMode || (LWCDirectiveRenderMode = {}));
+const LWCDirectiveDomMode = {
+    manual: 'manual',
+};
+const LWCDirectiveRenderMode = {
+    shadow: 'shadow',
+    light: 'light',
+};
 /**
  * All supported special LWC tags, they should all begin with lwc:*
  */
-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";
+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',
     // TODO [#3331]: remove usage of lwc:dynamic in 246
-    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 = {}));
+    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',
+};
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -10592,8 +10586,7 @@ 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 = true;
-    isValid = isIdentifierStart(source.charCodeAt(0));
+    let isValid = isIdentifierStart(source.charCodeAt(0));
     for (let i = 1; i < source.length && isValid; i++) {
         isValid = isIdentifierChar(source.charCodeAt(i));
     }
@@ -12510,9 +12503,8 @@ function shouldAddCustomRenderer(element, state) {
     }
     const { attributes, directives } = element;
     if (directives.length) {
-        let directiveMatched = false;
         // If any directives require custom renderer
-        directiveMatched = directives.some((dir) => {
+        const directiveMatched = directives.some((dir) => {
             return state.crDirectives.has(ElementDirectiveName[dir.name]);
         });
         if (directiveMatched) {
@@ -13747,7 +13739,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)));
@@ -14549,5 +14541,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.2 */
+/** version: 9.1.1-alpha.0 */
 //# sourceMappingURL=index.js.map

package/dist/shared/types.d.ts

@@ -8,13 +8,15 @@ export interface TemplateCompileResult extends TemplateParseResult {
     code: string;
     cssScopeTokens: string[];
 }
-export declare enum LWCDirectiveDomMode {
-    manual = "manual"
-}
-export declare enum LWCDirectiveRenderMode {
-    shadow = "shadow",
-    light = "light"
-}
+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 interface BaseNode {
     type: string;
     location: SourceLocation;
@@ -159,24 +161,25 @@ export interface LwcComponent extends BaseLwcElement<'lwc:component'> {
 /**
  * All supported special LWC tags, they should all begin with lwc:*
  */
-export declare enum LwcTagName {
-    Component = "lwc:component"
-}
+export declare const LwcTagName: {
+    readonly Component: "lwc:component";
+};
+export type LwcTagName = (typeof LwcTagName)[keyof typeof LwcTagName];
 export type BaseElement = Element | ExternalComponent | Component | Slot | LwcComponent;
 export interface Root extends BaseParentNode {
     type: 'Root';
     location: ElementSourceLocation;
     directives: RootDirective[];
 }
-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"
-}
+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";
+};
 interface DirectiveParentNode<T extends keyof typeof TemplateDirectiveName> extends BaseParentNode {
     directiveLocation: SourceLocation;
     type: T;
@@ -227,22 +230,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 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 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 {};
 //# 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.2",
+    "version": "9.1.1-alpha.0",
     "description": "Template compiler package",
     "keywords": [
         "lwc"
@@ -19,17 +19,22 @@
         "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.cjs.js",
+    "main": "dist/index.js",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",
     "files": [
         "dist/**/*.js",
+        "dist/**/*.cjs",
         "dist/**/*.d.ts"
     ],
     "scripts": {
@@ -46,8 +51,8 @@
         }
     },
     "dependencies": {
-        "@lwc/errors": "9.0.4-alpha.2",
-        "@lwc/shared": "9.0.4-alpha.2",
+        "@lwc/errors": "9.1.1-alpha.0",
+        "@lwc/shared": "9.1.1-alpha.0",
         "acorn": "~8.16.0",
         "astring": "~1.9.0",
         "he": "~1.2.0"