fix(material/menu): remove remaining animation dependencies

Removes the remaning dependencies on `@angular/animations` from the package.

Author: crisbeto

src/material/menu/BUILD.bazel

@@ -24,7 +24,6 @@ ng_module(
         "//src/cdk/overlay",
         "//src/cdk/scrolling",
         "//src/material/core",
-        "@npm//@angular/animations",
         "@npm//@angular/common",
         "@npm//@angular/core",
     ],

src/material/menu/menu-animations.ts

@@ -6,15 +6,6 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {
-  trigger,
-  state,
-  style,
-  animate,
-  transition,
-  AnimationTriggerMetadata,
-} from '@angular/animations';
-
 /**
  * Animations used by the mat-menu component.
  * Animation duration and timing values are based on:
@@ -24,9 +15,31 @@ import {
  * @breaking-change 21.0.0
  */
 export const matMenuAnimations: {
-  readonly transformMenu: AnimationTriggerMetadata;
-  readonly fadeInItems: AnimationTriggerMetadata;
+  readonly transformMenu: any;
+  readonly fadeInItems: any;
 } = {
+  // Represents:
+  // trigger('transformMenu', [
+  //   state(
+  //     'void',
+  //     style({
+  //       opacity: 0,
+  //       transform: 'scale(0.8)',
+  //     }),
+  //   ),
+  //   transition(
+  //     'void => enter',
+  //     animate(
+  //       '120ms cubic-bezier(0, 0, 0.2, 1)',
+  //       style({
+  //         opacity: 1,
+  //         transform: 'scale(1)',
+  //       }),
+  //     ),
+  //   ),
+  //   transition('* => void', animate('100ms 25ms linear', style({opacity: 0}))),
+  // ])
+
   /**
    * This animation controls the menu panel's entry and exit from the page.
    *
@@ -35,40 +48,75 @@ export const matMenuAnimations: {
    * When the menu panel is removed from the DOM, it simply fades out after a brief
    * delay to display the ripple.
    */
-  transformMenu: trigger('transformMenu', [
-    state(
-      'void',
-      style({
-        opacity: 0,
-        transform: 'scale(0.8)',
-      }),
-    ),
-    transition(
-      'void => enter',
-      animate(
-        '120ms cubic-bezier(0, 0, 0.2, 1)',
-        style({
-          opacity: 1,
-          transform: 'scale(1)',
-        }),
-      ),
-    ),
-    transition('* => void', animate('100ms 25ms linear', style({opacity: 0}))),
-  ]),
+  transformMenu: {
+    type: 7,
+    name: 'transformMenu',
+    definitions: [
+      {
+        type: 0,
+        name: 'void',
+        styles: {type: 6, styles: {opacity: 0, transform: 'scale(0.8)'}, offset: null},
+      },
+      {
+        type: 1,
+        expr: 'void => enter',
+        animation: {
+          type: 4,
+          styles: {type: 6, styles: {opacity: 1, transform: 'scale(1)'}, offset: null},
+          timings: '120ms cubic-bezier(0, 0, 0.2, 1)',
+        },
+        options: null,
+      },
+      {
+        type: 1,
+        expr: '* => void',
+        animation: {
+          type: 4,
+          styles: {type: 6, styles: {opacity: 0}, offset: null},
+          timings: '100ms 25ms linear',
+        },
+        options: null,
+      },
+    ],
+    options: {},
+  },
+
+  // Represents:
+  // trigger('fadeInItems', [
+  //   // TODO(crisbeto): this is inside the `transformMenu`
+  //   // now. Remove next time we do breaking changes.
+  //   state('showing', style({opacity: 1})),
+  //   transition('void => *', [
+  //     style({opacity: 0}),
+  //     animate('400ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)'),
+  //   ]),
+  // ])
 
   /**
    * This animation fades in the background color and content of the menu panel
    * after its containing element is scaled in.
    */
-  fadeInItems: trigger('fadeInItems', [
-    // TODO(crisbeto): this is inside the `transformMenu`
-    // now. Remove next time we do breaking changes.
-    state('showing', style({opacity: 1})),
-    transition('void => *', [
-      style({opacity: 0}),
-      animate('400ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)'),
-    ]),
-  ]),
+  fadeInItems: {
+    type: 7,
+    name: 'fadeInItems',
+    definitions: [
+      {
+        type: 0,
+        name: 'showing',
+        styles: {type: 6, styles: {opacity: 1}, offset: null},
+      },
+      {
+        type: 1,
+        expr: 'void => *',
+        animation: [
+          {type: 6, styles: {opacity: 0}, offset: null},
+          {type: 4, styles: null, timings: '400ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)'},
+        ],
+        options: null,
+      },
+    ],
+    options: {},
+  },
 };
 
 /**

tools/public_api_guard/material/menu.md

@@ -6,7 +6,6 @@
 
 import { AfterContentInit } from '@angular/core';
 import { AfterViewInit } from '@angular/core';
-import { AnimationTriggerMetadata } from '@angular/animations';
 import { Direction } from '@angular/cdk/bidi';
 import { EventEmitter } from '@angular/core';
 import { FocusableOption } from '@angular/cdk/a11y';
@@ -26,7 +25,7 @@ import { Subject } from 'rxjs';
 import { TemplateRef } from '@angular/core';
 
 // @public @deprecated (undocumented)
-export const fadeInItems: AnimationTriggerMetadata;
+export const fadeInItems: any;
 
 // @public
 export const MAT_MENU_CONTENT: InjectionToken<MatMenuContent>;
@@ -119,8 +118,8 @@ export class MatMenu implements AfterContentInit, MatMenuPanel<MatMenuItem>, OnI
 
 // @public @deprecated
 export const matMenuAnimations: {
-    readonly transformMenu: AnimationTriggerMetadata;
-    readonly fadeInItems: AnimationTriggerMetadata;
+    readonly transformMenu: any;
+    readonly fadeInItems: any;
 };
 
 // @public
@@ -287,7 +286,7 @@ export type MenuPositionX = 'before' | 'after';
 export type MenuPositionY = 'above' | 'below';
 
 // @public @deprecated (undocumented)
-export const transformMenu: AnimationTriggerMetadata;
+export const transformMenu: any;
 
 // (No @packageDocumentation comment for this package)