Template Upload

node_modules/angular2/es6/prod/examples/README.md

@@ -0,0 +1,6 @@
+# API Examples
+
+This folder contains small example apps that get in-lined into our API docs.
+These examples are written with idiomatic TypeScript, and are not transpiled to Dart.
+Each example contains tests for application behavior (as opposed to testing Angular's
+behavior) just like an Angular application developer would write.

node_modules/angular2/es6/prod/examples/common/forms/ts/validators/validators.js

@@ -0,0 +1,43 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component } from 'angular2/core';
+import { MinLengthValidator, MaxLengthValidator } from 'angular2/common';
+// #docregion min
+let MinLengthTestComponent = class {
+};
+MinLengthTestComponent = __decorate([
+    Component({
+        selector: 'min-cmp',
+        directives: [MinLengthValidator],
+        template: `
+<form>
+  <p>Year: <input ngControl="year" minlength="2"></p>
+</form>
+`
+    }), 
+    __metadata('design:paramtypes', [])
+], MinLengthTestComponent);
+// #enddocregion
+// #docregion max
+let MaxLengthTestComponent = class {
+};
+MaxLengthTestComponent = __decorate([
+    Component({
+        selector: 'max-cmp',
+        directives: [MaxLengthValidator],
+        template: `
+<form>
+  <p>Year: <input ngControl="year" maxlength="4"></p>
+</form>
+`
+    }), 
+    __metadata('design:paramtypes', [])
+], MaxLengthTestComponent);
+// #enddocregion

node_modules/angular2/es6/prod/examples/compiler/ts/url_resolver/url_resolver.js

@@ -0,0 +1,16 @@
+import { provide } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+import { UrlResolver } from 'angular2/compiler';
+var MyApp;
+// #docregion url_resolver
+class MyUrlResolver extends UrlResolver {
+    resolve(baseUrl, url) {
+        // Serve CSS files from a special CDN.
+        if (url.substr(-4) === '.css') {
+            return super.resolve('http://cdn.myapp.com/css/', url);
+        }
+        return super.resolve(baseUrl, url);
+    }
+}
+bootstrap(MyApp, [provide(UrlResolver, { useClass: MyUrlResolver })]);
+// #enddocregion

node_modules/angular2/es6/prod/examples/core/debug/ts/debug_element/debug_element.js

@@ -0,0 +1,5 @@
+var debugElement;
+var predicate;
+// #docregion scope_all
+debugElement.query(predicate);
+// #enddocregion

node_modules/angular2/es6/prod/examples/core/di/ts/forward_ref/forward_ref.js

@@ -0,0 +1,39 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Inject, Injector, forwardRef, resolveForwardRef } from 'angular2/core';
+// #docregion forward_ref_fn
+var ref = forwardRef(() => Lock);
+// #enddocregion
+// #docregion forward_ref
+class Door {
+    constructor(lock) {
+        this.lock = lock;
+    }
+}
+Door = __decorate([
+    __param(0, Inject(forwardRef(() => Lock))), 
+    __metadata('design:paramtypes', [Lock])
+], Door);
+// Only at this point Lock is defined.
+class Lock {
+}
+var injector = Injector.resolveAndCreate([Door, Lock]);
+var door = injector.get(Door);
+expect(door instanceof Door).toBe(true);
+expect(door.lock instanceof Lock).toBe(true);
+// #enddocregion
+// #docregion resolve_forward_ref
+var ref = forwardRef(() => "refValue");
+expect(resolveForwardRef(ref)).toEqual("refValue");
+expect(resolveForwardRef("regularValue")).toEqual("regularValue");
+// #enddocregion 

node_modules/angular2/es6/prod/examples/core/forms/ts/ng_validators/ng_validators.js

@@ -0,0 +1,8 @@
+import { bootstrap } from 'angular2/platform/browser';
+import { NG_VALIDATORS } from 'angular2/common';
+import { Provider } from 'angular2/core';
+let MyApp = null;
+let myValidator = null;
+// #docregion ng_validators
+bootstrap(MyApp, [new Provider(NG_VALIDATORS, { useValue: myValidator, multi: true })]);
+// #enddocregion

node_modules/angular2/es6/prod/examples/core/pipes/ts/async_pipe/async_pipe_example.js

@@ -0,0 +1,74 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+import { Observable } from 'rxjs/Rx';
+// #docregion AsyncPipe
+export let AsyncPipeExample = class {
+    constructor() {
+        this.greeting = null;
+        this.arrived = false;
+        this.resolve = null;
+        this.reset();
+    }
+    reset() {
+        this.arrived = false;
+        this.greeting = new Promise((resolve, reject) => { this.resolve = resolve; });
+    }
+    clicked() {
+        if (this.arrived) {
+            this.reset();
+        }
+        else {
+            this.resolve("hi there!");
+            this.arrived = true;
+        }
+    }
+};
+AsyncPipeExample = __decorate([
+    Component({
+        selector: 'async-example',
+        template: `<div>
+    <p>Wait for it... {{ greeting | async }}</p>
+    <button (click)="clicked()">{{ arrived ? 'Reset' : 'Resolve' }}</button>
+  </div>`
+    }), 
+    __metadata('design:paramtypes', [])
+], AsyncPipeExample);
+// #enddocregion
+// #docregion AsyncPipeObservable
+let Task = class {
+    constructor() {
+        this.time = new Observable((observer) => {
+            setInterval(() => observer.next(new Date().getTime()), 500);
+        });
+    }
+};
+Task = __decorate([
+    Component({ selector: "task-cmp", template: "Time: {{ time | async }}" }), 
+    __metadata('design:paramtypes', [])
+], Task);
+// #enddocregion
+export let AppCmp = class {
+};
+AppCmp = __decorate([
+    Component({
+        selector: 'example-app',
+        directives: [AsyncPipeExample],
+        template: `
+    <h1>AsyncPipe Example</h1>
+    <async-example></async-example>
+  `
+    }), 
+    __metadata('design:paramtypes', [])
+], AppCmp);
+export function main() {
+    bootstrap(AppCmp);
+}

