From 84c48649af70ac76ede7b1980fc9332bd5c30fcb Mon Sep 17 00:00:00 2001
From: Trevin Chow <trevin@trevinchow.com>
Date: Fri, 10 Apr 2026 01:09:49 -0700
Subject: [PATCH] refactor: migrate deprecated animation providers to async
 variants

Replace provideAnimations() with provideAnimationsAsync() and
provideNoopAnimations() with provideNoopAnimationsAsync() across
the application and Storybook stories.

The synchronous variants were deprecated in Angular 17. The async
versions load animation code lazily, reducing the initial bundle.

Fixes #6121
---
 apps/client/src/main.ts                                       | 4 ++--
 libs/ui/src/lib/entity-logo/entity-logo.component.stories.ts  | 4 ++--
 .../symbol-autocomplete.component.stories.ts                  | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/client/src/main.ts b/apps/client/src/main.ts
index f596de5f4..3fbeb0935 100644
--- a/apps/client/src/main.ts
+++ b/apps/client/src/main.ts
@@ -22,7 +22,7 @@ import {
 import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { bootstrapApplication } from '@angular/platform-browser';
-import { provideAnimations } from '@angular/platform-browser/animations';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { RouterModule, TitleStrategy } from '@angular/router';
 import { ServiceWorkerModule } from '@angular/service-worker';
 import { provideIonicAngular } from '@ionic/angular/standalone';
@@ -79,7 +79,7 @@ import { environment } from './environments/environment';
       ),
       LanguageService,
       ModulePreloadService,
-      provideAnimations(),
+      provideAnimationsAsync(),
       provideHttpClient(withInterceptorsFromDi()),
       provideIonicAngular(),
       provideMarkdown(),
diff --git a/libs/ui/src/lib/entity-logo/entity-logo.component.stories.ts b/libs/ui/src/lib/entity-logo/entity-logo.component.stories.ts
index 6c89718bd..399f89e17 100644
--- a/libs/ui/src/lib/entity-logo/entity-logo.component.stories.ts
+++ b/libs/ui/src/lib/entity-logo/entity-logo.component.stories.ts
@@ -1,6 +1,6 @@
 import { CommonModule } from '@angular/common';
 import { importProvidersFrom } from '@angular/core';
-import { provideNoopAnimations } from '@angular/platform-browser/animations';
+import { provideNoopAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { applicationConfig, Meta, StoryObj } from '@storybook/angular';
 
 import { EntityLogoImageSourceServiceMock } from '../mocks/entity-logo-image-source.service.mock';
@@ -13,7 +13,7 @@ export default {
   decorators: [
     applicationConfig({
       providers: [
-        provideNoopAnimations(),
+        provideNoopAnimationsAsync(),
         importProvidersFrom(CommonModule),
         {
           provide: EntityLogoImageSourceService,
diff --git a/libs/ui/src/lib/symbol-autocomplete/symbol-autocomplete.component.stories.ts b/libs/ui/src/lib/symbol-autocomplete/symbol-autocomplete.component.stories.ts
index de7a09a04..c9d92b499 100644
--- a/libs/ui/src/lib/symbol-autocomplete/symbol-autocomplete.component.stories.ts
+++ b/libs/ui/src/lib/symbol-autocomplete/symbol-autocomplete.component.stories.ts
@@ -9,7 +9,7 @@ import {
   NgControl,
   ReactiveFormsModule
 } from '@angular/forms';
-import { provideNoopAnimations } from '@angular/platform-browser/animations';
+import { provideNoopAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { applicationConfig, Meta, StoryObj } from '@storybook/angular';
 
 import { HttpClientMock } from '../mocks/httpClient.mock';
@@ -75,7 +75,7 @@ export default {
   decorators: [
     applicationConfig({
       providers: [
-        provideNoopAnimations(),
+        provideNoopAnimationsAsync(),
         importProvidersFrom(CommonModule, FormsModule, ReactiveFormsModule),
         {
           provide: NgControl,