@angular-eslint/eslint-plugin-template 20.0.0-alpha.1 → 20.0.0-alpha.2

package/dist/index.d.ts

@@ -91,7 +91,7 @@ declare const _default: {
         "attributes-order": import("@typescript-eslint/utils/ts-eslint").RuleModule<"attributesOrder", import("./rules/attributes-order").Options, import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
         "banana-in-box": import("@typescript-eslint/utils/ts-eslint").RuleModule<"bananaInBox", [], import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
         "button-has-type": import("@typescript-eslint/utils/ts-eslint").RuleModule<import("./rules/button-has-type").MessageIds, import("./rules/button-has-type").Options, import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
-        "click-events-have-key-events": import("@typescript-eslint/utils/ts-eslint").RuleModule<"clickEventsHaveKeyEvents", [], import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+        "click-events-have-key-events": import("@typescript-eslint/utils/ts-eslint").RuleModule<"clickEventsHaveKeyEvents", import("./rules/click-events-have-key-events").Options, import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
         "conditional-complexity": import("@typescript-eslint/utils/ts-eslint").RuleModule<"conditionalComplexity", import("./rules/conditional-complexity").Options, import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
         "cyclomatic-complexity": import("@typescript-eslint/utils/ts-eslint").RuleModule<"cyclomaticComplexity", import("./rules/cyclomatic-complexity").Options, import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
         "elements-content": import("@typescript-eslint/utils/ts-eslint").RuleModule<"elementsContent", import("./rules/elements-content").Options, import("./utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;

package/dist/rules/click-events-have-key-events.d.ts

@@ -1,6 +1,10 @@
-export type Options = [];
+export type Options = [
+    {
+        readonly ignoreWithDirectives?: string[];
+    }
+];
 export type MessageIds = 'clickEventsHaveKeyEvents';
 export declare const RULE_NAME = "click-events-have-key-events";
-declare const _default: import("@typescript-eslint/utils/ts-eslint").RuleModule<"clickEventsHaveKeyEvents", [], import("../utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+declare const _default: import("@typescript-eslint/utils/ts-eslint").RuleModule<"clickEventsHaveKeyEvents", Options, import("../utils/create-eslint-rule").RuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
 export default _default;
 //# sourceMappingURL=click-events-have-key-events.d.ts.map

package/dist/rules/click-events-have-key-events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"click-events-have-key-events.d.ts","sourceRoot":"","sources":["../../src/rules/click-events-have-key-events.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,OAAO,GAAG,EAAE,CAAC;AACzB,MAAM,MAAM,UAAU,GAAG,0BAA0B,CAAC;AACpD,eAAO,MAAM,SAAS,iCAAiC,CAAC;;AAExD,wBAwDG"}
+{"version":3,"file":"click-events-have-key-events.d.ts","sourceRoot":"","sources":["../../src/rules/click-events-have-key-events.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,OAAO,GAAG;IACpB;QACE,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;KAC1C;CACF,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,0BAA0B,CAAC;AACpD,eAAO,MAAM,SAAS,iCAAiC,CAAC;;AAKxD,wBA+EG"}

package/dist/rules/click-events-have-key-events.js

@@ -7,7 +7,11 @@ const get_dom_elements_1 = require("../utils/get-dom-elements");
 const is_hidden_from_screen_reader_1 = require("../utils/is-hidden-from-screen-reader");
 const is_interactive_element_1 = require("../utils/is-interactive-element");
 const is_presentation_role_1 = require("../utils/is-presentation-role");
+const get_attribute_value_1 = require("../utils/get-attribute-value");
 exports.RULE_NAME = 'click-events-have-key-events';
+const DEFAULT_OPTIONS = {
+    ignoreWithDirectives: [],
+};
 exports.default = (0, create_eslint_rule_1.createESLintRule)({
     name: exports.RULE_NAME,
     meta: {
@@ -15,21 +19,41 @@ exports.default = (0, create_eslint_rule_1.createESLintRule)({
         docs: {
             description: '[Accessibility] Ensures that the click event is accompanied with at least one key event keyup, keydown or keypress.',
         },
-        schema: [],
+        schema: [
+            {
+                type: 'object',
+                properties: {
+                    ignoreWithDirectives: {
+                        type: 'array',
+                        items: { type: 'string' },
+                        uniqueItems: true,
+                        default: DEFAULT_OPTIONS.ignoreWithDirectives,
+                    },
+                },
+                additionalProperties: false,
+            },
+        ],
         messages: {
             clickEventsHaveKeyEvents: 'click must be accompanied by either keyup, keydown or keypress event for accessibility.',
         },
     },
-    defaultOptions: [],
-    create(context) {
+    defaultOptions: [DEFAULT_OPTIONS],
+    create(context, [{ ignoreWithDirectives }]) {
         return {
             Element(node) {
                 if (!(0, get_dom_elements_1.getDomElements)().has(node.name)) {
                     return;
                 }
-                if ((0, is_presentation_role_1.isPresentationRole)(node) ||
+                if (isIgnored(ignoreWithDirectives, node) ||
+                    (0, is_presentation_role_1.isPresentationRole)(node) ||
                     (0, is_hidden_from_screen_reader_1.isHiddenFromScreenReader)(node) ||
-                    (0, is_interactive_element_1.isInteractiveElement)(node)) {
+                    (0, is_interactive_element_1.isInherentlyInteractiveElement)(node)) {
+                    return;
+                }
+                // The final case that should be ignored is element which is not inherently interactive, but which has an interactive role.
+                // TODO: extend utils with this check (and make it include all interactive roles)
+                const role = (0, get_attribute_value_1.getAttributeValue)(node, 'role');
+                if (role === 'button') {
                     return;
                 }
                 let hasClick = false, hasKeyEvent = false;
@@ -54,3 +78,18 @@ exports.default = (0, create_eslint_rule_1.createESLintRule)({
         };
     },
 });
+function isIgnored(ignoreWithDirectives, { inputs, attributes }) {
+    if (ignoreWithDirectives && ignoreWithDirectives.length > 0) {
+        for (const input of inputs) {
+            if (ignoreWithDirectives.includes(input.name)) {
+                return true;
+            }
+        }
+        for (const attribute of attributes) {
+            if (ignoreWithDirectives.includes(attribute.name)) {
+                return true;
+            }
+        }
+    }
+    return false;
+}

package/dist/rules/interactive-supports-focus.js

@@ -61,7 +61,7 @@ exports.default = (0, create_eslint_rule_1.createESLintRule)({
                 const tabIndex = [...node.attributes, ...node.inputs].find((attr) => attr.name === 'tabindex');
                 if (interactiveOutput &&
                     !tabIndex &&
-                    !(0, is_interactive_element_1.isInteractiveElement)(node) &&
+                    !(0, is_interactive_element_1.isInherentlyInteractiveElement)(node) &&
                     !(0, is_interactive_element_1.isNonInteractiveRole)(node) &&
                     !(0, is_content_editable_1.isContentEditable)(node)) {
                     const parserServices = (0, utils_1.getTemplateParserServices)(context);

package/dist/rules/label-has-associated-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label-has-associated-control.d.ts","sourceRoot":"","sources":["../../src/rules/label-has-associated-control.ts"],"names":[],"mappings":"AAQA,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B,CAAC;AACF,MAAM,MAAM,OAAO,GAAG;IACpB;QACE,QAAQ,CAAC,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;QAC/C,QAAQ,CAAC,eAAe,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;QACrD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;KAC7B;CACF,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,2BAA2B,CAAC;AACrD,eAAO,MAAM,SAAS,iCAAiC,CAAC;;AAkBxD,wBA8GG"}
+{"version":3,"file":"label-has-associated-control.d.ts","sourceRoot":"","sources":["../../src/rules/label-has-associated-control.ts"],"names":[],"mappings":"AAQA,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACpC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B,CAAC;AACF,MAAM,MAAM,OAAO,GAAG;IACpB;QACE,QAAQ,CAAC,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;QAC/C,QAAQ,CAAC,eAAe,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;QACrD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;KAC7B;CACF,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,2BAA2B,CAAC;AACrD,eAAO,MAAM,SAAS,iCAAiC,CAAC;;AAkBxD,wBAoHG"}

package/dist/rules/label-has-associated-control.js

@@ -70,10 +70,12 @@ exports.default = (0, create_eslint_rule_1.createESLintRule)({
             ...DEFAULT_CONTROL_COMPONENTS,
             ...(controlComponents ?? []),
         ]);
-        const allLabelComponents = [
-            ...DEFAULT_LABEL_COMPONENTS,
-            ...(labelComponents ?? []),
-        ];
+        const labelMap = new Map(DEFAULT_LABEL_COMPONENTS.map((comp) => [comp.selector, comp]));
+        // Add custom components, overriding defaults with same selector
+        if (labelComponents) {
+            labelComponents.forEach((comp) => labelMap.set(comp.selector, comp));
+        }
+        const allLabelComponents = Array.from(labelMap.values());
         let inputItems = [];
         let labelItems = [];
         return {

package/dist/rules/prefer-template-literal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prefer-template-literal.d.ts","sourceRoot":"","sources":["../../src/rules/prefer-template-literal.ts"],"names":[],"mappings":"AAiBA,QAAA,MAAM,SAAS,0BAA0B,CAAC;AAE1C,MAAM,MAAM,OAAO,GAAG,EAAE,CAAC;AACzB,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC;AAC1C,eAAO,MAAM,SAAS,4BAA4B,CAAC;;AAEnD,wBA+GG"}
+{"version":3,"file":"prefer-template-literal.d.ts","sourceRoot":"","sources":["../../src/rules/prefer-template-literal.ts"],"names":[],"mappings":"AAkBA,QAAA,MAAM,SAAS,0BAA0B,CAAC;AAE1C,MAAM,MAAM,OAAO,GAAG,EAAE,CAAC;AACzB,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC;AAC1C,eAAO,MAAM,SAAS,4BAA4B,CAAC;;AAEnD,wBAsKG"}

package/dist/rules/prefer-template-literal.js

@@ -38,14 +38,25 @@ exports.default = (0, create_eslint_rule_1.createESLintRule)({
                     return;
                 }
                 const { sourceSpan: { start, end }, } = node;
+                const parentIsTemplateLiteral = 'parent' in node && node.parent instanceof bundled_angular_compiler_1.TemplateLiteral;
                 function getQuote() {
-                    const leftValue = sourceCode.text.at(left.sourceSpan.start);
-                    if (leftValue === "'" || leftValue === '"') {
-                        return leftValue;
+                    if (parentIsTemplateLiteral) {
+                        return '';
                     }
-                    const rightValue = sourceCode.text.at(right.sourceSpan.start);
-                    if (rightValue === "'" || rightValue === '"') {
-                        return rightValue;
+                    // If either side is not a literal primitive, we need to use backticks for interpolation
+                    if (!(0, literal_primitive_1.isLiteralPrimitive)(left) || !(0, literal_primitive_1.isLiteralPrimitive)(right)) {
+                        return '`';
+                    }
+                    if (left instanceof bundled_angular_compiler_1.LiteralPrimitive &&
+                        right instanceof bundled_angular_compiler_1.LiteralPrimitive) {
+                        const leftValue = sourceCode.text.at(left.sourceSpan.start);
+                        if (leftValue === "'" || leftValue === '"') {
+                            return leftValue;
+                        }
+                        const rightValue = sourceCode.text.at(right.sourceSpan.start);
+                        if (rightValue === "'" || rightValue === '"') {
+                            return rightValue;
+                        }
                     }
                     return '`';
                 }
@@ -56,32 +67,52 @@ exports.default = (0, create_eslint_rule_1.createESLintRule)({
                     },
                     messageId,
                     fix: (fixer) => {
+                        const quote = getQuote();
+                        const fixes = Array();
+                        // If the parent is a template literal, remove the `${` sign
+                        if (parentIsTemplateLiteral) {
+                            const templateInterpolationStartIndex = sourceCode.text.lastIndexOf('${', node.sourceSpan.start);
+                            fixes.push(fixer.removeRange([
+                                templateInterpolationStartIndex,
+                                node.sourceSpan.start,
+                            ]));
+                        }
                         // If both sides are literals, we remove the `+` sign, escape if necessary and concatenate them
                         if (left instanceof bundled_angular_compiler_1.LiteralPrimitive &&
                             right instanceof bundled_angular_compiler_1.LiteralPrimitive) {
-                            const quote = getQuote();
-                            return fixer.replaceTextRange([start, end], `${quote}${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(left, quote)}${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(right, quote)}${quote}`);
-                        }
-                        const fixes = Array();
-                        // Fix the left side - handle parenthesized expressions specially
-                        if (originalLeft instanceof bundled_angular_compiler_1.ParenthesizedExpression) {
-                            fixes.push(...getLeftSideFixesForParenthesized(fixer, left, originalLeft));
+                            fixes.push(fixer.replaceTextRange([start, end], parentIsTemplateLiteral
+                                ? `${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(left, '`')}${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(right, '`')}`
+                                : `${quote}${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(left, quote)}${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(right, quote)}${quote}`));
                         }
                         else {
-                            fixes.push(...getLeftSideFixes(fixer, left));
+                            // Fix the left side - handle parenthesized expressions specially
+                            if (originalLeft instanceof bundled_angular_compiler_1.ParenthesizedExpression) {
+                                fixes.push(...getLeftSideFixesForParenthesized(fixer, left, originalLeft, quote));
+                            }
+                            else {
+                                fixes.push(...getLeftSideFixes(fixer, left, quote));
+                            }
+                            // Remove the `+` sign (including surrounding whitespace)
+                            fixes.push(fixer.removeRange([
+                                originalLeft.sourceSpan.end,
+                                originalRight.sourceSpan.start,
+                            ]));
+                            // Fix the right side - handle parenthesized expressions specially
+                            if (originalRight instanceof bundled_angular_compiler_1.ParenthesizedExpression) {
+                                // For parenthesized expressions, we want to replace the whole thing including parens
+                                fixes.push(...getRightSideFixesForParenthesized(fixer, right, originalRight, quote));
+                            }
+                            else {
+                                fixes.push(...getRightSideFixes(fixer, right, quote));
+                            }
                         }
-                        // Remove the `+` sign (including surrounding whitespace)
-                        fixes.push(fixer.removeRange([
-                            originalLeft.sourceSpan.end,
-                            originalRight.sourceSpan.start,
-                        ]));
-                        // Fix the right side - handle parenthesized expressions specially
-                        if (originalRight instanceof bundled_angular_compiler_1.ParenthesizedExpression) {
-                            // For parenthesized expressions, we want to replace the whole thing including parens
-                            fixes.push(...getRightSideFixesForParenthesized(fixer, right, originalRight));
-                        }
-                        else {
-                            fixes.push(...getRightSideFixes(fixer, right));
+                        // If the parent is a template literal, remove the `}` sign
+                        if (parentIsTemplateLiteral) {
+                            const templateInterpolationEndIndex = sourceCode.text.indexOf('}', node.sourceSpan.end);
+                            fixes.push(fixer.removeRange([
+                                node.sourceSpan.end,
+                                templateInterpolationEndIndex + 1,
+                            ]));
                         }
                         return fixes;
                     },
@@ -90,25 +121,30 @@ exports.default = (0, create_eslint_rule_1.createESLintRule)({
         };
     },
 });
-function getLeftSideFixes(fixer, left) {
+function getLeftSideFixes(fixer, left, quote) {
     const { start, end } = left.sourceSpan;
     if (left instanceof bundled_angular_compiler_1.TemplateLiteral) {
         // Remove the end ` sign from the left side
-        return [fixer.removeRange([end - 1, end])];
+        return [
+            fixer.replaceTextRange([start, start + 1], quote),
+            fixer.removeRange([end - 1, end]),
+        ];
     }
     if ((0, literal_primitive_1.isLiteralPrimitive)(left)) {
         // Transform left side to template literal
         return [
-            fixer.replaceTextRange([start, end], `\`${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(left, '`')}`),
+            fixer.replaceTextRange([start, end], quote === ''
+                ? `${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(left, '`')}`
+                : `${quote}${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(left, quote)}`),
         ];
     }
     // Transform left side to template literal
     return [
-        fixer.insertTextBeforeRange([start, end], '`${'),
+        fixer.insertTextBeforeRange([start, end], `${quote}\${`),
         fixer.insertTextAfterRange([start, end], '}'),
     ];
 }
-function getLeftSideFixesForParenthesized(fixer, innerExpression, parenthesizedExpression) {
+function getLeftSideFixesForParenthesized(fixer, innerExpression, parenthesizedExpression, quote) {
     const parenthesizedStart = parenthesizedExpression.sourceSpan.start;
     const parenthesizedEnd = parenthesizedExpression.sourceSpan.end;
     const innerStart = innerExpression.sourceSpan.start;
@@ -116,42 +152,48 @@ function getLeftSideFixesForParenthesized(fixer, innerExpression, parenthesizedE
     if (innerExpression instanceof bundled_angular_compiler_1.TemplateLiteral) {
         // Remove the end ` sign from the inner expression and remove the parentheses
         return [
-            fixer.removeRange([parenthesizedStart, innerStart]), // Remove opening paren
-            fixer.removeRange([innerEnd - 1, innerEnd]), // Remove closing backtick
-            fixer.removeRange([innerEnd, parenthesizedEnd]), // Remove closing paren
+            fixer.replaceTextRange([parenthesizedStart, innerStart + 1], quote), // Replace opening paren and backtick with quote
+            fixer.removeRange([innerEnd - 1, parenthesizedEnd]), // Remove closing backtick and paren
         ];
     }
     if ((0, literal_primitive_1.isLiteralPrimitive)(innerExpression)) {
         // Transform to template literal and remove parentheses
         return [
-            fixer.replaceTextRange([parenthesizedStart, parenthesizedEnd], `\`${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(innerExpression, '`')}`),
+            fixer.replaceTextRange([parenthesizedStart, parenthesizedEnd], quote === ''
+                ? `${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(innerExpression, '`')}`
+                : `${quote}${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(innerExpression, quote)}`),
         ];
     }
     // Transform parenthesized expression to template literal by removing parens and wrapping in ${}
     return [
-        fixer.replaceTextRange([parenthesizedStart, innerStart], '`${'), // Replace opening paren with `${
+        fixer.replaceTextRange([parenthesizedStart, innerStart], `${quote}\${`), // Replace opening paren with quote${
         fixer.replaceTextRange([innerEnd, parenthesizedEnd], '}'), // Replace closing paren with }
     ];
 }
-function getRightSideFixes(fixer, right) {
+function getRightSideFixes(fixer, right, quote) {
     const { start, end } = right.sourceSpan;
     if (right instanceof bundled_angular_compiler_1.TemplateLiteral) {
         // Remove the start ` sign from the right side
-        return [fixer.removeRange([start, start + 1])];
+        return [
+            fixer.removeRange([start, start + 1]),
+            fixer.replaceTextRange([end - 1, end], quote),
+        ];
     }
     if ((0, literal_primitive_1.isLiteralPrimitive)(right)) {
         // Transform right side to template literal if it's a string
         return [
-            fixer.replaceTextRange([start, end], `${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(right, '`')}\``),
+            fixer.replaceTextRange([start, end], quote === ''
+                ? `${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(right, '`')}`
+                : `${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(right, quote)}${quote}`),
         ];
     }
     // Transform right side to template literal
     return [
         fixer.insertTextBeforeRange([start, end], '${'),
-        fixer.insertTextAfterRange([start, end], '}`'),
+        fixer.insertTextAfterRange([start, end], `}${quote}`),
     ];
 }
-function getRightSideFixesForParenthesized(fixer, innerExpression, parenthesizedExpression) {
+function getRightSideFixesForParenthesized(fixer, innerExpression, parenthesizedExpression, quote) {
     const parenthesizedStart = parenthesizedExpression.sourceSpan.start;
     const parenthesizedEnd = parenthesizedExpression.sourceSpan.end;
     const innerStart = innerExpression.sourceSpan.start;
@@ -159,20 +201,21 @@ function getRightSideFixesForParenthesized(fixer, innerExpression, parenthesized
     if (innerExpression instanceof bundled_angular_compiler_1.TemplateLiteral) {
         // Remove the start ` sign from the inner expression and remove the parentheses
         return [
-            fixer.removeRange([parenthesizedStart, innerStart]), // Remove opening paren
-            fixer.removeRange([innerStart, innerStart + 1]), // Remove opening backtick
-            fixer.removeRange([innerEnd, parenthesizedEnd]), // Remove closing paren
+            fixer.removeRange([parenthesizedStart, innerStart + 1]), // Remove opening paren and backtick
+            fixer.replaceTextRange([innerEnd - 1, parenthesizedEnd], quote), // Replace closing backtick and paren with quote
         ];
     }
     if ((0, literal_primitive_1.isLiteralPrimitive)(innerExpression)) {
         // Transform to template literal and remove parentheses
         return [
-            fixer.replaceTextRange([parenthesizedStart, parenthesizedEnd], `${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(innerExpression, '`')}\``),
+            fixer.replaceTextRange([parenthesizedStart, parenthesizedEnd], quote === ''
+                ? `${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(innerExpression, '`')}`
+                : `${(0, literal_primitive_1.getLiteralPrimitiveStringValue)(innerExpression, quote)}${quote}`),
         ];
     }
     // Transform parenthesized expression to template literal by removing parens and wrapping in ${}
     return [
         fixer.replaceTextRange([parenthesizedStart, innerStart], '${'), // Replace opening paren with ${
-        fixer.replaceTextRange([innerEnd, parenthesizedEnd], '}`'), // Replace closing paren with }`
+        fixer.replaceTextRange([innerEnd, parenthesizedEnd], `}${quote}`), // Replace closing paren with }quote
     ];
 }

package/dist/utils/is-interactive-element/index.d.ts

@@ -5,6 +5,6 @@ import type { TmplAstElement } from '@angular-eslint/bundled-angular-compiler';
  * has a dynamic handler on it and we need to discern whether or not
  * it's intention is to be interacted with on the DOM.
  */
-export declare function isInteractiveElement(node: TmplAstElement): boolean;
+export declare function isInherentlyInteractiveElement(node: TmplAstElement): boolean;
 export declare function isNonInteractiveRole(node: TmplAstElement): boolean;
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/is-interactive-element/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/is-interactive-element/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAwC/E;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,cAAc,GAAG,OAAO,CAElE;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,cAAc,GAAG,OAAO,CAElE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/is-interactive-element/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAwC/E;;;;;GAKG;AACH,wBAAgB,8BAA8B,CAAC,IAAI,EAAE,cAAc,GAAG,OAAO,CAE5E;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,cAAc,GAAG,OAAO,CAElE"}

package/dist/utils/is-interactive-element/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isInteractiveElement = isInteractiveElement;
+exports.isInherentlyInteractiveElement = isInherentlyInteractiveElement;
 exports.isNonInteractiveRole = isNonInteractiveRole;
 const attributes_comparator_1 = require("../attributes-comparator");
 const get_attribute_value_1 = require("../get-attribute-value");
@@ -36,7 +36,7 @@ function checkIsNonInteractiveRole(node) {
  * has a dynamic handler on it and we need to discern whether or not
  * it's intention is to be interacted with on the DOM.
  */
-function isInteractiveElement(node) {
+function isInherentlyInteractiveElement(node) {
     return (0, get_dom_elements_1.getDomElements)().has(node.name) && checkIsInteractiveElement(node);
 }
 function isNonInteractiveRole(node) {

package/dist/utils/literal-primitive.d.ts

@@ -1,7 +1,8 @@
 import { AST, LiteralPrimitive } from '@angular-eslint/bundled-angular-compiler';
+export type Quote = "'" | '"' | '`';
 export declare function isLiteralPrimitive(node: AST): node is LiteralPrimitive;
 export declare function isStringLiteralPrimitive(node: AST): node is Omit<LiteralPrimitive, 'value'> & {
     value: string;
 };
-export declare function getLiteralPrimitiveStringValue(node: LiteralPrimitive, quote: "'" | '"' | '`'): string;
+export declare function getLiteralPrimitiveStringValue(node: LiteralPrimitive, quote: Quote): string;
 //# sourceMappingURL=literal-primitive.d.ts.map

package/dist/utils/literal-primitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"literal-primitive.d.ts","sourceRoot":"","sources":["../../src/utils/literal-primitive.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,gBAAgB,EACjB,MAAM,0CAA0C,CAAC;AAElD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,IAAI,gBAAgB,CAEtE;AAED,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,GAAG,GACR,IAAI,IAAI,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAE7D;AAED,wBAAgB,8BAA8B,CAC5C,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GACrB,MAAM,CAIR"}
+{"version":3,"file":"literal-primitive.d.ts","sourceRoot":"","sources":["../../src/utils/literal-primitive.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,gBAAgB,EACjB,MAAM,0CAA0C,CAAC;AAElD,MAAM,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEpC,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,IAAI,gBAAgB,CAEtE;AAED,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,GAAG,GACR,IAAI,IAAI,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAE7D;AAED,wBAAgB,8BAA8B,CAC5C,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,KAAK,GACX,MAAM,CAIR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular-eslint/eslint-plugin-template",
-  "version": "20.0.0-alpha.1",
+  "version": "20.0.0-alpha.2",
   "description": "ESLint plugin for Angular Templates",
   "license": "MIT",
   "main": "dist/index.js",
@@ -20,19 +20,19 @@
   "dependencies": {
     "aria-query": "5.3.2",
     "axobject-query": "4.1.0",
-    "@angular-eslint/bundled-angular-compiler": "20.0.0-alpha.1",
-    "@angular-eslint/utils": "20.0.0-alpha.1"
+    "@angular-eslint/bundled-angular-compiler": "20.0.0-alpha.2",
+    "@angular-eslint/utils": "20.0.0-alpha.2"
   },
   "devDependencies": {
     "@types/aria-query": "5.0.4",
-    "@angular-eslint/template-parser": "20.0.0-alpha.1",
-    "@angular-eslint/test-utils": "20.0.0-alpha.1"
+    "@angular-eslint/test-utils": "20.0.0-alpha.2"
   },
   "peerDependencies": {
     "@typescript-eslint/types": "^7.11.0 || ^8.0.0",
     "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
     "eslint": "^8.57.0 || ^9.0.0",
-    "typescript": "*"
+    "typescript": "*",
+    "@angular-eslint/template-parser": "20.0.0-alpha.2"
   },
   "gitHead": "e2006e5e9c99e5a943d1a999e0efa5247d29ec24"
 }