node_modules/angular2/es6/prod/examples/core/pipes/ts/date_pipe/date_pipe_example.js

@@ -0,0 +1,45 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+// #docregion DatePipe
+export let DatePipeExample = class {
+    constructor() {
+        this.today = Date.now();
+    }
+};
+DatePipeExample = __decorate([
+    Component({
+        selector: 'date-example',
+        template: `<div>
+    <p>Today is {{today | date}}</p>
+    <p>Or if you prefer, {{today | date:'fullDate'}}</p>
+    <p>The time is {{today | date:'jmZ'}}</p>
+  </div>`
+    }), 
+    __metadata('design:paramtypes', [])
+], DatePipeExample);
+// #enddocregion
+export let AppCmp = class {
+};
+AppCmp = __decorate([
+    Component({
+        selector: 'example-app',
+        directives: [DatePipeExample],
+        template: `
+    <h1>DatePipe Example</h1>
+    <date-example></date-example>
+  `
+    }), 
+    __metadata('design:paramtypes', [])
+], AppCmp);
+export function main() {
+    bootstrap(AppCmp);
+}

node_modules/angular2/es6/prod/examples/core/pipes/ts/json_pipe/json_pipe_example.js

@@ -0,0 +1,46 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+// #docregion JsonPipe
+export let JsonPipeExample = class {
+    constructor() {
+        this.object = { foo: 'bar', baz: 'qux', nested: { xyz: 3, numbers: [1, 2, 3, 4, 5] } };
+    }
+};
+JsonPipeExample = __decorate([
+    Component({
+        selector: 'json-example',
+        template: `<div>
+    <p>Without JSON pipe:</p>
+    <pre>{{object}}</pre>
+    <p>With JSON pipe:</p>
+    <pre>{{object | json}}</pre>
+  </div>`
+    }), 
+    __metadata('design:paramtypes', [])
+], JsonPipeExample);
+// #enddocregion
+export let AppCmp = class {
+};
+AppCmp = __decorate([
+    Component({
+        selector: 'example-app',
+        directives: [JsonPipeExample],
+        template: `
+    <h1>JsonPipe Example</h1>
+    <json-example></json-example>
+  `
+    }), 
+    __metadata('design:paramtypes', [])
+], AppCmp);
+export function main() {
+    bootstrap(AppCmp);
+}

node_modules/angular2/es6/prod/examples/core/pipes/ts/lowerupper_pipe/lowerupper_pipe_example.js

@@ -0,0 +1,43 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+// #docregion LowerUpperPipe
+export let LowerUpperPipeExample = class {
+    change(value) { this.value = value; }
+};
+LowerUpperPipeExample = __decorate([
+    Component({
+        selector: 'lowerupper-example',
+        template: `<div>
+    <label>Name: </label><input #name (keyup)="change(name.value)" type="text">
+    <p>In lowercase: <pre>'{{value | lowercase}}'</pre></p>
+    <p>In uppercase: <pre>'{{value | uppercase}}'</pre></p>
+  </div>`
+    }), 
+    __metadata('design:paramtypes', [])
+], LowerUpperPipeExample);
+// #enddocregion
+export let AppCmp = class {
+};
+AppCmp = __decorate([
+    Component({
+        selector: 'example-app',
+        directives: [LowerUpperPipeExample],
+        template: `
+    <h1>LowercasePipe &amp; UppercasePipe Example</h1>
+    <lowerupper-example></lowerupper-example>
+  `
+    }), 
+    __metadata('design:paramtypes', [])
+], AppCmp);
+export function main() {
+    bootstrap(AppCmp);
+}

node_modules/angular2/es6/prod/examples/core/pipes/ts/number_pipe/number_pipe_example.js

