@angular/compiler-cli 20.2.0-next.1 → 20.2.0-next.2

package/bundles/{chunk-PLUBZWSY.js → chunk-56QTHZ7G.js}

@@ -16,7 +16,7 @@ import {
   tryParseSignalInputMapping,
   tryParseSignalModelMapping,
   tryParseSignalQueryFromInitializer
-} from "./chunk-TMIC4MKN.js";
+} from "./chunk-5LTXARS2.js";
 
 // packages/compiler-cli/src/ngtsc/transform/jit/src/downlevel_decorators_transform.js
 import ts from "typescript";

package/bundles/{chunk-TMIC4MKN.js → chunk-5LTXARS2.js}

@@ -117,6 +117,7 @@ var ErrorCode;
   ErrorCode2[ErrorCode2["UNPARENTHESIZED_NULLISH_COALESCING"] = 8114] = "UNPARENTHESIZED_NULLISH_COALESCING";
   ErrorCode2[ErrorCode2["UNINVOKED_TRACK_FUNCTION"] = 8115] = "UNINVOKED_TRACK_FUNCTION";
   ErrorCode2[ErrorCode2["MISSING_STRUCTURAL_DIRECTIVE"] = 8116] = "MISSING_STRUCTURAL_DIRECTIVE";
+  ErrorCode2[ErrorCode2["UNINVOKED_FUNCTION_IN_TEXT_INTERPOLATION"] = 8117] = "UNINVOKED_FUNCTION_IN_TEXT_INTERPOLATION";
   ErrorCode2[ErrorCode2["INLINE_TCB_REQUIRED"] = 8900] = "INLINE_TCB_REQUIRED";
   ErrorCode2[ErrorCode2["INLINE_TYPE_CTOR_REQUIRED"] = 8901] = "INLINE_TYPE_CTOR_REQUIRED";
   ErrorCode2[ErrorCode2["INJECTABLE_DUPLICATE_PROV"] = 9001] = "INJECTABLE_DUPLICATE_PROV";
@@ -241,6 +242,7 @@ var ExtendedTemplateDiagnosticName;
   ExtendedTemplateDiagnosticName2["UNINVOKED_TRACK_FUNCTION"] = "uninvokedTrackFunction";
   ExtendedTemplateDiagnosticName2["UNUSED_STANDALONE_IMPORTS"] = "unusedStandaloneImports";
   ExtendedTemplateDiagnosticName2["UNPARENTHESIZED_NULLISH_COALESCING"] = "unparenthesizedNullishCoalescing";
+  ExtendedTemplateDiagnosticName2["UNINVOKED_FUNCTION_IN_TEXT_INTERPOLATION"] = "uninvokedFunctionInTextInterpolation";
 })(ExtendedTemplateDiagnosticName || (ExtendedTemplateDiagnosticName = {}));
 
 // packages/compiler-cli/src/ngtsc/reflection/src/typescript.js
