MatChip implements RippleTarget

Author: vanessanschmitt

src/material-experimental/mdc-chips/chip.ts

@@ -32,6 +32,7 @@ import {
   mixinColor,
   mixinDisabled,
   mixinDisableRipple,
+  RippleConfig,
   RippleRenderer,
   RippleTarget,
 } from '@angular/material/core';
@@ -132,7 +133,7 @@ const _MatChipMixinBase: CanColorCtor & CanDisableRippleCtor & CanDisableCtor &
     '[class.mat-chip-selected]': 'selected',
   },
 })
-export class MatChip extends _MatChipMixinBase implements AfterContentInit, AfterViewInit, CanColor, CanDisable, CanDisableRipple, OnDestroy {
+export class MatChip extends _MatChipMixinBase implements AfterContentInit, AfterViewInit, CanColor, CanDisable, CanDisableRipple, RippleTarget, OnDestroy {
   /** Whether the chip has focus. */
   _hasFocus: boolean = false;
 
@@ -194,6 +195,21 @@ export class MatChip extends _MatChipMixinBase implements AfterContentInit, Afte
   /** The ripple renderer for this chip. */
   private _rippleRenderer: RippleRenderer;
 
+  rippleConfig: RippleConfig = {
+    animation: {
+      enterDuration: 225 /* MDCRippleFoundation.numbers.DEACTIVATION_TIMEOUT_MS */,
+      exitDuration: 150 /* MDCRippleFoundation.numbers.FG_DEACTIVATION_MS */,
+    }
+};
+
+  /**
+   * Whether ripples are disabled on interaction
+   * INTERNAL USE ONLY.
+   */
+  get rippleDisabled(): boolean {
+    return this.disabled || this.disableRipple || this._isBasicChip();
+  }
+
   /** Whether the chip list is selectable */
   chipListSelectable: boolean = true;
 
@@ -311,18 +327,8 @@ export class MatChip extends _MatChipMixinBase implements AfterContentInit, Afte
 
   /** Initializes the ripple renderer. */
   private _initRipple() {
-    const rippleTarget: RippleTarget = {
-      rippleConfig: {
-        animation: {
-          enterDuration: 225 /* MDCRippleFoundation.numbers.DEACTIVATION_TIMEOUT_MS */,
-          exitDuration: 150 /* MDCRippleFoundation.numbers.FG_DEACTIVATION_MS */,
-        },
-      },
-      rippleDisabled: this.disabled || this._isBasicChip(),
-    };
-
     this._rippleRenderer =
-      new RippleRenderer(rippleTarget, this._ngZone, this._mdcChip, this._platform);
+      new RippleRenderer(this, this._ngZone, this._mdcChip, this._platform);
     this._rippleRenderer.setupTriggerEvents(this._mdcChip.nativeElement);
   }