@lwc/template-compiler 6.1.1 → 6.2.0

package/dist/index.cjs.js

@@ -40,7 +40,6 @@ var astring__namespace = /*#__PURE__*/_interopNamespaceDefault(astring);
  */
 let State$1 = class State {
     constructor(config) {
-        var _a;
         this.config = config;
         this.crElmToConfigMap = config.customRendererConfig
             ? Object.fromEntries(config.customRendererConfig.elements.map((element) => {
@@ -48,7 +47,7 @@ let State$1 = class State {
                 return [tagName, { namespace, attributes: new Set(attributes) }];
             }))
             : {};
-        this.crDirectives = new Set((_a = config.customRendererConfig) === null || _a === void 0 ? void 0 : _a.directives);
+        this.crDirectives = new Set(config.customRendererConfig?.directives);
         this.crCheckedElements = new Map();
     }
 };
@@ -139,7 +138,6 @@ function normalizeCustomRendererConfig(config) {
     const tagNames = [];
     const normalizedConfig = {
         elements: config.elements.map((e) => {
-            var _a, _b;
             const tagName = e.tagName.toLowerCase();
             // Custom element cannot be allowed to have a custom renderer hook
             // The renderer is cascaded down from the owner(custom element) to all its child nodes who
@@ -150,8 +148,8 @@ function normalizeCustomRendererConfig(config) {
             tagNames.push(tagName);
             return {
                 tagName,
-                namespace: (_a = e.namespace) === null || _a === void 0 ? void 0 : _a.toLowerCase(),
-                attributes: (_b = e.attributes) === null || _b === void 0 ? void 0 : _b.map((a) => a.toLowerCase()),
+                namespace: e.namespace?.toLowerCase(),
+                attributes: e.attributes?.map((a) => a.toLowerCase()),
             };
         }),
         directives: config.directives.map((d) => d.toLowerCase()),
@@ -177,9 +175,20 @@ function normalizeConfig(config) {
         }
     }
     const apiVersion = shared.getAPIVersionFromNumber(config.apiVersion);
-    return Object.assign(Object.assign(Object.assign(Object.assign({ preserveHtmlComments: false, experimentalComputedMemberExpression: false, 
+    return {
+        preserveHtmlComments: false,
+        experimentalComputedMemberExpression: false,
         // TODO [#3370]: remove experimental template expression flag
-        experimentalComplexExpressions: false, experimentalDynamicDirective: false, enableDynamicComponents: false, enableStaticContentOptimization: true, enableLwcSpread: true }, config), { apiVersion }), { customRendererConfig }), { instrumentation });
+        experimentalComplexExpressions: false,
+        experimentalDynamicDirective: false,
+        enableDynamicComponents: false,
+        enableStaticContentOptimization: true,
+        enableLwcSpread: true,
+        ...config,
+        apiVersion, // overrides the config apiVersion
+        ...{ customRendererConfig },
+        ...{ instrumentation },
+    };
 }
 
 const UNDEFINED_CODE_POINTS = new Set([
@@ -8643,48 +8652,97 @@ function isUnaryExpression(node) {
     return node.type === 'UnaryExpression';
 }
 function identifier(name, config) {
-    return Object.assign({ type: 'Identifier', name }, config);
+    return {
+        type: 'Identifier',
+        name,
+        ...config,
+    };
 }
 function isLiteral(node) {
     return node.type === 'Literal';
 }
 function memberExpression(object, property, config) {
-    return Object.assign({ type: 'MemberExpression', object,
-        property, computed: false, optional: false }, config);
+    return {
+        type: 'MemberExpression',
+        object,
+        property,
+        computed: false,
+        optional: false,
+        ...config,
+    };
 }
 function callExpression(callee, args, config) {
-    return Object.assign({ type: 'CallExpression', callee, arguments: args, optional: false }, config);
+    return {
+        type: 'CallExpression',
+        callee,
+        arguments: args,
+        optional: false,
+        ...config,
+    };
 }
 function literal$1(value, config) {
-    return Object.assign({ type: 'Literal', value }, config);
+    return {
+        type: 'Literal',
+        value,
+        ...config,
+    };
 }
 function conditionalExpression(test, consequent, alternate, config) {
-    return Object.assign({ type: 'ConditionalExpression', test,
+    return {
+        type: 'ConditionalExpression',
+        test,
         consequent,
-        alternate }, config);
+        alternate,
+        ...config,
+    };
 }
 function unaryExpression(operator, argument, config) {
-    return Object.assign({ type: 'UnaryExpression', argument,
-        operator, prefix: true }, config);
+    return {
+        type: 'UnaryExpression',
+        argument,
+        operator,
+        prefix: true,
+        ...config,
+    };
 }
 function binaryExpression(operator, left, right, config) {
-    return Object.assign({ type: 'BinaryExpression', left,
+    return {
+        type: 'BinaryExpression',
+        left,
         operator,
-        right }, config);
+        right,
+        ...config,
+    };
 }
 function logicalExpression(operator, left, right, config) {
-    return Object.assign({ type: 'LogicalExpression', operator,
+    return {
+        type: 'LogicalExpression',
+        operator,
         left,
-        right }, config);
+        right,
+        ...config,
+    };
 }
 function assignmentExpression(operator, left, right, config) {
-    return Object.assign({ type: 'AssignmentExpression', operator,
+    return {
+        type: 'AssignmentExpression',
+        operator,
         left,
-        right }, config);
+        right,
+        ...config,
+    };
 }
 function property$1(key, value, config) {
-    return Object.assign({ type: 'Property', key,
-        value, kind: 'init', computed: false, method: false, shorthand: false }, config);
+    return {
+        type: 'Property',
+        key,
+        value,
+        kind: 'init',
+        computed: false,
+        method: false,
+        shorthand: false,
+        ...config,
+    };
 }
 function spreadElement(argument) {
     return {
@@ -8693,20 +8751,44 @@ function spreadElement(argument) {
     };
 }
 function assignmentProperty(key, value, config) {
-    return Object.assign({ type: 'Property', key,
-        value, kind: 'init', computed: false, method: false, shorthand: false }, config);
+    return {
+        type: 'Property',
+        key,
+        value,
+        kind: 'init',
+        computed: false,
+        method: false,
+        shorthand: false,
+        ...config,
+    };
 }
 function objectExpression(properties, config) {
-    return Object.assign({ type: 'ObjectExpression', properties }, config);
+    return {
+        type: 'ObjectExpression',
+        properties,
+        ...config,
+    };
 }
 function objectPattern(properties, config) {
-    return Object.assign({ type: 'ObjectPattern', properties }, config);
+    return {
+        type: 'ObjectPattern',
+        properties,
+        ...config,
+    };
 }
 function arrayExpression(elements, config) {
-    return Object.assign({ type: 'ArrayExpression', elements }, config);
+    return {
+        type: 'ArrayExpression',
+        elements,
+        ...config,
+    };
 }
 function expressionStatement(expression, config) {
-    return Object.assign({ type: 'ExpressionStatement', expression }, config);
+    return {
+        type: 'ExpressionStatement',
+        expression,
+        ...config,
+    };
 }
 function taggedTemplateExpression(tag, quasi) {
     return {
@@ -8723,45 +8805,90 @@ function templateLiteral(quasis, expressions) {
     };
 }
 function functionExpression(id, params, body, config) {
-    return Object.assign({ type: 'FunctionExpression', id,
+    return {
+        type: 'FunctionExpression',
+        id,
         params,
-        body }, config);
+        body,
+        ...config,
+    };
 }
 function functionDeclaration(id, params, body, config) {
-    return Object.assign({ type: 'FunctionDeclaration', id,
+    return {
+        type: 'FunctionDeclaration',
+        id,
         params,
-        body }, config);
+        body,
+        ...config,
+    };
 }
 function blockStatement(body, config) {
-    return Object.assign({ type: 'BlockStatement', body }, config);
+    return {
+        type: 'BlockStatement',
+        body,
+        ...config,
+    };
 }
 function returnStatement(argument, config) {
-    return Object.assign({ type: 'ReturnStatement', argument }, config);
+    return {
+        type: 'ReturnStatement',
+        argument,
+        ...config,
+    };
 }
 function variableDeclarator(id, init, config) {
-    return Object.assign({ type: 'VariableDeclarator', id,
-        init }, config);
+    return {
+        type: 'VariableDeclarator',
+        id,
+        init,
+        ...config,
+    };
 }
 function variableDeclaration(kind, declarations, config) {
-    return Object.assign({ type: 'VariableDeclaration', kind,
-        declarations }, config);
+    return {
+        type: 'VariableDeclaration',
+        kind,
+        declarations,
+        ...config,
+    };
 }
 function importDeclaration(specifiers, source, config) {
-    return Object.assign({ type: 'ImportDeclaration', specifiers,
-        source }, config);
+    return {
+        type: 'ImportDeclaration',
+        specifiers,
+        source,
+        ...config,
+    };
 }
 function importDefaultSpecifier(local, config) {
-    return Object.assign({ type: 'ImportDefaultSpecifier', local }, config);
+    return {
+        type: 'ImportDefaultSpecifier',
+        local,
+        ...config,
+    };
 }
 function importSpecifier(imported, local, config) {
-    return Object.assign({ type: 'ImportSpecifier', imported,
-        local }, config);
+    return {
+        type: 'ImportSpecifier',
+        imported,
+        local,
+        ...config,
+    };
 }
 function exportDefaultDeclaration(declaration, config) {
-    return Object.assign({ type: 'ExportDefaultDeclaration', declaration }, config);
+    return {
+        type: 'ExportDefaultDeclaration',
+        declaration,
+        ...config,
+    };
 }
 function program(body, config) {
-    return Object.assign({ type: 'Program', sourceType: 'module', body }, config);
+    return {
+        type: 'Program',
+        sourceType: 'module',
+        body,
+        ...config,
+    };
 }
 function comment$1(content) {
     return {
@@ -8876,7 +9003,7 @@ function elementSourceLocation(parse5ElmLocation) {
     const endTag = parse5ElmLocation.endTag
         ? sourceLocation(parse5ElmLocation.endTag)
         : parse5ElmLocation.endTag;
-    return Object.assign(Object.assign({}, elementLocation), { startTag, endTag: endTag });
+    return { ...elementLocation, startTag, endTag: endTag };
 }
 function sourceLocation(location) {
     return {
@@ -9912,7 +10039,25 @@ const SUPPORTED_SVG_TAGS = new Set([
     'use',
 ]);
 const DISALLOWED_MATHML_TAGS = new Set(['script', 'link', 'base', 'object']);
-const ATTRS_PROPS_TRANFORMS = Object.assign({ accesskey: 'accessKey', readonly: 'readOnly', tabindex: 'tabIndex', bgcolor: 'bgColor', colspan: 'colSpan', rowspan: 'rowSpan', contenteditable: 'contentEditable', crossorigin: 'crossOrigin', datetime: 'dateTime', formaction: 'formAction', ismap: 'isMap', maxlength: 'maxLength', minlength: 'minLength', novalidate: 'noValidate', usemap: 'useMap', for: 'htmlFor' }, shared.AriaAttrNameToPropNameMap);
+const ATTRS_PROPS_TRANFORMS = {
+    accesskey: 'accessKey',
+    readonly: 'readOnly',
+    tabindex: 'tabIndex',
+    bgcolor: 'bgColor',
+    colspan: 'colSpan',
+    rowspan: 'rowSpan',
+    contenteditable: 'contentEditable',
+    crossorigin: 'crossOrigin',
+    datetime: 'dateTime',
+    formaction: 'formAction',
+    ismap: 'isMap',
+    maxlength: 'maxLength',
+    minlength: 'minLength',
+    novalidate: 'noValidate',
+    usemap: 'useMap',
+    for: 'htmlFor',
+    ...shared.AriaAttrNameToPropNameMap,
+};
 const DISALLOWED_HTML_TAGS = new Set(['base', 'link', 'meta', 'script', 'title']);
 const HTML_ATTRIBUTES_REVERSE_LOOKUP = HTML_ATTRIBUTE_ELEMENT_MAP;
 const KNOWN_HTML_AND_SVG_ELEMENTS = new Set([...HTML_ELEMENTS, ...SVG_ELEMENTS]);
@@ -10004,11 +10149,10 @@ class ParserCtx {
         return this.source.slice(start, end);
     }
     setRootDirective(root) {
-        var _a, _b, _c;
         this.renderMode =
-            (_b = (_a = root.directives.find(isRenderModeDirective)) === null || _a === void 0 ? void 0 : _a.value.value) !== null && _b !== void 0 ? _b : this.renderMode;
+            root.directives.find(isRenderModeDirective)?.value.value ?? this.renderMode;
         this.preserveComments =
-            ((_c = root.directives.find(isPreserveCommentsDirective)) === null || _c === void 0 ? void 0 : _c.value.value) || this.preserveComments;
+            root.directives.find(isPreserveCommentsDirective)?.value.value || this.preserveComments;
     }
     /**
      * This method flattens the scopes into a single array for traversal.
@@ -10131,8 +10275,7 @@ class ParserCtx {
         }
     }
     getSiblingIfNode() {
-        var _a;
-        return (_a = this.currentIfContext()) === null || _a === void 0 ? void 0 : _a.currentNode;
+        return this.currentIfContext()?.currentNode;
     }
     isParsingSiblingIfBlock() {
         return !!this.currentIfContext();
@@ -10141,12 +10284,10 @@ class ParserCtx {
         return this.siblingScopes[this.siblingScopes.length - 1];
     }
     currentIfContext() {
-        var _a;
-        return (_a = this.currentSiblingContext()) === null || _a === void 0 ? void 0 : _a.ifContext;
+        return this.currentSiblingContext()?.ifContext;
     }
     ancestorIfContext() {
-        var _a;
-        return (_a = this.currentSiblingContext()) === null || _a === void 0 ? void 0 : _a.ancestorIfContext;
+        return this.currentSiblingContext()?.ancestorIfContext;
     }
     seenSlotsFromAncestorIfTree() {
         const ancestorIfContext = this.ancestorIfContext();
@@ -10245,40 +10386,6 @@ class ParserCtx {
     }
 }
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 /*
  * Copyright (c) 2018, salesforce.com, inc.
  * All rights reserved.
@@ -10432,8 +10539,7 @@ function validateLiteral(node) {
     errors.invariant(node.regex === undefined, errors.ParserDiagnostics.INVALID_EXPR_PROHIBITED_NODE_TYPE, ['regular expression literals']);
 }
 function validateNode(node, _parent, isWithinArrowFn) {
-    var _a, _b;
-    errors.invariant(!((_a = node.leadingComments) === null || _a === void 0 ? void 0 : _a.length) && !((_b = node.trailingComments) === null || _b === void 0 ? void 0 : _b.length), errors.ParserDiagnostics.INVALID_EXPR_COMMENTS_DISALLOWED);
+    errors.invariant(!node.leadingComments?.length && !node.trailingComments?.length, errors.ParserDiagnostics.INVALID_EXPR_COMMENTS_DISALLOWED);
     errors.invariant(!STATEMENT_TYPES.has(node.type), errors.ParserDiagnostics.INVALID_EXPR_STATEMENTS_PROHIBITED);
     errors.invariant(!(MUTATION_TYPES.has(node.type) && !isWithinArrowFn), errors.ParserDiagnostics.INVALID_EXPR_MUTATION_OUTSIDE_ARROW);
     errors.invariant(!ALWAYS_INVALID_TYPES.has(node.type), errors.ParserDiagnostics.INVALID_EXPR_PROHIBITED_NODE_TYPE, [ALWAYS_INVALID_TYPES.get(node.type)]);
@@ -10617,10 +10723,10 @@ class TemplateHtmlTokenizer extends Tokenizer {
     }
 }
 function isTemplateExpressionTextNodeValue(value) {
-    return (value === null || value === void 0 ? void 0 : value[0]) === '{';
+    return value?.[0] === '{';
 }
 function isTextNode(node) {
-    return (node === null || node === void 0 ? void 0 : node.nodeName) === '#text';
+    return node?.nodeName === '#text';
 }
 function isTemplateExpressionTextNode(node) {
     return isTextNode(node) && isTemplateExpressionTextNodeValue(node.value);
@@ -10632,7 +10738,7 @@ function isTemplateExpressionTextNode(node) {
  */
 class TemplateHtmlParser extends Parser {
     constructor(extendedOpts, document, fragmentCxt) {
-        const { preparsedJsExpressions } = extendedOpts, options = __rest(extendedOpts, ["preparsedJsExpressions"]);
+        const { preparsedJsExpressions, ...options } = extendedOpts;
         super(options, document, fragmentCxt);
         this.preparsedJsExpressions = preparsedJsExpressions;
         this.tokenizer = new TemplateHtmlTokenizer(this.options, this, this);
@@ -10656,7 +10762,7 @@ class TemplateHtmlParser extends Parser {
         const textNode = {
             nodeName: '#text',
             value: token.chars,
-            sourceCodeLocation: token.location ? Object.assign({}, token.location) : null,
+            sourceCodeLocation: token.location ? { ...token.location } : null,
             parentNode,
         };
         parentNode.childNodes.push(textNode);
@@ -10683,6 +10789,12 @@ function parseFragment(source, config) {
     return parser.getFragment();
 }
 
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
 function getLwcErrorFromParse5Error(ctx, code) {
     /* istanbul ignore else */
     if (errorCodesToErrorOn.has(code)) {
@@ -10708,7 +10820,7 @@ function getLwcErrorFromParse5Error(ctx, code) {
 }
 function parseHTML(ctx, source) {
     const onParseError = (err) => {
-        const { code } = err, location = __rest(err, ["code"]);
+        const { code, ...location } = err;
         const lwcError = getLwcErrorFromParse5Error(ctx, code);
         ctx.warnAtLocation(lwcError, sourceLocation(location), [code]);
     };
@@ -10856,7 +10968,7 @@ function parseExpression(ctx, source, location) {
         });
         validateSourceIsParsedExpression(source, parsed);
         validateExpression(parsed, ctx.config);
-        return Object.assign(Object.assign({}, parsed), { location });
+        return { ...parsed, location };
     }, errors.ParserDiagnostics.TEMPLATE_EXPRESSION_PARSING_ERROR, location, (err) => `Invalid expression ${source} - ${err.message}`);
 }
 function parseIdentifier(ctx, source, location) {
@@ -10866,7 +10978,10 @@ function parseIdentifier(ctx, source, location) {
         isValid = acorn.isIdentifierChar(source.charCodeAt(i));
     }
     if (isValid && !isReservedES6Keyword(source)) {
-        return Object.assign(Object.assign({}, identifier(source)), { location });
+        return {
+            ...identifier(source),
+            location,
+        };
     }
     else {
         ctx.throwAtLocation(errors.ParserDiagnostics.INVALID_IDENTIFIER, location, [source]);
@@ -11175,7 +11290,7 @@ function parseElement(ctx, parse5Elm, parentNode, parse5ParentLocation) {
     // Create an AST node for each LWC template directive and chain them into a parent child hierarchy
     const directive = parseElementDirectives(ctx, parse5Elm, parse5ElmLocation, parentNode, parsedAttr);
     // Create an AST node for the HTML element (excluding template tag elements) and add as child to parent
-    const element = parseBaseElement(ctx, parsedAttr, parse5Elm, directive !== null && directive !== void 0 ? directive : parentNode, parse5ElmLocation);
+    const element = parseBaseElement(ctx, parsedAttr, parse5Elm, directive ?? parentNode, parse5ElmLocation);
     if (element) {
         applyHandlers(ctx, parsedAttr, element);
         applyKey(ctx, parsedAttr, element);
@@ -11189,7 +11304,7 @@ function parseElement(ctx, parse5Elm, parentNode, parse5ParentLocation) {
         // parseBaseElement will always return an element EXCEPT when processing a <template>
         validateTemplate(ctx, parsedAttr, parse5Elm, parse5ElmLocation);
     }
-    const currentNode = element !== null && element !== void 0 ? element : directive;
+    const currentNode = element ?? directive;
     if (currentNode) {
         parseChildren(ctx, parse5Elm, currentNode, parse5ElmLocation);
         validateChildren(ctx, element, directive);
@@ -11201,7 +11316,6 @@ function parseElement(ctx, parse5Elm, parentNode, parse5ParentLocation) {
     }
 }
 function parseElementLocation(ctx, parse5Elm, parse5ParentLocation) {
-    var _a;
     let location = parse5Elm.sourceCodeLocation;
     // AST hierarchy is ForBlock > If > BaseElement, if immediate parent is not a BaseElement it is a template.
     const parentNode = ctx.findAncestor(isBaseElement, () => false);
@@ -11210,7 +11324,7 @@ function parseElementLocation(ctx, parse5Elm, parse5ParentLocation) {
         // https://github.com/inikulin/parse5/blob/master/packages/parse5/docs/options/parser-options.md#sourcecodelocationinfo
         ctx.warn(errors.ParserDiagnostics.INVALID_HTML_RECOVERY, [
             parse5Elm.tagName,
-            (_a = parentNode === null || parentNode === void 0 ? void 0 : parentNode.name) !== null && _a !== void 0 ? _a : 'template',
+            parentNode?.name ?? 'template',
         ]);
     }
     // With parse5 automatically recovering from invalid HTML, some AST nodes might not have
@@ -11222,7 +11336,7 @@ function parseElementLocation(ctx, parse5Elm, parse5ParentLocation) {
         current = current.parentNode;
         location = current.sourceCodeLocation;
     }
-    return location !== null && location !== void 0 ? location : parse5ParentLocation;
+    return location ?? parse5ParentLocation;
 }
 const DIRECTIVE_PARSERS = [
     parseIfBlock,
@@ -11307,12 +11421,11 @@ function parseLwcElementAsBuiltIn(ctx, parse5Elm, _parsedAttr, parse5ElmLocation
     return element(tag, namespaceURI, parse5ElmLocation);
 }
 function parseChildren(ctx, parse5Parent, parent, parse5ParentLocation) {
-    var _a;
     let container = parse5Parent;
     // `content` isn't nullable but we need to keep the optional chaining
     // until parse5/tools also asserts that `content` is set. It should be
     // impossible to have nullish `content`, but templates in SVG can cause it
-    if (isTemplateNode(parse5Parent) && ((_a = parse5Parent.content) === null || _a === void 0 ? void 0 : _a.childNodes.length) > 0) {
+    if (isTemplateNode(parse5Parent) && parse5Parent.content?.childNodes.length > 0) {
         container = parse5Parent.content;
     }
     const children = container.childNodes;
@@ -11377,7 +11490,10 @@ function parseText(ctx, parse5Text) {
         if (!preparsedExpression) {
             throw new Error('Implementation error: cannot find preparsed template expression');
         }
-        const value = Object.assign(Object.assign({}, preparsedExpression), { location: sourceLocation(location) });
+        const value = {
+            ...preparsedExpression,
+            location: sourceLocation(location),
+        };
         return [text(rawText, value, location)];
     }
     // Split the text node content arround expression and create node for each
@@ -11410,13 +11526,12 @@ function parseComment(parse5Comment) {
     return comment(parse5Comment.data, decodeTextContent(parse5Comment.data), location);
 }
 function getTemplateRoot(ctx, documentFragment) {
-    var _a;
     // Filter all the empty text nodes
     const validRoots = documentFragment.childNodes.filter((child) => isElementNode(child) ||
         (isTextNode$1(child) && child.value.trim().length));
     if (validRoots.length > 1) {
-        const duplicateRoot = (_a = validRoots[1].sourceCodeLocation) !== null && _a !== void 0 ? _a : undefined;
-        ctx.throw(errors.ParserDiagnostics.MULTIPLE_ROOTS_FOUND, [], duplicateRoot ? sourceLocation(duplicateRoot) : duplicateRoot !== null && duplicateRoot !== void 0 ? duplicateRoot : undefined);
+        const duplicateRoot = validRoots[1].sourceCodeLocation ?? undefined;
+        ctx.throw(errors.ParserDiagnostics.MULTIPLE_ROOTS_FOUND, [], duplicateRoot ? sourceLocation(duplicateRoot) : duplicateRoot ?? undefined);
     }
     const [root] = validRoots;
     if (!root || !isElementNode(root)) {
@@ -11548,7 +11663,6 @@ function applyRootLwcDirectives(ctx, parsedAttr, root) {
     applyLwcPreserveCommentsDirective(ctx, parsedAttr, root);
 }
 function applyLwcRenderModeDirective(ctx, parsedAttr, root) {
-    var _a;
     const lwcRenderModeAttribute = parsedAttr.pick(exports.RootDirectiveName.RenderMode);
     if (!lwcRenderModeAttribute) {
         return;
@@ -11560,7 +11674,7 @@ function applyLwcRenderModeDirective(ctx, parsedAttr, root) {
         ctx.throwOnNode(errors.ParserDiagnostics.LWC_RENDER_MODE_INVALID_VALUE, root);
     }
     root.directives.push(renderModeDirective(renderDomAttr.value, lwcRenderModeAttribute.location));
-    (_a = ctx.instrumentation) === null || _a === void 0 ? void 0 : _a.incrementCounter(errors.CompilerMetrics.LWCRenderModeDirective);
+    ctx.instrumentation?.incrementCounter(errors.CompilerMetrics.LWCRenderModeDirective);
 }
 function applyLwcPreserveCommentsDirective(ctx, parsedAttr, root) {
     const lwcPreserveCommentAttribute = parsedAttr.pick(exports.RootDirectiveName.PreserveComments);
@@ -11660,7 +11774,6 @@ function applyLwcExternalDirective(ctx, parsedAttr, element) {
     }
 }
 function applyLwcDynamicDirective(ctx, parsedAttr, element) {
-    var _a;
     const { name: tag } = element;
     const lwcDynamicAttribute = parsedAttr.pick(exports.ElementDirectiveName.Dynamic);
     if (!lwcDynamicAttribute) {
@@ -11680,7 +11793,7 @@ function applyLwcDynamicDirective(ctx, parsedAttr, element) {
     }
     // lwc:dynamic will be deprecated in 246, issue a warning when usage is detected.
     ctx.warnOnNode(errors.ParserDiagnostics.DEPRECATED_LWC_DYNAMIC_ATTRIBUTE, element);
-    (_a = ctx.instrumentation) === null || _a === void 0 ? void 0 : _a.incrementCounter(errors.CompilerMetrics.LWCDynamicDirective);
+    ctx.instrumentation?.incrementCounter(errors.CompilerMetrics.LWCDynamicDirective);
     element.directives.push(dynamicDirective(lwcDynamicAttr, location));
 }
 function applyLwcIsDirective(ctx, parsedAttr, element) {
@@ -11847,7 +11960,7 @@ function parseScopedSlotFragment(ctx, parse5Elm, parse5ElmLocation, parent, pars
         slotName = slotAttr.value;
     }
     const identifier = parseIdentifier(ctx, slotDataAttrValue.value, slotDataAttr.location);
-    const node = scopedSlotFragment(identifier, sourceLocation(parse5ElmLocation), slotDataAttr.location, slotName !== null && slotName !== void 0 ? slotName : literal(''));
+    const node = scopedSlotFragment(identifier, sourceLocation(parse5ElmLocation), slotDataAttr.location, slotName ?? literal(''));
     ctx.addNodeCurrentElementScope(node);
     parent.children.push(node);
     return node;
@@ -12189,7 +12302,7 @@ function parseAttributes(ctx, parse5Elm, parse5ElmLocation) {
     const { attrs: attributes, tagName } = parse5Elm;
     const { attrs: attrLocations } = parse5ElmLocation;
     for (const attr of attributes) {
-        const attrLocation = attrLocations === null || attrLocations === void 0 ? void 0 : attrLocations[attributeName(attr).toLowerCase()];
+        const attrLocation = attrLocations?.[attributeName(attr).toLowerCase()];
         /* istanbul ignore if */
         if (!attrLocation) {
             throw new Error('An internal parsing error occurred while parsing attributes; attributes were found without a location.');
@@ -12435,9 +12548,9 @@ function isStaticNode(node, apiVersion) {
         return false;
     }
     // it is an element
-    result && (result = isElement(node));
+    result &&= isElement(node);
     // all attrs are static-safe
-    result && (result = attributes.every(({ name, value }) => {
+    result &&= attributes.every(({ name, value }) => {
         return (isLiteral(value) &&
             name !== 'slot' &&
             // check for ScopedId
@@ -12449,11 +12562,11 @@ function isStaticNode(node, apiVersion) {
             // Check for ScopedFragId
             !(isAllowedFragOnlyUrlsXHTML(nodeName, name, namespace) &&
                 isFragmentOnlyUrl(value.value)));
-    }));
+    });
     // all directives are static-safe
-    result && (result = !directives.some((directive) => !STATIC_SAFE_DIRECTIVES.has(directive.name)));
+    result &&= !directives.some((directive) => !STATIC_SAFE_DIRECTIVES.has(directive.name));
     // all properties are static
-    result && (result = properties.every((prop) => isLiteral(prop.value)));
+    result &&= properties.every((prop) => isLiteral(prop.value));
     return result;
 }
 function collectStaticNodes(node, staticNodes, state) {
@@ -12469,7 +12582,7 @@ function collectStaticNodes(node, staticNodes, state) {
         // it is ElseBlock | ForBlock | If | BaseElement
         node.children.forEach((childNode) => {
             collectStaticNodes(childNode, staticNodes, state);
-            childrenAreStatic && (childrenAreStatic = staticNodes.has(childNode));
+            childrenAreStatic &&= staticNodes.has(childNode);
         });
         // for IfBlock and ElseifBlock, traverse down the else branch
         if (isConditionalParentBlock(node) && node.else) {
@@ -12672,13 +12785,12 @@ class ExpressionScopes {
         this.arrowFnVariables = new Map();
     }
     enterScope(node) {
-        var _a;
         const variableNamesIntroduced = new Set();
         for (const param of node.params) {
             collectParams(param, variableNamesIntroduced);
         }
         for (const varName of variableNamesIntroduced) {
-            this.variableShadowingCount.set(varName, ((_a = this.variableShadowingCount.get(varName)) !== null && _a !== void 0 ? _a : 0) + 1);
+            this.variableShadowingCount.set(varName, (this.variableShadowingCount.get(varName) ?? 0) + 1);
         }
         this.arrowFnVariables.set(node, variableNamesIntroduced);
     }
@@ -12789,7 +12901,6 @@ const RENDER_APIS = {
 };
 class CodeGen {
     constructor({ root, state, scopeFragmentId, }) {
-        var _a, _b, _c, _d;
         this.staticNodes = new Set();
         this.hoistedNodes = [];
         /** True if this template contains the lwc:ref directive */
@@ -12807,9 +12918,11 @@ class CodeGen {
             this.staticNodes = getStaticNodes(root, state);
         }
         this.renderMode =
-            (_b = (_a = root.directives.find(isRenderModeDirective)) === null || _a === void 0 ? void 0 : _a.value.value) !== null && _b !== void 0 ? _b : exports.LWCDirectiveRenderMode.shadow;
+            root.directives.find(isRenderModeDirective)?.value.value ??
+                exports.LWCDirectiveRenderMode.shadow;
         this.preserveComments =
-            (_d = (_c = root.directives.find(isPreserveCommentsDirective)) === null || _c === void 0 ? void 0 : _c.value.value) !== null && _d !== void 0 ? _d : state.config.preserveHtmlComments;
+            root.directives.find(isPreserveCommentsDirective)?.value.value ??
+                state.config.preserveHtmlComments;
         this.scopeFragmentId = scopeFragmentId;
         this.scope = this.createScope();
         this.state = state;
@@ -13021,6 +13134,8 @@ class CodeGen {
         if (this.state.config.experimentalComplexExpressions) {
             return bindComplexExpression(expression, this);
         }
+        // We need access to both this `this` and the walker's `this` in the walker
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
         const scope = this;
         // Cloning here is necessary because `this.replace()` is destructive, and we might use the
         // node later during static content optimization
@@ -13453,7 +13568,7 @@ function transform(codeGen) {
      * @returns A conditional expression representing the full conditional tree with conditionalParentBlock as the root node
      */
     function transformConditionalParentBlock(conditionalParentBlock, key) {
-        const ifBlockKey = key !== null && key !== void 0 ? key : codeGen.generateKey();
+        const ifBlockKey = key ?? codeGen.generateKey();
         const childrenExpression = codeGen.genFragment(literal$1(ifBlockKey), transformChildren(conditionalParentBlock));
         let elseExpression = literal$1(null);
         if (conditionalParentBlock.else) {
@@ -13485,7 +13600,7 @@ function transform(codeGen) {
                 messageArgs: [modifier],
             });
         }
-        return conditionalExpression(leftExpression, node, falseValue !== null && falseValue !== void 0 ? falseValue : literal$1(null));
+        return conditionalExpression(leftExpression, node, falseValue ?? literal$1(null));
     }
     function transformForBlock(forBlock) {
         let expression = transformForChildren(forBlock);
@@ -13721,7 +13836,7 @@ function transform(codeGen) {
         if (spread) {
             // spread goes last, so it can be used to override any other properties
             propsObj.properties.push(spreadElement(codeGen.bindExpression(spread.value)));
-            instrumentation === null || instrumentation === void 0 ? void 0 : instrumentation.incrementCounter(errors.CompilerMetrics.LWCSpreadDirective);
+            instrumentation?.incrementCounter(errors.CompilerMetrics.LWCSpreadDirective);
         }
         if (propsObj.properties.length) {
             data.push(property$1(identifier('props'), propsObj));
@@ -13855,5 +13970,5 @@ function compile(source, config) {
 exports.compile = compile;
 exports.default = compile;
 exports.parse = parse;
-/** version: 6.1.1 */
+/** version: 6.2.0 */
 //# sourceMappingURL=index.cjs.js.map