prototype(chips): Add MDC foundation

Author: vanessanschmitt

src/material-experimental/mdc-chips/chip-cell.html

@@ -6,14 +6,31 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Directive} from '@angular/core';
+import {Component} from '@angular/core';
+import {MDCChipFoundation} from '@material/chips';
 
-@Directive({
+@Component({
   selector: 'mat-chip-cell',
+  templateUrl: 'chip-cell.html',
+  styleUrls: ['chips.css'],
   host: {
     'class': 'mat-mdc-chip-cell',
+    '(click)': '_chipFoundation.handleInteraction($event)',
+    '(keydown)': '_chipFoundation.handleInteraction($event)'
   },
 })
 export class MatChipCell {
-  // TODO: set up MDC foundation class.
+  _chipFoundation: MDCChipFoundation;
+
+  constructor() {
+    this._chipFoundation = new MDCChipFoundation();
+  }
+
+  ngAfterViewInit() {
+    this._chipFoundation.init();
+  }
+
+  ngOnDestroy() {
+    this._chipFoundation.destroy();
+  }
 }

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

@@ -6,7 +6,8 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
+import {AfterViewInit, ChangeDetectionStrategy, Component, OnDestroy, ViewEncapsulation} from '@angular/core';
+import {MDCChipSetFoundation} from '@material/chips';
 
 @Component({
   moduleId: module.id,
@@ -19,6 +20,18 @@ import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/co
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class MatChipGrid {
-  // TODO: set up MDC foundation class.
+export class MatChipGrid implements AfterViewInit, OnDestroy {
+  _chipSetFoundation: MDCChipSetFoundation;
+
+  constructor() {
+    this._chipSetFoundation = new MDCChipSetFoundation();
+  }
+
+  ngAfterViewInit() {
+    this._chipSetFoundation.init();
+  }
+
+  ngOnDestroy() {
+    this._chipSetFoundation.destroy();
+  }
 }