@@ -0,0 +1,88 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+// #docregion NumberPipe
+export let NumberPipeExample = class {
+    constructor() {
+        this.pi = 3.141;
+        this.e = 2.718281828459045;
+    }
+};
+NumberPipeExample = __decorate([
+    Component({
+        selector: 'number-example',
+        template: `<div>
+    <p>e (no formatting): {{e}}</p>
+    <p>e (3.1-5): {{e | number:'3.1-5'}}</p>
+    <p>pi (no formatting): {{pi}}</p>
+    <p>pi (3.5-5): {{pi | number:'3.5-5'}}</p>
+  </div>`
+    }), 
+    __metadata('design:paramtypes', [])
+], NumberPipeExample);
+// #enddocregion
+// #docregion PercentPipe
+export let PercentPipeExample = class {
+    constructor() {
+        this.a = 0.259;
+        this.b = 1.3495;
+    }
+};
+PercentPipeExample = __decorate([
+    Component({
+        selector: 'percent-example',
+        template: `<div>
+    <p>A: {{a | percent}}</p>
+    <p>B: {{b | percent:'4.3-5'}}</p>
+  </div>`
+    }), 
+    __metadata('design:paramtypes', [])
+], PercentPipeExample);
+// #enddocregion
+// #docregion CurrencyPipe
+export let CurrencyPipeExample = class {
+    constructor() {
+        this.a = 0.259;
+        this.b = 1.3495;
+    }
+};
+CurrencyPipeExample = __decorate([
+    Component({
+        selector: 'currency-example',
+        template: `<div>
+    <p>A: {{a | currency:'USD':false}}</p>
+    <p>B: {{b | currency:'USD':true:'4.2-2'}}</p>
+  </div>`
+    }), 
+    __metadata('design:paramtypes', [])
+], CurrencyPipeExample);
+// #enddocregion
+export let AppCmp = class {
+};
+AppCmp = __decorate([
+    Component({
+        selector: 'example-app',
+        directives: [NumberPipeExample, PercentPipeExample, CurrencyPipeExample],
+        template: `
+    <h1>Numeric Pipe Examples</h1>
+    <h2>NumberPipe Example</h2>
+    <number-example></number-example>
+    <h2>PercentPipe Example</h2>
+    <percent-example></percent-example>
+    <h2>CurrencyPipeExample</h2>
+    <currency-example></currency-example>
+  `
+    }), 
+    __metadata('design:paramtypes', [])
+], AppCmp);
+export function main() {
+    bootstrap(AppCmp);
+}

node_modules/angular2/es6/prod/examples/core/pipes/ts/slice_pipe/slice_pipe_example.js

@@ -0,0 +1,65 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+// #docregion SlicePipe_string
+export let SlicePipeStringExample = class {
+    constructor() {
+        this.str = 'abcdefghij';
+    }
+};
+SlicePipeStringExample = __decorate([
+    Component({
+        selector: 'slice-string-example',
+        template: `<div>
+    <p>{{str}}[0:4]: '{{str | slice:0:4}}' - output is expected to be 'abcd'</p>
+    <p>{{str}}[4:0]: '{{str | slice:4:0}}' - output is expected to be ''</p>
+    <p>{{str}}[-4]: '{{str | slice:-4}}' - output is expected to be 'ghij'</p>
+    <p>{{str}}[-4:-2]: '{{str | slice:-4:-2}}' - output is expected to be 'gh'</p>
+    <p>{{str}}[-100]: '{{str | slice:-100}}' - output is expected to be 'abcdefghij'</p>
+    <p>{{str}}[100]: '{{str | slice:100}}' - output is expected to be ''</p>
+  </div>`
+    }), 
+    __metadata('design:paramtypes', [])
+], SlicePipeStringExample);
+// #enddocregion
+// #docregion SlicePipe_list
+export let SlicePipeListExample = class {
+    constructor() {
+        this.collection = ['a', 'b', 'c', 'd'];
+    }
+};
+SlicePipeListExample = __decorate([
+    Component({
+        selector: 'slice-list-example',
+        template: `<div>
+    <li *ngFor="var i of collection | slice:1:3">{{i}}</li>
+  </div>`
+    }), 
+    __metadata('design:paramtypes', [])
+], SlicePipeListExample);
+// #enddocregion
+export let AppCmp = class {
+};
+AppCmp = __decorate([
+    Component({
+        selector: 'example-app',
+        directives: [SlicePipeListExample, SlicePipeStringExample],
+        template: `
+    <h1>SlicePipe Examples</h1>
+    <slice-list-example></slice-list-example>
+    <slice-string-example></slice-string-example>
+  `
+    }), 
+    __metadata('design:paramtypes', [])
+], AppCmp);
+export function main() {
+    bootstrap(AppCmp);
+}

node_modules/angular2/es6/prod/examples/core/ts/bootstrap/bootstrap.js

@@ -0,0 +1,25 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+// #docregion bootstrap
+let MyApp = class {
+    constructor() {
+        this.name = 'World';
+    }
+};
+MyApp = __decorate([
+    Component({ selector: 'my-app', template: 'Hello {{ name }}!' }), 
+    __metadata('design:paramtypes', [])
+], MyApp);
+function main() {
+    return bootstrap(MyApp);
+}
+// #enddocregion

node_modules/angular2/es6/prod/examples/core/ts/metadata/metadata.js

