@angular/core 20.2.0-next.1 → 20.2.0-next.3

package/schematics/bundles/{checker-BVY3FNBy.cjs → checker-DBomdQHo.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v20.2.0-next.1
+ * @license Angular v20.2.0-next.3
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -2693,7 +2693,18 @@ class Identifiers {
     static pipeBind4 = { name: 'ɵɵpipeBind4', moduleName: CORE };
     static pipeBindV = { name: 'ɵɵpipeBindV', moduleName: CORE };
     static domProperty = { name: 'ɵɵdomProperty', moduleName: CORE };
+    static ariaProperty = { name: 'ɵɵariaProperty', moduleName: CORE };
     static property = { name: 'ɵɵproperty', moduleName: CORE };
+    static animationEnterListener = {
+        name: 'ɵɵanimateEnterListener',
+        moduleName: CORE,
+    };
+    static animationLeaveListener = {
+        name: 'ɵɵanimateLeaveListener',
+        moduleName: CORE,
+    };
+    static animationEnter = { name: 'ɵɵanimateEnter', moduleName: CORE };
+    static animationLeave = { name: 'ɵɵanimateLeave', moduleName: CORE };
     static i18n = { name: 'ɵɵi18n', moduleName: CORE };
     static i18nAttributes = { name: 'ɵɵi18nAttributes', moduleName: CORE };
     static i18nExp = { name: 'ɵɵi18nExp', moduleName: CORE };
@@ -2837,6 +2848,10 @@ class Identifiers {
         name: 'ɵɵExternalStylesFeature',
         moduleName: CORE,
     };
+    static AnimationsFeature = {
+        name: 'ɵɵAnimationsFeature',
+        moduleName: CORE,
+    };
     static listener = { name: 'ɵɵlistener', moduleName: CORE };
     static getInheritedFactory = {
         name: 'ɵɵgetInheritedFactory',
@@ -4412,6 +4427,7 @@ class ParsedProperty {
     valueSpan;
     isLiteral;
     isLegacyAnimation;
+    isAnimation;
     constructor(name, expression, type, sourceSpan, keySpan, valueSpan) {
         this.name = name;
         this.expression = expression;
@@ -4421,6 +4437,7 @@ class ParsedProperty {
         this.valueSpan = valueSpan;
         this.isLiteral = this.type === ParsedPropertyType.LITERAL_ATTR;
         this.isLegacyAnimation = this.type === ParsedPropertyType.LEGACY_ANIMATION;
+        this.isAnimation = this.type === ParsedPropertyType.ANIMATION;
     }
 }
 var ParsedPropertyType;
@@ -4429,6 +4446,7 @@ var ParsedPropertyType;
     ParsedPropertyType[ParsedPropertyType["LITERAL_ATTR"] = 1] = "LITERAL_ATTR";
     ParsedPropertyType[ParsedPropertyType["LEGACY_ANIMATION"] = 2] = "LEGACY_ANIMATION";
     ParsedPropertyType[ParsedPropertyType["TWO_WAY"] = 3] = "TWO_WAY";
+    ParsedPropertyType[ParsedPropertyType["ANIMATION"] = 4] = "ANIMATION";
 })(ParsedPropertyType || (ParsedPropertyType = {}));
 exports.ParsedEventType = void 0;
 (function (ParsedEventType) {
@@ -4438,6 +4456,8 @@ exports.ParsedEventType = void 0;
     ParsedEventType[ParsedEventType["LegacyAnimation"] = 1] = "LegacyAnimation";
     // Event side of a two-way binding (e.g. `[(property)]="expression"`).
     ParsedEventType[ParsedEventType["TwoWay"] = 2] = "TwoWay";
+    // Animation specific event
+    ParsedEventType[ParsedEventType["Animation"] = 3] = "Animation";
 })(exports.ParsedEventType || (exports.ParsedEventType = {}));
 class ParsedEvent {
     name;
@@ -4488,6 +4508,8 @@ exports.BindingType = void 0;
     BindingType[BindingType["LegacyAnimation"] = 4] = "LegacyAnimation";
     // Property side of a two-way binding (e.g. `[(property)]="expression"`).
     BindingType[BindingType["TwoWay"] = 5] = "TwoWay";
+    // A binding to an animation CSS class or function (e.g. `[animate.leave]="expression"`).
+    BindingType[BindingType["Animation"] = 6] = "Animation";
 })(exports.BindingType || (exports.BindingType = {}));
 class BoundElementProperty {
     name;
@@ -8618,6 +8640,22 @@ var OpKind;
      * Creation op that attaches the location at which an element was defined in a template to it.
      */
     OpKind[OpKind["SourceLocation"] = 52] = "SourceLocation";
+    /**
+     * An operation to bind animation css classes to an element.
+     */
+    OpKind[OpKind["Animation"] = 53] = "Animation";
+    /**
+     * An operation to bind animation css classes to an element.
+     */
+    OpKind[OpKind["AnimationString"] = 54] = "AnimationString";
+    /**
+     * An operation to bind animation css classes to an element.
+     */
+    OpKind[OpKind["AnimationBinding"] = 55] = "AnimationBinding";
+    /**
+     * An operation to bind animation events to an element.
+     */
+    OpKind[OpKind["AnimationListener"] = 56] = "AnimationListener";
 })(OpKind || (OpKind = {}));
 /**
  * Distinguishes different kinds of IR expressions.
@@ -8808,6 +8846,10 @@ var BindingKind;
      * Property side of a two-way binding.
      */
     BindingKind[BindingKind["TwoWayProperty"] = 7] = "TwoWayProperty";
+    /**
+     * Property side of an animation binding.
+     */
+    BindingKind[BindingKind["Animation"] = 8] = "Animation";
 })(BindingKind || (BindingKind = {}));
 /**
  * Enumeration of possible times i18n params can be resolved.
@@ -9048,13 +9090,13 @@ function createBindingOp(target, kind, name, expression, unit, securityContext,
 /**
  * Create a `PropertyOp`.
  */
