feat: angular 4 compatibility

* Updates all Angular dependencies to the latest RC.
* Fixes any errors/warnings cause by the upgrade.
* Fixes error when running the unit tests.
* Bumps the year in the license.

Author: crisbeto

LICENSE

@@ -1,6 +1,6 @@
 The MIT License
 
-Copyright (c) 2016 Google, Inc.
+Copyright (c) 2017 Google, Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

karma.conf.js

@@ -6,20 +6,20 @@ const path = require('path');
 module.exports = function (config) {
   config.set({
     basePath: '',
-    frameworks: ['jasmine', 'angular-cli'],
+    frameworks: ['jasmine', '@angular/cli'],
     plugins: [
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
       require('karma-remap-istanbul'),
-      require('angular-cli/plugins/karma'),
+      require('@angular/cli/plugins/karma'),
       require('karma-browserstack-launcher'),
       require('karma-sauce-launcher'),
     ],
     files: [
       { pattern: './src/test.ts', watched: false }
     ],
     preprocessors: {
-      './src/test.ts': ['angular-cli']
+      './src/test.ts': ['@angular/cli']
     },
     mime: {
       'text/x-typescript': ['ts','tsx']
@@ -66,7 +66,7 @@ module.exports = function (config) {
       pollingTimeout: 20000
     },
   });
-  
+
   if (process.env['TRAVIS']) {
 
     let buildId = `TRAVIS #${process.env.TRAVIS_BUILD_NUMBER} (${process.env.TRAVIS_BUILD_ID})`;
@@ -87,5 +87,5 @@ module.exports = function (config) {
     }
 
     config.browsers = platformMap[platformType];
-  }  
+  }
 };

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "angular-io-v42",
+  "name": "material-angular-io-v42",
   "version": "0.0.0",
   "license": "MIT",
   "angular-cli": {},
@@ -16,22 +16,23 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/common": "^2.4.6",
-    "@angular/compiler": "^2.4.6",
-    "@angular/core": "^2.4.6",
-    "@angular/forms": "^2.4.6",
-    "@angular/http": "^2.4.6",
-    "@angular/material": "^2.0.0-beta.1",
-    "@angular/platform-browser": "^2.4.6",
-    "@angular/platform-browser-dynamic": "^2.4.6",
-    "@angular/router": "~3.4.6",
+    "@angular/animations": "^4.0.0-rc.5",
+    "@angular/common": "^4.0.0-rc.5",
+    "@angular/compiler": "^4.0.0-rc.5",
+    "@angular/core": "^4.0.0-rc.5",
+    "@angular/forms": "^4.0.0-rc.5",
+    "@angular/http": "^4.0.0-rc.5",
+    "@angular/material": "^2.0.0-beta.3",
+    "@angular/platform-browser": "^4.0.0-rc.5",
+    "@angular/platform-browser-dynamic": "^4.0.0-rc.5",
+    "@angular/router": "^4.0.0-rc.5",
     "core-js": "^2.4.1",
     "rxjs": "^5.1.0",
-    "zone.js": "^0.7.6"
+    "zone.js": "^0.8.4"
   },
   "devDependencies": {
     "@angular/cli": "^1.0.0-beta.30",
-    "@angular/compiler-cli": "^2.4.6",
+    "@angular/compiler-cli": "^4.0.0-rc.5",
     "@types/jasmine": "^2.5.41",
     "@types/node": "^7.0.5",
     "highlight.js": "^9.9.0",
@@ -46,6 +47,6 @@
     "protractor": "^5.1.1",
     "ts-node": "^2.0.0",
     "tslint": "^4.4.2",
-    "typescript": "~2.0.10"
+    "typescript": "~2.1.6"
   }
 }

src/app/material-docs-app.ts

@@ -16,8 +16,8 @@ export class MaterialDocsApp {
   showShadow = false;
 
   constructor(router: Router) {
-    router.events.subscribe(data => {
-      this.showShadow = data.url.startsWith('/components');
+    router.events.subscribe(() => {
+      this.showShadow = router.url.startsWith('/components');
     });
   }
 }

src/app/shared/example-viewer/example-viewer.html

@@ -26,6 +26,6 @@
   </div>
 
   <div class="docs-example-viewer-body">
-    <template [portalHost]="selectedPortal"></template>
+    <ng-template [portalHost]="selectedPortal"></ng-template>
   </div>
 </div>

src/app/shared/footer/footer.html

@@ -13,7 +13,7 @@
     </div>
 
     <div class="docs-footer-copyright">
-      <p>Powered by Google ©2010-2016. Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.</p>
+      <p>Powered by Google ©2010-2017. Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.</p>
     </div>
   </div>
 </footer>

src/app/shared/plunker/plunker-writer.spec.ts

@@ -45,13 +45,13 @@ describe('PlunkerWriter', () => {
   it('should append correct copyright', () => {
     expect(plunkerWriter._appendCopyright('test.ts', 'NoContent')).toBe(`NoContent
 
-/**  Copyright 2016 Google Inc. All Rights Reserved.
+/**  Copyright 2017 Google Inc. All Rights Reserved.
     Use of this source code is governed by an MIT-style license that
     can be found in the LICENSE file at http://angular.io/license */`);
 
     expect(plunkerWriter._appendCopyright('test.html', 'NoContent')).toBe(`NoContent
 
-<!-- Copyright 2016 Google Inc. All Rights Reserved.
+<!-- Copyright 2017 Google Inc. All Rights Reserved.
     Use of this source code is governed by an MIT-style license that
     can be found in the LICENSE file at http://angular.io/license -->`);
 

src/app/shared/plunker/plunker-writer.ts

@@ -6,7 +6,7 @@ import 'rxjs/add/operator/toPromise';
 const PLUNKER_URL = 'https://plnkr.co/edit/?p=preview';
 
 const COPYRIGHT =
-  `Copyright 2016 Google Inc. All Rights Reserved.
+  `Copyright 2017 Google Inc. All Rights Reserved.
     Use of this source code is governed by an MIT-style license that
     can be found in the LICENSE file at http://angular.io/license`;