fix(material-experimental/mdc-list): align ripple timings with MDC

Uses the ripple timing values from MDC for our implementation so that it's consistent with the spec.

Author: crisbeto

src/material-experimental/mdc-list/BUILD.bazel

@@ -33,6 +33,7 @@ ng_module(
         "@npm//@angular/core",
         "@npm//@angular/forms",
         "@npm//@material/list",
+        "@npm//@material/ripple",
     ],
 )
 
@@ -91,6 +92,7 @@ ng_test_library(
 ng_web_test_suite(
     name = "unit_tests",
     static_files = [
+        "@npm//:node_modules/@material/ripple/dist/mdc.ripple.js",
         "@npm//:node_modules/@material/list/dist/mdc.list.js",
     ],
     deps = [

src/material-experimental/mdc-list/list-base.ts

@@ -29,6 +29,7 @@ import {
   RippleTarget,
   setLines,
 } from '@angular/material-experimental/mdc-core';
+import {numbers} from '@material/ripple';
 import {Subscription} from 'rxjs';
 import {startWith} from 'rxjs/operators';
 import {MatListAvatarCssMatStyler, MatListIconCssMatStyler} from './list-styling';
@@ -92,7 +93,14 @@ export abstract class MatListItemBase implements AfterContentInit, OnDestroy, Ri
               @Optional() @Inject(MAT_RIPPLE_GLOBAL_OPTIONS)
                   globalRippleOptions?: RippleGlobalOptions) {
     this._hostElement = this._elementRef.nativeElement;
-    this.rippleConfig = globalRippleOptions || {};
+    this.rippleConfig = {...(globalRippleOptions || {})};
+
+    if (!this.rippleConfig.animation) {
+      this.rippleConfig.animation = {
+        enterDuration: numbers.DEACTIVATION_TIMEOUT_MS,
+        exitDuration: numbers.FG_DEACTIVATION_MS
+      };
+    }
 
     if (!this._listBase._isNonInteractive) {
       this._initInteractiveListItem();