-function createPropertyOp(target, name, expression, isLegacyAnimationTrigger, securityContext, isStructuralTemplateAttribute, templateKind, i18nContext, i18nMessage, sourceSpan) {
+function createPropertyOp(target, name, expression, bindingKind, securityContext, isStructuralTemplateAttribute, templateKind, i18nContext, i18nMessage, sourceSpan) {
     return {
         kind: OpKind.Property,
         target,
         name,
         expression,
-        isLegacyAnimationTrigger,
+        bindingKind,
         securityContext,
         sanitizer: null,
         isStructuralTemplateAttribute,
@@ -9205,6 +9247,24 @@ function createRepeaterOp(repeaterCreate, targetSlot, collection, sourceSpan) {
         ...TRAIT_DEPENDS_ON_SLOT_CONTEXT,
     };
 }
+/**
+ * Create an `AnimationBindingOp`.
+ */
+function createAnimationBindingOp(name, target, animationKind, expression, securityContext, sourceSpan, animationBindingKind) {
+    return {
+        kind: OpKind.AnimationBinding,
+        name,
+        target,
+        animationKind,
+        expression,
+        i18nMessage: null,
+        securityContext,
+        sanitizer: null,
+        sourceSpan,
+        animationBindingKind,
+        ...NEW_OP,
+    };
+}
 function createDeferWhenOp(target, expr, modifier, sourceSpan) {
     return {
         kind: OpKind.DeferWhen,
@@ -10035,6 +10095,8 @@ function transformExpressionsInOp(op, transform, flags) {
         case OpKind.StyleMap:
         case OpKind.ClassProp:
         case OpKind.ClassMap:
+        case OpKind.AnimationString:
+        case OpKind.AnimationBinding:
         case OpKind.Binding:
             if (op.expression instanceof Interpolation) {
                 transformExpressionsInInterpolation(op.expression, transform, flags);
@@ -10087,6 +10149,8 @@ function transformExpressionsInOp(op, transform, flags) {
                 op.contextValue = transformExpressionsInExpression(op.contextValue, transform, flags);
             }
             break;
+        case OpKind.Animation:
+        case OpKind.AnimationListener:
         case OpKind.Listener:
         case OpKind.TwoWayListener:
             for (const innerOp of op.handlerOps) {
@@ -10738,6 +10802,43 @@ function createTextOp(xref, initialValue, icuPlaceholder, sourceSpan) {
         ...NEW_OP,
     };
 }
+/**
+ * Create an `AnimationOp`.
+ */
+function createAnimationStringOp(name, target, animationKind, expression, securityContext, sourceSpan) {
+    return {
+        kind: OpKind.AnimationString,
+        name,
+        target,
+        animationKind,
+        expression,
+        i18nMessage: null,
+        securityContext,
+        sanitizer: null,
+        sourceSpan,
+        ...NEW_OP,
+    };
+}
+/**
+ * Create an `AnimationOp`.
+ */
+function createAnimationOp(name, target, animationKind, callbackOps, securityContext, sourceSpan) {
+    const handlerOps = new OpList();
+    handlerOps.push(callbackOps);
+    return {
+        kind: OpKind.Animation,
+        name,
+        target,
+        animationKind,
+        handlerOps,
+        handlerFnName: null,
+        i18nMessage: null,
+        securityContext,
+        sanitizer: null,
+        sourceSpan,
+        ...NEW_OP,
+    };
+}
 /**
  * Create a `ListenerOp`. Host bindings reuse all the listener logic.
  */
@@ -10761,6 +10862,28 @@ function createListenerOp(target, targetSlot, name, tag, handlerOps, legacyAnima
         ...NEW_OP,
     };
 }
+/**
+ * Create a `ListenerOp`. Host bindings reuse all the listener logic.
+ */
+function createAnimationListenerOp(target, targetSlot, name, tag, handlerOps, animationKind, eventTarget, hostListener, sourceSpan) {
+    const handlerList = new OpList();
+    handlerList.push(handlerOps);
+    return {
+        kind: OpKind.AnimationListener,
+        target,
+        targetSlot,
+        tag,
+        hostListener,
+        name,
+        animationKind,
+        handlerOps: handlerList,
+        handlerFnName: null,
+        consumesDollarEvent: false,
+        eventTarget,
+        sourceSpan,
+        ...NEW_OP,
+    };
+}
 /**
  * Create a `TwoWayListenerOp`.
  */
@@ -11010,12 +11133,12 @@ function createSourceLocationOp(templatePath, locations) {
     };
 }
 
-function createDomPropertyOp(name, expression, isLegacyAnimationTrigger, i18nContext, securityContext, sourceSpan) {
+function createDomPropertyOp(name, expression, bindingKind, i18nContext, securityContext, sourceSpan) {
     return {
         kind: OpKind.DomProperty,
         name,
         expression,
-        isLegacyAnimationTrigger,
+        bindingKind,
         i18nContext,
         securityContext,
         sanitizer: null,
@@ -11182,7 +11305,10 @@ class CompilationUnit {
     *ops() {
         for (const op of this.create) {
             yield op;
-            if (op.kind === OpKind.Listener || op.kind === OpKind.TwoWayListener) {
+            if (op.kind === OpKind.Listener ||
+                op.kind === OpKind.Animation ||
+                op.kind === OpKind.AnimationListener ||
+                op.kind === OpKind.TwoWayListener) {
                 for (const listenerOp of op.handlerOps) {
                     yield listenerOp;
                 }
@@ -11462,7 +11588,8 @@ function extractAttributes(job) {
                     extractAttributeOp(unit, op, elements);
                     break;
                 case OpKind.Property:
-                    if (!op.isLegacyAnimationTrigger) {
+                    if (op.bindingKind !== BindingKind.LegacyAnimation &&
+                        op.bindingKind !== BindingKind.Animation) {
                         let bindingKind;
                         if (op.i18nMessage !== null && op.templateKind === null) {
                             // If the binding has an i18n context, it is an i18n attribute, and should have that
@@ -11480,14 +11607,14 @@ function extractAttributes(job) {
                         createExtractedAttributeOp(op.target, bindingKind, null, op.name, 
                         /* expression */ null, 
                         /* i18nContext */ null, 
-                        /* i18nMessage */ null, op.securityContext), lookupElement$2(elements, op.target));
+                        /* i18nMessage */ null, op.securityContext), lookupElement$3(elements, op.target));
                     }
                     break;
                 case OpKind.TwoWayProperty:
                     OpList.insertBefore(createExtractedAttributeOp(op.target, BindingKind.TwoWayProperty, null, op.name, 
                     /* expression */ null, 
                     /* i18nContext */ null, 
-                    /* i18nMessage */ null, op.securityContext), lookupElement$2(elements, op.target));
+                    /* i18nMessage */ null, op.securityContext), lookupElement$3(elements, op.target));
                     break;
                 case OpKind.StyleProp:
                 case OpKind.ClassProp:
@@ -11500,7 +11627,7 @@ function extractAttributes(job) {
                         OpList.insertBefore(createExtractedAttributeOp(op.target, BindingKind.Property, null, op.name, 
                         /* expression */ null, 
                         /* i18nContext */ null, 
-                        /* i18nMessage */ null, SecurityContext.STYLE), lookupElement$2(elements, op.target));
+                        /* i18nMessage */ null, SecurityContext.STYLE), lookupElement$3(elements, op.target));
                     }
                     break;
                 case OpKind.Listener:
@@ -11520,7 +11647,7 @@ function extractAttributes(job) {
                             unit.create.push(extractedAttributeOp);
                         }
                         else {
-                            OpList.insertBefore(extractedAttributeOp, lookupElement$2(elements, op.target));
+                            OpList.insertBefore(extractedAttributeOp, lookupElement$3(elements, op.target));
                         }
                     }
                     break;
@@ -11531,7 +11658,7 @@ function extractAttributes(job) {
                         /* expression */ null, 
                         /* i18nContext */ null, 
                         /* i18nMessage */ null, SecurityContext.NONE);
-                        OpList.insertBefore(extractedAttributeOp, lookupElement$2(elements, op.target));
+                        OpList.insertBefore(extractedAttributeOp, lookupElement$3(elements, op.target));
                     }
                     break;
             }
@@ -11541,7 +11668,7 @@ function extractAttributes(job) {
 /**
  * Looks up an element in the given map by xref ID.
  */
-function lookupElement$2(elements, xref) {
+function lookupElement$3(elements, xref) {
     const el = elements.get(xref);
     if (el === undefined) {
         throw new Error('All attributes should have an element-like target.');
@@ -11569,7 +11696,7 @@ function extractAttributeOp(unit, op, elements) {
             unit.create.push(extractedAttributeOp);
         }
         else {
-            const ownerOp = lookupElement$2(elements, op.target);
+            const ownerOp = lookupElement$3(elements, op.target);
             OpList.insertBefore(extractedAttributeOp, ownerOp);
         }
         OpList.remove(op);
@@ -11579,7 +11706,7 @@ function extractAttributeOp(unit, op, elements) {
 /**
  * Looks up an element in the given map by xref ID.
  */
-function lookupElement$1(elements, xref) {
+function lookupElement$2(elements, xref) {
     const el = elements.get(xref);
     if (el === undefined) {
         throw new Error('All attributes should have an element-like target.');
@@ -11605,21 +11732,27 @@ function specializeBindings(job) {
                 case BindingKind.Attribute:
                     if (op.name === 'ngNonBindable') {
                         OpList.remove(op);
-                        const target = lookupElement$1(elements, op.target);
+                        const target = lookupElement$2(elements, op.target);
                         target.nonBindable = true;
                     }
+                    else if (op.name.startsWith('animate.')) {
+                        OpList.replace(op, createAnimationBindingOp(op.name, op.target, op.name === 'animate.enter' ? "enter" /* ir.AnimationKind.ENTER */ : "leave" /* ir.AnimationKind.LEAVE */, op.expression, op.securityContext, op.sourceSpan, 0 /* ir.AnimationBindingKind.STRING */));
+                    }
                     else {
                         const [namespace, name] = splitNsName(op.name);
                         OpList.replace(op, createAttributeOp(op.target, namespace, name, op.expression, op.securityContext, op.isTextAttribute, op.isStructuralTemplateAttribute, op.templateKind, op.i18nMessage, op.sourceSpan));
                     }
                     break;
+                case BindingKind.Animation:
+                    OpList.replace(op, createAnimationBindingOp(op.name, op.target, op.name === 'animate.enter' ? "enter" /* ir.AnimationKind.ENTER */ : "leave" /* ir.AnimationKind.LEAVE */, op.expression, op.securityContext, op.sourceSpan, 1 /* ir.AnimationBindingKind.VALUE */));
+                    break;
                 case BindingKind.Property:
                 case BindingKind.LegacyAnimation:
                     if (job.kind === CompilationJobKind.Host) {
-                        OpList.replace(op, createDomPropertyOp(op.name, op.expression, op.bindingKind === BindingKind.LegacyAnimation, op.i18nContext, op.securityContext, op.sourceSpan));
+                        OpList.replace(op, createDomPropertyOp(op.name, op.expression, op.bindingKind, op.i18nContext, op.securityContext, op.sourceSpan));
                     }
                     else {
-                        OpList.replace(op, createPropertyOp(op.target, op.name, op.expression, op.bindingKind === BindingKind.LegacyAnimation, op.securityContext, op.isStructuralTemplateAttribute, op.templateKind, op.i18nContext, op.i18nMessage, op.sourceSpan));
+                        OpList.replace(op, createPropertyOp(op.target, op.name, op.expression, op.bindingKind, op.securityContext, op.isStructuralTemplateAttribute, op.templateKind, op.i18nContext, op.i18nMessage, op.sourceSpan));
                     }
                     break;
                 case BindingKind.TwoWayProperty:
@@ -11641,6 +11774,7 @@ function specializeBindings(job) {
 }
 
 const CHAIN_COMPATIBILITY = new Map([
+    [Identifiers.ariaProperty, Identifiers.ariaProperty],
     [Identifiers.attribute, Identifiers.attribute],
     [Identifiers.classProp, Identifiers.classProp],
     [Identifiers.element, Identifiers.element],
@@ -11671,6 +11805,10 @@ const CHAIN_COMPATIBILITY = new Map([
     [Identifiers.domElementContainerEnd, Identifiers.domElementContainerEnd],
     [Identifiers.domListener, Identifiers.domListener],
     [Identifiers.domTemplate, Identifiers.domTemplate],
+    [Identifiers.animationEnter, Identifiers.animationEnter],
+    [Identifiers.animationLeave, Identifiers.animationLeave],
+    [Identifiers.animationEnterListener, Identifiers.animationEnterListener],
+    [Identifiers.animationLeaveListener, Identifiers.animationLeaveListener],
 ]);
 /**
  * Chaining results in repeated call expressions, causing a deep AST of receiver expressions. To prevent running out of
@@ -12091,6 +12229,52 @@ function serializeAttributes({ attributes, bindings, classes, i18n, projectAs, s
     return literalArr(attrArray);
 }
 
+/**
+ * Looks up an element in the given map by xref ID.
+ */
+function lookupElement$1(elements, xref) {
+    const el = elements.get(xref);
+    if (el === undefined) {
+        throw new Error('All attributes should have an element-like target.');
+    }
+    return el;
+}
+function convertAnimations(job) {
+    const elements = new Map();
+    for (const unit of job.units) {
+        for (const op of unit.create) {
+            if (!isElementOrContainerOp(op)) {
+                continue;
+            }
+            elements.set(op.xref, op);
+        }
+    }
+    for (const unit of job.units) {
+        for (const op of unit.ops()) {
+            if (op.kind === OpKind.AnimationBinding) {
+                const createAnimationOp = getAnimationOp(op);
+                if (job.kind === CompilationJobKind.Host) {
+                    unit.create.push(createAnimationOp);
+                }
+                else {
+                    OpList.insertAfter(createAnimationOp, lookupElement$1(elements, op.target));
+                }
+                OpList.remove(op);
+            }
+        }
+    }
+}
+function getAnimationOp(op) {
+    if (op.animationBindingKind === 0 /* ir.AnimationBindingKind.STRING */) {
+        // this is a simple string case
+        return createAnimationStringOp(op.name, op.target, op.name === 'animate.enter' ? "enter" /* ir.AnimationKind.ENTER */ : "leave" /* ir.AnimationKind.LEAVE */, op.expression, op.securityContext, op.sourceSpan);
+    }
+    else {
+        const expression = op.expression;
+        return createAnimationOp(op.name, op.target, op.name === 'animate.enter' ? "enter" /* ir.AnimationKind.ENTER */ : "leave" /* ir.AnimationKind.LEAVE */, [createStatementOp(new ReturnStatement(expression, expression.sourceSpan))], op.securityContext, op.sourceSpan);
+    }
+}
+
 /**
  * Some binding instructions in the update block may actually correspond to i18n bindings. In that
  * case, they should be replaced with i18nExp instructions for the dynamic portions.
@@ -12988,6 +13172,8 @@ function recursivelyProcessView(view, parentScope) {
                     op.trackByOps.prepend(generateVariablesInScopeForView(view, scope, false));
                 }
                 break;
+            case OpKind.Animation:
+            case OpKind.AnimationListener:
             case OpKind.Listener:
             case OpKind.TwoWayListener:
                 // Prepend variables to listener handler functions.
@@ -13070,7 +13256,7 @@ function getScopeForView(view, parent) {
  * This is a recursive process, as views inherit variables available from their parent view, which
  * itself may have inherited variables, etc.
  */
-function generateVariablesInScopeForView(view, scope, isListener) {
+function generateVariablesInScopeForView(view, scope, isCallback) {
     const newOps = [];
     if (scope.view !== view.xref) {
         // Before generating variables for a parent view, we need to switch to the context of the parent
@@ -13094,7 +13280,7 @@ function generateVariablesInScopeForView(view, scope, isListener) {
     for (const ref of scope.references) {
         newOps.push(createVariableOp(view.job.allocateXrefId(), ref.variable, new ReferenceExpr(ref.targetId, ref.targetSlot, ref.offset), VariableFlags.None));
     }
-    if (scope.view !== view.xref || isListener) {
+    if (scope.view !== view.xref || isCallback) {
         for (const decl of scope.letDeclarations) {
             newOps.push(createVariableOp(view.job.allocateXrefId(), decl.variable, new ContextLetReferenceExpr(decl.targetId, decl.targetSlot), VariableFlags.None));
         }
@@ -16393,6 +16579,23 @@ class _Tokenizer {
                 return isNameEnd(code);
             };
         }
+        else if (attrNameStart === $LBRACKET) {
+            let openBrackets = 0;
+            // Be more permissive for which characters are allowed inside square-bracketed attributes,
+            // because they usually end up being bound as attribute values. Some third-party packages
+            // like Tailwind take advantage of this.
+            nameEndPredicate = (code) => {
+                if (code === $LBRACKET) {
+                    openBrackets++;
+                }
+                else if (code === $RBRACKET) {
+                    openBrackets--;
+                }
+                // Only check for name-ending characters if the brackets are balanced or mismatched.
+                // Also interrupt the matching on new lines.
+                return openBrackets <= 0 ? isNameEnd(code) : isNewLine(code);
+            };
+        }
         else {
             nameEndPredicate = isNameEnd;
         }
@@ -18504,7 +18707,7 @@ class Parser {
     parseAction(input, parseSourceSpan, absoluteOffset, interpolationConfig = DEFAULT_INTERPOLATION_CONFIG) {
         const errors = [];
         this._checkNoInterpolation(errors, input, parseSourceSpan, interpolationConfig);
-        const sourceToLex = this._stripComments(input);
+        const { stripped: sourceToLex } = this._stripComments(input);
         const tokens = this._lexer.tokenize(sourceToLex);
         const ast = new _ParseAST(input, parseSourceSpan, absoluteOffset, tokens, 1 /* ParseFlags.Action */, errors, 0, this._supportsDirectPipeReferences).parseChain();
         return new ASTWithSource(ast, input, getLocation(parseSourceSpan), absoluteOffset, errors);
@@ -18531,7 +18734,7 @@ class Parser {
     }
     _parseBindingAst(input, parseSourceSpan, absoluteOffset, interpolationConfig, errors) {
         this._checkNoInterpolation(errors, input, parseSourceSpan, interpolationConfig);
-        const sourceToLex = this._stripComments(input);
+        const { stripped: sourceToLex } = this._stripComments(input);
         const tokens = this._lexer.tokenize(sourceToLex);
         return new _ParseAST(input, parseSourceSpan, absoluteOffset, tokens, 0 /* ParseFlags.None */, errors, 0, this._supportsDirectPipeReferences).parseChain();
     }
@@ -18582,8 +18785,13 @@ class Parser {
             // indexes inside the tokens.
             const expressionSpan = interpolatedTokens?.[i * 2 + 1]?.sourceSpan;
             const expressionText = expressions[i].text;
-            const sourceToLex = this._stripComments(expressionText);
+            const { stripped: sourceToLex, hasComments } = this._stripComments(expressionText);
             const tokens = this._lexer.tokenize(sourceToLex);
+            if (hasComments && sourceToLex.trim().length === 0 && tokens.length === 0) {
+                // Empty expressions error are handled futher down, here we only take care of the comment case
+                errors.push(getParseError('Interpolation expression cannot only contain a comment', input, `at column ${expressions[i].start} in`, parseSourceSpan));
+                continue;
+            }
             const ast = new _ParseAST(expressionSpan ? expressionText : input, expressionSpan || parseSourceSpan, absoluteOffset, tokens, 0 /* ParseFlags.None */, errors, offsets[i], this._supportsDirectPipeReferences).parseChain();
             expressionNodes.push(ast);
         }
@@ -18595,7 +18803,7 @@ class Parser {
      * This is used for parsing the switch expression in ICUs.
      */
     parseInterpolationExpression(expression, parseSourceSpan, absoluteOffset) {
-        const sourceToLex = this._stripComments(expression);
+        const { stripped: sourceToLex } = this._stripComments(expression);
         const tokens = this._lexer.tokenize(sourceToLex);
         const errors = [];
         const ast = new _ParseAST(expression, parseSourceSpan, absoluteOffset, tokens, 0 /* ParseFlags.None */, errors, 0, this._supportsDirectPipeReferences).parseChain();
@@ -18683,7 +18891,9 @@ class Parser {
     }
     _stripComments(input) {
         const i = this._commentStart(input);
-        return i != null ? input.substring(0, i) : input;
+        return i != null
+            ? { stripped: input.substring(0, i), hasComments: true }
+            : { stripped: input, hasComments: false };
     }
     _commentStart(input) {
         let outerQuote = null;
@@ -20316,6 +20526,44 @@ const _ATTR_TO_PROP = new Map(Object.entries({
     'innerHtml': 'innerHTML',
     'readonly': 'readOnly',
     'tabindex': 'tabIndex',
+    // https://www.w3.org/TR/wai-aria-1.2/#accessibilityroleandproperties-correspondence
+    'aria-atomic': 'ariaAtomic',
+    'aria-autocomplete': 'ariaAutoComplete',
+    'aria-busy': 'ariaBusy',
+    'aria-checked': 'ariaChecked',
+    'aria-colcount': 'ariaColCount',
+    'aria-colindex': 'ariaColIndex',
+    'aria-colspan': 'ariaColSpan',
+    'aria-current': 'ariaCurrent',
+    'aria-disabled': 'ariaDisabled',
+    'aria-expanded': 'ariaExpanded',
+    'aria-haspopup': 'ariaHasPopup',
+    'aria-hidden': 'ariaHidden',
+    'aria-invalid': 'ariaInvalid',
+    'aria-keyshortcuts': 'ariaKeyShortcuts',
+    'aria-label': 'ariaLabel',
+    'aria-level': 'ariaLevel',
+    'aria-live': 'ariaLive',
+    'aria-modal': 'ariaModal',
+    'aria-multiline': 'ariaMultiLine',
+    'aria-multiselectable': 'ariaMultiSelectable',
+    'aria-orientation': 'ariaOrientation',
+    'aria-placeholder': 'ariaPlaceholder',
+    'aria-posinset': 'ariaPosInSet',
+    'aria-pressed': 'ariaPressed',
+    'aria-readonly': 'ariaReadOnly',
+    'aria-required': 'ariaRequired',
+    'aria-roledescription': 'ariaRoleDescription',
+    'aria-rowcount': 'ariaRowCount',
+    'aria-rowindex': 'ariaRowIndex',
+    'aria-rowspan': 'ariaRowSpan',
+    'aria-selected': 'ariaSelected',
+    'aria-setsize': 'ariaSetSize',
+    'aria-sort': 'ariaSort',
+    'aria-valuemax': 'ariaValueMax',
+    'aria-valuemin': 'ariaValueMin',
+    'aria-valuenow': 'ariaValueNow',
+    'aria-valuetext': 'ariaValueText',
 }));
 // Invert _ATTR_TO_PROP.
 const _PROP_TO_ATTR = Array.from(_ATTR_TO_PROP).reduce((inverted, [propertyName, attributeName]) => {
@@ -22262,10 +22510,33 @@ function addNamesToView(unit, baseName, state, compatibility) {
         switch (op.kind) {
             case OpKind.Property:
             case OpKind.DomProperty:
-                if (op.isLegacyAnimationTrigger) {
+                if (op.bindingKind === BindingKind.LegacyAnimation) {
                     op.name = '@' + op.name;
                 }
                 break;
+            case OpKind.Animation:
+                if (op.handlerFnName === null) {
+                    const animationKind = op.name.replace('.', '');
+                    op.handlerFnName = `${unit.fnName}_${animationKind}_cb`;
+                    op.handlerFnName = sanitizeIdentifier(op.handlerFnName);
+                }
+                break;
+            case OpKind.AnimationListener:
+                if (op.handlerFnName !== null) {
+                    break;
+                }
+                if (!op.hostListener && op.targetSlot.slot === null) {
+                    throw new Error(`Expected a slot to be assigned`);
+                }
+                const animationKind = op.name.replace('.', '');
+                if (op.hostListener) {
+                    op.handlerFnName = `${baseName}_${animationKind}_HostBindingHandler`;
+                }
+                else {
+                    op.handlerFnName = `${unit.fnName}_${op.tag.replace('-', '_')}_${animationKind}_${op.targetSlot.slot}_listener`;
+                }
+                op.handlerFnName = sanitizeIdentifier(op.handlerFnName);
+                break;
             case OpKind.Listener:
                 if (op.handlerFnName !== null) {
                     break;
@@ -22423,7 +22694,10 @@ function stripImportant(name) {
 function mergeNextContextExpressions(job) {
     for (const unit of job.units) {
         for (const op of unit.create) {
-            if (op.kind === OpKind.Listener || op.kind === OpKind.TwoWayListener) {
+            if (op.kind === OpKind.Listener ||
+                op.kind === OpKind.Animation ||
+                op.kind === OpKind.AnimationListener ||
+                op.kind === OpKind.TwoWayListener) {
                 mergeNextContextsInOps(op.handlerOps);
             }
         }
@@ -22544,7 +22818,9 @@ function kindWithInterpolationTest(kind, interpolation) {
 }
 function basicListenerKindTest(op) {
     return ((op.kind === OpKind.Listener && !(op.hostListener && op.isLegacyAnimationListener)) ||
-        op.kind === OpKind.TwoWayListener);
+        op.kind === OpKind.TwoWayListener ||
+        op.kind === OpKind.Animation ||
+        op.kind === OpKind.AnimationListener);
 }
 function nonInterpolationPropertyKindTest(op) {
     return ((op.kind === OpKind.Property || op.kind === OpKind.TwoWayProperty) &&
@@ -22591,6 +22867,7 @@ const UPDATE_HOST_ORDERING = [
 const handledOpKinds = new Set([
     OpKind.Listener,
     OpKind.TwoWayListener,
+    OpKind.AnimationListener,
     OpKind.StyleMap,
     OpKind.ClassMap,
     OpKind.StyleProp,
@@ -22599,6 +22876,7 @@ const handledOpKinds = new Set([
     OpKind.TwoWayProperty,
     OpKind.DomProperty,
     OpKind.Attribute,
+    OpKind.Animation,
 ]);
 /**
  * Many type of operations have ordering constraints that must be respected. For example, a
@@ -23289,6 +23567,9 @@ function i18nAttributes(slot, i18nAttributesConfig) {
     const args = [literal(slot), literal(i18nAttributesConfig)];
     return call(Identifiers.i18nAttributes, args, null);
 }
+function ariaProperty(name, expression, sourceSpan) {
+    return propertyBase(Identifiers.ariaProperty, name, expression, null, sourceSpan);
+}
 function property(name, expression, sanitizer, sourceSpan) {
     return propertyBase(Identifiers.property, name, expression, sanitizer, sourceSpan);
 }
@@ -23402,6 +23683,36 @@ function i18nApply(slot, sourceSpan) {
 function domProperty(name, expression, sanitizer, sourceSpan) {
     return propertyBase(Identifiers.domProperty, name, expression, sanitizer, sourceSpan);
 }
+function animation(animationKind, handlerFn, sanitizer, sourceSpan) {
+    const args = [handlerFn];
+    if (sanitizer !== null) {
+        args.push(sanitizer);
+    }
+    const identifier = animationKind === "enter" /* ir.AnimationKind.ENTER */
+        ? Identifiers.animationEnter
+        : Identifiers.animationLeave;
+    return call(identifier, args, sourceSpan);
+}
+function animationString(animationKind, expression, sanitizer, sourceSpan) {
+    const value = expression instanceof Interpolation
+        ? interpolationToExpression(expression, sourceSpan)
+        : expression;
+    const args = [value];
+    if (sanitizer !== null) {
+        args.push(sanitizer);
+    }
+    const identifier = animationKind === "enter" /* ir.AnimationKind.ENTER */
+        ? Identifiers.animationEnter
+        : Identifiers.animationLeave;
+    return call(identifier, args, sourceSpan);
+}
+function animationListener(animationKind, handlerFn, eventTargetResolver, sourceSpan) {
+    const args = [handlerFn];
+    const identifier = animationKind === "enter" /* ir.AnimationKind.ENTER */
+        ? Identifiers.animationEnterListener
+        : Identifiers.animationLeaveListener;
+    return call(identifier, args, sourceSpan);
+}
 function syntheticHostProperty(name, expression, sourceSpan) {
     return call(Identifiers.syntheticHostProperty, [literal(name), expression], sourceSpan);
 }
@@ -23535,6 +23846,7 @@ function callVariadicInstruction(config, baseArgs, interpolationArgs, extraArgs,
     return createStatementOp(callVariadicInstructionExpr(config, baseArgs, interpolationArgs, extraArgs, sourceSpan).toStmt());
 }
 
+const ARIA_PREFIX = 'aria';
 /**
  * Map of target resolvers for event listeners.
  */
@@ -23648,6 +23960,18 @@ function reifyCreateOperations(unit, ops) {
             case OpKind.DeclareLet:
                 OpList.replace(op, declareLet(op.handle.slot, op.sourceSpan));
                 break;
+            case OpKind.AnimationString:
+                OpList.replace(op, animationString(op.animationKind, op.expression, op.sanitizer, op.sourceSpan));
+                break;
+            case OpKind.Animation:
+                const animationCallbackFn = reifyListenerHandler(unit, op.handlerFnName, op.handlerOps, 
+                /* consumesDollarEvent */ false);
+                OpList.replace(op, animation(op.animationKind, animationCallbackFn, op.sanitizer, op.sourceSpan));
+                break;
+            case OpKind.AnimationListener:
+                const animationListenerFn = reifyListenerHandler(unit, op.handlerFnName, op.handlerOps, op.consumesDollarEvent);
+                OpList.replace(op, animationListener(op.animationKind, animationListenerFn, null, op.sourceSpan));
+                break;
             case OpKind.Listener:
                 const listenerFn = reifyListenerHandler(unit, op.handlerFnName, op.handlerOps, op.consumesDollarEvent);
                 const eventTargetResolver = op.eventTarget
@@ -23826,9 +24150,11 @@ function reifyUpdateOperations(unit, ops) {
                 OpList.replace(op, advance(op.delta, op.sourceSpan));
                 break;
             case OpKind.Property:
-                OpList.replace(op, unit.job.mode === TemplateCompilationMode.DomOnly && !op.isLegacyAnimationTrigger
-                    ? domProperty(DOM_PROPERTY_REMAPPING.get(op.name) ?? op.name, op.expression, op.sanitizer, op.sourceSpan)
-                    : property(op.name, op.expression, op.sanitizer, op.sourceSpan));
+                OpList.replace(op, unit.job.mode === TemplateCompilationMode.DomOnly &&
+                    op.bindingKind !== BindingKind.LegacyAnimation &&
+                    op.bindingKind !== BindingKind.Animation
+                    ? reifyDomProperty(op)
+                    : reifyProperty(op));
                 break;
             case OpKind.TwoWayProperty:
                 OpList.replace(op, twoWayProperty(op.name, op.expression, op.sanitizer, op.sourceSpan));
@@ -23862,11 +24188,12 @@ function reifyUpdateOperations(unit, ops) {
                     throw new Error('not yet handled');
                 }
                 else {
-                    if (op.isLegacyAnimationTrigger) {
+                    if (op.bindingKind === BindingKind.LegacyAnimation ||
+                        op.bindingKind === BindingKind.Animation) {
                         OpList.replace(op, syntheticHostProperty(op.name, op.expression, op.sourceSpan));
                     }
                     else {
-                        OpList.replace(op, domProperty(DOM_PROPERTY_REMAPPING.get(op.name) ?? op.name, op.expression, op.sanitizer, op.sourceSpan));
+                        OpList.replace(op, reifyDomProperty(op));
                     }
                 }
                 break;
@@ -23898,6 +24225,61 @@ function reifyUpdateOperations(unit, ops) {
         }
     }
 }
+/**
+ * Converts an ARIA property name to its corresponding attribute name, if necessary.
+ *
+ * For example, converts `ariaLabel` to `aria-label`.
+ *
+ * https://www.w3.org/TR/wai-aria-1.2/#accessibilityroleandproperties-correspondence
+ *
+ * This must be kept in sync with the the function of the same name in
+ * packages/core/src/render3/instructions/aria_property.ts.
+ *
+ * @param name A property name that starts with `aria`.
+ * @returns The corresponding attribute name.
+ */
+function ariaAttrName(name) {
+    return name.charAt(ARIA_PREFIX.length) !== '-'
+        ? ARIA_PREFIX + '-' + name.slice(ARIA_PREFIX.length).toLowerCase()
+        : name; // Property already has attribute name.
+}
+/**
+ * Returns whether `name` is an ARIA property (or attribute) name.
+ *
+ * This is a heuristic based on whether name begins with and is longer than `aria`. For example,
+ * this returns true for both `ariaLabel` and `aria-label`.
+ */
+function isAriaProperty(name) {
+    return name.startsWith(ARIA_PREFIX) && name.length > ARIA_PREFIX.length;
+}
+/**
+ * Reifies a DOM property binding operation.
+ *
+ * This is an optimized version of {@link reifyProperty} that avoids unnecessarily trying to bind
+ * to directive inputs at runtime for views that don't import any directives.
+ *
+ * @param op A property binding operation.
+ * @returns A statement to update the property at runtime.
+ */
+function reifyDomProperty(op) {
+    return isAriaProperty(op.name)
+        ? attribute(ariaAttrName(op.name), op.expression, null, null, op.sourceSpan)
+        : domProperty(DOM_PROPERTY_REMAPPING.get(op.name) ?? op.name, op.expression, op.sanitizer, op.sourceSpan);
+}
+/**
+ * Reifies a property binding operation.
+ *
+ * The returned statement attempts to bind to directive inputs before falling back to a DOM
+ * property.
+ *
+ * @param op A property binding operation.
+ * @returns A statement to update the property at runtime.
+ */
+function reifyProperty(op) {
+    return isAriaProperty(op.name)
+        ? ariaProperty(op.name, op.expression, op.sourceSpan)
+        : property(op.name, op.expression, op.sanitizer, op.sourceSpan);
+}
 function reifyIrExpression(expr) {
     if (!isIrExpression(expr)) {
         return expr;
@@ -24139,6 +24521,8 @@ function processLexicalScope$1(view, ops) {
                         break;
                 }
                 break;
+            case OpKind.Animation:
+            case OpKind.AnimationListener:
             case OpKind.Listener:
             case OpKind.TwoWayListener:
                 processLexicalScope$1(view, op.handlerOps);
@@ -24204,11 +24588,13 @@ function resolveDollarEvent(job) {
 }
 function transformDollarEvent(ops) {
     for (const op of ops) {
-        if (op.kind === OpKind.Listener || op.kind === OpKind.TwoWayListener) {
+        if (op.kind === OpKind.Listener ||
+            op.kind === OpKind.TwoWayListener ||
+            op.kind === OpKind.AnimationListener) {
             transformExpressionsInOp(op, (expr) => {
                 if (expr instanceof LexicalReadExpr && expr.name === '$event') {
                     // Two-way listeners always consume `$event` so they omit this field.
-                    if (op.kind === OpKind.Listener) {
+                    if (op.kind === OpKind.Listener || op.kind === OpKind.AnimationListener) {
                         op.consumesDollarEvent = true;
                     }
                     return new ReadVarExpr(expr.name);
@@ -24599,6 +24985,8 @@ function processLexicalScope(unit, ops, savedView) {
                         break;
                 }
                 break;
+            case OpKind.Animation:
+            case OpKind.AnimationListener:
             case OpKind.Listener:
             case OpKind.TwoWayListener:
                 // Listener functions have separate variable declarations, so process them as a separate
@@ -24616,7 +25004,10 @@ function processLexicalScope(unit, ops, savedView) {
     // scope. Also, look for `ir.RestoreViewExpr`s and match them with the snapshotted view context
     // variable.
     for (const op of ops) {
-        if (op.kind == OpKind.Listener || op.kind === OpKind.TwoWayListener) {
+        if (op.kind == OpKind.Listener ||
+            op.kind === OpKind.TwoWayListener ||
+            op.kind === OpKind.Animation ||
+            op.kind === OpKind.AnimationListener) {
             // Listeners were already processed above with their own scopes.
             continue;
         }
@@ -24785,7 +25176,10 @@ function saveAndRestoreView(job) {
             }, new GetCurrentViewExpr(), VariableFlags.None),
         ]);
         for (const op of unit.create) {
-            if (op.kind !== OpKind.Listener && op.kind !== OpKind.TwoWayListener) {
+            if (op.kind !== OpKind.Listener &&
+                op.kind !== OpKind.TwoWayListener &&
+                op.kind !== OpKind.Animation &&
+                op.kind !== OpKind.AnimationListener) {
                 continue;
             }
             // Embedded views always need the save/restore view operation.
@@ -25105,7 +25499,10 @@ function generateTemporaries(ops) {
         // Add declarations for the temp vars.
         generatedStatements.push(...Array.from(new Set(defs.values())).map((name) => createStatementOp(new DeclareVarStmt(name))));
         opCount++;
-        if (op.kind === OpKind.Listener || op.kind === OpKind.TwoWayListener) {
+        if (op.kind === OpKind.Listener ||
+            op.kind === OpKind.Animation ||
+            op.kind === OpKind.AnimationListener ||
+            op.kind === OpKind.TwoWayListener) {
             op.handlerOps.prepend(generateTemporaries(op.handlerOps));
         }
         else if (op.kind === OpKind.RepeaterCreate && op.trackByOps !== null) {
@@ -25449,7 +25846,10 @@ function optimizeVariables(job) {
         inlineAlwaysInlineVariables(unit.create);
         inlineAlwaysInlineVariables(unit.update);
         for (const op of unit.create) {
-            if (op.kind === OpKind.Listener || op.kind === OpKind.TwoWayListener) {
+            if (op.kind === OpKind.Listener ||
+                op.kind === OpKind.Animation ||
+                op.kind === OpKind.AnimationListener ||
+                op.kind === OpKind.TwoWayListener) {
                 inlineAlwaysInlineVariables(op.handlerOps);
             }
             else if (op.kind === OpKind.RepeaterCreate && op.trackByOps !== null) {
@@ -25459,7 +25859,10 @@ function optimizeVariables(job) {
         optimizeVariablesInOpList(unit.create, job.compatibility);
         optimizeVariablesInOpList(unit.update, job.compatibility);
         for (const op of unit.create) {
-            if (op.kind === OpKind.Listener || op.kind === OpKind.TwoWayListener) {
+            if (op.kind === OpKind.Listener ||
+                op.kind === OpKind.Animation ||
+                op.kind === OpKind.AnimationListener ||
+                op.kind === OpKind.TwoWayListener) {
                 optimizeVariablesInOpList(op.handlerOps, job.compatibility);
             }
             else if (op.kind === OpKind.RepeaterCreate && op.trackByOps !== null) {
@@ -25896,6 +26299,7 @@ const phases = [
     { kind: CompilationJobKind.Both, fn: deduplicateTextBindings },
     { kind: CompilationJobKind.Both, fn: specializeStyleBindings },
     { kind: CompilationJobKind.Both, fn: specializeBindings },
+    { kind: CompilationJobKind.Both, fn: convertAnimations },
     { kind: CompilationJobKind.Both, fn: extractAttributes },
     { kind: CompilationJobKind.Tmpl, fn: createI18nContexts },
     { kind: CompilationJobKind.Both, fn: parseExtractedStyles },
@@ -26055,6 +26459,8 @@ const compatibilityMode = CompatibilityMode.TemplateDefinitionBuilder;
 const domSchema = new DomElementSchemaRegistry();
 // Tag name of the `ng-template` element.
 const NG_TEMPLATE_TAG_NAME = 'ng-template';
+// prefix for any animation binding
+const ANIMATE_PREFIX$1 = 'animate.';
 function isI18nRootNode(meta) {
     return meta instanceof Message;
 }
@@ -26087,6 +26493,9 @@ function ingestHostBinding(input, bindingParser, constantPool) {
         if (property.isLegacyAnimation) {
             bindingKind = BindingKind.LegacyAnimation;
         }
+        if (property.isAnimation) {
+            bindingKind = BindingKind.Animation;
+        }
         const securityContexts = bindingParser
             .calcPossibleSecurityContexts(input.componentSelector, property.name, bindingKind === BindingKind.Attribute)
             .filter((context) => context !== SecurityContext.NONE);
@@ -26753,6 +27162,7 @@ const BINDING_KINDS = new Map([
     [exports.BindingType.Class, BindingKind.ClassName],
     [exports.BindingType.Style, BindingKind.StyleProperty],
     [exports.BindingType.LegacyAnimation, BindingKind.LegacyAnimation],
+    [exports.BindingType.Animation, BindingKind.Animation],
 ]);
 /**
  * Checks whether the given template is a plain ng-template (as opposed to another kind of template
@@ -26817,6 +27227,9 @@ function ingestElementBindings(unit, op, element) {
         if (output.type === exports.ParsedEventType.TwoWay) {
             unit.create.push(createTwoWayListenerOp(op.xref, op.handle, output.name, op.tag, makeTwoWayListenerHandlerOps(unit, output.handler, output.handlerSpan), output.sourceSpan));
         }
+        else if (output.type === exports.ParsedEventType.Animation) {
+            unit.create.push(createAnimationListenerOp(op.xref, op.handle, output.name, op.tag, makeListenerHandlerOps(unit, output.handler, output.handlerSpan), output.name.endsWith('enter') ? "enter" /* ir.AnimationKind.ENTER */ : "leave" /* ir.AnimationKind.LEAVE */, output.target, false, output.sourceSpan));
+        }
         else {
             unit.create.push(createListenerOp(op.xref, op.handle, output.name, op.tag, makeListenerHandlerOps(unit, output.handler, output.handlerSpan), output.phase, output.target, false, output.sourceSpan));
         }
@@ -26925,7 +27338,9 @@ function createTemplateBinding(view, xref, type, name, value, unit, securityCont
             }
         }
         if (!isTextBinding &&
-            (type === exports.BindingType.Attribute || type === exports.BindingType.LegacyAnimation)) {
+            (type === exports.BindingType.Attribute ||
+                type === exports.BindingType.LegacyAnimation ||
+                type === exports.BindingType.Animation)) {
             // Again, this binding doesn't really target the ng-template; it actually targets the element
             // inside the structural template. In the case of non-text attribute or animation bindings,
             // the binding doesn't even show up on the ng-template const array, so we just skip it
@@ -27083,14 +27498,18 @@ function ingestControlFlowInsertionPoint(unit, xref, node) {
     if (root !== null) {
         // Collect the static attributes for content projection purposes.
         for (const attr of root.attributes) {
-            const securityContext = domSchema.securityContext(NG_TEMPLATE_TAG_NAME, attr.name, true);
-            unit.update.push(createBindingOp(xref, BindingKind.Attribute, attr.name, literal(attr.value), null, securityContext, true, false, null, asMessage(attr.i18n), attr.sourceSpan));
+            if (!attr.name.startsWith(ANIMATE_PREFIX$1)) {
+                const securityContext = domSchema.securityContext(NG_TEMPLATE_TAG_NAME, attr.name, true);
+                unit.update.push(createBindingOp(xref, BindingKind.Attribute, attr.name, literal(attr.value), null, securityContext, true, false, null, asMessage(attr.i18n), attr.sourceSpan));
+            }
         }
         // Also collect the inputs since they participate in content projection as well.
         // Note that TDB used to collect the outputs as well, but it wasn't passing them into
         // the template instruction. Here we just don't collect them.
         for (const attr of root.inputs) {
-            if (attr.type !== exports.BindingType.LegacyAnimation && attr.type !== exports.BindingType.Attribute) {
+            if (attr.type !== exports.BindingType.LegacyAnimation &&
+                attr.type !== exports.BindingType.Animation &&
+                attr.type !== exports.BindingType.Attribute) {
                 const securityContext = domSchema.securityContext(NG_TEMPLATE_TAG_NAME, attr.name, true);
                 unit.create.push(createExtractedAttributeOp(xref, BindingKind.Property, null, attr.name, null, null, null, securityContext));
             }
@@ -27302,6 +27721,7 @@ class HtmlParser extends Parser$1 {
 
 const PROPERTY_PARTS_SEPARATOR = '.';
 const ATTRIBUTE_PREFIX = 'attr';
+const ANIMATE_PREFIX = 'animate';
 const CLASS_PREFIX = 'class';
 const STYLE_PREFIX = 'style';
 const TEMPLATE_ATTR_PREFIX$1 = '*';
@@ -27501,6 +27921,9 @@ class BindingParser {
         if (isLegacyAnimationProp) {
             this._parseLegacyAnimation(name, expression, sourceSpan, absoluteOffset, keySpan, valueSpan, targetMatchableAttrs, targetProps);
         }
+        else if (name.startsWith(ANIMATE_PREFIX)) {
+            this._parseAnimation(name, this.parseBinding(expression, isHost, valueSpan || sourceSpan, absoluteOffset), sourceSpan, keySpan, valueSpan, targetMatchableAttrs, targetProps);
+        }
         else {
             this._parsePropertyAst(name, this.parseBinding(expression, isHost, valueSpan || sourceSpan, absoluteOffset), isPartOfAssignmentBinding, sourceSpan, keySpan, valueSpan, targetMatchableAttrs, targetProps);
         }
@@ -27517,6 +27940,10 @@ class BindingParser {
         targetMatchableAttrs.push([name, ast.source]);
         targetProps.push(new ParsedProperty(name, ast, isPartOfAssignmentBinding ? ParsedPropertyType.TWO_WAY : ParsedPropertyType.DEFAULT, sourceSpan, keySpan, valueSpan));
     }
+    _parseAnimation(name, ast, sourceSpan, keySpan, valueSpan, targetMatchableAttrs, targetProps) {
+        targetMatchableAttrs.push([name, ast.source]);
+        targetProps.push(new ParsedProperty(name, ast, ParsedPropertyType.ANIMATION, sourceSpan, keySpan, valueSpan));
+    }
     _parseLegacyAnimation(name, expression, sourceSpan, absoluteOffset, keySpan, valueSpan, targetMatchableAttrs, targetProps) {
         if (name.length === 0) {
             this._reportError('Animation trigger is missing', sourceSpan);
@@ -27579,6 +28006,11 @@ class BindingParser {
                 bindingType = exports.BindingType.Style;
                 securityContexts = [SecurityContext.STYLE];
             }
+            else if (parts[0] == ANIMATE_PREFIX) {
+                boundPropertyName = boundProp.name;
+                bindingType = exports.BindingType.Animation;
+                securityContexts = [SecurityContext.NONE];
+            }
         }
         // If not a special case, use the full property name
         if (boundPropertyName === null) {
@@ -27593,7 +28025,6 @@ class BindingParser {
         }
         return new BoundElementProperty(boundPropertyName, bindingType, securityContexts[0], boundProp.expression, unit, boundProp.sourceSpan, boundProp.keySpan, boundProp.valueSpan);
     }
-    // TODO: keySpan should be required but was made optional to avoid changing VE parser.
     parseEvent(name, expression, isAssignmentEvent, sourceSpan, handlerSpan, targetMatchableAttrs, targetEvents, keySpan) {
         if (name.length === 0) {
             this._reportError(`Event name is missing in binding`, sourceSpan);
@@ -27649,7 +28080,14 @@ class BindingParser {
         if (isAssignmentEvent && isValid && !this._isAllowedAssignmentEvent(ast)) {
             this._reportError('Unsupported expression in a two-way binding', sourceSpan);
         }
-        targetEvents.push(new ParsedEvent(eventName, target, isAssignmentEvent ? exports.ParsedEventType.TwoWay : exports.ParsedEventType.Regular, ast, sourceSpan, handlerSpan, keySpan));
+        let eventType = exports.ParsedEventType.Regular;
+        if (isAssignmentEvent) {
+            eventType = exports.ParsedEventType.TwoWay;
+        }
+        if (name.startsWith(ANIMATE_PREFIX)) {
+            eventType = exports.ParsedEventType.Animation;
+        }
+        targetEvents.push(new ParsedEvent(eventName, target, eventType, ast, sourceSpan, handlerSpan, keySpan));
         // Don't detect directives for event names for now,
         // so don't add the event name to the matchableAttrs
     }
@@ -27707,11 +28145,25 @@ class BindingParser {
             return this._isAllowedAssignmentEvent(ast.args[0]);
         }
         if (ast instanceof PropertyRead || ast instanceof KeyedRead) {
-            return true;
+            if (!hasRecursiveSafeReceiver(ast)) {
+                return true;
+            }
         }
         return false;
     }
 }
+function hasRecursiveSafeReceiver(ast) {
+    if (ast instanceof SafePropertyRead || ast instanceof SafeKeyedRead) {
+        return true;
+    }
+    if (ast instanceof ParenthesizedExpression) {
+        return hasRecursiveSafeReceiver(ast.expression);
+    }
+    if (ast instanceof PropertyRead || ast instanceof KeyedRead || ast instanceof Call) {
+        return hasRecursiveSafeReceiver(ast.receiver);
+    }
+    return false;
+}
 function isLegacyAnimationLabel(name) {
     return name[0] == '@';
 }
@@ -29220,7 +29672,7 @@ class HtmlAstToIvyAst {
                 const identifier = bindParts[IDENT_KW_IDX];
                 const keySpan = createKeySpan(srcSpan, bindParts[KW_BINDON_IDX], identifier);
                 this.bindingParser.parsePropertyBinding(identifier, value, false, true, srcSpan, absoluteOffset, attribute.valueSpan, matchableAttributes, parsedProperties, keySpan);
-                this.parseAssignmentEvent(identifier, value, srcSpan, attribute.valueSpan, matchableAttributes, boundEvents, keySpan);
+                this.parseAssignmentEvent(identifier, value, srcSpan, attribute.valueSpan, matchableAttributes, boundEvents, keySpan, absoluteOffset);
             }
             else if (bindParts[KW_AT_IDX]) {
                 const keySpan = createKeySpan(srcSpan, '', name);
@@ -29251,7 +29703,7 @@ class HtmlAstToIvyAst {
             const keySpan = createKeySpan(srcSpan, delims.start, identifier);
             if (delims.start === BINDING_DELIMS.BANANA_BOX.start) {
                 this.bindingParser.parsePropertyBinding(identifier, value, false, true, srcSpan, absoluteOffset, attribute.valueSpan, matchableAttributes, parsedProperties, keySpan);
-                this.parseAssignmentEvent(identifier, value, srcSpan, attribute.valueSpan, matchableAttributes, boundEvents, keySpan);
+                this.parseAssignmentEvent(identifier, value, srcSpan, attribute.valueSpan, matchableAttributes, boundEvents, keySpan, absoluteOffset);
             }
             else if (delims.start === BINDING_DELIMS.PROPERTY.start) {
                 this.bindingParser.parsePropertyBinding(identifier, value, false, false, srcSpan, absoluteOffset, attribute.valueSpan, matchableAttributes, parsedProperties, keySpan);
@@ -29371,7 +29823,7 @@ class HtmlAstToIvyAst {
         }
         references.push(new Reference$1(identifier, value, sourceSpan, keySpan, valueSpan));
     }
-    parseAssignmentEvent(name, expression, sourceSpan, valueSpan, targetMatchableAttrs, boundEvents, keySpan) {
+    parseAssignmentEvent(name, expression, sourceSpan, valueSpan, targetMatchableAttrs, boundEvents, keySpan, absoluteOffset) {
         const events = [];
         this.bindingParser.parseEvent(`${name}Change`, expression, 
         /* isAssignmentEvent */ true, sourceSpan, valueSpan || sourceSpan, targetMatchableAttrs, events, keySpan);
@@ -29599,9 +30051,184 @@ function makeBindingParser(interpolationConfig = DEFAULT_INTERPOLATION_CONFIG, s
     return new BindingParser(new Parser(new Lexer(), selectorlessEnabled), interpolationConfig, elementRegistry, []);
 }
 
+/*!
+ * @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
+ */
+/**
+ * Visitor that traverses all template and expression AST nodes in a template.
+ * Useful for cases where every single node needs to be visited.
+ */
+class CombinedRecursiveAstVisitor extends RecursiveAstVisitor {
+    visit(node) {
+        if (node instanceof ASTWithSource) {
+            this.visit(node.ast);
+        }
+        else {
+            node.visit(this);
+        }
+    }
+    visitElement(element) {
+        this.visitAllTemplateNodes(element.attributes);
+        this.visitAllTemplateNodes(element.inputs);
+        this.visitAllTemplateNodes(element.outputs);
+        this.visitAllTemplateNodes(element.directives);
+        this.visitAllTemplateNodes(element.references);
+        this.visitAllTemplateNodes(element.children);
+    }
+    visitTemplate(template) {
+        this.visitAllTemplateNodes(template.attributes);
+        this.visitAllTemplateNodes(template.inputs);
+        this.visitAllTemplateNodes(template.outputs);
+        this.visitAllTemplateNodes(template.directives);
+        this.visitAllTemplateNodes(template.templateAttrs);
+        this.visitAllTemplateNodes(template.variables);
+        this.visitAllTemplateNodes(template.references);
+        this.visitAllTemplateNodes(template.children);
+    }
+    visitContent(content) {
+        this.visitAllTemplateNodes(content.children);
+    }
+    visitBoundAttribute(attribute) {
+        this.visit(attribute.value);
+    }
+    visitBoundEvent(attribute) {
+        this.visit(attribute.handler);
+    }
+    visitBoundText(text) {
+        this.visit(text.value);
+    }
+    visitIcu(icu) {
+        Object.keys(icu.vars).forEach((key) => this.visit(icu.vars[key]));
+        Object.keys(icu.placeholders).forEach((key) => this.visit(icu.placeholders[key]));
+    }
+    visitDeferredBlock(deferred) {
+        deferred.visitAll(this);
+    }
+    visitDeferredTrigger(trigger) {
+        if (trigger instanceof BoundDeferredTrigger) {
+            this.visit(trigger.value);
+        }
+    }
+    visitDeferredBlockPlaceholder(block) {
+        this.visitAllTemplateNodes(block.children);
+    }
+    visitDeferredBlockError(block) {
+        this.visitAllTemplateNodes(block.children);
+    }
+    visitDeferredBlockLoading(block) {
+        this.visitAllTemplateNodes(block.children);
+    }
+    visitSwitchBlock(block) {
+        this.visit(block.expression);
+        this.visitAllTemplateNodes(block.cases);
+    }
+    visitSwitchBlockCase(block) {
+        block.expression && this.visit(block.expression);
+        this.visitAllTemplateNodes(block.children);
+    }
+    visitForLoopBlock(block) {
+        block.item.visit(this);
+        this.visitAllTemplateNodes(block.contextVariables);
+        this.visit(block.expression);
+        this.visitAllTemplateNodes(block.children);
+        block.empty?.visit(this);
+    }
+    visitForLoopBlockEmpty(block) {
+        this.visitAllTemplateNodes(block.children);
+    }
+    visitIfBlock(block) {
+        this.visitAllTemplateNodes(block.branches);
+    }
+    visitIfBlockBranch(block) {
+        block.expression && this.visit(block.expression);
+        block.expressionAlias?.visit(this);
+        this.visitAllTemplateNodes(block.children);
+    }
+    visitLetDeclaration(decl) {
+        this.visit(decl.value);
+    }
+    visitComponent(component) {
+        this.visitAllTemplateNodes(component.attributes);
+        this.visitAllTemplateNodes(component.inputs);
+        this.visitAllTemplateNodes(component.outputs);
+        this.visitAllTemplateNodes(component.directives);
+        this.visitAllTemplateNodes(component.references);
+        this.visitAllTemplateNodes(component.children);
+    }
+    visitDirective(directive) {
+        this.visitAllTemplateNodes(directive.attributes);
+        this.visitAllTemplateNodes(directive.inputs);
+        this.visitAllTemplateNodes(directive.outputs);
+        this.visitAllTemplateNodes(directive.references);
+    }
+    visitVariable(variable) { }
+    visitReference(reference) { }
+    visitTextAttribute(attribute) { }
+    visitText(text) { }
+    visitUnknownBlock(block) { }
+    visitAllTemplateNodes(nodes) {
+        for (const node of nodes) {
+            this.visit(node);
+        }
+    }
+}
+
+/*!
+ * @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
+ */
+const ANIMATE_LEAVE$1 = `animate.leave`;
+/**
+ * Analyzes a component's template to determine if it's using animate.enter
+ * or animate.leave syntax.
+ */
+function analyzeTemplateForAnimations(template) {
+    const analyzer = new AnimationsAnalyzer();
+    visitAll$1(analyzer, template);
+    // The template is considered selectorless only if there
+    // are direct references to directives or pipes.
+    return analyzer.hasAnimations;
+}
+/**
+ * Visitor that traverses all the template nodes and
+ * expressions to look for selectorless references.
+ */
+class AnimationsAnalyzer extends CombinedRecursiveAstVisitor {
+    hasAnimations = false;
+    visitElement(element) {
+        // check for regular strings
+        for (const attr of element.attributes) {
+            if (attr.name === ANIMATE_LEAVE$1) {
+                this.hasAnimations = true;
+            }
+        }
+        // check for attribute bindings
+        for (const input of element.inputs) {
+            if (input.name === ANIMATE_LEAVE$1) {
+                this.hasAnimations = true;
+            }
+        }
+        // check for event bindings
+        for (const output of element.outputs) {
+            if (output.name === ANIMATE_LEAVE$1) {
+                this.hasAnimations = true;
+            }
+        }
+        super.visitElement(element);
+    }
+}
+
 const COMPONENT_VARIABLE = '%COMP%';
 const HOST_ATTR = `_nghost-${COMPONENT_VARIABLE}`;
 const CONTENT_ATTR = `_ngcontent-${COMPONENT_VARIABLE}`;
+const ANIMATE_LEAVE = `animate.leave`;
 function baseDirectiveFields(meta, constantPool, bindingParser) {
     const definitionMap = new DefinitionMap();
     const selectors = parseSelectorToR3Selector(meta.selector);
@@ -29635,6 +30262,11 @@ function baseDirectiveFields(meta, constantPool, bindingParser) {
     }
     return definitionMap;
 }
+function hasAnimationHostBinding(meta) {
+    return (meta.host.attributes[ANIMATE_LEAVE] !== undefined ||
+        meta.host.properties[ANIMATE_LEAVE] !== undefined ||
+        meta.host.listeners[ANIMATE_LEAVE] !== undefined);
+}
 /**
  * Add features to the definition map.
  */
@@ -29669,6 +30301,12 @@ function addFeatures(definitionMap, meta) {
         const externalStyleNodes = meta.externalStyles.map((externalStyle) => literal(externalStyle));
         features.push(importExpr(Identifiers.ExternalStylesFeature).callFn([literalArr(externalStyleNodes)]));
     }
+    const template = meta.template;
+    if (hasAnimationHostBinding(meta) || (template && template.nodes.length > 0)) {
+        if (hasAnimationHostBinding(meta) || analyzeTemplateForAnimations(template.nodes)) {
+            features.push(importExpr(Identifiers.AnimationsFeature).callFn([]));
+        }
+    }
     if (features.length) {
         definitionMap.set('features', literalArr(features));
     }
@@ -30109,132 +30747,6 @@ function compileDeferResolverFunction(meta) {
     return arrowFn([], literalArr(depExpressions));
 }
 
-/*!
- * @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
- */
-/**
- * Visitor that traverses all template and expression AST nodes in a template.
- * Useful for cases where every single node needs to be visited.
- */
-class CombinedRecursiveAstVisitor extends RecursiveAstVisitor {
-    visit(node) {
-        if (node instanceof ASTWithSource) {
-            this.visit(node.ast);
-        }
-        else {
-            node.visit(this);
-        }
-    }
-    visitElement(element) {
-        this.visitAllTemplateNodes(element.attributes);
-        this.visitAllTemplateNodes(element.inputs);
-        this.visitAllTemplateNodes(element.outputs);
-        this.visitAllTemplateNodes(element.directives);
-        this.visitAllTemplateNodes(element.references);
-        this.visitAllTemplateNodes(element.children);
-    }
-    visitTemplate(template) {
-        this.visitAllTemplateNodes(template.attributes);
-        this.visitAllTemplateNodes(template.inputs);
-        this.visitAllTemplateNodes(template.outputs);
-        this.visitAllTemplateNodes(template.directives);
-        this.visitAllTemplateNodes(template.templateAttrs);
-        this.visitAllTemplateNodes(template.variables);
-        this.visitAllTemplateNodes(template.references);
-        this.visitAllTemplateNodes(template.children);
-    }
-    visitContent(content) {
-        this.visitAllTemplateNodes(content.children);
-    }
-    visitBoundAttribute(attribute) {
-        this.visit(attribute.value);
-    }
-    visitBoundEvent(attribute) {
-        this.visit(attribute.handler);
-    }
-    visitBoundText(text) {
-        this.visit(text.value);
-    }
-    visitIcu(icu) {
-        Object.keys(icu.vars).forEach((key) => this.visit(icu.vars[key]));
-        Object.keys(icu.placeholders).forEach((key) => this.visit(icu.placeholders[key]));
-    }
-    visitDeferredBlock(deferred) {
-        deferred.visitAll(this);
-    }
-    visitDeferredTrigger(trigger) {
-        if (trigger instanceof BoundDeferredTrigger) {
-            this.visit(trigger.value);
-        }
-    }
-    visitDeferredBlockPlaceholder(block) {
-        this.visitAllTemplateNodes(block.children);
-    }
-    visitDeferredBlockError(block) {
-        this.visitAllTemplateNodes(block.children);
-    }
-    visitDeferredBlockLoading(block) {
-        this.visitAllTemplateNodes(block.children);
-    }
-    visitSwitchBlock(block) {
-        this.visit(block.expression);
-        this.visitAllTemplateNodes(block.cases);
-    }
-    visitSwitchBlockCase(block) {
-        block.expression && this.visit(block.expression);
-        this.visitAllTemplateNodes(block.children);
-    }
-    visitForLoopBlock(block) {
-        block.item.visit(this);
-        this.visitAllTemplateNodes(block.contextVariables);
-        this.visit(block.expression);
-        this.visitAllTemplateNodes(block.children);
-        block.empty?.visit(this);
-    }
-    visitForLoopBlockEmpty(block) {
-        this.visitAllTemplateNodes(block.children);
-    }
-    visitIfBlock(block) {
-        this.visitAllTemplateNodes(block.branches);
-    }
-    visitIfBlockBranch(block) {
-        block.expression && this.visit(block.expression);
-        block.expressionAlias?.visit(this);
-        this.visitAllTemplateNodes(block.children);
-    }
-    visitLetDeclaration(decl) {
-        this.visit(decl.value);
-    }
-    visitComponent(component) {
-        this.visitAllTemplateNodes(component.attributes);
-        this.visitAllTemplateNodes(component.inputs);
-        this.visitAllTemplateNodes(component.outputs);
-        this.visitAllTemplateNodes(component.directives);
-        this.visitAllTemplateNodes(component.references);
-        this.visitAllTemplateNodes(component.children);
-    }
-    visitDirective(directive) {
-        this.visitAllTemplateNodes(directive.attributes);
-        this.visitAllTemplateNodes(directive.inputs);
-        this.visitAllTemplateNodes(directive.outputs);
-        this.visitAllTemplateNodes(directive.references);
-    }
-    visitVariable(variable) { }
-    visitReference(reference) { }
-    visitTextAttribute(attribute) { }
-    visitText(text) { }
-    visitUnknownBlock(block) { }
-    visitAllTemplateNodes(nodes) {
-        for (const node of nodes) {
-            this.visit(node);
-        }
-    }
-}
-
 /**
  * Processes `Target`s with a given set of directives and performs a binding operation, which
  * returns an object similar to TypeScript's `ts.TypeChecker` that contains knowledge about the
@@ -31494,7 +32006,7 @@ function convertDeclareComponentFacadeToMetadata(decl, typeSourceSpan, sourceMap
             declarations.push(...decl.directives.map((dir) => convertDirectiveDeclarationToMetadata(dir)));
         decl.pipes && declarations.push(...convertPipeMapToMetadata(decl.pipes));
     }
-    const hasDirectiveDependencies = declarations.every(({ kind }) => kind === exports.R3TemplateDependencyKind.Directive || kind === exports.R3TemplateDependencyKind.NgModule);
+    const hasDirectiveDependencies = declarations.some(({ kind }) => kind === exports.R3TemplateDependencyKind.Directive || kind === exports.R3TemplateDependencyKind.NgModule);
     return {
         ...convertDeclareDirectiveFacadeToMetadata(decl, typeSourceSpan),
         template,
@@ -32271,7 +32783,7 @@ function isAttrNode(ast) {
  * @description
  * Entry point for all public APIs of the compiler package.
  */
-new Version('20.2.0-next.1');
+new Version('20.2.0-next.3');
 
 //////////////////////////////////////
 // THIS FILE HAS GLOBAL SIDE EFFECT //
@@ -32804,6 +33316,20 @@ exports.ErrorCode = void 0;
      * A structural directive is used in a template, but the directive is not imported.
      */
     ErrorCode[ErrorCode["MISSING_STRUCTURAL_DIRECTIVE"] = 8116] = "MISSING_STRUCTURAL_DIRECTIVE";
+    /**
+     * 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>
+     * ```
+     */
+    ErrorCode[ErrorCode["UNINVOKED_FUNCTION_IN_TEXT_INTERPOLATION"] = 8117] = "UNINVOKED_FUNCTION_IN_TEXT_INTERPOLATION";
     /**
      * 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.
@@ -32965,6 +33491,7 @@ exports.ExtendedTemplateDiagnosticName = void 0;
     ExtendedTemplateDiagnosticName["UNINVOKED_TRACK_FUNCTION"] = "uninvokedTrackFunction";
     ExtendedTemplateDiagnosticName["UNUSED_STANDALONE_IMPORTS"] = "unusedStandaloneImports";
     ExtendedTemplateDiagnosticName["UNPARENTHESIZED_NULLISH_COALESCING"] = "unparenthesizedNullishCoalescing";
+    ExtendedTemplateDiagnosticName["UNINVOKED_FUNCTION_IN_TEXT_INTERPOLATION"] = "uninvokedFunctionInTextInterpolation";
 })(exports.ExtendedTemplateDiagnosticName || (exports.ExtendedTemplateDiagnosticName = {}));
 
 /**
@@ -33291,7 +33818,7 @@ class NodeJSPathManipulation {
 // G3-ESM-MARKER: G3 uses CommonJS, but externally everything in ESM.
 // CommonJS/ESM interop for determining the current file name and containing dir.
 const isCommonJS = typeof __filename !== 'undefined';
-const currentFileUrl = isCommonJS ? null : (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('checker-BVY3FNBy.cjs', document.baseURI).href));
+const currentFileUrl = isCommonJS ? null : (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('checker-DBomdQHo.cjs', document.baseURI).href));
 // Note, when this code loads in the browser, `url` may be an empty `{}` due to the Closure shims.
 const currentFileName = isCommonJS
     ? __filename
@@ -43044,7 +43571,8 @@ function inferBoundAttribute(name) {
     const attrPrefix = 'attr.';
     const classPrefix = 'class.';
     const stylePrefix = 'style.';
-    const animationPrefix = '@';
+    const animationPrefix = 'animate.';
+    const legacyAnimationPrefix = '@';
     let attrName;
     let type;
     // Infer the binding type based on the prefix.
@@ -43061,7 +43589,11 @@ function inferBoundAttribute(name) {
         type = exports.BindingType.Style;
     }
     else if (name.startsWith(animationPrefix)) {
-        attrName = name.slice(animationPrefix.length);
+        attrName = name;
+        type = exports.BindingType.Animation;
+    }
+    else if (name.startsWith(legacyAnimationPrefix)) {
+        attrName = name.slice(legacyAnimationPrefix.length);
         type = exports.BindingType.LegacyAnimation;
     }
     else {
@@ -45429,7 +45961,7 @@ class TcbDomSchemaCheckerOp extends TcbOp {
             }
             if (isPropertyBinding && binding.name !== 'style' && binding.name !== 'class') {
                 // A direct binding to a property.
-                const propertyName = ATTR_TO_PROP.get(binding.name) ?? binding.name;
+                const propertyName = REGISTRY$1.getMappedPropName(binding.name);
                 if (isTemplateElement) {
                     this.tcb.domSchemaChecker.checkTemplateElementProperty(this.tcb.id, this.getTagName(element), propertyName, binding.sourceSpan, this.tcb.schemas, this.tcb.hostIsStandalone);
                 }
@@ -45601,18 +46133,6 @@ class TcbComponentNodeOp extends TcbOp {
         return id;
     }
 }
-/**
- * Mapping between attributes names that don't correspond to their element property names.
- * Note: this mapping has to be kept in sync with the equally named mapping in the runtime.
- */
-const ATTR_TO_PROP = new Map(Object.entries({
-    'class': 'className',
-    'for': 'htmlFor',
-    'formaction': 'formAction',
-    'innerHtml': 'innerHTML',
-    'readonly': 'readOnly',
-    'tabindex': 'tabIndex',
-}));
 /**
  * A `TcbOp` which generates code to check "unclaimed inputs" - bindings on an element which were
  * not attributed to any directive or component, and are instead processed against the HTML element
@@ -45658,7 +46178,7 @@ class TcbUnclaimedInputsOp extends TcbOp {
                         elId = this.scope.resolve(this.target);
                     }
                     // A direct binding to a property.
-                    const propertyName = ATTR_TO_PROP.get(binding.name) ?? binding.name;
+                    const propertyName = REGISTRY$1.getMappedPropName(binding.name);
                     const prop = ts.factory.createElementAccessExpression(elId, ts.factory.createStringLiteral(propertyName));
                     const stmt = ts.factory.createBinaryExpression(prop, ts.SyntaxKind.EqualsToken, wrapForDiagnostics(expr));
                     addParseSpanInfo(stmt, binding.sourceSpan);
@@ -45796,6 +46316,11 @@ class TcbUnclaimedOutputsOp extends TcbOp {
                 const handler = tcbCreateEventHandler(output, this.tcb, this.scope, eventType);
                 this.scope.addStatement(ts.factory.createExpressionStatement(handler));
             }
+            else if (output.type === exports.ParsedEventType.Animation) {
+                const eventType = this.tcb.env.referenceExternalType('@angular/core', 'AnimationCallbackEvent');
+                const handler = tcbCreateEventHandler(output, this.tcb, this.scope, eventType);
+                this.scope.addStatement(ts.factory.createExpressionStatement(handler));
+            }
             else if (this.tcb.env.config.checkTypeOfDomEvents) {
                 // If strict checking of DOM events is enabled, generate a call to `addEventListener` on
                 // the element instance so that TypeScript's type inference for