fix: add mat exportAs and class aliases

package.json

@@ -25,13 +25,13 @@
     "node": ">= 5.4.1"
   },
   "dependencies": {
-    "@angular/animations": "~4.3.6",
-    "@angular/common": "~4.3.6",
-    "@angular/compiler": "~4.3.6",
-    "@angular/core": "~4.3.6",
-    "@angular/forms": "~4.3.6",
-    "@angular/http": "~4.3.6",
-    "@angular/platform-browser": "~4.3.6",
+    "@angular/animations": "~4.4.0-RC.0",
+    "@angular/common": "~4.4.0-RC.0",
+    "@angular/compiler": "~4.4.0-RC.0",
+    "@angular/core": "~4.4.0-RC.0",
+    "@angular/forms": "~4.4.0-RC.0",
+    "@angular/http": "~4.4.0-RC.0",
+    "@angular/platform-browser": "~4.4.0-RC.0",
     "core-js": "^2.4.1",
     "rxjs": "^5.0.1",
     "systemjs": "0.19.43",
@@ -40,11 +40,11 @@
     "zone.js": "^0.8.12"
   },
   "devDependencies": {
-    "@angular/compiler-cli": "~4.3.6",
-    "@angular/platform-browser-dynamic": "~4.3.6",
-    "@angular/platform-server": "~4.3.6",
-    "@angular/router": "~4.3.6",
-    "@angular/tsc-wrapped": "~4.3.6",
+    "@angular/compiler-cli": "~4.4.0-RC.0",
+    "@angular/platform-browser-dynamic": "~4.4.0-RC.0",
+    "@angular/platform-server": "~4.4.0-RC.0",
+    "@angular/router": "~4.4.0-RC.0",
+    "@angular/tsc-wrapped": "~4.4.0-RC.0",
     "@google-cloud/storage": "^1.1.1",
     "@types/chalk": "^0.4.31",
     "@types/fs-extra": "^3.0.1",

src/lib/autocomplete/autocomplete.ts

@@ -44,7 +44,7 @@ export class MdAutocompleteSelectedEvent {
   styleUrls: ['autocomplete.css'],
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  exportAs: 'mdAutocomplete',
+  exportAs: 'mdAutocomplete, matAutocomplete',
   host: {
     'class': 'mat-autocomplete'
   }

src/lib/button-toggle/button-toggle.ts

@@ -69,7 +69,7 @@ export class MdButtonToggleChange {
     'class': 'mat-button-toggle-group',
     '[class.mat-button-toggle-vertical]': 'vertical'
   },
-  exportAs: 'mdButtonToggleGroup',
+  exportAs: 'mdButtonToggleGroup, matButtonToggleGroup',
 })
 export class MdButtonToggleGroup extends _MdButtonToggleGroupMixinBase
     implements ControlValueAccessor, CanDisable {
@@ -229,7 +229,7 @@ export class MdButtonToggleGroup extends _MdButtonToggleGroupMixinBase
 /** Multiple selection button-toggle group. `ngModel` is not supported in this mode. */
 @Directive({
   selector: 'md-button-toggle-group[multiple], mat-button-toggle-group[multiple]',
-  exportAs: 'mdButtonToggleGroup',
+  exportAs: 'mdButtonToggleGroup, matButtonToggleGroup',
   inputs: ['disabled'],
   host: {
     'class': 'mat-button-toggle-group',

src/lib/chips/chip-list.ts

@@ -34,7 +34,7 @@ import {coerceBooleanProperty} from '@angular/cdk/coercion';
   moduleId: module.id,
   selector: 'md-chip-list, mat-chip-list',
   template: `<div class="mat-chip-list-wrapper"><ng-content></ng-content></div>`,
-  exportAs: 'mdChipList',
+  exportAs: 'mdChipList, matChipList',
   host: {
     '[attr.tabindex]': '_tabIndex',
     'role': 'listbox',

src/lib/chips/chip.ts

@@ -59,7 +59,7 @@ export class MdBasicChip { }
   selector: `md-basic-chip, [md-basic-chip], md-chip, [md-chip],
              mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]`,
   inputs: ['color', 'disabled'],
-  exportAs: 'mdChip',
+  exportAs: 'mdChip, matChip',
   host: {
     'class': 'mat-chip',
     'tabindex': '-1',

src/lib/core/ripple/ripple.ts

@@ -34,7 +34,7 @@ export const MD_RIPPLE_GLOBAL_OPTIONS =
 
 @Directive({
   selector: '[md-ripple], [mat-ripple], [mdRipple], [matRipple]',
-  exportAs: 'mdRipple',
+  exportAs: 'mdRipple, matRipple',
   host: {
     'class': 'mat-ripple',
     '[class.mat-ripple-unbounded]': 'unbounded'

src/lib/datepicker/datepicker-input.ts

@@ -82,7 +82,7 @@ export class MdDatepickerInputEvent<D> {
     '(blur)': '_onTouched()',
     '(keydown)': '_onKeydown($event)',
   },
-  exportAs: 'mdDatepickerInput',
+  exportAs: 'mdDatepickerInput, matDatepickerInput',
 })
 export class MdDatepickerInput<D> implements AfterContentInit, ControlValueAccessor, OnDestroy,
     Validator {

src/lib/input/autosize.ts

@@ -16,7 +16,7 @@ import {Platform} from '@angular/cdk/platform';
 @Directive({
   selector: `textarea[md-autosize], textarea[mdTextareaAutosize],
              textarea[mat-autosize], textarea[matTextareaAutosize]`,
-  exportAs: 'mdTextareaAutosize',
+  exportAs: 'mdTextareaAutosize, matTextareaAutosize',
   host: {
     // Textarea elements that have the directive applied should have a single row by default.
     // Browsers normally show two rows by default and therefore this limits the minRows binding.