fix(material/select): remove remaining animation dependencies

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

Author: crisbeto

src/material/select/BUILD.bazel

@@ -30,7 +30,6 @@ ng_module(
         "//src/cdk/scrolling",
         "//src/material/core",
         "//src/material/form-field",
-        "@npm//@angular/animations",
         "@npm//@angular/common",
         "@npm//@angular/core",
         "@npm//@angular/forms",

src/material/select/select-animations.ts

@@ -6,17 +6,6 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {
-  animate,
-  animateChild,
-  AnimationTriggerMetadata,
-  query,
-  state,
-  style,
-  transition,
-  trigger,
-} from '@angular/animations';
-
 /**
  * The following are all the animations for the mat-select component, with each
  * const containing the metadata for one animation.
@@ -31,37 +20,99 @@ export const matSelectAnimations: {
    * @deprecated No longer being used. To be removed.
    * @breaking-change 12.0.0
    */
-  readonly transformPanelWrap: AnimationTriggerMetadata;
-  readonly transformPanel: AnimationTriggerMetadata;
+  readonly transformPanelWrap: any;
+  readonly transformPanel: any;
 } = {
+  // Represents
+  // trigger('transformPanelWrap', [
+  //   transition('* => void', query('@transformPanel', [animateChild()], {optional: true})),
+  // ])
+
   /**
    * This animation ensures the select's overlay panel animation (transformPanel) is called when
    * closing the select.
    * This is needed due to https://github.com/angular/angular/issues/23302
    */
-  transformPanelWrap: trigger('transformPanelWrap', [
-    transition('* => void', query('@transformPanel', [animateChild()], {optional: true})),
-  ]),
+  transformPanelWrap: {
+    type: 7,
+    name: 'transformPanelWrap',
+    definitions: [
+      {
+        type: 1,
+        expr: '* => void',
+        animation: {
+          type: 11,
+          selector: '@transformPanel',
+          animation: [{type: 9, options: null}],
+          options: {optional: true},
+        },
+        options: null,
+      },
+    ],
+    options: {},
+  },
+
+  // Represents
+  // trigger('transformPanel', [
+  //   state(
+  //     'void',
+  //     style({
+  //       opacity: 0,
+  //       transform: 'scale(1, 0.8)',
+  //     }),
+  //   ),
+  //   transition(
+  //     'void => showing',
+  //     animate(
+  //       '120ms cubic-bezier(0, 0, 0.2, 1)',
+  //       style({
+  //         opacity: 1,
+  //         transform: 'scale(1, 1)',
+  //       }),
+  //     ),
+  //   ),
+  //   transition('* => void', animate('100ms linear', style({opacity: 0}))),
+  // ])
 
   /** This animation transforms the select's overlay panel on and off the page. */
-  transformPanel: trigger('transformPanel', [
-    state(
-      'void',
-      style({
-        opacity: 0,
-        transform: 'scale(1, 0.8)',
-      }),
-    ),
-    transition(
-      'void => showing',
-      animate(
-        '120ms cubic-bezier(0, 0, 0.2, 1)',
-        style({
-          opacity: 1,
-          transform: 'scale(1, 1)',
-        }),
-      ),
-    ),
-    transition('* => void', animate('100ms linear', style({opacity: 0}))),
-  ]),
+  transformPanel: {
+    type: 7,
+    name: 'transformPanel',
+    definitions: [
+      {
+        type: 0,
+        name: 'void',
+        styles: {
+          type: 6,
+          styles: {opacity: 0, transform: 'scale(1, 0.8)'},
+          offset: null,
+        },
+      },
+      {
+        type: 1,
+        expr: 'void => showing',
+        animation: {
+          type: 4,
+          styles: {
+            type: 6,
+            styles: {opacity: 1, transform: 'scale(1, 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 linear',
+        },
+        options: null,
+      },
+    ],
+    options: {},
+  },
 };

tools/public_api_guard/material/select.md

@@ -6,7 +6,6 @@
 
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { AfterContentInit } from '@angular/core';
-import { AnimationTriggerMetadata } from '@angular/animations';
 import { CdkConnectedOverlay } from '@angular/cdk/overlay';
 import { CdkOverlayOrigin } from '@angular/cdk/overlay';
 import { ChangeDetectorRef } from '@angular/core';
@@ -219,8 +218,8 @@ export class MatSelect implements AfterContentInit, OnChanges, OnDestroy, OnInit
 
 // @public @deprecated
 export const matSelectAnimations: {
-    readonly transformPanelWrap: AnimationTriggerMetadata;
-    readonly transformPanel: AnimationTriggerMetadata;
+    readonly transformPanelWrap: any;
+    readonly transformPanel: any;
 };
 
 // @public