fix(material/sidenav): remove remaining animation dependencies

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

Author: crisbeto

src/material/sidenav/BUILD.bazel

@@ -26,7 +26,6 @@ ng_module(
         "//src/cdk/keycodes",
         "//src/cdk/scrolling",
         "//src/material/core",
-        "@npm//@angular/animations",
         "@npm//@angular/core",
         "@npm//@angular/platform-browser",
         "@npm//rxjs",

src/material/sidenav/drawer-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 drawers.
@@ -21,33 +13,76 @@ import {
  * @breaking-change 21.0.0
  */
 export const matDrawerAnimations: {
-  readonly transformDrawer: AnimationTriggerMetadata;
+  readonly transformDrawer: any;
 } = {
+  // Represents
+  // trigger('transform', [
+  //   // We remove the `transform` here completely, rather than setting it to zero, because:
+  //   // 1. Having a transform can cause elements with ripples or an animated
+  //   //    transform to shift around in Chrome with an RTL layout (see #10023).
+  //   // 2. 3d transforms causes text to appear blurry on IE and Edge.
+  //   state(
+  //     'open, open-instant',
+  //     style({
+  //       'transform': 'none',
+  //       'visibility': 'visible',
+  //     }),
+  //   ),
+  //   state(
+  //     'void',
+  //     style({
+  //       // Avoids the shadow showing up when closed in SSR.
+  //       'box-shadow': 'none',
+  //       'visibility': 'hidden',
+  //     }),
+  //   ),
+  //   transition('void => open-instant', animate('0ms')),
+  //   transition(
+  //     'void <=> open, open-instant => void',
+  //     animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)'),
+  //   ),
+  // ])
+
   /** Animation that slides a drawer in and out. */
-  transformDrawer: trigger('transform', [
-    // We remove the `transform` here completely, rather than setting it to zero, because:
-    // 1. Having a transform can cause elements with ripples or an animated
-    //    transform to shift around in Chrome with an RTL layout (see #10023).
-    // 2. 3d transforms causes text to appear blurry on IE and Edge.
-    state(
-      'open, open-instant',
-      style({
-        'transform': 'none',
-        'visibility': 'visible',
-      }),
-    ),
-    state(
-      'void',
-      style({
-        // Avoids the shadow showing up when closed in SSR.
-        'box-shadow': 'none',
-        'visibility': 'hidden',
-      }),
-    ),
-    transition('void => open-instant', animate('0ms')),
-    transition(
-      'void <=> open, open-instant => void',
-      animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)'),
-    ),
-  ]),
+  transformDrawer: {
+    type: 7,
+    name: 'transform',
+    definitions: [
+      {
+        type: 0,
+        name: 'open, open-instant',
+        styles: {
+          type: 6,
+          styles: {transform: 'none', visibility: 'visible'},
+          offset: null,
+        },
+      },
+      {
+        type: 0,
+        name: 'void',
+        styles: {
+          type: 6,
+          styles: {'box-shadow': 'none', visibility: 'hidden'},
+          offset: null,
+        },
+      },
+      {
+        type: 1,
+        expr: 'void => open-instant',
+        animation: {type: 4, styles: null, timings: '0ms'},
+        options: null,
+      },
+      {
+        type: 1,
+        expr: 'void <=> open, open-instant => void',
+        animation: {
+          type: 4,
+          styles: null,
+          timings: '400ms cubic-bezier(0.25, 0.8, 0.25, 1)',
+        },
+        options: null,
+      },
+    ],
+    options: {},
+  },
 };

tools/public_api_guard/material/sidenav.md

@@ -6,7 +6,6 @@
 
 import { AfterContentInit } from '@angular/core';
 import { AfterViewInit } from '@angular/core';
-import { AnimationTriggerMetadata } from '@angular/animations';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { CdkScrollable } from '@angular/cdk/scrolling';
 import { DoCheck } from '@angular/core';
@@ -72,7 +71,7 @@ export class MatDrawer implements AfterViewInit, OnDestroy {
 
 // @public @deprecated
 export const matDrawerAnimations: {
-    readonly transformDrawer: AnimationTriggerMetadata;
+    readonly transformDrawer: any;
 };
 
 // @public