fix(material/snack-bar): remove remaining animation dependencies

Removes the remaning dependencies on `@angular/animations` from the package.
angular · Feb 3, 2025 · 02ed862 · 02ed862
1 parent 712d5e2
commit 02ed862
Show file tree

Hide file tree

Showing 2 changed files with 63 additions and 37 deletions.
diff --git a/src/material/snack-bar/snack-bar-animations.ts b/src/material/snack-bar/snack-bar-animations.ts
@@ -5,14 +5,6 @@
  * 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 {
-  animate,
-  state,
-  style,
-  transition,
-  trigger,
-  AnimationTriggerMetadata,
-} from '@angular/animations';
 
 /**
  * Animations used by the Material snack bar.
@@ -21,33 +13,68 @@ import {
  * @breaking-change 21.0.0
  */
 export const matSnackBarAnimations: {
-  readonly snackBarState: AnimationTriggerMetadata;
+  readonly snackBarState: any;
 } = {
+  // Represents
+  // trigger('state', [
+  //   state(
+  //     'void, hidden',
+  //     style({
+  //       transform: 'scale(0.8)',
+  //       opacity: 0,
+  //     }),
+  //   ),
+  //   state(
+  //     'visible',
+  //     style({
+  //       transform: 'scale(1)',
+  //       opacity: 1,
+  //     }),
+  //   ),
+  //   transition('* => visible', animate('150ms cubic-bezier(0, 0, 0.2, 1)')),
+  //   transition(
+  //     '* => void, * => hidden',
+  //     animate(
+  //       '75ms cubic-bezier(0.4, 0.0, 1, 1)',
+  //       style({
+  //         opacity: 0,
+  //       }),
+  //     ),
+  //   ),
+  // ])
+
   /** Animation that shows and hides a snack bar. */
-  snackBarState: trigger('state', [
-    state(
-      'void, hidden',
-      style({
-        transform: 'scale(0.8)',
-        opacity: 0,
-      }),
-    ),
-    state(
-      'visible',
-      style({
-        transform: 'scale(1)',
-        opacity: 1,
-      }),
-    ),
-    transition('* => visible', animate('150ms cubic-bezier(0, 0, 0.2, 1)')),
-    transition(
-      '* => void, * => hidden',
-      animate(
-        '75ms cubic-bezier(0.4, 0.0, 1, 1)',
-        style({
-          opacity: 0,
-        }),
-      ),
-    ),
-  ]),
+  snackBarState: {
+    type: 7,
+    name: 'state',
+    'definitions': [
+      {
+        type: 0,
+        name: 'void, hidden',
+        styles: {type: 6, styles: {transform: 'scale(0.8)', opacity: 0}, offset: null},
+      },
+      {
+        type: 0,
+        name: 'visible',
+        styles: {type: 6, styles: {transform: 'scale(1)', opacity: 1}, offset: null},
+      },
+      {
+        type: 1,
+        expr: '* => visible',
+        animation: {type: 4, styles: null, timings: '150ms cubic-bezier(0, 0, 0.2, 1)'},
+        options: null,
+      },
+      {
+        type: 1,
+        expr: '* => void, * => hidden',
+        animation: {
+          type: 4,
+          styles: {type: 6, styles: {opacity: 0}, offset: null},
+          timings: '75ms cubic-bezier(0.4, 0.0, 1, 1)',
+        },
+        options: null,
+      },
+    ],
+    options: {},
+  },
 };
diff --git a/tools/public_api_guard/material/snack-bar.md b/tools/public_api_guard/material/snack-bar.md
@@ -4,7 +4,6 @@
 
 ```ts
 
-import { AnimationTriggerMetadata } from '@angular/animations';
 import { AriaLivePoliteness } from '@angular/cdk/a11y';
 import { BasePortalOutlet } from '@angular/cdk/portal';
 import { CdkPortalOutlet } from '@angular/cdk/portal';
@@ -76,7 +75,7 @@ export class MatSnackBarActions {
 
 // @public @deprecated
 export const matSnackBarAnimations: {
-    readonly snackBarState: AnimationTriggerMetadata;
+    readonly snackBarState: any;
 };
 
 // @public