set up MDC foundation for MDC-based MatProgressSpinner

Author: annieyw

src/material-experimental/config.bzl

@@ -17,6 +17,8 @@ entryPoints = [
     "mdc-menu/testing",
     "mdc-progress-bar",
     "mdc-progress-bar/testing",
+    "mdc-progress-spinner",
+    "mdc-progress-spinner/testing",
     "mdc-radio",
     "mdc-select",
     "mdc-sidenav",

src/material-experimental/mdc-progress-spinner/progress-spinner.ts

@@ -6,7 +6,14 @@
  * 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 {MDCCircularProgressFoundation} from '@material/circular-progress'
 
 @Component({
   selector: 'mat-progress-spinner',
@@ -16,4 +23,18 @@ import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/co
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
 })
-export class MatProgressSpinner {}
+export class MatProgressSpinner implements AfterViewInit, OnDestroy{
+  private _circularProgressFoundation: MDCCircularProgressFoundation;
+
+  constructor() {
+    this._circularProgressFoundation = new MDCCircularProgressFoundation();
+  }
+
+  ngAfterViewInit() {
+    this._circularProgressFoundation.init();
+  }
+
+  ngOnDestroy() {
+    this._circularProgressFoundation.destroy();
+  }
+}