@@ -0,0 +1,69 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Component, Attribute, Directive, Pipe } from 'angular2/core';
+var CustomDirective;
+// #docregion component
+let Greet = class {
+    constructor() {
+        this.name = 'World';
+    }
+};
+Greet = __decorate([
+    Component({ selector: 'greet', template: 'Hello {{name}}!', directives: [CustomDirective] }), 
+    __metadata('design:paramtypes', [])
+], Greet);
+// #enddocregion
+// #docregion attributeFactory
+let Page = class {
+    constructor(title) {
+        this.title = title;
+    }
+};
+Page = __decorate([
+    Component({ selector: 'page', template: 'Title: {{title}}' }),
+    __param(0, Attribute('title')), 
+    __metadata('design:paramtypes', [String])
+], Page);
+// #enddocregion
+// #docregion attributeMetadata
+let InputAttrDirective = class {
+    constructor(type) {
+        // type would be 'text' in this example
+    }
+};
+InputAttrDirective = __decorate([
+    Directive({ selector: 'input' }),
+    __param(0, Attribute('type')), 
+    __metadata('design:paramtypes', [String])
+], InputAttrDirective);
+// #enddocregion
+// #docregion directive
+let InputDirective = class {
+    constructor() {
+        // Add some logic.
+    }
+};
+InputDirective = __decorate([
+    Directive({ selector: 'input' }), 
+    __metadata('design:paramtypes', [])
+], InputDirective);
+// #enddocregion
+// #docregion pipe
+let Lowercase = class {
+    transform(v, args) { return v.toLowerCase(); }
+};
+Lowercase = __decorate([
+    Pipe({ name: 'lowercase' }), 
+    __metadata('design:paramtypes', [])
+], Lowercase);
+// #enddocregion

node_modules/angular2/es6/prod/examples/core/ts/platform/platform.js

@@ -0,0 +1,22 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component, platform } from 'angular2/core';
+import { BROWSER_PROVIDERS, BROWSER_APP_PROVIDERS } from 'angular2/platform/browser';
+var appProviders = [];
+// #docregion longform
+let MyApp = class {
+};
+MyApp = __decorate([
+    Component({ selector: 'my-app', template: 'Hello World' }), 
+    __metadata('design:paramtypes', [])
+], MyApp);
+var app = platform(BROWSER_PROVIDERS).application([BROWSER_APP_PROVIDERS, appProviders]);
+app.bootstrap(MyApp);
+// #enddocregion

node_modules/angular2/es6/prod/examples/core/ts/prod_mode/my_component.js

@@ -0,0 +1,16 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component } from 'angular2/core';
+export let MyComponent = class {
+};
+MyComponent = __decorate([
+    Component({ selector: 'my-component', template: '<h1>My Component</h1>' }), 
+    __metadata('design:paramtypes', [])
+], MyComponent);

node_modules/angular2/es6/prod/examples/core/ts/prod_mode/prod_mode_example.js

@@ -0,0 +1,6 @@
+import { enableProdMode } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+import { MyComponent } from './my_component';
+enableProdMode();
+bootstrap(MyComponent);
+// #enddocregion

node_modules/angular2/es6/prod/examples/facade/ts/async/observable.js

@@ -0,0 +1,7 @@
+import { Observable } from 'rxjs/Rx';
+var obs = new Observable((obs) => {
+    var i = 0;
+    setInterval(() => { obs.next(++i); }, 1000);
+});
+obs.subscribe(i => console.log(`${i} seconds elapsed`));
+// #enddocregion

node_modules/angular2/es6/prod/examples/facade/ts/async/observable_all.js

@@ -0,0 +1,2 @@
+import 'rxjs';
+// #enddocregion

node_modules/angular2/es6/prod/examples/facade/ts/async/observable_patched.js

@@ -0,0 +1,8 @@
+import { Observable } from 'rxjs/Rx';
+import 'rxjs/add/operator/map';
+var obs = new Observable((obs) => {
+    var i = 0;
+    setInterval(() => obs.next(++i), 1000);
+});
+obs.map((i) => `${i} seconds elapsed`).subscribe(msg => console.log(msg));
+// #enddocregion

node_modules/angular2/es6/prod/examples/facade/ts/async/observable_pure.js

@@ -0,0 +1,8 @@
+import { Observable } from 'rxjs/Rx';
+import { map } from 'rxjs/operator/map';
+var obs = new Observable((sub) => {
+    var i = 0;
+    setInterval(() => sub.next(++i), 1000);
+});
+map.call(obs, (i) => `${i} seconds elapsed`).subscribe((msg) => console.log(msg));
+// #enddocregion

node_modules/angular2/es6/prod/examples/platform/dom/debug/ts/by/by.js

@@ -0,0 +1,13 @@
+import { By } from 'angular2/platform/browser';
+var debugElement;
+class MyDirective {
+}
+// #docregion by_all
+debugElement.query(By.all());
+// #enddocregion
+// #docregion by_css
+debugElement.query(By.css('[attribute]'));
+// #enddocregion
+// #docregion by_directive
+debugElement.query(By.directive(MyDirective));
+// #enddocregion

node_modules/angular2/es6/prod/examples/platform/dom/debug/ts/debug_element_view_listener/providers.js

@@ -0,0 +1,20 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component } from 'angular2/core';
+import { bootstrap, ELEMENT_PROBE_PROVIDERS } from 'angular2/platform/browser';
+let MyAppComponent = class {
+};
+MyAppComponent = __decorate([
+    Component({ selector: 'my-component' }), 
+    __metadata('design:paramtypes', [])
+], MyAppComponent);
+// #docregion providers
+bootstrap(MyAppComponent, [ELEMENT_PROBE_PROVIDERS]);
+// #enddocregion 