@@ -12317,7 +12319,8 @@ function inferBoundAttribute(name) {
   const attrPrefix = "attr.";
   const classPrefix = "class.";
   const stylePrefix = "style.";
-  const animationPrefix = "@";
+  const animationPrefix = "animate.";
+  const legacyAnimationPrefix = "@";
   let attrName;
   let type;
   if (name.startsWith(attrPrefix)) {
@@ -12330,7 +12333,10 @@ function inferBoundAttribute(name) {
     attrName = name.slice(stylePrefix.length);
     type = BindingType.Style;
   } else if (name.startsWith(animationPrefix)) {
-    attrName = name.slice(animationPrefix.length);
+    attrName = name;
+    type = BindingType.Animation;
+  } else if (name.startsWith(legacyAnimationPrefix)) {
+    attrName = name.slice(legacyAnimationPrefix.length);
     type = BindingType.LegacyAnimation;
   } else {
     attrName = name;
@@ -14072,7 +14078,7 @@ var TcbDomSchemaCheckerOp = class extends TcbOp {
         continue;
       }
       if (isPropertyBinding && binding.name !== "style" && binding.name !== "class") {
-        const propertyName = ATTR_TO_PROP.get(binding.name) ?? binding.name;
+        const propertyName = REGISTRY.getMappedPropName(binding.name);
         if (isTemplateElement) {
           this.tcb.domSchemaChecker.checkTemplateElementProperty(this.tcb.id, this.getTagName(element), propertyName, binding.sourceSpan, this.tcb.schemas, this.tcb.hostIsStandalone);
         } else {
@@ -14202,14 +14208,6 @@ var TcbComponentNodeOp = class extends TcbOp {
     return id;
   }
 };
-var ATTR_TO_PROP = new Map(Object.entries({
-  "class": "className",
-  "for": "htmlFor",
-  "formaction": "formAction",
-  "innerHtml": "innerHTML",
-  "readonly": "readOnly",
-  "tabindex": "tabIndex"
-}));
 var TcbUnclaimedInputsOp = class extends TcbOp {
   tcb;
   scope;
@@ -14240,7 +14238,7 @@ var TcbUnclaimedInputsOp = class extends TcbOp {
           if (elId === null) {
             elId = this.scope.resolve(this.target);
           }
-          const propertyName = ATTR_TO_PROP.get(binding.name) ?? binding.name;
+          const propertyName = REGISTRY.getMappedPropName(binding.name);
           const prop = ts60.factory.createElementAccessExpression(elId, ts60.factory.createStringLiteral(propertyName));
           const stmt = ts60.factory.createBinaryExpression(prop, ts60.SyntaxKind.EqualsToken, wrapForDiagnostics(expr));
           addParseSpanInfo(stmt, binding.sourceSpan);
@@ -14356,6 +14354,10 @@ var TcbUnclaimedOutputsOp = class extends TcbOp {
         const eventType = this.tcb.env.config.checkTypeOfAnimationEvents ? this.tcb.env.referenceExternalType("@angular/animations", "AnimationEvent") : 1;
         const handler = tcbCreateEventHandler(output, this.tcb, this.scope, eventType);
         this.scope.addStatement(ts60.factory.createExpressionStatement(handler));
+      } else if (output.type === ParsedEventType2.Animation) {
+        const eventType = this.tcb.env.referenceExternalType("@angular/core", "AnimationCallbackEvent");
+        const handler = tcbCreateEventHandler(output, this.tcb, this.scope, eventType);
+        this.scope.addStatement(ts60.factory.createExpressionStatement(handler));
       } else if (this.tcb.env.config.checkTypeOfDomEvents) {
         let target;
         let domEventAssertion;

package/bundles/chunk-BPDNYZBC.js

@@ -455,7 +455,7 @@ import { compileDirectiveFromMetadata, makeBindingParser, ParseLocation, ParseSo
 // packages/compiler-cli/linker/src/file_linker/partial_linkers/util.js
 import { createMayBeForwardRefExpression, outputAst as o2 } from "@angular/compiler";
 import semver from "semver";
-var PLACEHOLDER_VERSION = "20.2.0-next.1";
+var PLACEHOLDER_VERSION = "20.2.0-next.2";
 function wrapReference(wrapped) {
   return { value: wrapped, type: wrapped };
 }

package/bundles/{chunk-U3R42CLJ.js → chunk-MQ6W6B7H.js}

@@ -4,7 +4,7 @@
     
 import {
   angularJitApplicationTransform
-} from "./chunk-PLUBZWSY.js";
+} from "./chunk-56QTHZ7G.js";
 import {
   AbsoluteModuleStrategy,
   ActivePerfRecorder,
@@ -92,7 +92,7 @@ import {
   toUnredirectedSourceFile,
   tryParseInitializerApi,
   untagAllTsFiles
-} from "./chunk-TMIC4MKN.js";
+} from "./chunk-5LTXARS2.js";
 import {
   LogicalFileSystem,
   absoluteFrom,
@@ -2906,7 +2906,8 @@ var InterpolatedSignalCheck = class extends TemplateCheckWithVisitor {
         (node.type === BindingType.Property || // or a class binding like `[class.myClass]="mySignal"`
         node.type === BindingType.Class || // or a style binding like `[style.width]="mySignal"`
         node.type === BindingType.Style || // or an attribute binding like `[attr.role]="mySignal"`
-        node.type === BindingType.Attribute || // or an animation binding like `[@myAnimation]="mySignal"`
+        node.type === BindingType.Attribute || // or an animation binding like `[animate.enter]="mySignal"`
+        node.type === BindingType.Animation || // or an animation binding like `[@myAnimation]="mySignal"`
         node.type === BindingType.LegacyAnimation) && nodeAst
       ) {
         return buildDiagnosticForSignal(ctx, nodeAst, component);
@@ -3421,6 +3422,41 @@ var factory14 = {
   create: () => new UninvokedTrackFunctionCheck()
 };
 
+// packages/compiler-cli/src/ngtsc/typecheck/extended/checks/uninvoked_function_in_text_interpolation/index.js
+import { Interpolation as Interpolation2, PropertyRead as PropertyRead5, SafePropertyRead as SafePropertyRead4 } from "@angular/compiler";
+var UninvokedFunctionInTextInterpolation = class extends TemplateCheckWithVisitor {
+  code = ErrorCode.UNINVOKED_FUNCTION_IN_TEXT_INTERPOLATION;
+  visitNode(ctx, component, node) {
+    if (node instanceof Interpolation2) {
+      return node.expressions.flatMap((item) => assertExpressionInvoked2(item, component, node.sourceSpan, ctx));
+    }
+    return [];
+  }
+};
+function assertExpressionInvoked2(expression, component, sourceSpan, ctx) {
+  if (!(expression instanceof PropertyRead5) && !(expression instanceof SafePropertyRead4)) {
+    return [];
+  }
+  const symbol = ctx.templateTypeChecker.getSymbolOfNode(expression, component);
+  if (symbol !== null && symbol.kind === SymbolKind.Expression) {
+    if (symbol.tsType.getCallSignatures()?.length > 0) {
+      const fullExpressionText = generateStringFromExpression3(expression, sourceSpan.toString());
+      const errorString = `Function in text interpolation should be invoked: ${fullExpressionText}()`;
+      const templateMapping = ctx.templateTypeChecker.getSourceMappingAtTcbLocation(symbol.tcbLocation);
+      return [ctx.makeTemplateDiagnostic(templateMapping.span, errorString)];
+    }
+  }
+  return [];
+}
+function generateStringFromExpression3(expression, source) {
+  return source.substring(expression.span.start, expression.span.end);
+}
+var factory15 = {
+  code: ErrorCode.UNINVOKED_FUNCTION_IN_TEXT_INTERPOLATION,
+  name: ExtendedTemplateDiagnosticName.UNINVOKED_FUNCTION_IN_TEXT_INTERPOLATION,
+  create: () => new UninvokedFunctionInTextInterpolation()
+};
+
 // packages/compiler-cli/src/ngtsc/typecheck/extended/src/extended_template_checker.js
 import ts21 from "typescript";
 
@@ -3439,12 +3475,12 @@ var ExtendedTemplateCheckerImpl = class {
   constructor(templateTypeChecker, typeChecker, templateCheckFactories, options) {
     this.partialCtx = { templateTypeChecker, typeChecker };
     this.templateChecks = /* @__PURE__ */ new Map();
-    for (const factory15 of templateCheckFactories) {
-      const category = diagnosticLabelToCategory(options?.extendedDiagnostics?.checks?.[factory15.name] ?? options?.extendedDiagnostics?.defaultCategory ?? DiagnosticCategoryLabel.Warning);
+    for (const factory16 of templateCheckFactories) {
+      const category = diagnosticLabelToCategory(options?.extendedDiagnostics?.checks?.[factory16.name] ?? options?.extendedDiagnostics?.defaultCategory ?? DiagnosticCategoryLabel.Warning);
       if (category === null) {
         continue;
       }
-      const check = factory15.create(options);
+      const check = factory16.create(options);
       if (check === null) {
         continue;
       }
@@ -3503,16 +3539,17 @@ var ALL_DIAGNOSTIC_FACTORIES = [
   factory13,
   factory8,
   factory12,
-  factory14
+  factory14,
+  factory15
 ];
 var SUPPORTED_DIAGNOSTIC_NAMES = /* @__PURE__ */ new Set([
   ExtendedTemplateDiagnosticName.CONTROL_FLOW_PREVENTING_CONTENT_PROJECTION,
   ExtendedTemplateDiagnosticName.UNUSED_STANDALONE_IMPORTS,
-  ...ALL_DIAGNOSTIC_FACTORIES.map((factory15) => factory15.name)
+  ...ALL_DIAGNOSTIC_FACTORIES.map((factory16) => factory16.name)
 ]);
 
 // packages/compiler-cli/src/ngtsc/typecheck/template_semantics/src/template_semantics_checker.js
-import { ASTWithSource as ASTWithSource5, ImplicitReceiver as ImplicitReceiver2, ParsedEventType as ParsedEventType2, PropertyRead as PropertyRead5, Binary as Binary3, RecursiveAstVisitor, TmplAstBoundEvent as TmplAstBoundEvent3, TmplAstLetDeclaration as TmplAstLetDeclaration2, TmplAstRecursiveVisitor, TmplAstVariable as TmplAstVariable2 } from "@angular/compiler";
+import { ASTWithSource as ASTWithSource5, ImplicitReceiver as ImplicitReceiver2, ParsedEventType as ParsedEventType2, PropertyRead as PropertyRead6, Binary as Binary3, RecursiveAstVisitor, TmplAstBoundEvent as TmplAstBoundEvent3, TmplAstLetDeclaration as TmplAstLetDeclaration2, TmplAstRecursiveVisitor, TmplAstVariable as TmplAstVariable2 } from "@angular/compiler";
 import ts22 from "typescript";
 var TemplateSemanticsCheckerImpl = class {
   templateTypeChecker;
@@ -3553,7 +3590,7 @@ var ExpressionsSemanticsVisitor = class extends RecursiveAstVisitor {
     this.diagnostics = diagnostics;
   }
   visitBinary(ast, context) {
-    if (Binary3.isAssignmentOperation(ast.operation) && ast.left instanceof PropertyRead5) {
+    if (Binary3.isAssignmentOperation(ast.operation) && ast.left instanceof PropertyRead6) {
       this.checkForIllegalWriteInEventBinding(ast.left, context);
     } else {
       super.visitBinary(ast, context);

package/bundles/{chunk-F7QVREVY.js → chunk-UVWZGTBX.js}

@@ -12,7 +12,7 @@ import {
   formatDiagnostics,
   performCompilation,
   readConfiguration
-} from "./chunk-U3R42CLJ.js";
+} from "./chunk-MQ6W6B7H.js";
 
 // packages/compiler-cli/src/main.js
 import ts2 from "typescript";

package/bundles/index.js

@@ -28,7 +28,7 @@ import {
   isTsDiagnostic,
   performCompilation,
   readConfiguration
-} from "./chunk-U3R42CLJ.js";
+} from "./chunk-MQ6W6B7H.js";
 import {
   ConsoleLogger,
   LogLevel
@@ -37,7 +37,7 @@ import {
   angularJitApplicationTransform,
   getDownlevelDecoratorsTransform,
   getInitializerApiJitTransform
-} from "./chunk-PLUBZWSY.js";
+} from "./chunk-56QTHZ7G.js";
 import {
   ActivePerfRecorder,
   ErrorCode,
@@ -46,7 +46,7 @@ import {
   TsCreateProgramDriver,
   isLocalCompilationDiagnostics,
   ngErrorCode
-} from "./chunk-TMIC4MKN.js";
+} from "./chunk-5LTXARS2.js";
 import "./chunk-I2BHWRAU.js";
 import {
   InvalidFileSystem,
@@ -77,7 +77,7 @@ import "./chunk-DWRM7PIK.js";
 
 // packages/compiler-cli/src/version.js
 import { Version } from "@angular/compiler";
-var VERSION = new Version("20.2.0-next.1");
+var VERSION = new Version("20.2.0-next.2");
 
 // packages/compiler-cli/private/tooling.js
 var GLOBAL_DEFS_FOR_TERSER = {

package/bundles/private/migrations.js

@@ -13,7 +13,7 @@ import {
   TypeScriptReflectionHost,
   createForwardRefResolver,
   reflectObjectLiteral
-} from "../chunk-TMIC4MKN.js";
+} from "../chunk-5LTXARS2.js";
 import "../chunk-I2BHWRAU.js";
 import "../chunk-GWZQLAGK.js";
 import "../chunk-SZY7NM6F.js";

package/bundles/private/tooling.js

@@ -4,8 +4,8 @@
     
 import {
   angularJitApplicationTransform
-} from "../chunk-PLUBZWSY.js";
-import "../chunk-TMIC4MKN.js";
+} from "../chunk-56QTHZ7G.js";
+import "../chunk-5LTXARS2.js";
 import "../chunk-I2BHWRAU.js";
 import "../chunk-GWZQLAGK.js";
 import "../chunk-SZY7NM6F.js";

package/bundles/src/bin/ng_xi18n.js

@@ -6,12 +6,12 @@
 import {
   main,
   readCommandLineAndConfiguration
-} from "../../chunk-F7QVREVY.js";
+} from "../../chunk-UVWZGTBX.js";
 import {
   EmitFlags
-} from "../../chunk-U3R42CLJ.js";
-import "../../chunk-PLUBZWSY.js";
-import "../../chunk-TMIC4MKN.js";
+} from "../../chunk-MQ6W6B7H.js";
+import "../../chunk-56QTHZ7G.js";
+import "../../chunk-5LTXARS2.js";
 import "../../chunk-I2BHWRAU.js";
 import {
   setFileSystem

package/bundles/src/bin/ngc.js

@@ -5,10 +5,10 @@
     
 import {
   main
-} from "../../chunk-F7QVREVY.js";
-import "../../chunk-U3R42CLJ.js";
-import "../../chunk-PLUBZWSY.js";
-import "../../chunk-TMIC4MKN.js";
+} from "../../chunk-UVWZGTBX.js";
+import "../../chunk-MQ6W6B7H.js";
+import "../../chunk-56QTHZ7G.js";
+import "../../chunk-5LTXARS2.js";
 import "../../chunk-I2BHWRAU.js";
 import {
   setFileSystem

package/linker/src/file_linker/partial_linkers/util.d.ts

@@ -7,7 +7,7 @@
  */
 import { MaybeForwardRefExpression, outputAst as o, R3DeclareDependencyMetadata, R3DependencyMetadata, R3Reference } from '@angular/compiler';
 import { AstObject, AstValue } from '../../ast/ast_value';
-export declare const PLACEHOLDER_VERSION = "20.2.0-next.1";
+export declare const PLACEHOLDER_VERSION = "20.2.0-next.2";
 export declare function wrapReference<TExpression>(wrapped: o.WrappedNodeExpr<TExpression>): R3Reference;
 /**
  * Parses the value of an enum from the AST value's symbol name.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/compiler-cli",
-  "version": "20.2.0-next.1",
+  "version": "20.2.0-next.2",
   "description": "Angular - the compiler CLI for Node.js",
   "typings": "index.d.ts",
   "bin": {
@@ -48,7 +48,7 @@
     "yargs": "^18.0.0"
   },
   "peerDependencies": {
-    "@angular/compiler": "20.2.0-next.1",
+    "@angular/compiler": "20.2.0-next.2",
     "typescript": ">=5.8 <6.0"
   },
   "peerDependenciesMeta": {

package/src/ngtsc/annotations/component/src/animations.d.ts

@@ -0,0 +1,15 @@
+/*!
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+import { TmplAstNode } from '@angular/compiler';
+/**
+ * Analyzes a component's template to determine if it's using animate.enter
+ * or animate.leave syntax.
+ */
+export declare function analyzeTemplateForAnimations(template: TmplAstNode[]): {
+    hasAnimations: boolean;
+};

package/src/ngtsc/diagnostics/src/error_code.d.ts

@@ -511,6 +511,20 @@ export declare enum ErrorCode {
      * A structural directive is used in a template, but the directive is not imported.
      */
     MISSING_STRUCTURAL_DIRECTIVE = 8116,
+    /**
+     * A function in a text interpolation is not invoked.
+     *
+     * For example:
+     * ```html
+     * <p> {{ firstName }} </p>
+     * ```
+     *
+     * The `firstName` function is not invoked. Instead, it should be:
+     * ```html
+     * <p> {{ firstName() }} </p>
+     * ```
+     */
+    UNINVOKED_FUNCTION_IN_TEXT_INTERPOLATION = 8117,
     /**
      * The template type-checking engine would need to generate an inline type check block for a
      * component, but the current type-checking environment doesn't support it.

package/src/ngtsc/diagnostics/src/extended_template_diagnostic_name.d.ts

@@ -30,5 +30,6 @@ export declare enum ExtendedTemplateDiagnosticName {
     UNUSED_LET_DECLARATION = "unusedLetDeclaration",
     UNINVOKED_TRACK_FUNCTION = "uninvokedTrackFunction",
     UNUSED_STANDALONE_IMPORTS = "unusedStandaloneImports",
-    UNPARENTHESIZED_NULLISH_COALESCING = "unparenthesizedNullishCoalescing"
+    UNPARENTHESIZED_NULLISH_COALESCING = "unparenthesizedNullishCoalescing",
+    UNINVOKED_FUNCTION_IN_TEXT_INTERPOLATION = "uninvokedFunctionInTextInterpolation"
 }

package/src/ngtsc/typecheck/extended/checks/uninvoked_function_in_text_interpolation/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+import { ErrorCode, ExtendedTemplateDiagnosticName } from '../../../../diagnostics';
+import { TemplateCheckFactory } from '../../api';
+export declare const factory: TemplateCheckFactory<ErrorCode.UNINVOKED_FUNCTION_IN_TEXT_INTERPOLATION, ExtendedTemplateDiagnosticName.UNINVOKED_FUNCTION_IN_TEXT_INTERPOLATION>;

package/src/ngtsc/typecheck/src/dom.d.ts

@@ -5,9 +5,10 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.dev/license
  */
-import { ParseSourceSpan, SchemaMetadata, TmplAstHostElement } from '@angular/compiler';
+import { DomElementSchemaRegistry, ParseSourceSpan, SchemaMetadata, TmplAstHostElement } from '@angular/compiler';
 import { TemplateDiagnostic, TypeCheckId } from '../api';
 import { TypeCheckSourceResolver } from './tcb_util';
+export declare const REGISTRY: DomElementSchemaRegistry;
 /**
  * Checks every non-Angular element/property processed in a template and potentially produces
  * `ts.Diagnostic`s related to improper usage.