From 53f9925a8a23f93ebff7d9f983acf54b524a23d2 Mon Sep 17 00:00:00 2001
From: Paul Gschwendtner <paulgschwendtner@gmail.com>
Date: Wed, 22 Mar 2017 22:13:13 +0100
Subject: [PATCH 1/3] build: restructure release output

---
 gulpfile.js                         |   2 +-
 package.json                        |   9 +-
 src/demo-app/index.html             |  12 +-
 src/demo-app/system-config.ts       |  29 +-
 src/demo-app/tsconfig-aot.json      |  19 +-
 src/demo-app/tsconfig.json          |  11 +-
 src/e2e-app/index.html              |  12 +-
 src/e2e-app/system-config.ts        |  31 +-
 src/e2e-app/tsconfig.json           |   4 +-
 src/lib/README.md                   |   6 +
 src/lib/menu/index.ts               |   3 -
 src/lib/package.json                |   5 +-
 src/lib/progress-spinner/index.ts   |   4 -
 src/lib/{index.ts => public_api.ts} |   6 +
 src/lib/system-config-spec.ts       |  44 +--
 src/lib/tsconfig-specs.json         |  13 +
 src/lib/tsconfig.json               |  35 +-
 test/karma-test-shim.js             |   8 +-
 test/karma.conf.js                  |  43 +-
 tools/gulp/constants.ts             |  14 +-
 tools/gulp/gulpfile.ts              |   4 +-
 tools/gulp/tasks/aot.ts             |  30 +-
 tools/gulp/tasks/clean.ts           |   1 +
 tools/gulp/tasks/components.ts      | 154 --------
 tools/gulp/tasks/development.ts     |  25 +-
 tools/gulp/tasks/e2e.ts             |  32 +-
 tools/gulp/tasks/library.ts         |  93 +++++
 tools/gulp/tasks/lint.ts            |   3 +-
 tools/gulp/tasks/payload.ts         |  33 +-
 tools/gulp/tasks/release.ts         | 114 ++++--
 tools/gulp/tasks/serve.ts           |   5 -
 tools/gulp/tasks/unit-test.ts       |  65 ++-
 tools/gulp/tsconfig.json            |  18 +-
 tools/gulp/util/rollup-helper.ts    |  64 +++
 tools/gulp/util/task_helpers.ts     |  41 +-
 tools/gulp/util/ts-compiler.ts      |  13 +-
 yarn.lock                           | 589 ++++++++++++++++++----------
 37 files changed, 895 insertions(+), 699 deletions(-)
 create mode 100644 src/lib/README.md
 rename src/lib/{index.ts => public_api.ts} (90%)
 create mode 100644 src/lib/tsconfig-specs.json
 delete mode 100644 tools/gulp/tasks/components.ts
 create mode 100644 tools/gulp/tasks/library.ts
 delete mode 100644 tools/gulp/tasks/serve.ts
 create mode 100644 tools/gulp/util/rollup-helper.ts

diff --git a/gulpfile.js b/gulpfile.js
index 45e68bf5d1f1..897982a0143d 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -8,7 +8,7 @@ const path = require('path');
 
 // Register TS compilation.
 require('ts-node').register({
-  project: path.join(__dirname, 'tools/gulp')
+  project: path.join(__dirname, 'tools/gulp/tsconfig.json')
 });
 
 require('./tools/gulp/gulpfile');
diff --git a/package.json b/package.json
index ac07c6d51d19..7883ecbf963f 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,6 @@
     "glob": "^7.1.1",
     "google-cloud": "^0.48.0",
     "gulp": "^3.9.1",
-    "gulp-better-rollup": "^1.0.2",
     "gulp-clean": "^0.3.2",
     "gulp-clean-css": "^3.0.3",
     "gulp-cli": "^1.2.2",
@@ -83,6 +82,7 @@
     "gulp-transform": "^1.1.0",
     "hammerjs": "^2.0.8",
     "highlight.js": "^9.9.0",
+    "http-rewrite-middleware": "^0.1.6",
     "image-diff": "^1.6.3",
     "jasmine-core": "^2.5.2",
     "karma": "^1.5.0",
@@ -99,16 +99,17 @@
     "node-sass": "^4.5.0",
     "protractor": "^5.1.1",
     "resolve-bin": "^0.4.0",
+    "rollup": "^0.41.6",
     "run-sequence": "^1.2.2",
     "sass": "^0.5.0",
     "selenium-webdriver": "^3.1.0",
     "stylelint": "^7.8.0",
     "travis-after-modes": "0.0.7",
-    "ts-node": "^2.1.0",
+    "ts-node": "^3.0.0",
     "tslint": "^4.4.2",
     "tslint-no-unused-var": "0.0.6",
-    "typescript": "~2.1.6",
-    "uglify-js": "^2.8.7",
+    "typescript": "~2.2.1",
+    "uglify-js": "^2.8.14",
     "web-animations-js": "^2.2.2"
   }
 }
diff --git a/src/demo-app/index.html b/src/demo-app/index.html
index 3099472c8633..b7dc9394af18 100644
--- a/src/demo-app/index.html
+++ b/src/demo-app/index.html
@@ -8,7 +8,7 @@
 
   <link rel="icon" type="image/x-icon" href="favicon.ico">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-  <link href="@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet">
+  <link href="dist/packages/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet">
 
   <!-- FontAwesome for md-icon demo. -->
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
@@ -16,11 +16,11 @@
 <body>
   <demo-app>Loading...</demo-app>
 
-  <script src="vendor/core-js/client/core.js"></script>
-  <script src="vendor/web-animations-js/web-animations.min.js"></script>
-  <script src="vendor/systemjs/dist/system.src.js"></script>
-  <script src="vendor/zone.js/dist/zone.js"></script>
-  <script src="vendor/hammerjs/hammer.min.js"></script>
+  <script src="node_modules/core-js/client/core.js"></script>
+  <script src="node_modules/web-animations-js/web-animations.min.js"></script>
+  <script src="node_modules/systemjs/dist/system.src.js"></script>
+  <script src="node_modules/zone.js/dist/zone.js"></script>
+  <script src="node_modules/hammerjs/hammer.min.js"></script>
 
   <script>
     System.import('system-config.js').then(function () {
diff --git a/src/demo-app/system-config.ts b/src/demo-app/system-config.ts
index 2f5ceb6ec1e9..291bd04b82b5 100644
--- a/src/demo-app/system-config.ts
+++ b/src/demo-app/system-config.ts
@@ -3,25 +3,28 @@ declare const System: any;
 
 // Apply the CLI SystemJS configuration.
 System.config({
+  paths: {
+    'node:*': 'node_modules/*',
+  },
   map: {
-    'rxjs': 'vendor/rxjs',
+    'rxjs': 'node:rxjs',
     'main': 'main.js',
 
     // Angular specific mappings.
-    '@angular/core': 'vendor/@angular/core/bundles/core.umd.js',
-    '@angular/common': 'vendor/@angular/common/bundles/common.umd.js',
-    '@angular/compiler': 'vendor/@angular/compiler/bundles/compiler.umd.js',
-    '@angular/http': 'vendor/@angular/http/bundles/http.umd.js',
-    '@angular/forms': 'vendor/@angular/forms/bundles/forms.umd.js',
-    '@angular/router': 'vendor/@angular/router/bundles/router.umd.js',
-    '@angular/animations': 'vendor/@angular/animations/bundles/animations.umd.js',
-    '@angular/animations/browser': 'vendor/@angular/animations/bundles/animations-browser.umd.js',
-    '@angular/platform-browser': 'vendor/@angular/platform-browser/bundles/platform-browser.umd.js',
+    '@angular/core': 'node:@angular/core/bundles/core.umd.js',
+    '@angular/common': 'node:@angular/common/bundles/common.umd.js',
+    '@angular/compiler': 'node:@angular/compiler/bundles/compiler.umd.js',
+    '@angular/http': 'node:@angular/http/bundles/http.umd.js',
+    '@angular/forms': 'node:@angular/forms/bundles/forms.umd.js',
+    '@angular/router': 'node:@angular/router/bundles/router.umd.js',
+    '@angular/animations': 'node:@angular/animations/bundles/animations.umd.js',
+    '@angular/animations/browser': 'node:@angular/animations/bundles/animations-browser.umd.js',
+    '@angular/platform-browser': 'node:@angular/platform-browser/bundles/platform-browser.umd.js',
     '@angular/platform-browser/animations':
-      'vendor/@angular/platform-browser/bundles/platform-browser-animations.umd.js',
+      'node:@angular/platform-browser/bundles/platform-browser-animations.umd.js',
     '@angular/platform-browser-dynamic':
-      'vendor/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
-    '@angular/material': '@angular/material/bundles/material.umd.js'
+      'node:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
+    '@angular/material': 'dist/bundles/material.umd.js'
   },
   packages: {
     // Thirdparty barrels.
diff --git a/src/demo-app/tsconfig-aot.json b/src/demo-app/tsconfig-aot.json
index 9bc63d65e2c2..c2ad1d498dc4 100644
--- a/src/demo-app/tsconfig-aot.json
+++ b/src/demo-app/tsconfig-aot.json
@@ -1,22 +1,10 @@
 /* Config file for the Angular Compiler. Paths need to be relative to the dist folder. */
 {
+  "extends": "./tsconfig",
   "compilerOptions": {
-    "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "lib": ["es6", "es2015", "dom"],
-    "module": "commonjs",
-    "moduleResolution": "node",
-    "noEmitOnError": true,
-    "noImplicitAny": true,
-    "target": "es5",
-    "baseUrl": "",
-    "typeRoots": [
-      "../node_modules/@types/!(node)"
-    ],
     "paths": {
-      "@angular/material": [
-        "./@angular/material"
-      ]
+      "@angular/material": ["./material"]
     }
   },
   "files": [
@@ -25,7 +13,6 @@
     "./main-aot.ts"
   ],
   "angularCompilerOptions": {
-    "skipTemplateCodegen": false,
-    "debug": true
+    "skipTemplateCodegen": false
   }
 }
diff --git a/src/demo-app/tsconfig.json b/src/demo-app/tsconfig.json
index 21b70e287a20..7b70b0212017 100644
--- a/src/demo-app/tsconfig.json
+++ b/src/demo-app/tsconfig.json
@@ -8,7 +8,7 @@
     "moduleResolution": "node",
     "noEmitOnError": true,
     "noImplicitAny": true,
-    "outDir": "../../dist/",
+    "outDir": "../../dist/packages/demo-app",
     "sourceMap": true,
     "target": "es5",
     "stripInternal": false,
@@ -18,7 +18,7 @@
     ],
     "paths": {
       "@angular/material": [
-        "../../dist/@angular/material"
+        "../../dist/packages/material"
       ]
     }
   },
@@ -27,10 +27,5 @@
     "./demo-app-module.ts",
     "./system-config.ts",
     "./main.ts"
-  ],
-  "angularCompilerOptions": {
-    "genDir": "../../dist",
-    "skipTemplateCodegen": true,
-    "debug": true
-  }
+  ]
 }
diff --git a/src/e2e-app/index.html b/src/e2e-app/index.html
index e9ce94a3d3f7..6689d33c2d39 100644
--- a/src/e2e-app/index.html
+++ b/src/e2e-app/index.html
@@ -8,7 +8,7 @@
 
   <link rel="icon" type="image/x-icon" href="favicon.ico">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-  <link href="@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet">
+  <link href="dist/packages/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet">
 
   <!-- FontAwesome for md-icon demo. -->
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
@@ -16,11 +16,11 @@
 <body>
   <e2e-app>Loading...</e2e-app>
 