node_modules/angular2/es6/prod/examples/router/ts/can_activate/can_activate_example.js

@@ -0,0 +1,60 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { provide, Component } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+import { CanActivate, RouteConfig, APP_BASE_HREF, ROUTER_DIRECTIVES } from 'angular2/router';
+function checkIfWeHavePermission(instruction) {
+    return instruction.params['id'] == '1';
+}
+// #docregion canActivate
+let ControlPanelCmp = class {
+};
+ControlPanelCmp = __decorate([
+    Component({ selector: 'control-panel-cmp', template: `<div>Settings: ...</div>` }),
+    CanActivate(checkIfWeHavePermission), 
+    __metadata('design:paramtypes', [])
+], ControlPanelCmp);
+// #enddocregion
+let HomeCmp = class {
+};
+HomeCmp = __decorate([
+    Component({
+        selector: 'home-cmp',
+        template: `
+    <h1>Welcome Home!</h1>
+    <div>
+      Edit <a [routerLink]="['/ControlPanelCmp', {id: 1}]" id="user-1-link">User 1</a> |
+      Edit <a [routerLink]="['/ControlPanelCmp', {id: 2}]" id="user-2-link">User 2</a>
+    </div>
+  `,
+        directives: [ROUTER_DIRECTIVES]
+    }), 
+    __metadata('design:paramtypes', [])
+], HomeCmp);
+let AppCmp = class {
+};
+AppCmp = __decorate([
+    Component({
+        selector: 'example-app',
+        template: `
+    <h1>My App</h1>
+    <router-outlet></router-outlet>
+  `,
+        directives: [ROUTER_DIRECTIVES]
+    }),
+    RouteConfig([
+        { path: '/user-settings/:id', component: ControlPanelCmp, name: 'ControlPanelCmp' },
+        { path: '/', component: HomeCmp, name: 'HomeCmp' }
+    ]), 
+    __metadata('design:paramtypes', [])
+], AppCmp);
+export function main() {
+    return bootstrap(AppCmp, [provide(APP_BASE_HREF, { useValue: '/angular2/examples/router/ts/can_activate' })]);
+}

node_modules/angular2/es6/prod/examples/router/ts/can_activate/can_activate_spec.js

@@ -0,0 +1,26 @@
+import { verifyNoBrowserErrors, browser } from 'angular2/src/testing/e2e_util';
+import { expect } from 'angular2/testing';
+function waitForElement(selector) {
+    var EC = protractor.ExpectedConditions;
+    // Waits for the element with id 'abc' to be present on the dom.
+    browser.wait(EC.presenceOf($(selector)), 20000);
+}
+describe('reuse example app', function () {
+    afterEach(verifyNoBrowserErrors);
+    var URL = 'angular2/examples/router/ts/can_activate/';
+    it('should navigate to user 1', function () {
+        browser.get(URL);
+        waitForElement('home-cmp');
+        element(by.css('#user-1-link')).click();
+        waitForElement('control-panel-cmp');
+        expect(browser.getCurrentUrl()).toMatch(/\/user-settings\/1$/);
+        expect(element(by.css('control-panel-cmp')).getText()).toContain('Settings');
+    });
+    it('should not navigate to user 2', function () {
+        browser.get(URL);
+        waitForElement('home-cmp');
+        element(by.css('#user-2-link')).click();
+        waitForElement('home-cmp');
+        expect(element(by.css('home-cmp')).getText()).toContain('Welcome Home!');
+    });
+});

node_modules/angular2/es6/prod/examples/router/ts/can_deactivate/can_deactivate_example.js

@@ -0,0 +1,69 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { provide, Component } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+import { RouteConfig, RouteParams, ROUTER_DIRECTIVES, APP_BASE_HREF } from 'angular2/router';
+// #docregion routerCanDeactivate
+let NoteCmp = class {
+    constructor(params) {
+        this.id = params.get('id');
+    }
+    routerCanDeactivate(next, prev) {
+        return confirm('Are you sure you want to leave?');
+    }
+};
+NoteCmp = __decorate([
+    Component({
+        selector: 'note-cmp',
+        template: `
+    <div>
+      <h2>id: {{id}}</h2>
+      <textarea cols="40" rows="10"></textarea>
+    </div>`
+    }), 
+    __metadata('design:paramtypes', [RouteParams])
+], NoteCmp);
+// #enddocregion
+let NoteIndexCmp = class {
+};
+NoteIndexCmp = __decorate([
+    Component({
+        selector: 'note-index-cmp',
+        template: `
+    <h1>Your Notes</h1>
+    <div>
+      Edit <a [routerLink]="['/NoteCmp', {id: 1}]" id="note-1-link">Note 1</a> |
+      Edit <a [routerLink]="['/NoteCmp', {id: 2}]" id="note-2-link">Note 2</a>
+    </div>
+  `,
+        directives: [ROUTER_DIRECTIVES]
+    }), 
+    __metadata('design:paramtypes', [])
+], NoteIndexCmp);
+let AppCmp = class {
+};
+AppCmp = __decorate([
+    Component({
+        selector: 'example-app',
+        template: `
+    <h1>My App</h1>
+    <router-outlet></router-outlet>
+  `,
+        directives: [ROUTER_DIRECTIVES]
+    }),
+    RouteConfig([
+        { path: '/note/:id', component: NoteCmp, name: 'NoteCmp' },
+        { path: '/', component: NoteIndexCmp, name: 'NoteIndexCmp' }
+    ]), 
+    __metadata('design:paramtypes', [])
+], AppCmp);
+export function main() {
+    return bootstrap(AppCmp, [provide(APP_BASE_HREF, { useValue: '/angular2/examples/router/ts/can_deactivate' })]);
+}

