fix(animations): Ensure async animations applies changes when loaded …

…in zoneless

Async animations currently works in Zones because the render factory
promise resolve causes change detection to happen.

fixes angular#54919

packages/platform-browser/animations/async/src/async_animation_renderer.ts

@@ -8,6 +8,7 @@
 
 import {ɵAnimationEngine as AnimationEngine, ɵAnimationRenderer as AnimationRenderer, ɵAnimationRendererFactory as AnimationRendererFactory} from '@angular/animations/browser';
 import {inject, Injectable, NgZone, OnDestroy, Renderer2, RendererFactory2, RendererStyleFlags2, RendererType2, ɵAnimationRendererType as AnimationRendererType, ɵChangeDetectionScheduler as ChangeDetectionScheduler, ɵRuntimeError as RuntimeError} from '@angular/core';
+import {NotificationType} from '@angular/core/src/change_detection/scheduling/zoneless_scheduling';
 import {ɵRuntimeErrorCode as RuntimeErrorCode} from '@angular/platform-browser';
 
 const ANIMATION_PREFIX = '@';
@@ -103,6 +104,8 @@ export class AsyncAnimationRendererFactory implements OnDestroy, RendererFactory
           const animationRenderer =
               animationRendererFactory.createRenderer(hostElement, rendererType);
           dynamicRenderer.use(animationRenderer);
+          // Applying animations might result in new DOM state and should rerun render hooks
+          this.scheduler?.notify(NotificationType.AfterRenderHooks);
         })
         .catch(e => {
           // Permanently use regular renderer when loading fails.