feat(): upgrade to [email protected] (#890)

* chore(): upgrade angular and material dependencies * fix(): rename OverlayState to OverlayConfig * fix(): remove MdCoreModule from modules * chore(): add MATERIAL_COMPATIBILITY_MODE provider to allow mat- prefixes * chore(): use mat- preffix for any MatListModule related components * chore(): use mat- prefix for any MatIconModule related components * chore(): use mat- preffix for any MatSidenavModule related components * chore(): use mat- prefix for any MatToolbarModule related components * chore(): use mat- prefix for any MatButtonModule related components * chore(): use mat- prefix for any MatMenuModule related components * chore(): use mat- prefix for any MatRippleModule related components * chore(): use mat- prefix for any MatTooltipModule related components * chore(): use mat- prefix for any MatCardModule related components * chore(): use mat- prefix for any MatGridListModule related components * chore(): use mat- prefix for any MatInputModule related components * chore(): use mat- prefix for any MatTabsModule related components * chore(): use mat- prefix for any MatSelectModule related components * chore(): use mat- prefix for any MatDialogModule related components * chore(): use mat- prefix for any MatSnackBarModule related components * chore(): use mat- prefix for any MatAutocompleteModule related components * chore(): use mat- prefix for any MatChipsModule related components * chore(): use mat- prefix for any MatProgressBarModule (Spinner) related components * chore(): use mat- prefix for any MatCheckboxModule related components * chore(): use mat- prefix for any MatPseudoCheckboxModule related components * chore(): missing md-line replacement for matLine * chore(): use mat- prefix for any MatSlideToggleModule related components * chore(): use mat- prefix for any MatSliderModule related components * chore(): use mat- prefix for any matSubheader related directives * chore(): update unit tests with MATERIAL_COMPATIBILITY_MODE for mat prefixes * chore(): upgrade yarn.lock to use latest deps * fix(): typo in paging demo * fix(): unit tests
Teradata · Oct 3, 2017 · 5ffb364 · 5ffb364
1 parent 3379024
commit 5ffb364
Show file tree

Hide file tree

Showing 223 changed files with 5,751 additions and 5,583 deletions.
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
@@ -1151,7 +1151,7 @@ ngAfterViewInit(): void {
 * **steps:** Support for ngFor and ngIf usage on td-step components and register/de-register steps automatically. ([6486eb527ae845224a170b8c7dda2dc92a089c3a](https://github.com/Teradata/covalent/commit/6486eb527ae845224a170b8c7dda2dc92a089c3a)), closes [#200](https://github.com/Teradata/covalent/issues/200)
 * **dependencies:** Upgrade to @angular@2.4.1 and @material@beta.1. ([6cd31f063ae5a1fd0e31378c1bbf6c466a7d3c15](https://github.com/Teradata/covalent/commit/6cd31f063ae5a1fd0e31378c1bbf6c466a7d3c15))
 * **deployment:** Initial AoT support. ([6cd31f063ae5a1fd0e31378c1bbf6c466a7d3c15](https://github.com/Teradata/covalent/commit/6cd31f063ae5a1fd0e31378c1bbf6c466a7d3c15)), closes [#149](https://github.com/Teradata/covalent/issues/149)
-* **paging:** Usage of `md-select` as `perPage` selection insteaf of `md-icon-button` and `md-menu`. ([63a0ca3d4acaebeb5b19eac826da0f8d2c4dfd1e](https://github.com/Teradata/covalent/commit/63a0ca3d4acaebeb5b19eac826da0f8d2c4dfd1e))
+* **paging:** Usage of `md-select` as `perPage` selection insteaf of `md-icon-button` and `mat-menu`. ([63a0ca3d4acaebeb5b19eac826da0f8d2c4dfd1e](https://github.com/Teradata/covalent/commit/63a0ca3d4acaebeb5b19eac826da0f8d2c4dfd1e))
 * **layouts:** Added optional sticky footer (and footer-inner). ([59253bef91c354cb85ddd9f1d9622ec76241d13e](https://github.com/Teradata/covalent/commit/59253bef91c354cb85ddd9f1d9622ec76241d13e))
 
   Usage:

diff --git a/docs/IE11.md b/docs/IE11.md
@@ -104,7 +104,7 @@ For example, `<component-name>` needs a flex wrapper inside a `layout="row"`
 
 ### Some HTML elements can't be flex containers
 
-For example, don't use `layout="row"` on `<button md-button>`
+For example, don't use `layout="row"` on `<button mat-button>`
 
 ref: https://github.com/philipwalton/flexbugs#9-some-html-elements-cant-be-flex-containers
 

diff --git a/package.json b/package.json
@@ -60,18 +60,18 @@
     "ie 11"
   ],
   "dependencies": {
-    "@angular/animations": "^4.3.0",
-    "@angular/cdk": "^2.0.0-beta.10",
-    "@angular/common": "^4.3.0",
-    "@angular/compiler": "^4.3.0",
-    "@angular/core": "^4.3.0",
-    "@angular/forms": "^4.3.0",
-    "@angular/http": "^4.3.0",
-    "@angular/material": "^2.0.0-beta.10",
-    "@angular/platform-browser": "^4.3.0",
-    "@angular/platform-browser-dynamic": "^4.3.0",
-    "@angular/platform-server": "^4.3.0",
-    "@angular/router": "^4.3.0",
+    "@angular/animations": "^4.4.3",
+    "@angular/cdk": "^2.0.0-beta.11",
+    "@angular/common": "^4.4.3",
+    "@angular/compiler": "^4.4.3",
+    "@angular/core": "^4.4.3",
+    "@angular/forms": "^4.4.3",
+    "@angular/http": "^4.4.3",
+    "@angular/material": "^2.0.0-beta.11",
+    "@angular/platform-browser": "^4.4.3",
+    "@angular/platform-browser-dynamic": "^4.4.3",
+    "@angular/platform-server": "^4.4.3",
+    "@angular/router": "^4.4.3",
     "@covalent/code-editor": "^1.0.0-beta.1",
     "@covalent/text-editor": "^1.0.0-alpha.4",
     "@ngx-translate/core": "8.0.0",
@@ -89,8 +89,8 @@
     "zone.js": "0.8.17"
   },
   "devDependencies": {
-    "@angular/cli": "1.4.1",
-    "@angular/compiler-cli": "^4.3.0",
+    "@angular/cli": "1.4.2",
+    "@angular/compiler-cli": "^4.4.3",
     "@types/fs-extra": "^4.0.0",
     "@types/hammerjs": "^2.0.30",
     "@types/jasmine": "2.5.38",

diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -3,24 +3,24 @@
             [mode]="(media.registerQuery('gt-md') | async) ? 'side' : 'over'"
             [sidenavWidth]="(media.registerQuery('gt-md') | async) ? '257px' : '320px'">
   <td-navigation-drawer sidenavTitle="Covalent" logo="assets:teradata" navigationRoute="/" flex color="primary">
-    <md-nav-list flex>
-      <a md-list-item
+    <mat-nav-list flex>
+      <a mat-list-item
           (click)="!media.query('gt-md') && layout.close()"
           [routerLink]="['/']"
           [routerLinkActive]="['active']"
           [routerLinkActiveOptions]="{exact:true}">
-          <md-icon mdListIcon>home</md-icon>
+          <mat-icon matListIcon>home</mat-icon>
           Home
       </a>
       <a *ngFor="let item of routes" 
-          md-list-item
+          mat-list-item
           (click)="!media.query('gt-md') && layout.close()"
           [routerLink]="[item.route]"
           [routerLinkActive]="['active']">
-          <md-icon mdListIcon>{{item.icon}}</md-icon>
+          <mat-icon matListIcon>{{item.icon}}</mat-icon>
           {{item.title}}
       </a>
-    </md-nav-list>
+    </mat-nav-list>
   </td-navigation-drawer>
   <router-outlet></router-outlet>
 </td-layout>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -1,7 +1,7 @@
 import { Component, AfterViewInit, ChangeDetectorRef } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { Dir } from '@angular/cdk/bidi';
-import { MdIconRegistry } from '@angular/material';
+import { MatIconRegistry } from '@angular/material';
 import { TdMediaService } from '@covalent/core';
 import { TranslateService } from '@ngx-translate/core';
 
@@ -44,7 +44,7 @@ export class DocsAppComponent implements AfterViewInit {
 
   dir: string;
 
-  constructor(private _iconRegistry: MdIconRegistry,
+  constructor(private _iconRegistry: MatIconRegistry,
               private _domSanitizer: DomSanitizer,
               private _changeDetectorRef: ChangeDetectorRef,
               public media: TdMediaService,
@@ -89,7 +89,7 @@ export class DocsAppComponent implements AfterViewInit {
 
   ngAfterViewInit(): void {
     // broadcast to all listener observables when loading the page
-    setTimeout(() => { // workaround since MdSidenav has issues redrawing at the beggining
+    setTimeout(() => { // workaround since MatSidenav has issues redrawing at the beggining
       this.media.broadcast();
       this._changeDetectorRef.detectChanges();
     });

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -12,8 +12,8 @@ import { HomeComponent } from './components/home/home.component';
 import { TemplatesComponent } from './components/templates/templates.component';
 import { appRoutes, appRoutingProviders } from './app.routes';
 
-import { MdButtonModule, MdListModule, MdIconModule, MdCardModule, MdCoreModule, MdMenuModule, MdTabsModule,
-         MdToolbarModule, MdGridListModule, MdTooltipModule } from '@angular/material';
+import { MatButtonModule, MatListModule, MatIconModule, MatCardModule, MatMenuModule, MatTabsModule,
+         MatToolbarModule, MatGridListModule, MatTooltipModule, MATERIAL_COMPATIBILITY_MODE } from '@angular/material';
 
 import { CovalentLayoutModule, CovalentExpansionPanelModule, CovalentNotificationsModule, CovalentMenuModule,
          CovalentMediaModule } from '../platform/core';
@@ -42,16 +42,15 @@ import { getSelectedLanguage, createTranslateLoader } from './utilities/translat
     HttpClientModule,
     JsonpModule,
     /** Material Modules */
-    MdCoreModule,
-    MdButtonModule,
-    MdListModule,
-    MdIconModule,
-    MdCardModule,
-    MdMenuModule,
-    MdTabsModule,
-    MdToolbarModule,
-    MdGridListModule,
-    MdTooltipModule,
+    MatButtonModule,
+    MatListModule,
+    MatIconModule,
+    MatCardModule,
+    MatMenuModule,
+    MatTabsModule,
+    MatToolbarModule,
+    MatGridListModule,
+    MatTooltipModule,
     /** Covalent Modules */
     CovalentLayoutModule,
     CovalentExpansionPanelModule,
@@ -80,6 +79,7 @@ import { getSelectedLanguage, createTranslateLoader } from './utilities/translat
       provide: LOCALE_ID, useFactory: getSelectedLanguage, deps: [TranslateService],
     },
     SelectivePreloadingStrategyService,
+    {provide: MATERIAL_COMPATIBILITY_MODE, useValue: true},
   ], // additional providers needed for this module
   entryComponents: [ ],
   bootstrap: [ DocsAppComponent ],