node_modules/angular2/es6/prod/examples/router/ts/can_deactivate/can_deactivate_spec.js

@@ -0,0 +1,36 @@
+import { verifyNoBrowserErrors, browser } from 'angular2/src/testing/e2e_util';
+import { expect } from 'angular2/testing';
+function waitForElement(selector) {
+    var EC = protractor.ExpectedConditions;
+    // Waits for the element with id 'abc' to be present on the dom.
+    browser.wait(EC.presenceOf($(selector)), 20000);
+}
+function waitForAlert() {
+    var EC = protractor.ExpectedConditions;
+    browser.wait(EC.alertIsPresent(), 1000);
+}
+describe('can deactivate example app', function () {
+    afterEach(verifyNoBrowserErrors);
+    var URL = 'angular2/examples/router/ts/can_deactivate/';
+    it('should not navigate away when prompt is cancelled', function () {
+        browser.get(URL);
+        waitForElement('note-index-cmp');
+        element(by.css('#note-1-link')).click();
+        waitForElement('note-cmp');
+        browser.navigate().back();
+        waitForAlert();
+        browser.switchTo().alert().dismiss(); // Use to simulate cancel button
+        expect(element(by.css('note-cmp')).getText()).toContain('id: 1');
+    });
+    it('should navigate away when prompt is confirmed', function () {
+        browser.get(URL);
+        waitForElement('note-index-cmp');
+        element(by.css('#note-1-link')).click();
+        waitForElement('note-cmp');
+        browser.navigate().back();
+        waitForAlert();
+        browser.switchTo().alert().accept();
+        waitForElement('note-index-cmp');
+        expect(element(by.css('note-index-cmp')).getText()).toContain('Your Notes');
+    });
+});

node_modules/angular2/es6/prod/examples/router/ts/on_activate/on_activate_example.js

@@ -0,0 +1,63 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component, provide } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+import { RouteConfig, ROUTER_DIRECTIVES, APP_BASE_HREF } from 'angular2/router';
+// #docregion routerOnActivate
+let ChildCmp = class {
+};
+ChildCmp = __decorate([
+    Component({ template: `Child` }), 
+    __metadata('design:paramtypes', [])
+], ChildCmp);
+let ParentCmp = class {
+    constructor() {
+        this.log = '';
+    }
+    routerOnActivate(next, prev) {
+        this.log = `Finished navigating from "${prev ? prev.urlPath : 'null'}" to "${next.urlPath}"`;
+        return new Promise(resolve => {
+            // The ChildCmp gets instantiated only when the Promise is resolved
+            setTimeout(() => resolve(null), 1000);
+        });
+    }
+};
+ParentCmp = __decorate([
+    Component({
+        template: `
+    <h2>Parent</h2> (<router-outlet></router-outlet>) 
+    <p>{{log}}</p>`,
+        directives: [ROUTER_DIRECTIVES]
+    }),
+    RouteConfig([{ path: '/child', name: 'Child', component: ChildCmp }]), 
+    __metadata('design:paramtypes', [])
+], ParentCmp);
+// #enddocregion
+export let AppCmp = class {
+};
+AppCmp = __decorate([
+    Component({
+        selector: 'example-app',
+        template: `
+    <h1>My app</h1>
+    
+    <nav>
+      <a [routerLink]="['Parent', 'Child']">Child</a>
+    </nav>
+    <router-outlet></router-outlet>
+  `,
+        directives: [ROUTER_DIRECTIVES]
+    }),
+    RouteConfig([{ path: '/parent/...', name: 'Parent', component: ParentCmp }]), 
+    __metadata('design:paramtypes', [])
+], AppCmp);
+export function main() {
+    return bootstrap(AppCmp, [provide(APP_BASE_HREF, { useValue: '/angular2/examples/router/ts/on_activate' })]);
+}

node_modules/angular2/es6/prod/examples/router/ts/on_deactivate/on_deactivate_example.js