-  <script src="vendor/core-js/client/core.js"></script>
-  <script src="vendor/web-animations-js/web-animations.min.js"></script>
-  <script src="vendor/systemjs/dist/system.src.js"></script>
-  <script src="vendor/zone.js/dist/zone.js"></script>
-  <script src="vendor/hammerjs/hammer.min.js"></script>
+  <script src="node_modules/core-js/client/core.js"></script>
+  <script src="node_modules/web-animations-js/web-animations.min.js"></script>
+  <script src="node_modules/systemjs/dist/system.src.js"></script>
+  <script src="node_modules/zone.js/dist/zone.js"></script>
+  <script src="node_modules/hammerjs/hammer.min.js"></script>
 
   <script>
     System.import('system-config.js').then(function () {
diff --git a/src/e2e-app/system-config.ts b/src/e2e-app/system-config.ts
index c56d9a84851a..291bd04b82b5 100644
--- a/src/e2e-app/system-config.ts
+++ b/src/e2e-app/system-config.ts
@@ -3,27 +3,28 @@ declare const System: any;
 
 // Apply the CLI SystemJS configuration.
 System.config({
+  paths: {
+    'node:*': 'node_modules/*',
+  },
   map: {
-    'rxjs': 'vendor/rxjs',
+    'rxjs': 'node:rxjs',
     'main': 'main.js',
 
     // Angular specific mappings.
-    '@angular/core': 'vendor/@angular/core/bundles/core.umd.js',
-    '@angular/common': 'vendor/@angular/common/bundles/common.umd.js',
-    '@angular/compiler': 'vendor/@angular/compiler/bundles/compiler.umd.js',
-    '@angular/http': 'vendor/@angular/http/bundles/http.umd.js',
-    '@angular/forms': 'vendor/@angular/forms/bundles/forms.umd.js',
-    '@angular/router': 'vendor/@angular/router/bundles/router.umd.js',
-    '@angular/animations': 'vendor/@angular/animations/bundles/animations.umd.js',
-    '@angular/animations/browser': 'vendor/@angular/animations/bundles/animations-browser.umd.js',
+    '@angular/core': 'node:@angular/core/bundles/core.umd.js',
+    '@angular/common': 'node:@angular/common/bundles/common.umd.js',
+    '@angular/compiler': 'node:@angular/compiler/bundles/compiler.umd.js',
+    '@angular/http': 'node:@angular/http/bundles/http.umd.js',
+    '@angular/forms': 'node:@angular/forms/bundles/forms.umd.js',
+    '@angular/router': 'node:@angular/router/bundles/router.umd.js',
+    '@angular/animations': 'node:@angular/animations/bundles/animations.umd.js',
+    '@angular/animations/browser': 'node:@angular/animations/bundles/animations-browser.umd.js',
+    '@angular/platform-browser': 'node:@angular/platform-browser/bundles/platform-browser.umd.js',
     '@angular/platform-browser/animations':
-      'vendor/@angular/platform-browser/bundles/platform-browser-animations.umd.js',
-    '@angular/platform-browser': 'vendor/@angular/platform-browser/bundles/platform-browser.umd.js',
-    '@angular/platform-browser/testing':
-      'vendor/@angular/platform-browser/bundles/platform-browser-testing.umd.js',
+      'node:@angular/platform-browser/bundles/platform-browser-animations.umd.js',
     '@angular/platform-browser-dynamic':
-      'vendor/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
-    '@angular/material': '@angular/material/bundles/material.umd.js'
+      'node:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
+    '@angular/material': 'dist/bundles/material.umd.js'
   },
   packages: {
     // Thirdparty barrels.
diff --git a/src/e2e-app/tsconfig.json b/src/e2e-app/tsconfig.json
index bc4ee42255a7..637f489bd75e 100644
--- a/src/e2e-app/tsconfig.json
+++ b/src/e2e-app/tsconfig.json
@@ -8,7 +8,7 @@
     "moduleResolution": "node",
     "noEmitOnError": true,
     "noImplicitAny": true,
-    "outDir": "../../dist/",
+    "outDir": "../../dist/packages/e2e-app",
     "sourceMap": true,
     "target": "es5",
     "stripInternal": false,
@@ -18,7 +18,7 @@
     ],
     "paths": {
       "@angular/material": [
-        "../../dist/@angular/material"
+        "../../dist/packages/material"
       ]
     }
   },
diff --git a/src/lib/README.md b/src/lib/README.md
new file mode 100644
index 000000000000..19fce67f9300
--- /dev/null
+++ b/src/lib/README.md
@@ -0,0 +1,6 @@
+Angular Material
+=======
+
+The sources for this package are in the main [Angular Material](https://github.com/angular/material2) repo. Please file issues and pull requests against that repo.
+
+License: MIT
\ No newline at end of file
diff --git a/src/lib/menu/index.ts b/src/lib/menu/index.ts
index cc3763c6dcf7..952325c6e09f 100644
--- a/src/lib/menu/index.ts
+++ b/src/lib/menu/index.ts
@@ -29,7 +29,4 @@ export class MdMenuModule {
 
 
 export * from './menu';
-export {MdMenuTrigger} from './menu-trigger';
 export {fadeInItems, transformMenu} from './menu-animations';
-export {MdMenu} from './menu-directive';
-export {MdMenuItem} from './menu-item';
diff --git a/src/lib/package.json b/src/lib/package.json
index c5466a8725b2..9a0a4aed0b87 100644
--- a/src/lib/package.json
+++ b/src/lib/package.json
@@ -3,8 +3,9 @@
   "version": "2.0.0-beta.2",
   "description": "Angular Material",
   "main": "./bundles/material.umd.js",
-  "module": "./index.js",
-  "typings": "./index.d.ts",
+  "module": "./@angular/material.es5.js",
+  "es2015": "./@angular/material.js",
+  "typings": "./material.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/angular/material2.git"
diff --git a/src/lib/progress-spinner/index.ts b/src/lib/progress-spinner/index.ts
index 113dc6f84d66..2cac54e13f1a 100644
--- a/src/lib/progress-spinner/index.ts
+++ b/src/lib/progress-spinner/index.ts
@@ -36,7 +36,3 @@ class MdProgressSpinnerModule {
 
 export {MdProgressSpinnerModule};
 export * from './progress-spinner';
-
-/** @deprecated */
-export {MdProgressSpinnerModule as MdProgressCircleModule};
-export {MdProgressSpinner as MdProgressCircle};
diff --git a/src/lib/index.ts b/src/lib/public_api.ts
similarity index 90%
rename from src/lib/index.ts
rename to src/lib/public_api.ts
index 9bf120001da7..cb2f324e643f 100644
--- a/src/lib/index.ts
+++ b/src/lib/public_api.ts
@@ -1,3 +1,9 @@
+/**
+ * @module
+ * @description
+ * Entry point for all public APIs of Angular Material.
+ */
+
 export * from './core';
 export * from './module';
 
diff --git a/src/lib/system-config-spec.ts b/src/lib/system-config-spec.ts
index d61dff43538e..eafc9ff2bcff 100644
--- a/src/lib/system-config-spec.ts
+++ b/src/lib/system-config-spec.ts
@@ -3,40 +3,40 @@ declare const System: any;
 
 // Apply the CLI SystemJS configuration.
 System.config({
+  paths: {
+    'node:*': 'node_modules/*'
+  },
   map: {
-    'rxjs': 'vendor/rxjs',
+    'rxjs': 'node:rxjs',
     'main': 'main.js',
 
     // Angular specific mappings.
-    '@angular/core': 'vendor/@angular/core/bundles/core.umd.js',
-    '@angular/core/testing': 'vendor/@angular/core/bundles/core-testing.umd.js',
-    '@angular/common': 'vendor/@angular/common/bundles/common.umd.js',
-    '@angular/common/testing': 'vendor/@angular/common/bundles/common-testing.umd.js',
-    '@angular/compiler': 'vendor/@angular/compiler/bundles/compiler.umd.js',
-    '@angular/compiler/testing': 'vendor/@angular/compiler/bundles/compiler-testing.umd.js',
-    '@angular/http': 'vendor/@angular/http/bundles/http.umd.js',
-    '@angular/http/testing': 'vendor/@angular/http/bundles/http-testing.umd.js',
-    '@angular/forms': 'vendor/@angular/forms/bundles/forms.umd.js',
-    '@angular/forms/testing': 'vendor/@angular/forms/bundles/forms-testing.umd.js',
-    '@angular/animations': 'vendor/@angular/animations/bundles/animations.umd.js',
-    '@angular/animations/browser': 'vendor/@angular/animations/bundles/animations-browser.umd.js',
+    '@angular/core': 'node:@angular/core/bundles/core.umd.js',
+    '@angular/core/testing': 'node:@angular/core/bundles/core-testing.umd.js',
+    '@angular/common': 'node:@angular/common/bundles/common.umd.js',
+    '@angular/common/testing': 'node:@angular/common/bundles/common-testing.umd.js',
+    '@angular/compiler': 'node:@angular/compiler/bundles/compiler.umd.js',
+    '@angular/compiler/testing': 'node:@angular/compiler/bundles/compiler-testing.umd.js',
+    '@angular/http': 'node:@angular/http/bundles/http.umd.js',
+    '@angular/http/testing': 'node:@angular/http/bundles/http-testing.umd.js',
+    '@angular/forms': 'node:@angular/forms/bundles/forms.umd.js',
+    '@angular/forms/testing': 'node:@angular/forms/bundles/forms-testing.umd.js',
+    '@angular/animations': 'node:@angular/animations/bundles/animations.umd.js',
+    '@angular/animations/browser': 'node:@angular/animations/bundles/animations-browser.umd.js',
     '@angular/platform-browser/animations':
-      'vendor/@angular/platform-browser/bundles/platform-browser-animations.umd.js',
-    '@angular/platform-browser': 'vendor/@angular/platform-browser/bundles/platform-browser.umd.js',
+      'node:@angular/platform-browser/bundles/platform-browser-animations.umd',
+    '@angular/platform-browser':
+      'node:@angular/platform-browser/bundles/platform-browser.umd.js',
     '@angular/platform-browser/testing':
-      'vendor/@angular/platform-browser/bundles/platform-browser-testing.umd.js',
+      'node:@angular/platform-browser/bundles/platform-browser-testing.umd.js',
     '@angular/platform-browser-dynamic':
-      'vendor/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
+      'node:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
     '@angular/platform-browser-dynamic/testing':
-      'vendor/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic-testing.umd.js',
+      'node:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic-testing.umd.js'
   },
   packages: {
     // Thirdparty barrels.
     'rxjs': { main: 'index' },
-    '@angular/material': {
-      format: 'cjs',
-      main: 'material.umd.js'
-    },
     // Set the default extension for the root package, because otherwise the demo-app can't
     // be built within the production mode. Due to missing file extensions.
     '.': {
diff --git a/src/lib/tsconfig-specs.json b/src/lib/tsconfig-specs.json
new file mode 100644
index 000000000000..c0bfeb60ea43
--- /dev/null
+++ b/src/lib/tsconfig-specs.json
@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig",
+  "compilerOptions": {
+    "module": "commonjs",
+    "target": "es5",
+    "types": ["jasmine"],
+    "experimentalDecorators": true
+  },
+  "include": [
+    "system-config-spec.ts",
+    "**/*.spec.ts"
+  ]
+}
diff --git a/src/lib/tsconfig.json b/src/lib/tsconfig.json
index e5dc4507798a..80f29b711e90 100644
--- a/src/lib/tsconfig.json
+++ b/src/lib/tsconfig.json
@@ -1,31 +1,30 @@
 {
   "compilerOptions": {
+    "baseUrl": ".",
     "declaration": true,
-    "emitDecoratorMetadata": true,
+    "stripInternal": true,
     "experimentalDecorators": true,
-    "lib": ["es6", "es2015", "dom"],
     "module": "es2015",
     "moduleResolution": "node",
-    "noEmitOnError": true,
-    "noImplicitAny": true,
-    "outDir": "../../dist/@angular/material",
+    "outDir": "../../dist/packages/material",
+    "paths": {},
     "rootDir": ".",
     "sourceMap": true,
-    "target": "es6",
     "inlineSources": true,
-    "stripInternal": false,
-    "baseUrl": "",
-    "typeRoots": [
-      "../../node_modules/@types/!(node)"
-    ],
-    "types": [
-      "jasmine",
-      "rx/rx.all"
-    ]
+    "target": "es2015",
+    "lib": ["es2015", "dom"],
+    "skipLibCheck": true,
+    "types": []
   },
+  "files": [
+    "public_api.ts",
+    "typings.d.ts"
+  ],
   "angularCompilerOptions": {
-    "genDir": "../../dist",
-    "skipTemplateCodegen": true,
-    "debug": true
+    "annotateForClosureCompiler": true,
+    "strictMetadataEmit": true,
+    "flatModuleOutFile": "index.js",
+    "flatModuleId": "@angular/material",
+    "skipTemplateCodegen": true
   }
 }
diff --git a/test/karma-test-shim.js b/test/karma-test-shim.js
index 71c79ce75448..f949170b13f5 100644
--- a/test/karma-test-shim.js
+++ b/test/karma-test-shim.js
@@ -4,12 +4,12 @@ jasmine.DEFAULT_TIMEOUT_INTERVAL = 3000;
 
 __karma__.loaded = function () {};
 
-var baseDir = '/base/dist/';
-var configFile = baseDir + '@angular/material/system-config-spec.js';
+var baseDir = '/base';
+var configFile = baseDir + '/dist/packages/material/system-config-spec.js';
 var specFiles = Object.keys(window.__karma__.files).filter(isMaterialSpecFile);
 
 // Configure the base path for dist/
-System.config({baseURL: baseDir});
+System.config({ baseURL: baseDir });
 
 // Load the spec SystemJS configuration file.
 System.import(configFile)
@@ -28,7 +28,7 @@ function runMaterialSpecs() {
 
 /** Whether the specified file is part of Angular Material. */
 function isMaterialSpecFile(path) {
-  return path.slice(-8) === '.spec.js' && path.indexOf('vendor') === -1;
+  return path.slice(-8) === '.spec.js' && path.indexOf('node_modules') === -1;
 }
 
 /** Configures Angular's TestBed. */
diff --git a/test/karma.conf.js b/test/karma.conf.js
index 3dd0bc2cf4a8..acf547ae5d2e 100644
--- a/test/karma.conf.js
+++ b/test/karma.conf.js
@@ -16,43 +16,36 @@ module.exports = (config) => {
       require('karma-coverage')
     ],
     files: [
-      {pattern: 'dist/vendor/core-js/client/core.js', included: true, watched: false},
-      {pattern: 'dist/vendor/systemjs/dist/system-polyfills.js', included: true, watched: false},
-      {pattern: 'dist/vendor/systemjs/dist/system.src.js', included: true, watched: false},
-      {pattern: 'dist/vendor/zone.js/dist/zone.js', included: true, watched: false},
-      {pattern: 'dist/vendor/zone.js/dist/proxy.js', included: true, watched: false},
-      {pattern: 'dist/vendor/zone.js/dist/sync-test.js', included: true, watched: false},
-      {pattern: 'dist/vendor/zone.js/dist/jasmine-patch.js', included: true, watched: false},
-      {pattern: 'dist/vendor/zone.js/dist/async-test.js', included: true, watched: false},
-      {pattern: 'dist/vendor/zone.js/dist/fake-async-test.js', included: true, watched: false},
-      {pattern: 'dist/vendor/hammerjs/hammer.min.js', included: true, watched: false},
-      {pattern: 'test/karma-test-shim.js', included: true, watched: false},
+      {pattern: 'node_modules/core-js/client/core.js', included: true, watched: false},
+      {pattern: 'node_modules/systemjs/dist/system.src.js', included: true, watched: false},
+      {pattern: 'node_modules/zone.js/dist/zone.js', included: true, watched: false},
+      {pattern: 'node_modules/zone.js/dist/proxy.js', included: true, watched: false},
+      {pattern: 'node_modules/zone.js/dist/sync-test.js', included: true, watched: false},
+      {pattern: 'node_modules/zone.js/dist/jasmine-patch.js', included: true, watched: false},
+      {pattern: 'node_modules/zone.js/dist/async-test.js', included: true, watched: false},
+      {pattern: 'node_modules/zone.js/dist/fake-async-test.js', included: true, watched: false},
+      {pattern: 'node_modules/hammerjs/hammer.min.js', included: true, watched: false},
+
+      // Include all Angular dependencies
+      {pattern: 'node_modules/@angular/**/*', included: false, watched: false},
+      {pattern: 'node_modules/rxjs/**/*.js', included: false, watched: false},
 
-      // paths loaded via module imports
-      {pattern: 'dist/**/*.js', included: false, watched: true},
+      {pattern: 'test/karma-test-shim.js', included: true, watched: false},
 
-      // include one of the themes
-      {pattern: 'dist/**/prebuilt/indigo-pink.css', included: true, watched: true},
+      // Include a Material theme in the test suite.
+      {pattern: 'dist/**/core/theming/prebuilt/indigo-pink.css', included: true, watched: true},
 
-      // paths loaded via Angular's component compiler
-      // (these paths need to be rewritten, see proxies section)
-      {pattern: 'dist/**/*.html', included: false, watched: true},
-      {pattern: 'dist/**/*.css', included: false, watched: true},
+      {pattern: 'dist/packages/material/**/*', included: false, watched: true},
 
       // paths to support debugging with source maps in dev tools
       {pattern: 'dist/**/*.ts', included: false, watched: false},
       {pattern: 'dist/**/*.js.map', included: false, watched: false}
     ],
-    proxies: {
-      // required for component assets fetched by Angular's compiler
-      '/components/': '/base/dist/components/',
-      '/core/': '/base/dist/core/',
-    },
 
     customLaunchers: customLaunchers,
 
     preprocessors: {
-      'dist/@angular/material/**/*.js': ['sourcemap']
+      'dist/**/*.js': ['sourcemap']
     },
 
     reporters: ['dots'],
diff --git a/tools/gulp/constants.ts b/tools/gulp/constants.ts
index 096d983ed84c..199a6690dbb0 100644
--- a/tools/gulp/constants.ts
+++ b/tools/gulp/constants.ts
@@ -5,8 +5,20 @@ export const MATERIAL_VERSION = require('../../package.json').version;
 export const PROJECT_ROOT = join(__dirname, '../..');
 export const SOURCE_ROOT = join(PROJECT_ROOT, 'src');
 
+/** Root build output directory */
 export const DIST_ROOT = join(PROJECT_ROOT, 'dist');
-export const DIST_COMPONENTS_ROOT = join(DIST_ROOT, '@angular/material');
+
+/** Output subdirectory where all bundles will be written (flat ES modules and UMD) */
+export const DIST_BUNDLES = join(DIST_ROOT, 'bundles');
+
+/** Output subdirectory where all library artifacts will be written (compiled JS, CSS, etc.) */
+export const DIST_MATERIAL = join(DIST_ROOT, 'packages', 'material');
+
+/** Output subdirectory where the npm package will be staged for publish */
+export const DIST_RELEASE = join(DIST_ROOT, 'release');
+
+export const DIST_DEMOAPP = join(DIST_ROOT, 'packages', 'demo-app');
+export const DIST_E2EAPP = join(DIST_ROOT, 'packages', 'e2e-app');
 
 export const COVERAGE_RESULT_FILE = join(DIST_ROOT, 'coverage', 'coverage-summary.json');
 
diff --git a/tools/gulp/gulpfile.ts b/tools/gulp/gulpfile.ts
index 7ed02af2f2d6..3268612e0052 100644
--- a/tools/gulp/gulpfile.ts
+++ b/tools/gulp/gulpfile.ts
@@ -1,6 +1,5 @@
 import './tasks/ci';
 import './tasks/clean';
-import './tasks/components';
 import './tasks/default';
 import './tasks/development';
 import './tasks/docs';
@@ -8,9 +7,8 @@ import './tasks/e2e';
 import './tasks/lint';
 import './tasks/release';
 import './tasks/screenshots';
-import './tasks/serve';
 import './tasks/unit-test';
-import './tasks/docs';
 import './tasks/aot';
 import './tasks/payload';
 import './tasks/coverage';
+import './tasks/library';
diff --git a/tools/gulp/tasks/aot.ts b/tools/gulp/tasks/aot.ts
index 93baf4d38bb9..6d6e458b271b 100644
--- a/tools/gulp/tasks/aot.ts
+++ b/tools/gulp/tasks/aot.ts
@@ -1,21 +1,19 @@
 import {task} from 'gulp';
+import {copySync} from 'fs-extra';
+import {DIST_DEMOAPP, DIST_RELEASE} from '../constants';
+import {sequenceTask, execNodeTask} from '../util/task_helpers';
 import {join} from 'path';
-import {DIST_ROOT} from '../constants';
-import {execNodeTask, sequenceTask} from '../util/task_helpers';
 
-/** Copies the source files of the demo-app to the dist folder. */
-task('aot:copy', [':build:devapp:scss', ':build:devapp:assets']);
+const tsconfigFile = join(DIST_DEMOAPP, 'tsconfig-aot.json');
 
-/**
- * Prepares the AOT compilation by copying the demo-app and building the components with their
- * associated metadata files from the Angular compiler.
- */
-task('aot:prepare', sequenceTask(
-  'clean',
-  ['aot:copy', 'build:components', ':build:components:ngc'])
-);
+/** Builds the demo-app and library. To be able to run NGC, apply the metadata workaround. */
+task('aot:deps', sequenceTask('build:devapp', ':package:release', 'aot:copy-release'));
 
-/** Builds the demo-app with the Angular compiler to verify that all components work. */
-task('aot:build', ['aot:prepare'], execNodeTask(
-  '@angular/compiler-cli', 'ngc', ['-p', join(DIST_ROOT, 'tsconfig-aot.json')])
-);
+// As a workaround for https://github.com/angular/angular/issues/12249, we need to
+// copy the Material ESM output inside of the demo-app output.
+task('aot:copy-release', () => copySync(DIST_RELEASE, join(DIST_DEMOAPP, 'material')));
+
+/** Build the demo-app and a release to confirm that the library is AOT-compatible. */
+task('aot:build', ['aot:deps'], execNodeTask(
+  '@angular/compiler-cli', 'ngc', ['-p', tsconfigFile]
+));
diff --git a/tools/gulp/tasks/clean.ts b/tools/gulp/tasks/clean.ts
index d3fabb9e47a9..671f24d70c1f 100644
--- a/tools/gulp/tasks/clean.ts
+++ b/tools/gulp/tasks/clean.ts
@@ -3,4 +3,5 @@ import {DIST_ROOT} from '../constants';
 import {cleanTask} from '../util/task_helpers';
 
 
+/** Deletes the dist/ directory. */
 task('clean', cleanTask(DIST_ROOT));
diff --git a/tools/gulp/tasks/components.ts b/tools/gulp/tasks/components.ts
deleted file mode 100644
index 872ca7f0a14d..000000000000
--- a/tools/gulp/tasks/components.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import {task, watch, src, dest} from 'gulp';
-import {ScriptTarget, ModuleKind} from 'typescript';
-import * as path from 'path';
-
-import {
-  DIST_COMPONENTS_ROOT, PROJECT_ROOT, COMPONENTS_DIR, HTML_MINIFIER_OPTIONS, LICENSE_BANNER
-} from '../constants';
-import {
-  sassBuildTask, tsBuildTask, execNodeTask, sequenceTask,
-  triggerLivereload
-} from '../util/task_helpers';
-
-// There are no type definitions available for these imports.
-const inlineResources = require('../../../scripts/release/inline-resources');
-const gulpRollup = require('gulp-better-rollup');
-const gulpMinifyHtml = require('gulp-htmlmin');
-const gulpIf = require('gulp-if');
-
-/** Path to tsconfig file for the components. */
-const tsconfigPath = path.join(COMPONENTS_DIR, 'tsconfig.json');
-
-/** Asset files to be added to the components output. */
-const assetFiles = [
-  path.join(COMPONENTS_DIR, '**/*.html'),
-  path.join(COMPONENTS_DIR, '**/*.scss'),
-  path.join(COMPONENTS_DIR, 'package.json'),
-  path.join(PROJECT_ROOT, 'README.md'),
-  path.join(PROJECT_ROOT, 'LICENSE'),
-];
-
-/** Builds components to UMD bundle. */
-task('build:components', [':build:components:bundle:umd']);
-
-/** Builds components for Angular Material releases */
-task(':build:components:release', sequenceTask(
-  ':build:components:bundle:umd',
-  ':build:components:bundle:esm',
-  ':build:components:ngc'
-));
-
-/** Builds components typescript in ES5, ES6 target. For specs Karma needs CJS output. */
-task(':build:components:ts:es5', tsBuildTask(tsconfigPath, { target: ScriptTarget.ES5 }));
-task(':build:components:ts:es6', tsBuildTask(tsconfigPath, { target: ScriptTarget.ES2015 }));
-task(':build:components:ts:spec', tsBuildTask(tsconfigPath, {
-  target: ScriptTarget.ES5, module: ModuleKind.CommonJS
-}));
-
-/** Tasks to create a UMD or ES bundle */
-task(':build:components:bundle:umd', sequenceTask(
-  ':build:components:ts:es5', ':build:components:inline', ':build:components:rollup:umd'
-));
-
-task(':build:components:bundle:esm', sequenceTask(
-  ':build:components:ts:es6', ':build:components:inline', ':build:components:rollup:esm'
-));
-
-/** Copies all component assets to the build output. */
-task(':build:components:assets', () => {
-  return src(assetFiles)
-    .pipe(gulpIf(/.html$/, gulpMinifyHtml(HTML_MINIFIER_OPTIONS)))
-    .pipe(dest(DIST_COMPONENTS_ROOT));
-});
-
-/** Compiles the components SCSS into minified CSS. */
-task(':build:components:scss', sassBuildTask(DIST_COMPONENTS_ROOT, COMPONENTS_DIR, true));
-
-/** Builds a ES6 bundle for all components. */
-task(':build:components:rollup:esm', () => {
-  return src(path.join(DIST_COMPONENTS_ROOT, 'index.js'))
-    .pipe(createRollupBundle('es', 'material.js'))
-    .pipe(dest(path.join(DIST_COMPONENTS_ROOT, 'bundles')));
-});
-
-/** Builds a UMD bundle (ES5) for all components. */
-task(':build:components:rollup:umd', () => {
-  return src(path.join(DIST_COMPONENTS_ROOT, 'index.js'))
-  .pipe(createRollupBundle('umd', 'material.umd.js'))
-  .pipe(dest(path.join(DIST_COMPONENTS_ROOT, 'bundles')));
-});
-
-
-/** Builds components with resources (html, css) inlined into the built JS. */
-task(':build:components:inline', sequenceTask(
-  [':build:components:scss', ':build:components:assets'],
-  ':inline-resources',
-));
-
-/** Inlines resources (html, css) into the JS output. */
-task(':inline-resources', () => inlineResources(DIST_COMPONENTS_ROOT));
-
-/** Generates metadata.json files for all of the components. */
-task(':build:components:ngc', ['build:components'], execNodeTask(
-  '@angular/compiler-cli', 'ngc', ['-p', tsconfigPath]
-));
-
-/** [Watch task] Rebuilds (ESM output) whenever ts, scss, or html sources change. */
-task(':watch:components', () => {
-  watch(path.join(COMPONENTS_DIR, '**/*.ts'), ['build:components', triggerLivereload]);
-  watch(path.join(COMPONENTS_DIR, '**/*.scss'), ['build:components', triggerLivereload]);
-  watch(path.join(COMPONENTS_DIR, '**/*.html'), ['build:components', triggerLivereload]);
-});
-
-const ROLLUP_GLOBALS = {
-  // Angular dependencies
-  '@angular/core': 'ng.core',
-  '@angular/common': 'ng.common',
-  '@angular/forms': 'ng.forms',
-  '@angular/http': 'ng.http',
-  '@angular/animations': 'ng.animations',
-  '@angular/animations/browser': 'ng.animations.browser',
-  '@angular/platform-browser': 'ng.platformBrowser',
-  '@angular/platform-browser/animations': 'ng.platformBrowser.animations',
-  '@angular/platform-browser-dynamic': 'ng.platformBrowserDynamic',
-
-  // Rxjs dependencies
-  'rxjs/Subject': 'Rx',
-  'rxjs/add/observable/fromEvent': 'Rx.Observable',
-  'rxjs/add/observable/forkJoin': 'Rx.Observable',
-  'rxjs/add/observable/of': 'Rx.Observable',
-  'rxjs/add/observable/merge': 'Rx.Observable',
-  'rxjs/add/observable/throw': 'Rx.Observable',
-  'rxjs/add/operator/auditTime': 'Rx.Observable.prototype',
-  'rxjs/add/operator/toPromise': 'Rx.Observable.prototype',
-  'rxjs/add/operator/map': 'Rx.Observable.prototype',
-  'rxjs/add/operator/filter': 'Rx.Observable.prototype',
-  'rxjs/add/operator/do': 'Rx.Observable.prototype',
-  'rxjs/add/operator/share': 'Rx.Observable.prototype',
-  'rxjs/add/operator/finally': 'Rx.Observable.prototype',
-  'rxjs/add/operator/catch': 'Rx.Observable.prototype',
-  'rxjs/add/operator/first': 'Rx.Observable.prototype',
-  'rxjs/add/operator/startWith': 'Rx.Observable.prototype',
-  'rxjs/add/operator/switchMap': 'Rx.Observable.prototype',
-  'rxjs/Observable': 'Rx'
-};
-
-/** Creates a rollup bundles of the Material components.*/
-function createRollupBundle(format: string, outFile: string) {
-  let rollupOptions = {
-    context: 'this',
-    external: Object.keys(ROLLUP_GLOBALS)
-  };
-
-  let rollupGenerateOptions = {
-    // Keep the moduleId empty because we don't want to force developers to a specific moduleId.
-    moduleId: '',
-    moduleName: 'ng.material',
-    banner: LICENSE_BANNER,
-    format: format,
-    dest: outFile,
-    globals: ROLLUP_GLOBALS,
-  };
-
-  return gulpRollup(rollupOptions, rollupGenerateOptions);
-}
diff --git a/tools/gulp/tasks/development.ts b/tools/gulp/tasks/development.ts
index bb3265236f1b..fc4636f1a6f1 100644
--- a/tools/gulp/tasks/development.ts
+++ b/tools/gulp/tasks/development.ts
@@ -1,33 +1,30 @@
 import {task, watch} from 'gulp';
-import * as path from 'path';
-
 import {DIST_ROOT, SOURCE_ROOT} from '../constants';
 import {
-  sassBuildTask, tsBuildTask, copyTask, buildAppTask, vendorTask,
-  serverTask, sequenceTask, triggerLivereload
+  sassBuildTask, tsBuildTask, copyTask, buildAppTask, sequenceTask, triggerLivereload,
+  serverTask
 } from '../util/task_helpers';
+import {join} from 'path';
 
-
-const appDir = path.join(SOURCE_ROOT, 'demo-app');
-const outDir = DIST_ROOT;
+const appDir = join(SOURCE_ROOT, 'demo-app');
+const outDir = join(DIST_ROOT, 'packages', 'demo-app');
 
 task(':watch:devapp', () => {
-  watch(path.join(appDir, '**/*.ts'), [':build:devapp:ts', triggerLivereload]);
-  watch(path.join(appDir, '**/*.scss'), [':build:devapp:scss', triggerLivereload]);
-  watch(path.join(appDir, '**/*.html'), [':build:devapp:assets', triggerLivereload]);
+  watch(join(appDir, '**/*.ts'), [':build:devapp:ts', triggerLivereload]);
+  watch(join(appDir, '**/*.scss'), [':build:devapp:scss', triggerLivereload]);
+  watch(join(appDir, '**/*.html'), [':build:devapp:assets', triggerLivereload]);
 });
 
 /** Path to the demo-app tsconfig file. */
-const tsconfigPath = path.join(appDir, 'tsconfig.json');
+const tsconfigPath = join(appDir, 'tsconfig.json');
 
-task(':build:devapp:vendor', vendorTask());
 task(':build:devapp:ts', tsBuildTask(tsconfigPath));
 task(':build:devapp:scss', sassBuildTask(outDir, appDir));
 task(':build:devapp:assets', copyTask(appDir, outDir));
 task('build:devapp', buildAppTask('devapp'));
 
-task(':serve:devapp', serverTask(true));
+task(':serve:devapp', serverTask(outDir, true));
 
 task('serve:devapp', ['build:devapp'], sequenceTask(
-  [':serve:devapp', ':watch:components', ':watch:devapp']
+  [':serve:devapp', 'library:watch', ':watch:devapp']
 ));
diff --git a/tools/gulp/tasks/e2e.ts b/tools/gulp/tasks/e2e.ts
index 2cd78f2c0f34..a60b43b9a69d 100644
--- a/tools/gulp/tasks/e2e.ts
+++ b/tools/gulp/tasks/e2e.ts
@@ -1,19 +1,18 @@
 import {task, watch} from 'gulp';
 import * as path from 'path';
 
-import {SOURCE_ROOT, DIST_ROOT, PROJECT_ROOT} from '../constants';
+import {SOURCE_ROOT, DIST_E2EAPP, PROJECT_ROOT} from '../constants';
 import {
-  tsBuildTask, copyTask, buildAppTask, execNodeTask,
-  vendorTask, sequenceTask, serverTask
+  tsBuildTask, copyTask, buildAppTask, execNodeTask, sequenceTask, serverTask
 } from '../util/task_helpers';
 
-const gulpRunSequence = require('run-sequence');
+// There are no type definitions available for these imports.
 const gulpConnect = require('gulp-connect');
 
 const appDir = path.join(SOURCE_ROOT, 'e2e-app');
-const outDir = DIST_ROOT;
-const PROTRACTOR_CONFIG_PATH = path.join(PROJECT_ROOT, 'test/protractor.conf.js');
+const outDir = DIST_E2EAPP;
 
+const PROTRACTOR_CONFIG_PATH = path.join(PROJECT_ROOT, 'test/protractor.conf.js');
 const tsconfigPath = path.join(appDir, 'tsconfig.json');
 
 task(':watch:e2eapp', () => {
@@ -21,9 +20,6 @@ task(':watch:e2eapp', () => {
   watch(path.join(appDir, '**/*.html'), [':build:e2eapp:assets']);
 });
 
-/** Copies e2e app dependencies to build output. */
-task(':build:e2eapp:vendor', vendorTask());
-
 /** Builds e2e app ts to js. */
 task(':build:e2eapp:ts', tsBuildTask(tsconfigPath));
 
@@ -40,7 +36,7 @@ task(':test:protractor:setup', execNodeTask('protractor', 'webdriver-manager', [
 task(':test:protractor', execNodeTask('protractor', [PROTRACTOR_CONFIG_PATH]));
 
 /** Starts up the e2e app server. */
-task(':serve:e2eapp', serverTask(false));
+task(':serve:e2eapp', serverTask(outDir, false));
 
 /** Terminates the e2e app server */
 task(':serve:e2eapp:stop', gulpConnect.serverClose);
@@ -52,17 +48,13 @@ task('serve:e2eapp', sequenceTask('build:e2eapp', ':serve:e2eapp'));
  * [Watch task] Builds and serves e2e app, rebuilding whenever the sources change.
  * This should only be used when running e2e tests locally.
  */
-task('serve:e2eapp:watch', ['serve:e2eapp', ':watch:components', ':watch:e2eapp']);
+task('serve:e2eapp:watch', ['serve:e2eapp', 'library:watch', ':watch:e2eapp']);
 
 /**
  * Builds and serves the e2e-app and runs protractor once the e2e-app is ready.
  */
-task('e2e', (done: (err?: string) => void) => {
-  gulpRunSequence(
-    ':test:protractor:setup',
-    'serve:e2eapp',
-    ':test:protractor',
-    ':serve:e2eapp:stop',
-    (err: any) => done(err)
-  );
-});
+task('e2e', sequenceTask(
+  [':test:protractor:setup', 'serve:e2eapp'],
+  ':test:protractor',
+  ':serve:e2eapp:stop',
+));
diff --git a/tools/gulp/tasks/library.ts b/tools/gulp/tasks/library.ts
new file mode 100644
index 000000000000..2de4da5c29d4
--- /dev/null
+++ b/tools/gulp/tasks/library.ts
@@ -0,0 +1,93 @@
+import {task, watch} from 'gulp';
+import {join} from 'path';
+import {main as tsc} from '@angular/tsc-wrapped';
+import {SOURCE_ROOT, DIST_BUNDLES, DIST_MATERIAL} from '../constants';
+import {sequenceTask, sassBuildTask, copyTask, triggerLivereload} from '../util/task_helpers';
+import {createRollupBundle} from '../util/rollup-helper';
+import {transpileFile} from '../util/ts-compiler';
+import {ScriptTarget, ModuleKind} from 'typescript';
+import {writeFileSync} from 'fs';
+
+// There are no type definitions available for these imports.
+const inlineResources = require('../../../scripts/release/inline-resources');
+const uglify = require('uglify-js');
+
+const libraryRoot = join(SOURCE_ROOT, 'lib');
+const tsconfigPath = join(libraryRoot, 'tsconfig.json');
+
+// Paths to the different output directories.
+const materialDir = DIST_MATERIAL;
+const bundlesDir = DIST_BUNDLES;
+
+const esmMainFile = join(materialDir, 'index.js');
+
+task('library:build', sequenceTask(
+  'clean',
+  ['library:build:esm', 'library:assets'],
+  // Inline assets into ESM output.
+  'library:assets:inline',
+  // Build bundles on top of inlined ESM output.
+  'library:build:bundles',
+));
+
+/** [Watch task] Rebuilds the library whenever TS, SCSS, or HTML files change. */
+task('library:watch', () => {
+  watch(join(libraryRoot, '**/*.ts'), ['library:build', triggerLivereload]);
+  watch(join(libraryRoot, '**/*.scss'), ['library:build', triggerLivereload]);
+  watch(join(libraryRoot, '**/*.html'), ['library:build', triggerLivereload]);
+});
+
+/**
+ * TypeScript compilation tasks. Tasks are creating ESM, FESM, UMD bundles for releases.
+ **/
+
+task('library:build:esm', () => tsc(tsconfigPath, {basePath: libraryRoot}));
+task('library:build:bundles', () => buildModuleEntry(esmMainFile));
+
+/** Builds a module entry-point. If no entry name is specified it builds the whole library. */
+async function buildModuleEntry(entryFile: string, entryName = '') {
+  let baseFileName = entryName ? `material-${entryName}` : 'material';
+  let moduleName = entryName ? `ng.material.${entryName}` : 'ng.material';
+
+  // List of paths for the specified entrypoint.
+  let fesm2015File = join(bundlesDir, `${baseFileName}.js`);
+  let fesm2014File = join(bundlesDir, `${baseFileName}.es5.js`);
+  let umdFile = join(bundlesDir, `${baseFileName}.umd.js`);
+  let umdMinFile = join(bundlesDir, `${baseFileName}.umd.min.js`);
+
+  // Build FESM-2015 bundle file.
+  await createRollupBundle({
+    moduleName: moduleName,
+    entry: entryFile,
+    dest: fesm2015File,
+    format: 'es',
+  });
+
+  // Downlevel FESM-2015 file to ES5.
+  transpileFile(fesm2015File, fesm2014File, {
+    target: ScriptTarget.ES5,
+    module: ModuleKind.ES2015,
+    allowJs: true
+  });
+
+  // Create UMD bundle of FESM-2014 output.
+  await createRollupBundle({
+    moduleName: moduleName,
+    entry: fesm2014File,
+    dest: umdFile,
+    format: 'umd'
+  });
+
+  // Output a minified version of the UMD bundle
+  writeFileSync(umdMinFile, uglify.minify(umdFile, { preserveComments: 'license' }).code);
+}
+
+/**
+ * Asset tasks. Building SaSS files and inlining CSS, HTML files into the ESM output.
+ **/
+
+task('library:assets', ['library:assets:scss', 'library:assets:html']);
+
+task('library:assets:scss', sassBuildTask(materialDir, libraryRoot, true));
+task('library:assets:html', copyTask(join(libraryRoot, '**/*.+(html|scss)'), materialDir));
+task('library:assets:inline', () => inlineResources(materialDir));
diff --git a/tools/gulp/tasks/lint.ts b/tools/gulp/tasks/lint.ts
index fdbf62a16a05..3bec3c40aa55 100644
--- a/tools/gulp/tasks/lint.ts
+++ b/tools/gulp/tasks/lint.ts
@@ -1,10 +1,11 @@
 import gulp = require('gulp');
 import {execNodeTask} from '../util/task_helpers';
+import {DIST_MATERIAL} from '../constants';
 
 gulp.task('lint', ['tslint', 'stylelint', 'madge']);
 
 /** Task that runs madge to detect circular dependencies. */
-gulp.task('madge', ['build:release'], execNodeTask('madge', ['--circular', './dist']));
+gulp.task('madge', ['library:build'], execNodeTask('madge', ['--circular', DIST_MATERIAL]));
 
 /** Task to lint Angular Material's scss stylesheets. */
 gulp.task('stylelint', execNodeTask(
diff --git a/tools/gulp/tasks/payload.ts b/tools/gulp/tasks/payload.ts
index fcb2e3f245c9..4d10d4c373cd 100644
--- a/tools/gulp/tasks/payload.ts
+++ b/tools/gulp/tasks/payload.ts
@@ -1,22 +1,21 @@
 import {task} from 'gulp';
 import {join} from 'path';
-import {statSync, readFileSync} from 'fs';
-import {DIST_COMPONENTS_ROOT} from '../constants';
+import {statSync} from 'fs';
+import {DIST_ROOT} from '../constants';
 import {spawnSync} from 'child_process';
 import {isTravisPushBuild} from '../util/travis-ci';
 import {openFirebaseDashboardDatabase} from '../util/firebase';
 
-// There are no type definitions available for these imports.
-const uglifyJs = require('uglify-js');
-
-const BUNDLE_PATH = join(DIST_COMPONENTS_ROOT, 'bundles', 'material.umd.js');
+const bundlesDir = join(DIST_ROOT, 'bundles');
 
 /** Task which runs test against the size of whole library. */
-task('payload', ['build:release'], () => {
+task('payload', ['library:build'], () => {
 
   let results = {
-    umd_kb: getFilesize(BUNDLE_PATH),
-    umd_minified_uglify_kb: getUglifiedSize(BUNDLE_PATH),
+    umd_kb: getBundleSize('material.umd.js'),
+    umd_minified_uglify_kb: getBundleSize('material.umd.min.js'),
+    fesm_2015: getBundleSize('material.js'),
+    fesm_2014: getBundleSize('material.es5.js'),
     timestamp: Date.now()
   };
 
@@ -30,22 +29,16 @@ task('payload', ['build:release'], () => {
 
 });
 
+/** Returns the size of the given library bundle. */
+function getBundleSize(bundleName: string) {
+  return getFilesize(join(bundlesDir, bundleName));
+}
+
 /** Returns the size of a file in kilobytes. */
 function getFilesize(filePath: string) {
   return statSync(filePath).size / 1000;
 }
 
-/** Returns the size of a uglify minified file in kilobytes */
-function getUglifiedSize(filePath: string) {
-  let fileContent = readFileSync(filePath, 'utf-8');
-
-  let compressedFile = uglifyJs.minify(fileContent, {
-    fromString: true
-  });
-
-  return Buffer.byteLength(compressedFile.code, 'utf8') / 1000;
-}
-
 /** Publishes the given results to the firebase database. */
 function publishResults(results: any) {
   let latestSha = spawnSync('git', ['rev-parse', 'HEAD']).stdout.toString().trim();
diff --git a/tools/gulp/tasks/release.ts b/tools/gulp/tasks/release.ts
index a02c62cfc580..62acd99cd639 100644
--- a/tools/gulp/tasks/release.ts
+++ b/tools/gulp/tasks/release.ts
@@ -1,30 +1,74 @@
 import {spawn} from 'child_process';
-import {existsSync, statSync} from 'fs';
-import {task} from 'gulp';
-import gulpRunSequence = require('run-sequence');
-import path = require('path');
-import minimist = require('minimist');
-
-import {execTask, cleanTask} from '../util/task_helpers';
-import {DIST_COMPONENTS_ROOT} from '../constants';
-
+import {existsSync, statSync, copySync, writeFileSync} from 'fs-extra';
+import {join} from 'path';
+import {task, src, dest} from 'gulp';
+import {execTask, sequenceTask} from '../util/task_helpers';
+import {
+  DIST_RELEASE, DIST_BUNDLES, DIST_MATERIAL, COMPONENTS_DIR, LICENSE_BANNER
+} from '../constants';
+import * as minimist from 'minimist';
+
+// There are no type definitions available for these imports.
+const gulpRename = require('gulp-rename');
+
+/** Parse command-line arguments for release task. */
 const argv = minimist(process.argv.slice(3));
 
-/** Removes redundant spec files from the release. TypeScript creates definition files for specs. */
-// TODO(devversion): tsconfig files should share code and don't generate spec files for releases.
-task(':build:release:clean-spec', cleanTask('dist/**/*+(-|.)spec.*'));
+// Matches all Typescript definition files for Material.
+const typingsGlob = join(DIST_MATERIAL, '**/*.d.ts');
+// Matches the "package.json" and "README.md" file that needs to be shipped.
+const assetsGlob = join(COMPONENTS_DIR, '+(package.json|README.md)');
+// Matches all UMD bundles inside of the bundles distribution.
+const umdGlob = join(DIST_BUNDLES, '*.umd.*');
+// Matches all flat ESM bundles (e.g material.js and material.es5.js)
+const fesmGlob = [join(DIST_BUNDLES, '*.js'), `!${umdGlob}`];
+
+task('build:release', sequenceTask(
+  'library:build',
+  ':package:release',
+));
+
+/** Task that combines intermediate build artifacts into the release package structure. */
+task(':package:release', [
+  ':package:metadata',
+  ':package:typings',
+  ':package:umd',
+  ':package:fesm',
+  ':package:assets'
+]);
+
+/** Copy metatadata.json and associated d.ts files to the root of the package structure. */
+task(':package:metadata', [':package:fix-metadata'], () => {
+  // See: https://github.com/angular/angular/blob/master/build.sh#L293-L294
+  copySync(join(DIST_MATERIAL, 'index.metadata.json'),
+      join(DIST_RELEASE, 'material.metadata.json'));
+});
 
+/**
+ * Workaround for a @angular/tsc-wrapped issue, where the compiler looks for component assets
+ * in the wrong folder. This issue only appears for bundled metadata files.
+ * As a workaround, we just copy all assets next to the metadata bundle.
+ **/
+task(':package:fix-metadata', () => {
+  return src('**/*.+(html|css)', { cwd: DIST_MATERIAL })
+  .pipe(gulpRename({dirname: ''}))
+  .pipe(dest(DIST_RELEASE));
+});
 
-task('build:release', function(done: () => void) {
-  // Synchronously run those tasks.
-  gulpRunSequence(
-    'clean',
-    ':build:components:release',
-    ':build:release:clean-spec',
-    done
-  );
+task(':package:assets', () => src(assetsGlob).pipe(dest(DIST_RELEASE)));
+
+/** Copy all d.ts except the special flat typings from ngc to typings/ in the release package. */
+task(':package:typings', () => {
+  return src(typingsGlob)
+    .pipe(dest(join(DIST_RELEASE, 'typings')))
+    .on('end', () => createTypingFile());
 });
 
+/** Copy umd bundles to the root of the release package. */
+task(':package:umd', () => src(umdGlob).pipe((dest(join(DIST_RELEASE, 'bundles')))));
+
+/** Copy primary entry-point FESM bundles to the @angular/ directory. */
+task(':package:fesm', () => src(fesmGlob).pipe(dest(join(DIST_RELEASE, '@angular'))));
 
 /** Make sure we're logged in. */
 task(':publish:whoami', execTask('npm', ['whoami'], {
@@ -32,19 +76,30 @@ task(':publish:whoami', execTask('npm', ['whoami'], {
   errMessage: 'You must be logged in to publish.'
 }));
 
+/** Create a typing file that links to the bundled definitions of NGC. */
+function createTypingFile() {
+  writeFileSync(join(DIST_RELEASE, 'material.d.ts'),
+    LICENSE_BANNER + '\nexport * from "./typings/index";'
+  );
+}
+
 task(':publish:logout', execTask('npm', ['logout']));
 
 
 function _execNpmPublish(label: string): Promise<{}> {
-  const packageDir = DIST_COMPONENTS_ROOT;
+  const packageDir = DIST_RELEASE;
   if (!statSync(packageDir).isDirectory()) {
     return;
   }
 
-  if (!existsSync(path.join(packageDir, 'package.json'))) {
+  if (!existsSync(join(packageDir, 'package.json'))) {
     throw new Error(`"${packageDir}" does not have a package.json.`);
   }
 
+  if (!existsSync(join(packageDir, 'LICENSE'))) {
+    throw new Error(`"${packageDir}" does not have a LICENSE file`);
+  }
+
   process.chdir(packageDir);
   console.log(`Publishing material...`);
 
@@ -94,12 +149,9 @@ task(':publish', function(done: (err?: any) => void) {
     .then(() => process.chdir(currentDir));
 });
 
-task('publish', function(done: () => void) {
-  gulpRunSequence(
-    ':publish:whoami',
-    'build:release',
-    ':publish',
-    ':publish:logout',
-    done
-  );
-});
+task('publish', sequenceTask(
+  ':publish:whoami',
+  'build:release',
+  ':publish',
+  ':publish:logout',
+));
diff --git a/tools/gulp/tasks/serve.ts b/tools/gulp/tasks/serve.ts
deleted file mode 100644
index d33123dc7c0b..000000000000
--- a/tools/gulp/tasks/serve.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import {task} from 'gulp';
-import {serverTask} from '../util/task_helpers';
-
-
-task('serve', serverTask());
diff --git a/tools/gulp/tasks/unit-test.ts b/tools/gulp/tasks/unit-test.ts
index 8ae722d180de..7a1255f6d234 100644
--- a/tools/gulp/tasks/unit-test.ts
+++ b/tools/gulp/tasks/unit-test.ts
@@ -1,50 +1,35 @@
-import gulp = require('gulp');
-import path = require('path');
-import gulpMerge = require('merge2');
-
+import {join} from 'path';
+import {task, watch} from 'gulp';
+import {main as ngc} from '@angular/compiler-cli';
 import {PROJECT_ROOT, COMPONENTS_DIR} from '../constants';
 import {sequenceTask} from '../util/task_helpers';
 
-const karma = require('karma');
+// There are no type definitions available for these imports.
 const runSequence = require('run-sequence');
 
-/** Copies deps for unit tests to the build output. */
-gulp.task(':build:test:vendor', function() {
-  const npmVendorFiles = [
-    '@angular', 'core-js/client', 'hammerjs', 'rxjs', 'systemjs/dist', 'zone.js/dist'
-  ];
+const tsconfigFile = join(COMPONENTS_DIR, 'tsconfig-specs.json');
 
-  return gulpMerge(
-    npmVendorFiles.map(function(root) {
-      const glob = path.join(root, '**/*.+(js|js.map)');
-      return gulp.src(path.join('node_modules', glob))
-        .pipe(gulp.dest(path.join('dist/vendor', root)));
-    }));
-});
+/** Builds the library with a tsconfig file that includes spec files. */
+task(':test:build:library-specs', () => ngc(tsconfigFile, {basePath: COMPONENTS_DIR}));
 
-/** Builds dependencies for unit tests. */
-gulp.task(':test:deps', sequenceTask(
+/** Builds everything that is necessary for karma. */
+task(':test:build', sequenceTask(
   'clean',
-  [
-    ':build:test:vendor',
-    ':build:components:assets',
-    ':build:components:scss',
-    ':build:components:ts:spec',
-  ]
+  ':test:build:library-specs',
+  'library:assets',
+  'library:assets:inline',
 ));
 
-
-/** Build unit test dependencies and then inlines resources (html, css) into the JS output. */
-gulp.task(':test:deps:inline', sequenceTask(':test:deps', ':inline-resources'));
-
 /**
- * Runs the unit tests once with inlined resources (html, css). Does not watch for changes.
- *
+ * Runs the unit tests. Does not watch for changes.
  * This task should be used when running tests on the CI server.
  */
-gulp.task('test:single-run', [':test:deps:inline'], (done: () => void) => {
+task('test:single-run', [':test:build'], (done: () => void) => {
+  // Load karma not outside. Karma pollutes Promise with a different implementation.
+  let karma = require('karma');
+
   new karma.Server({
-    configFile: path.join(PROJECT_ROOT, 'test/karma.conf.js'),
+    configFile: join(PROJECT_ROOT, 'test/karma.conf.js'),
     singleRun: true
   }, (exitCode: number) => {
     // Immediately exit the process if Karma reported errors, because due to
@@ -64,12 +49,14 @@ gulp.task('test:single-run', [':test:deps:inline'], (done: () => void) => {
  *
  * This task should be used when running unit tests locally.
  */
-gulp.task('test', [':test:deps'], () => {
-  let patternRoot = path.join(COMPONENTS_DIR, '**/*');
+task('test', [':test:build'], () => {
+  let patternRoot = join(COMPONENTS_DIR, '**/*');
+  // Load karma not outside. Karma pollutes Promise with a different implementation.
+  let karma = require('karma');
 
   // Configure the Karma server and override the autoWatch and singleRun just in case.
   let server = new karma.Server({
-    configFile: path.join(PROJECT_ROOT, 'test/karma.conf.js'),
+    configFile: join(PROJECT_ROOT, 'test/karma.conf.js'),
     autoWatch: false,
     singleRun: false
   });
@@ -86,8 +73,6 @@ gulp.task('test', [':test:deps'], () => {
   server.start();
   server.on('browser_register', () => runTests());
 
-  // Watch for file changes, rebuild and run the tests.
-  gulp.watch(patternRoot + '.ts', () => runSequence(':build:components:ts:spec', runTests));
-  gulp.watch(patternRoot + '.scss', () => runSequence(':build:components:scss', runTests));
-  gulp.watch(patternRoot + '.html', () => runSequence(':build:components:assets', runTests));
+  // Whenever a file change has been recognized, rebuild and re-run the tests.
+  watch(patternRoot + '.+(ts|scss|html)', () => runSequence(':test:build', runTests));
 });
diff --git a/tools/gulp/tsconfig.json b/tools/gulp/tsconfig.json
index 5a09195713a2..50414a019e52 100644
--- a/tools/gulp/tsconfig.json
+++ b/tools/gulp/tsconfig.json
@@ -1,25 +1,17 @@
 {
   "compilerOptions": {
-    "declaration": true,
-    "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "lib": ["es6", "es2015"],
+    "lib": ["es2015", "dom"],
     "module": "commonjs",
     "moduleResolution": "node",
     "noEmitOnError": true,
     "noImplicitAny": true,
-    "outDir": "../../dist/gulp",
-    "rootDir": ".",
-    "sourceMap": true,
     "target": "es5",
-    "inlineSources": true,
-    "stripInternal": false,
-    "baseUrl": "",
-    "typeRoots": [
-      "../../node_modules/@types"
-    ],
     "types": [
       "node"
     ]
-  }
+  },
+  "files": [
+    "gulpfile.ts"
+  ]
 }
diff --git a/tools/gulp/util/rollup-helper.ts b/tools/gulp/util/rollup-helper.ts
new file mode 100644
index 000000000000..dbf746b1fce5
--- /dev/null
+++ b/tools/gulp/util/rollup-helper.ts
@@ -0,0 +1,64 @@
+import {LICENSE_BANNER} from '../constants';
+
+// There are no type definitions available for these imports.
+const rollup = require('rollup');
+
+const ROLLUP_GLOBALS = {
+  // Angular dependencies
+  '@angular/animations': 'ng.animations',
+  '@angular/core': 'ng.core',
+  '@angular/common': 'ng.common',
+  '@angular/forms': 'ng.forms',
+  '@angular/http': 'ng.http',
+  '@angular/platform-browser': 'ng.platformBrowser',
+  '@angular/platform-browser-dynamic': 'ng.platformBrowserDynamic',
+  '@angular/platform-browser/animations': 'ng.platformBrowser.animations',
+
+  // Rxjs dependencies
+  'rxjs/Subject': 'Rx',
+  'rxjs/add/observable/fromEvent': 'Rx.Observable',
+  'rxjs/add/observable/forkJoin': 'Rx.Observable',
+  'rxjs/add/observable/of': 'Rx.Observable',
+  'rxjs/add/observable/merge': 'Rx.Observable',
+  'rxjs/add/observable/throw': 'Rx.Observable',
+  'rxjs/add/operator/auditTime': 'Rx.Observable.prototype',
+  'rxjs/add/operator/toPromise': 'Rx.Observable.prototype',
+  'rxjs/add/operator/map': 'Rx.Observable.prototype',
+  'rxjs/add/operator/filter': 'Rx.Observable.prototype',
+  'rxjs/add/operator/do': 'Rx.Observable.prototype',
+  'rxjs/add/operator/share': 'Rx.Observable.prototype',
+  'rxjs/add/operator/finally': 'Rx.Observable.prototype',
+  'rxjs/add/operator/catch': 'Rx.Observable.prototype',
+  'rxjs/add/operator/first': 'Rx.Observable.prototype',
+  'rxjs/add/operator/startWith': 'Rx.Observable.prototype',
+  'rxjs/add/operator/switchMap': 'Rx.Observable.prototype',
+  'rxjs/Observable': 'Rx'
+};
+
+export type BundleConfig = {
+  entry: string;
+  dest: string;
+  format: string;
+  moduleName: string;
+};
+
+/** Creates a rollup bundles of the Material components.*/
+export function createRollupBundle(config: BundleConfig): Promise<any> {
+  let bundleOptions = {
+    context: 'this',
+    external: Object.keys(ROLLUP_GLOBALS),
+    entry: config.entry
+  };
+
+  let writeOptions = {
+    // Keep the moduleId empty because we don't want to force developers to a specific moduleId.
+    moduleId: '',
+    moduleName: config.moduleName || 'ng.material',
+    banner: LICENSE_BANNER,
+    format: config.format,
+    dest: config.dest,
+    globals: ROLLUP_GLOBALS,
+  };
+
+  return rollup.rollup(bundleOptions).then((bundle: any) => bundle.write(writeOptions));
+}
diff --git a/tools/gulp/util/task_helpers.ts b/tools/gulp/util/task_helpers.ts
index 377d5ff77781..c22fc480420d 100644
--- a/tools/gulp/util/task_helpers.ts
+++ b/tools/gulp/util/task_helpers.ts
@@ -3,8 +3,6 @@ import * as fs from 'fs';
 import * as gulp from 'gulp';
 import * as path from 'path';
 import {NPM_VENDOR_FILES, PROJECT_ROOT, DIST_ROOT} from '../constants';
-import {CompilerOptions} from 'typescript';
-import {compileProject} from './ts-compiler';
 
 /* Those imports lack typings. */
 const gulpClean = require('gulp-clean');
@@ -16,7 +14,9 @@ const gulpConnect = require('gulp-connect');
 const gulpIf = require('gulp-if');
 const gulpCleanCss = require('gulp-clean-css');
 
+// There are no type definitions available for these imports.
 const resolveBin = require('resolve-bin');
+const httpRewrite = require('http-rewrite-middleware');
 
 /** If the string passed in is a glob, returns it, otherwise append '**\/*' to it. */
 function _globify(maybeGlob: string, suffix = '**/*') {
@@ -34,8 +34,8 @@ function _globify(maybeGlob: string, suffix = '**/*') {
 
 
 /** Creates a task that runs the TypeScript compiler */
-export function tsBuildTask(tsConfigPath: string, extraOptions?: CompilerOptions) {
-  return () => compileProject(tsConfigPath, extraOptions);
+export function tsBuildTask(tsConfigPath: string) {
+  return execNodeTask('typescript', 'tsc', ['-p', tsConfigPath]);
 }
 
 
@@ -134,14 +134,14 @@ export function cleanTask(glob: string) {
 
 /** Build an task that depends on all application build tasks. */
 export function buildAppTask(appName: string) {
-  const buildTasks = ['vendor', 'ts', 'scss', 'assets']
+  const buildTasks = ['ts', 'scss', 'assets']
     .map(taskName => `:build:${appName}:${taskName}`)
     .filter(taskName => gulp.hasTask(taskName));
 
   return (done: () => void) => {
     gulpRunSequence(
       'clean',
-      'build:components',
+      'library:build',
       [...buildTasks],
       done
     );
@@ -150,22 +150,35 @@ export function buildAppTask(appName: string) {
 
 
 /** Create a task that copies vendor files in the proper destination. */
-export function vendorTask() {
+export function vendorTask(outDir = path.join(DIST_ROOT, 'vendor')) {
   return () => gulpMerge(
-    NPM_VENDOR_FILES.map(root => {
-      const glob = path.join(PROJECT_ROOT, 'node_modules', root, '**/*.+(js|js.map)');
-      return gulp.src(glob).pipe(gulp.dest(path.join(DIST_ROOT, 'vendor', root)));
+    NPM_VENDOR_FILES.map(pkg => {
+      const glob = path.join(PROJECT_ROOT, 'node_modules', pkg, '**/*.+(js|js.map)');
+      return gulp.src(glob).pipe(gulp.dest(path.join(outDir, pkg)));
     }));
 }
 
-/** Create a task that serves the dist folder. */
-export function serverTask(livereload = true) {
+/**
+ * Create a task that serves a given directory in the project.
+ * The server rewrites all node_module/ or dist/ requests to the correct directory.
+ */
+export function serverTask(packagePath: string, livereload = true) {
+  // The http-rewrite-middlware only supports relative paths as rewrite destinations.
+  let relativePath = path.relative(PROJECT_ROOT, packagePath);
+
   return () => {
     gulpConnect.server({
-      root: 'dist/',
+      root: PROJECT_ROOT,
       livereload: livereload,
       port: 4200,
-      fallback: 'dist/index.html'
+      fallback: path.join(packagePath, 'index.html'),
+      middleware: () => {
+        return [httpRewrite.getMiddleware([
+          { from: '^/node_modules/(.*)$', to: '/node_modules/$1' },
+          { from: '^/dist/(.*)$', to: '/dist/$1' },
+          { from: '^(.*)$', to: `/${relativePath}/$1` }
+        ])];
+      }
     });
   };
 }
diff --git a/tools/gulp/util/ts-compiler.ts b/tools/gulp/util/ts-compiler.ts
index ab1890066c32..1e875d706d8b 100644
--- a/tools/gulp/util/ts-compiler.ts
+++ b/tools/gulp/util/ts-compiler.ts
@@ -1,9 +1,10 @@
 import * as ts from 'typescript';
 import * as path from 'path';
+import * as fs from 'fs';
 import * as chalk from 'chalk';
 
 /** Compiles a TypeScript project with possible extra options. */
-export function compileProject(project: string, options: ts.CompilerOptions) {
+export function compileProject(project: string, options: ts.CompilerOptions = {}) {
   let parsed = parseProjectConfig(project, options);
   let program = ts.createProgram(parsed.fileNames, parsed.options);
   let baseDir = program.getCurrentDirectory();
@@ -16,6 +17,16 @@ export function compileProject(project: string, options: ts.CompilerOptions) {
   reportDiagnostics(emitResult.diagnostics, baseDir);
 }
 
+/** Reads a input file and transpiles it into a new file. */
+export function transpileFile(inputPath: string, outputPath: string, options: ts.CompilerOptions) {
+  let inputFile = fs.readFileSync(inputPath, 'utf-8');
+  let transpiled = ts.transpileModule(inputFile, { compilerOptions: options });
+
+  reportDiagnostics(transpiled.diagnostics);
+
+  fs.writeFileSync(outputPath, transpiled.outputText);
+}
+
 /** Parses a TypeScript project configuration. */
 function parseProjectConfig(project: string, options: ts.CompilerOptions) {
   let config = ts.readConfigFile(project, ts.sys.readFile).config;
diff --git a/yarn.lock b/yarn.lock
index 65e91a9da026..0a4d2c97c327 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,57 +2,62 @@
 # yarn lockfile v1
 
 
-"@angular/common@^2.3.0":
-  version "2.4.7"
-  resolved "https://registry.yarnpkg.com/@angular/common/-/common-2.4.7.tgz#9316daf90e353e67187d2e0afec5521c2001bd4b"
+"@angular/animations@^4.0.0-rc.5":
+  version "4.0.0-rc.5"
+  resolved "https://registry.yarnpkg.com/@angular/animations/-/animations-4.0.0-rc.5.tgz#c6e139f4eef4e357dbf3e5e941726be984498489"
 
-"@angular/compiler-cli@^2.3.0":
-  version "2.4.7"
-  resolved "https://registry.yarnpkg.com/@angular/compiler-cli/-/compiler-cli-2.4.7.tgz#15768141816903636593f430ff9a808d98a2a762"
+"@angular/common@^4.0.0-rc.5":
+  version "4.0.0-rc.5"
+  resolved "https://registry.yarnpkg.com/@angular/common/-/common-4.0.0-rc.5.tgz#27c1ff77d3a86fa77533255f9829a9b7b366be60"
+
+"@angular/compiler-cli@^4.0.0-rc.5":
+  version "4.0.0-rc.5"
+  resolved "https://registry.yarnpkg.com/@angular/compiler-cli/-/compiler-cli-4.0.0-rc.5.tgz#cb7f62459d7063c8a0188a7870eb773cc7f27ef3"
   dependencies:
-    "@angular/tsc-wrapped" "0.5.2"
+    "@angular/tsc-wrapped" "4.0.0-rc.5"
     minimist "^1.2.0"
     reflect-metadata "^0.1.2"
 
-"@angular/compiler@^2.3.0":
-  version "2.4.7"
-  resolved "https://registry.yarnpkg.com/@angular/compiler/-/compiler-2.4.7.tgz#008c1f0d1409c46fbba215fe8ab0d886252c7ff0"
+"@angular/compiler@^4.0.0-rc.5":
+  version "4.0.0-rc.5"
+  resolved "https://registry.yarnpkg.com/@angular/compiler/-/compiler-4.0.0-rc.5.tgz#3f5c0fc99c0fd843287a3f2efc62e28b0d8fa177"
 
-"@angular/core@^2.3.0":
-  version "2.4.7"
-  resolved "https://registry.yarnpkg.com/@angular/core/-/core-2.4.7.tgz#8bed9a2d37e81342bd41d189df88aa3e02393cfb"
+"@angular/core@^4.0.0-rc.5":
+  version "4.0.0-rc.5"
+  resolved "https://registry.yarnpkg.com/@angular/core/-/core-4.0.0-rc.5.tgz#2e4a2d8ca2f1466857ebb634240e17ff9b697ec5"
 
-"@angular/forms@^2.3.0":
-  version "2.4.7"
-  resolved "https://registry.yarnpkg.com/@angular/forms/-/forms-2.4.7.tgz#d34a36110e10f641aa1e1420b5c2df65987fd8bb"
+"@angular/forms@^4.0.0-rc.5":
+  version "4.0.0-rc.5"
+  resolved "https://registry.yarnpkg.com/@angular/forms/-/forms-4.0.0-rc.5.tgz#f12ed864cd83ea88c55e498fe1a4d94948139eae"
 
-"@angular/http@^2.3.0":
-  version "2.4.7"
-  resolved "https://registry.yarnpkg.com/@angular/http/-/http-2.4.7.tgz#b024b2b49ae0234258d42309e46f65862a42070d"
+"@angular/http@^4.0.0-rc.5":
+  version "4.0.0-rc.5"
+  resolved "https://registry.yarnpkg.com/@angular/http/-/http-4.0.0-rc.5.tgz#59c17065a57eb07d8494447e1a52a5ec3bafb347"
 
-"@angular/platform-browser-dynamic@^2.3.0":
-  version "2.4.7"
-  resolved "https://registry.yarnpkg.com/@angular/platform-browser-dynamic/-/platform-browser-dynamic-2.4.7.tgz#9632586f9ce596186be4c124c3ea0a4a74b27b46"
+"@angular/platform-browser-dynamic@^4.0.0-rc.5":
+  version "4.0.0-rc.5"
+  resolved "https://registry.yarnpkg.com/@angular/platform-browser-dynamic/-/platform-browser-dynamic-4.0.0-rc.5.tgz#75218aef8993559900b6cccd41404ec54c58b24d"
 
-"@angular/platform-browser@^2.3.0":
-  version "2.4.7"
-  resolved "https://registry.yarnpkg.com/@angular/platform-browser/-/platform-browser-2.4.7.tgz#19f7996a70f07b34ce8d6d0e255544e62cae75f1"
+"@angular/platform-browser@^4.0.0-rc.5":
+  version "4.0.0-rc.5"
+  resolved "https://registry.yarnpkg.com/@angular/platform-browser/-/platform-browser-4.0.0-rc.5.tgz#d848e16a0c27b55f3f80ee87ce714f415172586f"
 
-"@angular/platform-server@^2.3.0":
-  version "2.4.7"
-  resolved "https://registry.yarnpkg.com/@angular/platform-server/-/platform-server-2.4.7.tgz#e2a9f283b4eb25b967ab085c83350c0a08927617"
+"@angular/platform-server@^4.0.0-rc.5":
+  version "4.0.0-rc.5"
+  resolved "https://registry.yarnpkg.com/@angular/platform-server/-/platform-server-4.0.0-rc.5.tgz#e7a2e5ccbd4906a8001c2712bc30c9f53f5fea7d"
   dependencies:
-    parse5 "^2.2.1"
+    parse5 "^3.0.1"
+    xhr2 "^0.1.4"
 
-"@angular/router@^3.3.0":
-  version "3.4.7"
-  resolved "https://registry.yarnpkg.com/@angular/router/-/router-3.4.7.tgz#e9583eed5a1d50cc1628b2526244555444a746b8"
+"@angular/router@^4.0.0-rc.5":
+  version "4.0.0-rc.5"
+  resolved "https://registry.yarnpkg.com/@angular/router/-/router-4.0.0-rc.5.tgz#2a4e6d0d03731da0fbed4792d3bb4e2555a549d6"
 
-"@angular/tsc-wrapped@0.5.2":
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/@angular/tsc-wrapped/-/tsc-wrapped-0.5.2.tgz#2eddf472c467fcb334ea94deddaaa71990c5a482"
+"@angular/tsc-wrapped@4.0.0-rc.5":
+  version "4.0.0-rc.5"
+  resolved "https://registry.yarnpkg.com/@angular/tsc-wrapped/-/tsc-wrapped-4.0.0-rc.5.tgz#b2c0be0fd08ca6cff0364f6df6ebfc2a6a9356d1"
   dependencies:
-    tsickle "^0.2"
+    tsickle "^0.21.0"
 
 "@google-cloud/bigquery@^0.8.0":
   version "0.8.0"
@@ -328,6 +333,10 @@
     rgb-hex "^1.0.0"
     string-format-obj "^1.0.0"
 
+"@types/chalk@^0.4.31":
+  version "0.4.31"
+  resolved "https://registry.yarnpkg.com/@types/chalk/-/chalk-0.4.31.tgz#a31d74241a6b1edbb973cf36d97a2896834a51f9"
+
 "@types/fs-extra@0.0.37":
   version "0.0.37"
   resolved "https://registry.yarnpkg.com/@types/fs-extra/-/fs-extra-0.0.37.tgz#195f11bcd9a1b97d9e412c6b66899b545471a1f7"
@@ -377,18 +386,14 @@
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.0.tgz#69a23a3ad29caf0097f06eda59b361ee2f0639f6"
 
-"@types/node@*":
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-7.0.4.tgz#9aabc135979ded383325749f508894c662948c8b"
+"@types/node@*", "@types/node@^7.0.5":
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-7.0.5.tgz#96a0f0a618b7b606f1ec547403c00650210bfbb7"
 
 "@types/node@^6.0.46":
   version "6.0.60"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-6.0.60.tgz#e7e134ebc674ae6ed93c36c767739b110d2c57fc"
 
-"@types/node@^7.0.5":
-  version "7.0.5"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-7.0.5.tgz#96a0f0a618b7b606f1ec547403c00650210bfbb7"
-
 "@types/orchestrator@*":
   version "0.0.30"
   resolved "https://registry.yarnpkg.com/@types/orchestrator/-/orchestrator-0.0.30.tgz#dcdda8d647b568b7b1e34178cb1f0b44ac9a98e5"
@@ -434,7 +439,11 @@ JSONStream@^1.0.4, JSONStream@^1.0.7:
     jsonparse "^1.2.0"
     through ">=2.2.7 <3"
 
-abbrev@1:
+abab@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/abab/-/abab-1.0.3.tgz#b81de5f7274ec4e756d797cd834f303642724e5d"
+
+abbrev@1, abbrev@1.0.x:
   version "1.0.9"
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.0.9.tgz#91b4792588a7738c25f35dd6f63752a2f8776135"
 
@@ -452,10 +461,20 @@ accepts@~1.2.12, accepts@~1.2.13:
     mime-types "~2.1.6"
     negotiator "0.5.3"
 
+acorn-globals@^1.0.4:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-1.0.9.tgz#55bb5e98691507b74579d0513413217c380c54cf"
+  dependencies:
+    acorn "^2.1.0"
+
 acorn@4.X:
   version "4.0.4"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.4.tgz#17a8d6a7a6c4ef538b814ec9abac2779293bf30a"
 
+acorn@^2.1.0, acorn@^2.4.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-2.7.0.tgz#ab6e7d9d886aaca8b085bc3312b79a198433f0e7"
+
 adm-zip@0.4.4:
   version "0.4.4"
   resolved "https://registry.yarnpkg.com/adm-zip/-/adm-zip-0.4.4.tgz#a61ed5ae6905c3aea58b3a657d25033091052736"
@@ -524,7 +543,7 @@ ansi-styles@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
 
-any-promise@^1.0.0, any-promise@^1.3.0:
+any-promise@^1.0.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
 
@@ -602,6 +621,10 @@ array-differ@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/array-differ/-/array-differ-1.0.0.tgz#eff52e3758249d33be402b8bb8e564bb2b5d4031"
 
+array-equal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/array-equal/-/array-equal-1.0.0.tgz#8c2a5ef2472fd9ea742b04c77a75093ba2757c93"
+
 array-find-index@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/array-find-index/-/array-find-index-1.0.2.tgz#df010aa1287e164bbda6f9723b0a96a1ec4187a1"
@@ -707,17 +730,17 @@ async@1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/async/-/async-1.4.0.tgz#35f86f83c59e0421d099cd9a91d8278fb578c00d"
 
-async@2.0.1, async@^2.0.0, async@^2.0.1:
+async@1.x, async@^1.3.0, async@^1.4.0, async@^1.4.2, async@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
+
+async@2.0.1, async@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/async/-/async-2.0.1.tgz#b709cc0280a9c36f09f4536be823c838a9049e25"
   dependencies:
     lodash "^4.8.0"
 
-async@^1.3.0, async@^1.4.0, async@^1.4.2, async@^1.5.2:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
-
-async@^2.1.2, async@^2.1.4:
+async@^2.0.0, async@^2.1.2, async@^2.1.4:
   version "2.1.5"
   resolved "https://registry.yarnpkg.com/async/-/async-2.1.5.tgz#e587c68580994ac67fc56ff86d3ac56bdbe810bc"
   dependencies:
@@ -739,15 +762,15 @@ atob@~1.1.0:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/atob/-/atob-1.1.3.tgz#95f13629b12c3a51a5d215abdce2aa9f32f80773"
 
-autoprefixer@^6.0.0:
-  version "6.6.1"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-6.6.1.tgz#11a4077abb4b313253ec2f6e1adb91ad84253519"
+autoprefixer@^6.0.0, autoprefixer@^6.7.6:
+  version "6.7.7"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-6.7.7.tgz#1dbd1c835658e35ce3f9984099db00585c782014"
   dependencies:
-    browserslist "~1.5.1"
-    caniuse-db "^1.0.30000604"
+    browserslist "^1.7.6"
+    caniuse-db "^1.0.30000634"
     normalize-range "^0.1.2"
     num2fraction "^1.2.2"
-    postcss "^5.2.8"
+    postcss "^5.2.16"
     postcss-value-parser "^3.2.3"
 
 aws-sign2@~0.6.0:
@@ -989,11 +1012,12 @@ braces@^1.8.2:
     preserve "^0.2.0"
     repeat-element "^1.1.2"
 
-browserslist@^1.1.1, browserslist@^1.1.3, browserslist@~1.5.1:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-1.5.2.tgz#1c82fde0ee8693e6d15c49b7bff209dc06298c56"
+browserslist@^1.1.1, browserslist@^1.1.3, browserslist@^1.7.6:
+  version "1.7.6"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-1.7.6.tgz#af98589ce6e7ab09618d29451faacb81220bd3ba"
   dependencies:
-    caniuse-db "^1.0.30000604"
+    caniuse-db "^1.0.30000631"
+    electron-to-chromium "^1.2.5"
 
 browserstack@1.5.0:
   version "1.5.0"
@@ -1104,9 +1128,9 @@ camelcase@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.0.0.tgz#8b0f90d44be5e281b903b9887349b92595ef07f2"
 
-caniuse-db@^1.0.30000187, caniuse-db@^1.0.30000604:
-  version "1.0.30000607"
-  resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000607.tgz#f9d5b542f30d064c305544ff8938b217c67b88e9"
+caniuse-db@^1.0.30000187, caniuse-db@^1.0.30000631, caniuse-db@^1.0.30000634:
+  version "1.0.30000639"
+  resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000639.tgz#5982f70a54352adaf8901a772d2c68ca24f501aa"
 
 canonical-path@0.0.2, canonical-path@~0.0.2:
   version "0.0.2"
@@ -1527,16 +1551,7 @@ connect@^2.30.0:
     utils-merge "1.0.0"
     vhost "~3.0.1"
 
-connect@^3.3.3:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/connect/-/connect-3.5.0.tgz#b357525a0b4c1f50599cd983e1d9efeea9677198"
-  dependencies:
-    debug "~2.2.0"
-    finalhandler "0.5.0"
-    parseurl "~1.3.1"
-    utils-merge "1.0.0"
-
-connect@^3.6.0:
+connect@^3.3.3, connect@^3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/connect/-/connect-3.6.0.tgz#f09a4f7dcd17324b663b725c815bdb1c4158a46e"
   dependencies:
@@ -1556,6 +1571,10 @@ constant-case@^2.0.0:
     snake-case "^2.1.0"
     upper-case "^1.1.1"
 
+content-type-parser@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/content-type-parser/-/content-type-parser-1.0.1.tgz#c3e56988c53c65127fb46d4032a3a900246fdc94"
+
 content-type@~1.0.1, content-type@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.2.tgz#b7d113aee7a8dd27bd21133c4dc2529df1721eed"
@@ -1819,6 +1838,16 @@ css@2.X:
     source-map-resolve "^0.3.0"
     urix "^0.1.0"
 
+cssom@0.3.x, "cssom@>= 0.3.0 < 0.4.0":
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.2.tgz#b8036170c79f07a90ff2f16e22284027a243848b"
+
+"cssstyle@>= 0.2.36 < 0.3.0":
+  version "0.2.37"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-0.2.37.tgz#541097234cb2513c83ceed3acddc27ff27987d54"
+  dependencies:
+    cssom "0.3.x"
+
 csurf@~1.8.3:
   version "1.8.3"
   resolved "https://registry.yarnpkg.com/csurf/-/csurf-1.8.3.tgz#23f2a13bf1d8fce1d0c996588394442cba86a56a"
@@ -1854,7 +1883,7 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
-dateformat@^1.0.11, dateformat@^1.0.12, dateformat@^1.0.7-1.2.3:
+dateformat@^1.0.11, dateformat@^1.0.12, dateformat@^1.0.6, dateformat@^1.0.7-1.2.3:
   version "1.0.12"
   resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-1.0.12.tgz#9f124b67594c937ff706932e4a642cca8dbbfee9"
   dependencies:
@@ -1873,9 +1902,9 @@ debug-fabulous@0.0.X:
     lazy-debug-legacy "0.0.X"
     object-assign "4.1.0"
 
-debug@2, debug@2.3.3, debug@2.X, debug@^2.2.0:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-2.3.3.tgz#40c453e67e6e13c901ddec317af8986cda9eff8c"
+debug@2, debug@2.6.1:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.1.tgz#79855090ba2c4e3115cc7d8769491d58f0491351"
   dependencies:
     ms "0.7.2"
 
@@ -1885,9 +1914,9 @@ debug@2.2.0, debug@~2.2.0:
   dependencies:
     ms "0.7.1"
 
-debug@2.6.1:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.1.tgz#79855090ba2c4e3115cc7d8769491d58f0491351"
+debug@2.3.3, debug@2.X, debug@^2.2.0:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.3.3.tgz#40c453e67e6e13c901ddec317af8986cda9eff8c"
   dependencies:
     ms "0.7.2"
 
@@ -2035,14 +2064,15 @@ dgeni-packages@^0.16.5:
     stringmap "^0.2.2"
     typescript "^1.7.5"
 
-dgeni@^0.4.0, dgeni@^0.4.2:
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/dgeni/-/dgeni-0.4.2.tgz#c5f7297922444e9e149368f7d3c3fdb17cc96d28"
+dgeni@^0.4.0, dgeni@^0.4.7:
+  version "0.4.7"
+  resolved "https://registry.yarnpkg.com/dgeni/-/dgeni-0.4.7.tgz#5070627dd28f88d48006e21f55afb18a9cb8be68"
   dependencies:
     canonical-path "~0.0.2"
     dependency-graph "~0.4.1"
     di "0.0.1"
     lodash "^3.10.1"
+    objectdiff "^1.1.0"
     optimist "~0.6.1"
     q "~1.4.1"
     validate.js "^0.9.0"
@@ -2188,17 +2218,21 @@ ee-first@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
 
+electron-to-chromium@^1.2.5:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.2.7.tgz#4f748061407e478c76256d04496972b71f647407"
+
 encodeurl@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.1.tgz#79e3d58655346909fe6f0f45a5de68103b294d20"
 
-end-of-stream@1.0.0, end-of-stream@^1.0.0:
+end-of-stream@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.0.0.tgz#d4596e702734a93e40e9af864319eabd99ff2f0e"
   dependencies:
     once "~1.3.0"
 
-end-of-stream@^1.1.0:
+end-of-stream@^1.0.0, end-of-stream@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.1.0.tgz#e9353258baa9108965efc41cb0ef8ade2f3cfb07"
   dependencies:
@@ -2305,7 +2339,7 @@ escape-string-regexp@^1.0.0, escape-string-regexp@^1.0.2, escape-string-regexp@^
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
 
-escodegen@^1.8.0:
+escodegen@1.8.x, escodegen@^1.6.1, escodegen@^1.8.0:
   version "1.8.1"
   resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.8.1.tgz#5a5b53af4693110bebb0867aa3430dd3b70a1018"
   dependencies:
@@ -2320,7 +2354,7 @@ espree@^2.2.3:
   version "2.2.5"
   resolved "https://registry.yarnpkg.com/espree/-/espree-2.2.5.tgz#df691b9310889402aeb29cc066708c56690b854b"
 
-esprima@^2.6.0, esprima@^2.7.1:
+esprima@2.7.x, esprima@^2.6.0, esprima@^2.7.1:
   version "2.7.3"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-2.7.3.tgz#96e3b70d5779f6ad49cd032673d1c312767ba581"
 
@@ -2542,16 +2576,6 @@ finalhandler@0.4.0:
     on-finished "~2.3.0"
     unpipe "~1.0.0"
 
-finalhandler@0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-0.5.0.tgz#e9508abece9b6dba871a6942a1d7911b91911ac7"
-  dependencies:
-    debug "~2.2.0"
-    escape-html "~1.0.3"
-    on-finished "~2.3.0"
-    statuses "~1.3.0"
-    unpipe "~1.0.0"
-
 finalhandler@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.0.0.tgz#b5691c2c0912092f18ac23e9416bde5cd7dc6755"
@@ -3010,7 +3034,7 @@ glob@^4.3.1:
     minimatch "^2.0.1"
     once "^1.3.0"
 
-glob@^5.0.14, glob@~5.0.0:
+glob@^5.0.14, glob@^5.0.15, glob@~5.0.0:
   version "5.0.15"
   resolved "https://registry.yarnpkg.com/glob/-/glob-5.0.15.tgz#1bc936b9e02f4a603fcc222ecf7633d30b8b93b1"
   dependencies:
@@ -3327,22 +3351,13 @@ gtoken@^1.1.0:
     mime "^1.2.11"
     request "^2.72.0"
 
-gulp-autoprefixer@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/gulp-autoprefixer/-/gulp-autoprefixer-3.1.1.tgz#75230051cd0d171343d783b7e9b5d1120eeef9b0"
-  dependencies:
-    autoprefixer "^6.0.0"
-    gulp-util "^3.0.0"
-    postcss "^5.0.4"
-    through2 "^2.0.0"
-    vinyl-sourcemaps-apply "^0.2.0"
-
-gulp-better-rollup@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/gulp-better-rollup/-/gulp-better-rollup-1.0.2.tgz#9c381673895502dde471d664a5b390464bdd5d5c"
+gulp-better-rollup@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/gulp-better-rollup/-/gulp-better-rollup-1.1.1.tgz#21b114d0c1cd9cdaf06a539c7c399b8b6035216f"
   dependencies:
-    gulp-util "^3.0.7"
-    rollup "^0.36.0"
+    gulp-util "^3.0.8"
+    lodash.camelcase "^4.3.0"
+    rollup "^0.41.5"
     vinyl-sourcemaps-apply "^0.2.1"
 
 gulp-clean-css@^3.0.3:
@@ -3395,6 +3410,14 @@ gulp-connect@^5.0.0:
     gulp-util "^3.0.6"
     tiny-lr "^0.2.1"
 
+gulp-dom@^0.9.17:
+  version "0.9.17"
+  resolved "https://registry.yarnpkg.com/gulp-dom/-/gulp-dom-0.9.17.tgz#4a23c625b5da820bb73d4405459319c9922383ca"
+  dependencies:
+    gulp-util "3.0.7"
+    jsdom "9.8.3"
+    through2 "2.0.1"
+
 gulp-flatten@^0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/gulp-flatten/-/gulp-flatten-0.3.1.tgz#51e7fec13a33c404578d18c1589d1b5bc45fe1d6"
@@ -3480,6 +3503,19 @@ gulp-transform@^1.1.0:
     gulp-util "^3.0.7"
     lodash "^4.13.1"
 
+gulp-uglify@^2.1.0:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/gulp-uglify/-/gulp-uglify-2.1.2.tgz#6db85b1d0ee63d18058592b658649d65c2ec4541"
+  dependencies:
+    gulplog "^1.0.0"
+    has-gulplog "^0.1.0"
+    lodash "^4.13.1"
+    make-error-cause "^1.1.1"
+    through2 "^2.0.0"
+    uglify-js "~2.8.10"
+    uglify-save-license "^0.4.1"
+    vinyl-sourcemaps-apply "^0.2.0"
+
 gulp-util@*, gulp-util@^3.0, gulp-util@^3.0.0, gulp-util@^3.0.6, gulp-util@^3.0.7, gulp-util@^3.0.8:
   version "3.0.8"
   resolved "https://registry.yarnpkg.com/gulp-util/-/gulp-util-3.0.8.tgz#0054e1e744502e27c04c187c3ecc505dd54bbb4f"
@@ -3503,6 +3539,29 @@ gulp-util@*, gulp-util@^3.0, gulp-util@^3.0.0, gulp-util@^3.0.6, gulp-util@^3.0.
     through2 "^2.0.0"
     vinyl "^0.5.0"
 
+gulp-util@3.0.7:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/gulp-util/-/gulp-util-3.0.7.tgz#78925c4b8f8b49005ac01a011c557e6218941cbb"
+  dependencies:
+    array-differ "^1.0.0"
+    array-uniq "^1.0.2"
+    beeper "^1.0.0"
+    chalk "^1.0.0"
+    dateformat "^1.0.11"
+    fancy-log "^1.1.0"
+    gulplog "^1.0.0"
+    has-gulplog "^0.1.0"
+    lodash._reescape "^3.0.0"
+    lodash._reevaluate "^3.0.0"
+    lodash._reinterpolate "^3.0.0"
+    lodash.template "^3.0.0"
+    minimist "^1.1.0"
+    multipipe "^0.1.2"
+    object-assign "^3.0.0"
+    replace-ext "0.0.1"
+    through2 "^2.0.0"
+    vinyl "^0.5.0"
+
 gulp-util@^2.2.14:
   version "2.2.20"
   resolved "https://registry.yarnpkg.com/gulp-util/-/gulp-util-2.2.20.tgz#d7146e5728910bd8f047a6b0b1e549bc22dbd64c"
@@ -3544,7 +3603,7 @@ hammerjs@^2.0.8:
   version "2.0.8"
   resolved "https://registry.yarnpkg.com/hammerjs/-/hammerjs-2.0.8.tgz#04ef77862cff2bb79d30f7692095930222bf60f1"
 
-handlebars@^4.0.2:
+handlebars@^4.0.1, handlebars@^4.0.2:
   version "4.0.5"
   resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.0.5.tgz#92c6ed6bb164110c50d4d8d0fbddc70806c6f8e7"
   dependencies:
@@ -3647,6 +3706,12 @@ hosted-git-info@^2.1.4:
   version "2.1.5"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.1.5.tgz#0ba81d90da2e25ab34a332e6ec77936e1598118b"
 
+html-encoding-sniffer@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-1.0.1.tgz#79bf7a785ea495fe66165e734153f363ff5437da"
+  dependencies:
+    whatwg-encoding "^1.0.1"
+
 html-minifier@^3.0.3:
   version "3.2.3"
   resolved "https://registry.yarnpkg.com/html-minifier/-/html-minifier-3.2.3.tgz#d2ff536e24d95726c332493d8f77d84dbed85372"
@@ -3698,6 +3763,10 @@ http-proxy@^1.13.0:
     eventemitter3 "1.x.x"
     requires-port "1.x.x"
 
+http-rewrite-middleware@^0.1.6:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/http-rewrite-middleware/-/http-rewrite-middleware-0.1.6.tgz#cb2965aafa91ebd4c610b99580aa187812da107c"
+
 http-signature@~1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.1.1.tgz#df72e267066cd0ac67fb76adf8e134a8fbcf91bf"
@@ -3722,7 +3791,7 @@ iconv-lite@0.4.13:
   version "0.4.13"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.13.tgz#1f88aba4ab0b1508e8312acc39345f36e992e2f2"
 
-iconv-lite@0.4.15:
+iconv-lite@0.4.15, iconv-lite@^0.4.13:
   version "0.4.15"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.15.tgz#fe265a218ac6a57cfe854927e9d04c19825eddeb"
 
@@ -4067,6 +4136,25 @@ isstream@0.1.x, isstream@~0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
 
+istanbul@^0.4.0:
+  version "0.4.5"
+  resolved "https://registry.yarnpkg.com/istanbul/-/istanbul-0.4.5.tgz#65c7d73d4c4da84d4f3ac310b918fb0b8033733b"
+  dependencies:
+    abbrev "1.0.x"
+    async "1.x"
+    escodegen "1.8.x"
+    esprima "2.7.x"
+    glob "^5.0.15"
+    handlebars "^4.0.1"
+    js-yaml "3.x"
+    mkdirp "0.5.x"
+    nopt "3.x"
+    once "1.x"
+    resolve "1.1.x"
+    supports-color "^3.1.0"
+    which "^1.1.1"
+    wordwrap "^1.0.0"
+
 jasmine-core@^2.5.2, jasmine-core@~2.5.2:
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/jasmine-core/-/jasmine-core-2.5.2.tgz#6f61bd79061e27f43e6f9355e44b3c6cab6ff297"
@@ -4118,7 +4206,7 @@ js-tokens@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.1.tgz#08e9f132484a2c45a30907e9dc4d5567b7f114d7"
 
-js-yaml@^3.4.3:
+js-yaml@3.x, js-yaml@^3.4.3:
   version "3.7.0"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.7.0.tgz#5c967ddd837a9bfdca5f2de84253abe8a1c03b80"
   dependencies:
@@ -4129,6 +4217,31 @@ jsbn@~0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.0.tgz#650987da0dd74f4ebf5a11377a2aa2d273e97dfd"
 
+jsdom@9.8.3:
+  version "9.8.3"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-9.8.3.tgz#fde29c109c32a1131e0b6c65914e64198f97c370"
+  dependencies:
+    abab "^1.0.0"
+    acorn "^2.4.0"
+    acorn-globals "^1.0.4"
+    array-equal "^1.0.0"
+    content-type-parser "^1.0.1"
+    cssom ">= 0.3.0 < 0.4.0"
+    cssstyle ">= 0.2.36 < 0.3.0"
+    escodegen "^1.6.1"
+    html-encoding-sniffer "^1.0.1"
+    iconv-lite "^0.4.13"
+    nwmatcher ">= 1.3.7 < 2.0.0"
+    parse5 "^1.5.1"
+    request "^2.55.0"
+    sax "^1.1.4"
+    symbol-tree ">= 3.1.0 < 4.0.0"
+    tough-cookie "^2.3.1"
+    webidl-conversions "^3.0.1"
+    whatwg-encoding "^1.0.1"
+    whatwg-url "^3.0.0"
+    xml-name-validator ">= 2.0.1 < 3.0.0"
+
 json-parse-helpfulerror@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/json-parse-helpfulerror/-/json-parse-helpfulerror-1.0.3.tgz#13f14ce02eed4e981297b64eb9e3b932e2dd13dc"
@@ -4257,6 +4370,16 @@ karma-chrome-launcher@^2.0.0:
     fs-access "^1.0.0"
     which "^1.2.1"
 
+karma-coverage@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/karma-coverage/-/karma-coverage-1.1.1.tgz#5aff8b39cf6994dc22de4c84362c76001b637cf6"
+  dependencies:
+    dateformat "^1.0.6"
+    istanbul "^0.4.0"
+    lodash "^3.8.0"
+    minimatch "^3.0.0"
+    source-map "^0.5.1"
+
 karma-firefox-launcher@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/karma-firefox-launcher/-/karma-firefox-launcher-1.0.1.tgz#ce58f47c2013a88156d55a5d61337c099cf5bb51"
@@ -4499,6 +4622,10 @@ lodash.assignwith@^4.0.7:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/lodash.assignwith/-/lodash.assignwith-4.2.0.tgz#127a97f02adc41751a954d24b0de17e100e038eb"
 
+lodash.camelcase@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
+
 lodash.chunk@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/lodash.chunk/-/lodash.chunk-4.2.0.tgz#66e5ce1f76ed27b4303d8c6512e8d1216e8106bc"
@@ -4747,14 +4874,14 @@ lowercase-keys@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.0.tgz#4e3366b39e7f5457e35f1324bdf6f88d0bfc7306"
 
-lru-cache@2, lru-cache@2.2.x:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-2.2.4.tgz#6c658619becf14031d0d0b594b16042ce4dc063d"
-
-lru-cache@^2.6.5:
+lru-cache@2, lru-cache@^2.6.5:
   version "2.7.3"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-2.7.3.tgz#6d4524e8b955f95d4f5b58851ce21dd72fb4e952"
 
+lru-cache@2.2.x:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-2.2.4.tgz#6c658619becf14031d0d0b594b16042ce4dc063d"
+
 lru-cache@^4.0.0, lru-cache@^4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.0.2.tgz#1d17679c069cda5d040991a09dbc2c0db377e55e"
@@ -4779,7 +4906,13 @@ madge@^1.6.0:
     rc "^1.1.6"
     walkdir "^0.0.11"
 
-make-error@^1.1.1:
+make-error-cause@^1.1.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/make-error-cause/-/make-error-cause-1.2.2.tgz#df0388fcd0b37816dff0a5fb8108939777dcbc9d"
+  dependencies:
+    make-error "^1.2.0"
+
+make-error@^1.1.1, make-error@^1.2.0:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.2.1.tgz#9a6dfb4844423b9f145806728d05c6e935670e75"
 
@@ -4932,7 +5065,7 @@ minimatch@~0.2.11:
     lru-cache "2"
     sigmund "~1.0.0"
 
-minimist@0.0.8:
+minimist@0.0.8, minimist@~0.0.1:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
 
@@ -4948,10 +5081,6 @@ minimist@^1.1.0, minimist@^1.1.3, minimist@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
 
-minimist@~0.0.1:
-  version "0.0.10"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf"
-
 mkdirp-promise@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/mkdirp-promise/-/mkdirp-promise-5.0.0.tgz#b8bc7d6eab71c2b2e37cb06ea48a459d14366ea2"
@@ -4960,7 +5089,7 @@ mkdirp@0.3.x, mkdirp@~0.3.5:
   version "0.3.5"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.3.5.tgz#de3e5f8961c88c787ee1368df849ac4413eca8d7"
 
-mkdirp@0.5, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.1:
+mkdirp@0.5, mkdirp@0.5.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.1:
   version "0.5.1"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
   dependencies:
@@ -5143,30 +5272,7 @@ node-pre-gyp@^0.6.0, node-pre-gyp@^0.6.29:
     tar "~2.2.1"
     tar-pack "~3.3.0"
 
-node-sass@^4.2.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.3.0.tgz#d014f64595d77b26af99e9f7a7e74704d9976bda"
-  dependencies:
-    async-foreach "^0.1.3"
-    chalk "^1.1.1"
-    cross-spawn "^3.0.0"
-    gaze "^1.0.0"
-    get-stdin "^4.0.1"
-    glob "^7.0.3"
-    in-publish "^2.0.0"
-    lodash.assign "^4.2.0"
-    lodash.clonedeep "^4.3.2"
-    lodash.mergewith "^4.6.0"
-    meow "^3.7.0"
-    mkdirp "^0.5.1"
-    nan "^2.3.2"
-    node-gyp "^3.3.1"
-    npmlog "^4.0.0"
-    request "^2.61.0"
-    sass-graph "^2.1.1"
-    stdout-stream "^1.4.0"
-
-node-sass@^4.5.0:
+node-sass@^4.2.0, node-sass@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.5.0.tgz#532e37bad0ce587348c831535dbc98ea4289508b"
   dependencies:
@@ -5203,7 +5309,7 @@ node-uuid@1.x, node-uuid@^1.4.3, node-uuid@~1.4.7:
   version "1.4.7"
   resolved "https://registry.yarnpkg.com/node-uuid/-/node-uuid-1.4.7.tgz#6da5a17668c4b3dd59623bda11cf7fa4c1f60a6f"
 
-"nopt@2 || 3", nopt@~3.0.6:
+"nopt@2 || 3", nopt@3.x, nopt@~3.0.6:
   version "3.0.6"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9"
   dependencies:
@@ -5265,6 +5371,10 @@ nunjucks@^2.4.2:
     chokidar "^1.6.0"
     yargs "^3.32.0"
 
+"nwmatcher@>= 1.3.7 < 2.0.0":
+  version "1.3.9"
+  resolved "https://registry.yarnpkg.com/nwmatcher/-/nwmatcher-1.3.9.tgz#8bab486ff7fa3dfd086656bbe8b17116d3692d2a"
+
 oauth-sign@~0.8.1:
   version "0.8.2"
   resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.8.2.tgz#46a6ab7f0aead8deae9ec0565780b7d4efeb9d43"
@@ -5300,6 +5410,10 @@ object.omit@^2.0.0:
     for-own "^0.1.4"
     is-extendable "^0.1.1"
 
+objectdiff@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/objectdiff/-/objectdiff-1.1.0.tgz#8d7a15be6cb8670df8a490cc6be12a4f05ea82f4"
+
 on-finished@^2.2.0, on-finished@~2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
@@ -5310,7 +5424,7 @@ on-headers@^1.0.0, on-headers@~1.0.0, on-headers@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.1.tgz#928f5d0f470d49342651ea6794b0857c100693f7"
 
-once@^1.3.0, once@^1.3.1:
+once@1.x, once@^1.3.0, once@^1.3.1:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
   dependencies:
@@ -5474,9 +5588,15 @@ parse-passwd@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/parse-passwd/-/parse-passwd-1.0.0.tgz#6d5b934a456993b23d37f40a382d6f1666a8e5c6"
 
-parse5@^2.2.1:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-2.2.3.tgz#0c4fc41c1000c5e6b93d48b03f8083837834e9f6"
+parse5@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-1.5.1.tgz#9b7f3b0de32be78dc2401b17573ccaf0f6f59d94"
+
+parse5@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-3.0.2.tgz#05eff57f0ef4577fb144a79f8b9a967a6cc44510"
+  dependencies:
+    "@types/node" "^6.0.46"
 
 parsejson@0.0.3:
   version "0.0.3"
@@ -5668,14 +5788,14 @@ postcss-value-parser@^3.1.1, postcss-value-parser@^3.2.3:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.0.tgz#87f38f9f18f774a4ab4c8a232f5c5ce8872a9d15"
 
-postcss@^5.0.0, postcss@^5.0.18, postcss@^5.0.20, postcss@^5.0.21, postcss@^5.0.4, postcss@^5.0.8, postcss@^5.2.4, postcss@^5.2.5, postcss@^5.2.8:
-  version "5.2.10"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.10.tgz#b58b64e04f66f838b7bc7cb41f7dac168568a945"
+postcss@^5.0.0, postcss@^5.0.18, postcss@^5.0.20, postcss@^5.0.21, postcss@^5.0.4, postcss@^5.0.8, postcss@^5.2.16, postcss@^5.2.4, postcss@^5.2.5:
+  version "5.2.16"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.16.tgz#732b3100000f9ff8379a48a53839ed097376ad57"
   dependencies:
     chalk "^1.1.3"
     js-base64 "^2.1.9"
     source-map "^0.5.6"
-    supports-color "^3.1.2"
+    supports-color "^3.2.3"
 
 precinct@^3.5.2:
   version "3.5.2"
@@ -5935,7 +6055,7 @@ readable-stream@^2.0.0, "readable-stream@^2.0.0 || ^1.1.13", readable-stream@^2.
     string_decoder "~0.10.x"
     util-deprecate "~1.0.1"
 
-readable-stream@~2.0.5:
+readable-stream@~2.0.0, readable-stream@~2.0.5:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.0.6.tgz#8f90341e68a53ccc928788dacfcd11b36eb9b78e"
   dependencies:
@@ -6060,7 +6180,7 @@ request-promise@^4.1.1:
     request-promise-core "1.1.1"
     stealthy-require "^1.0.0"
 
-request@2, request@2.x, request@^2.58.0, request@^2.61.0, request@^2.72.0, request@^2.74.0, request@^2.78.0, request@^2.79.0:
+request@2, request@2.x, request@^2.55.0, request@^2.58.0, request@^2.61.0, request@^2.72.0, request@^2.74.0, request@^2.78.0, request@^2.79.0:
   version "2.79.0"
   resolved "https://registry.yarnpkg.com/request/-/request-2.79.0.tgz#4dfe5bf6be8b8cdc37fcf93e04b65577722710de"
   dependencies:
@@ -6215,14 +6335,14 @@ resolve-url@~0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
 
+resolve@1.1.x, resolve@~1.1.6, resolve@~1.1.7:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
+
 resolve@^1.1.6, resolve@^1.1.7:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.2.0.tgz#9589c3f2f6149d1417a40becc1663db6ec6bc26c"
 
-resolve@~1.1.6, resolve@~1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
-
 response-time@~2.3.1:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/response-time/-/response-time-2.3.2.tgz#ffa71bab952d62f7c1d49b7434355fbc68dffc5a"
@@ -6254,9 +6374,9 @@ right-align@^0.1.1:
   dependencies:
     align-text "^0.1.1"
 
-rimraf@2, rimraf@^2.2.8, rimraf@^2.5.2, rimraf@^2.5.4, rimraf@~2.5.1, rimraf@~2.5.4:
-  version "2.5.4"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.5.4.tgz#96800093cbf1a0c86bd95b4625467535c29dfa04"
+rimraf@2, rimraf@^2.5.2, rimraf@^2.5.4, rimraf@^2.6.0:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.1.tgz#c2338ec643df7a1b7fe5c54fa86f57428a55f33d"
   dependencies:
     glob "^7.0.5"
 
@@ -6266,9 +6386,9 @@ rimraf@2.4.3:
   dependencies:
     glob "^5.0.14"
 
-rimraf@^2.6.0:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.1.tgz#c2338ec643df7a1b7fe5c54fa86f57428a55f33d"
+rimraf@^2.2.8, rimraf@~2.5.1, rimraf@~2.5.4:
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.5.4.tgz#96800093cbf1a0c86bd95b4625467535c29dfa04"
   dependencies:
     glob "^7.0.5"
 
@@ -6280,9 +6400,9 @@ rndm@1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/rndm/-/rndm-1.2.0.tgz#f33fe9cfb52bbfd520aa18323bc65db110a1b76c"
 
-rollup@^0.36.0:
-  version "0.36.4"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-0.36.4.tgz#a224494c5386c1d73d38f7bb86f69f5eb011a3d2"
+rollup@^0.41.5, rollup@^0.41.6:
+  version "0.41.6"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-0.41.6.tgz#e0d05497877a398c104d816d2733a718a7a94e2a"
   dependencies:
     source-map-support "^0.4.0"
 
@@ -6362,7 +6482,7 @@ sax@0.6.x:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/sax/-/sax-0.6.1.tgz#563b19c7c1de892e09bfc4f2fc30e3c27f0952b9"
 
-sax@>=0.6.0:
+sax@>=0.6.0, sax@^1.1.4:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.1.tgz#7b8e656190b228e81a66aea748480d828cd2d37a"
 
@@ -6707,7 +6827,7 @@ stack-trace@0.0.9, stack-trace@0.0.x:
   version "0.0.9"
   resolved "https://registry.yarnpkg.com/stack-trace/-/stack-trace-0.0.9.tgz#a8f6eaeca90674c333e7c43953f275b451510695"
 
-statuses@1, "statuses@>= 1.3.1 < 2", statuses@~1.3.0, statuses@~1.3.1:
+statuses@1, "statuses@>= 1.3.1 < 2", statuses@~1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.3.1.tgz#faf51b9eb74aaef3b3acf4ad5f61abf24cb7b93e"
 
@@ -6821,7 +6941,7 @@ strip-ansi@^3.0.0, strip-ansi@^3.0.1:
   dependencies:
     ansi-regex "^2.0.0"
 
-strip-bom@3.X:
+strip-bom@3.X, strip-bom@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
 
@@ -6976,9 +7096,9 @@ supports-color@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
 
-supports-color@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.1.2.tgz#72a262894d9d408b956ca05ff37b2ed8a6e2a2d5"
+supports-color@^3.1.0, supports-color@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6"
   dependencies:
     has-flag "^1.0.0"
 
@@ -6997,6 +7117,10 @@ symbol-observable@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.0.4.tgz#29bf615d4aa7121bdd898b22d4b3f9bc4e2aa03d"
 
+"symbol-tree@>= 3.1.0 < 4.0.0":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.2.tgz#ae27db38f660a7ae2e1c3b7d1bc290819b8519e6"
+
 synesthesia@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/synesthesia/-/synesthesia-1.0.1.tgz#5ef95ea548c0d5c6e6f9bb4b0d0731dff864a777"
@@ -7093,6 +7217,13 @@ thenify-all@^1.0.0:
   dependencies:
     any-promise "^1.0.0"
 
+through2@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.1.tgz#384e75314d49f32de12eebb8136b8eb6b5d59da9"
+  dependencies:
+    readable-stream "~2.0.0"
+    xtend "~4.0.0"
+
 through2@2.X, through2@^2.0.0, through2@^2.0.1, through2@^2.0.2, through2@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.3.tgz#0004569b37c7c74ba39c43f3ced78d1ad94140be"
@@ -7201,7 +7332,7 @@ topo@1.x.x:
   dependencies:
     hoek "2.x.x"
 
-tough-cookie@~2.3.0:
+tough-cookie@^2.3.1, tough-cookie@~2.3.0:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.3.2.tgz#f081f76e4c85720e6c37a5faced737150d84072a"
   dependencies:
@@ -7213,6 +7344,10 @@ toxic@^1.0.0:
   dependencies:
     lodash "^2.4.1"
 
+tr46@~0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
+
 traverse-chain@~0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/traverse-chain/-/traverse-chain-0.1.0.tgz#61dbc2d53b69ff6091a12a168fd7d433107e40f1"
@@ -7244,9 +7379,9 @@ tryit@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/tryit/-/tryit-1.0.3.tgz#393be730a9446fd1ead6da59a014308f36c289cb"
 
-ts-node@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-2.1.0.tgz#aa2bf4b2e25c5fb6a7c54701edc3666d3a9db25d"
+ts-node@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-3.0.0.tgz#7d1ef931dc8e2508add402b9d4ffc943228740a5"
   dependencies:
     arrify "^1.0.0"
     chalk "^1.1.1"
@@ -7256,23 +7391,21 @@ ts-node@^2.1.0:
     mkdirp "^0.5.1"
     pinkie "^2.0.4"
     source-map-support "^0.4.0"
-    tsconfig "^5.0.2"
+    tsconfig "^6.0.0"
     v8flags "^2.0.11"
     xtend "^4.0.0"
     yn "^1.2.0"
 
-tsconfig@^5.0.2:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/tsconfig/-/tsconfig-5.0.3.tgz#5f4278e701800967a8fc383fd19648878f2a6e3a"
+tsconfig@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/tsconfig/-/tsconfig-6.0.0.tgz#6b0e8376003d7af1864f8df8f89dd0059ffcd032"
   dependencies:
-    any-promise "^1.3.0"
-    parse-json "^2.2.0"
-    strip-bom "^2.0.0"
+    strip-bom "^3.0.0"
     strip-json-comments "^2.0.0"
 
-tsickle@^0.2:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/tsickle/-/tsickle-0.2.3.tgz#3e7d3ff74bbecdadc011cfd747f991dcfd6503af"
+tsickle@^0.21.0:
+  version "0.21.6"
+  resolved "https://registry.yarnpkg.com/tsickle/-/tsickle-0.21.6.tgz#53b01b979c5c13fdb13afb3fb958177e5991588d"
   dependencies:
     minimist "^1.2.0"
     mkdirp "^0.5.1"
@@ -7334,11 +7467,11 @@ typescript@^1.7.5:
   version "1.8.10"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-1.8.10.tgz#b475d6e0dff0bf50f296e5ca6ef9fbb5c7320f1e"
 
-typescript@~2.0.10:
-  version "2.0.10"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-2.0.10.tgz#ccdd4ed86fd5550a407101a0814012e1b3fac3dd"
+typescript@~2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-2.2.1.tgz#4862b662b988a4c8ff691cc7969622d24db76ae9"
 
-uglify-js@2.7.x, uglify-js@^2.6:
+uglify-js@2.7.x:
   version "2.7.5"
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.7.5.tgz#4612c0c7baaee2ba7c487de4904ae122079f2ca8"
   dependencies:
@@ -7347,14 +7480,18 @@ uglify-js@2.7.x, uglify-js@^2.6:
     uglify-to-browserify "~1.0.0"
     yargs "~3.10.0"
 
-uglify-js@^2.8.7:
-  version "2.8.7"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.8.7.tgz#e0391911507b6d2e05697a528f1686e90a11b160"
+uglify-js@^2.6, uglify-js@^2.8.14, uglify-js@~2.8.10:
+  version "2.8.14"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.8.14.tgz#25b15d1af39b21752ee33703adbf432e8bc8f77d"
   dependencies:
     source-map "~0.5.1"
     uglify-to-browserify "~1.0.0"
     yargs "~3.10.0"
 
+uglify-save-license@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/uglify-save-license/-/uglify-save-license-0.4.1.tgz#95726c17cc6fd171c3617e3bf4d8d82aa8c4cce1"
+
 uglify-to-browserify@~1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz#6e0924d6bda6b5afe349e39a6d632850a0f882b7"
@@ -7680,6 +7817,10 @@ webdriver-manager@^12.0.1:
     semver "^5.3.0"
     xml2js "^0.4.17"
 
+webidl-conversions@^3.0.0, webidl-conversions@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
+
 websocket-driver@>=0.5.1:
   version "0.6.5"
   resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.6.5.tgz#5cb2556ceb85f4373c6d8238aa691c8454e13a36"
@@ -7690,6 +7831,19 @@ websocket-extensions@>=0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.1.tgz#76899499c184b6ef754377c2dbb0cd6cb55d29e7"
 
+whatwg-encoding@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.1.tgz#3c6c451a198ee7aec55b1ec61d0920c67801a5f4"
+  dependencies:
+    iconv-lite "0.4.13"
+
+whatwg-url@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-3.1.0.tgz#7bdcae490f921aef6451fb6739ec6bbd8e907bf6"
+  dependencies:
+    tr46 "~0.0.3"
+    webidl-conversions "^3.0.0"
+
 when@^3.7.5:
   version "3.7.7"
   resolved "https://registry.yarnpkg.com/when/-/when-3.7.7.tgz#aba03fc3bb736d6c88b091d013d8a8e590d84718"
@@ -7755,14 +7909,14 @@ wordwrap@0.0.2:
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.2.tgz#b79669bb42ecb409f83d583cad52ca17eaa1643f"
 
+wordwrap@^1.0.0, wordwrap@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
+
 wordwrap@~0.0.2:
   version "0.0.3"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.3.tgz#a3d5da6cd5c0bc0008d37234bbaf1bed63059107"
 
-wordwrap@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
-
 wrap-ansi@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85"
@@ -7793,20 +7947,13 @@ write-file-stdout@0.0.2:
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/write-file-stdout/-/write-file-stdout-0.0.2.tgz#c252d7c7c5b1b402897630e3453c7bfe690d9ca1"
 
-ws@1.1.2:
+ws@1.1.2, ws@^1.0.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/ws/-/ws-1.1.2.tgz#8a244fa052401e08c9886cf44a85189e1fd4067f"
   dependencies:
     options ">=0.0.5"
     ultron "1.0.x"
 
-ws@^1.0.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-1.1.1.tgz#082ddb6c641e85d4bb451f03d52f06eabdb1f018"
-  dependencies:
-    options ">=0.0.5"
-    ultron "1.0.x"
-
 wtf-8@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/wtf-8/-/wtf-8-1.0.0.tgz#392d8ba2d0f1c34d1ee2d630f15d0efb68e1048a"
@@ -7821,10 +7968,18 @@ xdg-basedir@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-3.0.0.tgz#496b2cc109eca8dbacfe2dc72b603c17c5870ad4"
 
+xhr2@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/xhr2/-/xhr2-0.1.4.tgz#7f87658847716db5026323812f818cadab387a5f"
+
 xml-char-classes@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/xml-char-classes/-/xml-char-classes-1.0.0.tgz#64657848a20ffc5df583a42ad8a277b4512bbc4d"
 
+"xml-name-validator@>= 2.0.1 < 3.0.0":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-2.0.1.tgz#4d8b8f1eccd3419aa362061becef515e1e559635"
+
 xml2js@0.4.4:
   version "0.4.4"
   resolved "https://registry.yarnpkg.com/xml2js/-/xml2js-0.4.4.tgz#3111010003008ae19240eba17497b57c729c555d"
@@ -7849,7 +8004,7 @@ xmlhttprequest-ssl@1.5.3:
   version "1.5.3"
   resolved "https://registry.yarnpkg.com/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.3.tgz#185a888c04eca46c3e4070d99f7b49de3528992d"
 
-"xtend@>=4.0.0 <4.1.0-0", xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.1:
+"xtend@>=4.0.0 <4.1.0-0", xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.0, xtend@~4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
 

From 70547f4e7a905d4b0449d321792f2086158271e0 Mon Sep 17 00:00:00 2001
From: Jeremy Elbourn <jelbourn@google.com>
Date: Thu, 23 Mar 2017 20:41:01 -0700
Subject: [PATCH 2/3] build: inline metadata.json resources

---
 package.json                |  2 +-
 src/lib/tsconfig.json       |  2 +-
 src/lib/typedoc.json        |  2 +-
 tools/gulp/tasks/aot.ts     |  5 ++-
 tools/gulp/tasks/release.ts | 83 ++++++++++++++++++++++++++++---------
 5 files changed, 70 insertions(+), 24 deletions(-)

diff --git a/package.json b/package.json
index 7883ecbf963f..9f5ba36c75ff 100644
--- a/package.json
+++ b/package.json
@@ -108,7 +108,7 @@
     "ts-node": "^3.0.0",
     "tslint": "^4.4.2",
     "tslint-no-unused-var": "0.0.6",
-    "typescript": "~2.2.1",
+    "typescript": "~2.1.1",
     "uglify-js": "^2.8.14",
     "web-animations-js": "^2.2.2"
   }
diff --git a/src/lib/tsconfig.json b/src/lib/tsconfig.json
index 80f29b711e90..67ebfc7d9f85 100644
--- a/src/lib/tsconfig.json
+++ b/src/lib/tsconfig.json
@@ -2,7 +2,7 @@
   "compilerOptions": {
     "baseUrl": ".",
     "declaration": true,
-    "stripInternal": true,
+    "stripInternal": false,
     "experimentalDecorators": true,
     "module": "es2015",
     "moduleResolution": "node",
diff --git a/src/lib/typedoc.json b/src/lib/typedoc.json
index 0ec1d5c24a11..1644e8a9ea4b 100644
--- a/src/lib/typedoc.json
+++ b/src/lib/typedoc.json
@@ -17,4 +17,4 @@
   "suppressExcessPropertyErrors": "true",
   "suppressImplicitAnyIndexErrors": "true",
   "module": "commonjs"
-}
\ No newline at end of file
+}
diff --git a/tools/gulp/tasks/aot.ts b/tools/gulp/tasks/aot.ts
index 6d6e458b271b..d75683101cfd 100644
--- a/tools/gulp/tasks/aot.ts
+++ b/tools/gulp/tasks/aot.ts
@@ -14,6 +14,9 @@ task('aot:deps', sequenceTask('build:devapp', ':package:release', 'aot:copy-rele
 task('aot:copy-release', () => copySync(DIST_RELEASE, join(DIST_DEMOAPP, 'material')));
 
 /** Build the demo-app and a release to confirm that the library is AOT-compatible. */
-task('aot:build', ['aot:deps'], execNodeTask(
+task('aot:build', sequenceTask('aot:deps', 'aot:compiler-cli'));
+
+/** Build the demo-app and a release to confirm that the library is AOT-compatible. */
+task('aot:compiler-cli', execNodeTask(
   '@angular/compiler-cli', 'ngc', ['-p', tsconfigFile]
 ));
diff --git a/tools/gulp/tasks/release.ts b/tools/gulp/tasks/release.ts
index 62acd99cd639..17c8ee191752 100644
--- a/tools/gulp/tasks/release.ts
+++ b/tools/gulp/tasks/release.ts
@@ -1,15 +1,15 @@
 import {spawn} from 'child_process';
-import {existsSync, statSync, copySync, writeFileSync} from 'fs-extra';
-import {join} from 'path';
+import {existsSync, statSync, copySync, writeFileSync, readFileSync} from 'fs-extra';
+import {join, basename} from 'path';
 import {task, src, dest} from 'gulp';
 import {execTask, sequenceTask} from '../util/task_helpers';
 import {
-  DIST_RELEASE, DIST_BUNDLES, DIST_MATERIAL, COMPONENTS_DIR, LICENSE_BANNER
+  DIST_RELEASE, DIST_BUNDLES, DIST_MATERIAL, COMPONENTS_DIR, LICENSE_BANNER, DIST_ROOT
 } from '../constants';
 import * as minimist from 'minimist';
 
 // There are no type definitions available for these imports.
-const gulpRename = require('gulp-rename');
+const glob = require('glob');
 
 /** Parse command-line arguments for release task. */
 const argv = minimist(process.argv.slice(3));
@@ -29,30 +29,40 @@ task('build:release', sequenceTask(
 ));
 
 /** Task that combines intermediate build artifacts into the release package structure. */
-task(':package:release', [
+task(':package:release', sequenceTask(
+  [':package:typings', ':package:umd', ':package:fesm', ':package:assets'],
+  ':inline-metadata-resources',
   ':package:metadata',
-  ':package:typings',
-  ':package:umd',
-  ':package:fesm',
-  ':package:assets'
-]);
+));
 
 /** Copy metatadata.json and associated d.ts files to the root of the package structure. */
-task(':package:metadata', [':package:fix-metadata'], () => {
+task(':package:metadata', () => {
   // See: https://github.com/angular/angular/blob/master/build.sh#L293-L294
   copySync(join(DIST_MATERIAL, 'index.metadata.json'),
       join(DIST_RELEASE, 'material.metadata.json'));
 });
 
-/**
- * Workaround for a @angular/tsc-wrapped issue, where the compiler looks for component assets
- * in the wrong folder. This issue only appears for bundled metadata files.
- * As a workaround, we just copy all assets next to the metadata bundle.
- **/
-task(':package:fix-metadata', () => {
-  return src('**/*.+(html|css)', { cwd: DIST_MATERIAL })
-  .pipe(gulpRename({dirname: ''}))
-  .pipe(dest(DIST_RELEASE));
+/** Inlines the html and css resources into all metadata.json files in dist/ */
+task(':inline-metadata-resources', () => {
+  // Create a map of fileName -> fullFilePath. This is needed because the templateUrl and
+  // styleUrls for each component use just the filename because, in the source, the component
+  // and the resources live in the same directory.
+  const componentResources = new Map<string, string>();
+  glob(join(DIST_ROOT, '**/*.+(html|css)'), (err: any, resourceFilePaths: any) => {
+    for (const path of resourceFilePaths) {
+      componentResources.set(basename(path), path);
+    }
+  });
+
+  // Find all metadata files. For each one, parse the JSON content, inline the resources, and
+  // reserialize and rewrite back to the original location.
+  glob(join(DIST_ROOT, '**/*.metadata.json'), (err: any, metadataFilePaths: any) => {
+    for (const path of metadataFilePaths) {
+      let metadata = JSON.parse(readFileSync(path, 'utf-8'));
+      inlineMetadataResources(metadata, componentResources);
+      writeFileSync(path , JSON.stringify(metadata), 'utf-8');
+    }
+  });
 });
 
 task(':package:assets', () => src(assetsGlob).pipe(dest(DIST_RELEASE)));
@@ -155,3 +165,36 @@ task('publish', sequenceTask(
   ':publish',
   ':publish:logout',
 ));
+
+
+/**
+ * Recurse through a parsed metadata.json file and inline all html and css.
+ * Note: this assumes that all html and css files have a unique name.
+ */
+function inlineMetadataResources(metadata: any, componentResources: Map<string, string>) {
+  // Convert `templateUrl` to `template`
+  if (metadata.templateUrl) {
+    const fullResourcePath = componentResources.get(metadata.templateUrl);
+    metadata.template = readFileSync(fullResourcePath, 'utf-8');
+    delete metadata.templateUrl;
+  }
+
+  // Convert `styleUrls` to `styles`
+  if (metadata.styleUrls && metadata.styleUrls.length) {
+    metadata.styles = [];
+    for (const styleUrl of metadata.styleUrls) {
+      const fullResourcePath = componentResources.get(styleUrl);
+      metadata.styles.push(readFileSync(fullResourcePath, 'utf-8'));
+    }
+    delete metadata.styleUrls;
+  }
+
+  // We we did nothing at this node, go deeper.
+  if (!metadata.template && !metadata.styles) {
+    for (const property in metadata) {
+      if (typeof metadata[property] == 'object' && metadata[property]) {
+        inlineMetadataResources(metadata[property], componentResources);
+      }
+    }
+  }
+}

From 265a12463fbf6dcc8af9af0916577a24e4f5ae79 Mon Sep 17 00:00:00 2001
From: Jeremy Elbourn <jelbourn@google.com>
Date: Fri, 24 Mar 2017 10:59:18 -0700
Subject: [PATCH 3/3] build: output re-export meatadata.json file in package
 root

---
 tools/gulp/tasks/release.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/tools/gulp/tasks/release.ts b/tools/gulp/tasks/release.ts
index 17c8ee191752..ec3fa1f33c4f 100644
--- a/tools/gulp/tasks/release.ts
+++ b/tools/gulp/tasks/release.ts
@@ -1,5 +1,5 @@
 import {spawn} from 'child_process';
-import {existsSync, statSync, copySync, writeFileSync, readFileSync} from 'fs-extra';
+import {existsSync, statSync, writeFileSync, readFileSync} from 'fs-extra';
 import {join, basename} from 'path';
 import {task, src, dest} from 'gulp';
 import {execTask, sequenceTask} from '../util/task_helpers';
@@ -15,7 +15,7 @@ const glob = require('glob');
 const argv = minimist(process.argv.slice(3));
 
 // Matches all Typescript definition files for Material.
-const typingsGlob = join(DIST_MATERIAL, '**/*.d.ts');
+const typingsGlob = join(DIST_MATERIAL, '**/*.+(d.ts|metadata.json)');
 // Matches the "package.json" and "README.md" file that needs to be shipped.
 const assetsGlob = join(COMPONENTS_DIR, '+(package.json|README.md)');
 // Matches all UMD bundles inside of the bundles distribution.
@@ -35,11 +35,11 @@ task(':package:release', sequenceTask(
   ':package:metadata',
 ));
 
-/** Copy metatadata.json and associated d.ts files to the root of the package structure. */
+/** Writes a re-export metadata */
 task(':package:metadata', () => {
-  // See: https://github.com/angular/angular/blob/master/build.sh#L293-L294
-  copySync(join(DIST_MATERIAL, 'index.metadata.json'),
-      join(DIST_RELEASE, 'material.metadata.json'));
+  const metadataReExport =
+      `{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./typings/index"}]}`;
+  writeFileSync(join(DIST_RELEASE, 'material.metadata.json'), metadataReExport, 'utf-8');
 });
 
 /** Inlines the html and css resources into all metadata.json files in dist/ */