@@ -0,0 +1,70 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component, Injectable, provide } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+import { RouteConfig, ROUTER_DIRECTIVES, APP_BASE_HREF } from 'angular2/router';
+let LogService = class {
+    constructor() {
+        this.logs = [];
+    }
+    addLog(message) { this.logs.push(message); }
+};
+LogService = __decorate([
+    Injectable(), 
+    __metadata('design:paramtypes', [])
+], LogService);
+// #docregion routerOnDeactivate
+let MyCmp = class {
+    constructor(logService) {
+        this.logService = logService;
+    }
+    routerOnDeactivate(next, prev) {
+        this.logService.addLog(`Navigating from "${prev ? prev.urlPath : 'null'}" to "${next.urlPath}"`);
+    }
+};
+MyCmp = __decorate([
+    Component({ selector: 'my-cmp', template: `<div>hello</div>` }), 
+    __metadata('design:paramtypes', [LogService])
+], MyCmp);
+// #enddocregion
+let AppCmp = class {
+    constructor(logService) {
+        this.logService = logService;
+    }
+};
+AppCmp = __decorate([
+    Component({
+        selector: 'example-app',
+        template: `
+    <h1>My App</h1>
+    <nav>
+      <a [routerLink]="['/HomeCmp']" id="home-link">Navigate Home</a> |
+      <a [routerLink]="['/ParamCmp', {param: 1}]" id="param-link">Navigate with a Param</a>
+    </nav>
+    <router-outlet></router-outlet>
+    <div id="log">
+      <h2>Log:</h2>
+      <p *ngFor="#logItem of logService.logs">{{ logItem }}</p>
+    </div>
+  `,
+        directives: [ROUTER_DIRECTIVES]
+    }),
+    RouteConfig([
+        { path: '/', component: MyCmp, name: 'HomeCmp' },
+        { path: '/:param', component: MyCmp, name: 'ParamCmp' }
+    ]), 
+    __metadata('design:paramtypes', [LogService])
+], AppCmp);
+export function main() {
+    return bootstrap(AppCmp, [
+        provide(APP_BASE_HREF, { useValue: '/angular2/examples/router/ts/on_deactivate' }),
+        LogService
+    ]);
+}

node_modules/angular2/es6/prod/examples/router/ts/on_deactivate/on_deactivate_spec.js

@@ -0,0 +1,23 @@
+import { verifyNoBrowserErrors, browser } from 'angular2/src/testing/e2e_util';
+import { expect } from 'angular2/testing';
+function waitForElement(selector) {
+    var EC = protractor.ExpectedConditions;
+    // Waits for the element with id 'abc' to be present on the dom.
+    browser.wait(EC.presenceOf($(selector)), 20000);
+}
+describe('on activate example app', function () {
+    afterEach(verifyNoBrowserErrors);
+    var URL = 'angular2/examples/router/ts/on_deactivate/';
+    it('should update the text when navigating between routes', function () {
+        browser.get(URL);
+        waitForElement('my-cmp');
+        expect(element(by.css('#log')).getText()).toEqual('Log:');
+        element(by.css('#param-link')).click();
+        waitForElement('my-cmp');
+        expect(element(by.css('#log')).getText()).toEqual('Log:\nNavigating from "" to "1"');
+        browser.navigate().back();
+        waitForElement('my-cmp');
+        expect(element(by.css('#log')).getText())
+            .toEqual('Log:\nNavigating from "" to "1"\nNavigating from "1" to ""');
+    });
+});

node_modules/angular2/es6/prod/examples/router/ts/reuse/reuse_example.js

@@ -0,0 +1,55 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component, provide } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+import { RouteConfig, ROUTER_DIRECTIVES, APP_BASE_HREF, RouteParams } from 'angular2/router';
+// #docregion reuseCmp
+let MyCmp = class {
+    constructor(params) {
+        this.name = params.get('name') || 'NOBODY';
+    }
+    routerCanReuse(next, prev) { return true; }
+    routerOnReuse(next, prev) {
+        this.name = next.params['name'];
+    }
+};
+MyCmp = __decorate([
+    Component({
+        selector: 'my-cmp',
+        template: `
+    <div>hello {{name}}!</div>
+    <div>message: <input id="message"></div>
+  `
+    }), 
+    __metadata('design:paramtypes', [RouteParams])
+], MyCmp);
+// #enddocregion
+let AppCmp = class {
+};
+AppCmp = __decorate([
+    Component({
+        selector: 'example-app',
+        template: `
+    <h1>Say hi to...</h1>
+    <a [routerLink]="['/HomeCmp', {name: 'naomi'}]" id="naomi-link">Naomi</a> |
+    <a [routerLink]="['/HomeCmp', {name: 'brad'}]" id="brad-link">Brad</a>
+    <router-outlet></router-outlet>
+  `,
+        directives: [ROUTER_DIRECTIVES]
+    }),
+    RouteConfig([
+        { path: '/', component: MyCmp, name: 'HomeCmp' },
+        { path: '/:name', component: MyCmp, name: 'HomeCmp' }
+    ]), 
+    __metadata('design:paramtypes', [])
+], AppCmp);
+export function main() {
+    return bootstrap(AppCmp, [provide(APP_BASE_HREF, { useValue: '/angular2/examples/router/ts/reuse' })]);
+}

node_modules/angular2/es6/prod/examples/router/ts/reuse/reuse_spec.js

@@ -0,0 +1,26 @@
+import { verifyNoBrowserErrors, browser } from 'angular2/src/testing/e2e_util';
+import { expect } from 'angular2/testing';
+function waitForElement(selector) {
+    var EC = protractor.ExpectedConditions;
+    // Waits for the element with id 'abc' to be present on the dom.
+    browser.wait(EC.presenceOf($(selector)), 20000);
+}
+describe('reuse example app', function () {
+    afterEach(verifyNoBrowserErrors);
+    var URL = 'angular2/examples/router/ts/reuse/';
+    it('should build a link which points to the detail page', function () {
+        browser.get(URL);
+        waitForElement('my-cmp');
+        element(by.css('#naomi-link')).click();
+        waitForElement('my-cmp');
+        expect(browser.getCurrentUrl()).toMatch(/\/naomi$/);
+        // type something into input
+        element(by.css('#message')).sendKeys('long time no see!');
+        // navigate to Brad
+        element(by.css('#brad-link')).click();
+        waitForElement('my-cmp');
+        expect(browser.getCurrentUrl()).toMatch(/\/brad$/);
+        // check that typed input is the same
+        expect(element(by.css('#message')).getAttribute('value')).toEqual('long time no see!');
+    });
+});

node_modules/angular2/es6/prod/examples/testing/ts/fake_async.js

@@ -0,0 +1,26 @@
+import { describe, it, fakeAsync, expect, tick, clearPendingTimers } from 'angular2/testing';
+// #docregion basic
+describe('this test', () => {
+    it('looks async but is synchronous', fakeAsync(() => {
+        var flag = false;
+        setTimeout(() => { flag = true; }, 100);
+        expect(flag).toBe(false);
+        tick(50);
+        expect(flag).toBe(false);
+        tick(50);
+        expect(flag).toBe(true);
+    }));
+});
+// #enddocregion
+// #docregion pending
+describe('this test', () => {
+    it('aborts a timer', fakeAsync(() => {
+        // This timer is scheduled but doesn't need to complete for the
+        // test to pass (maybe it's a timeout for some operation).
+        // Leaving it will cause the test to fail...
+        setTimeout(() => { }, 100);
+        // Unless we clean it up first.
+        clearPendingTimers();
+    }));
+});
+// #enddocregion 

node_modules/angular2/es6/prod/examples/testing/ts/matchers.js

@@ -0,0 +1,32 @@
+import { expect } from 'angular2/testing';
+var value;
+var element;
+var exception;
+class OtherClass {
+}
+class SomeClass {
+}
+// #docregion toBePromise
+expect(value).toBePromise();
+// #enddocregion
+// #docregion toBeAnInstanceOf
+expect(value).toBeAnInstanceOf(SomeClass);
+// #enddocregion
+// #docregion toHaveText
+expect(element).toHaveText('Hello world!');
+// #enddocregion
+// #docregion toHaveCssClass
+expect(element).toHaveCssClass('current');
+// #enddocregion
+// #docregion toHaveCssStyle
+expect(element).toHaveCssStyle({ width: '100px', height: 'auto' });
+// #enddocregion
+// #docregion toContainError
+expect(exception).toContainError('Failed to load');
+// #enddocregion
+// #docregion toThrowErrorWith
+expect(() => { throw 'Failed to load'; }).toThrowErrorWith('Failed to load');
+// #enddocregion
+// #docregion toImplement
+expect(SomeClass).toImplement(OtherClass);
+// #enddocregion

node_modules/angular2/es6/prod/examples/testing/ts/testing.js

@@ -0,0 +1,71 @@
+import { describe, fdescribe, xdescribe, it, fit, xit, beforeEach, afterEach, beforeEachProviders, inject } from 'angular2/testing';
+import { provide } from 'angular2/core';
+var db;
+class MyService {
+}
+class MyMockService {
+}
+// #docregion describeIt
+describe('some component', () => {
+    it('does something', () => {
+        // This is a test.
+    });
+});
+// #enddocregion
+// #docregion fdescribe
+fdescribe('some component', () => {
+    it('has a test', () => {
+        // This test will run.
+    });
+});
+describe('another component', () => { it('also has a test', () => { throw 'This test will not run.'; }); });
+// #enddocregion
+// #docregion xdescribe
+xdescribe('some component', () => { it('has a test', () => { throw 'This test will not run.'; }); });
+describe('another component', () => {
+    it('also has a test', () => {
+        // This test will run.
+    });
+});
+// #enddocregion
+// #docregion fit
+describe('some component', () => {
+    fit('has a test', () => {
+        // This test will run.
+    });
+    it('has another test', () => { throw 'This test will not run.'; });
+});
+// #enddocregion
+// #docregion xit
+describe('some component', () => {
+    xit('has a test', () => { throw 'This test will not run.'; });
+    it('has another test', () => {
+        // This test will run.
+    });
+});
+// #enddocregion
+// #docregion beforeEach
+describe('some component', () => {
+    beforeEach(() => { db.connect(); });
+    it('uses the db', () => {
+        // Database is connected.
+    });
+});
+// #enddocregion
+// #docregion beforeEachProviders
+describe('some component', () => {
+    beforeEachProviders(() => [provide(MyService, { useClass: MyMockService })]);
+    it('uses MyService', inject([MyService], (service) => {
+        // service is an instance of MyMockService.
+    }));
+});
+// #enddocregion
+// #docregion afterEach
+describe('some component', () => {
+    afterEach((done) => { db.reset().then((_) => done()); });
+    it('uses the db', () => {
+        // This test can leave the database in a dirty state.
+        // The afterEach will ensure it gets reset.
+    });
+});
+// #enddocregion