build: add root to the sourcemap so it won't use absolute pathing

DEBUG-merge/button-toggle/button-toggle-demo.d.ts

@@ -0,0 +1,2 @@
+export declare class ButtonToggleDemo {
+}

DEBUG-merge/button-toggle/button-toggle-demo.html

@@ -0,0 +1,39 @@
+<h1>Exclusive Selection</h1>
+
+<section class="demo-section">
+  <md-button-toggle-group name="alignment">
+    <md-button-toggle value="left"><md-icon>format_align_left</md-icon></md-button-toggle>
+    <md-button-toggle value="center"><md-icon>format_align_center</md-icon></md-button-toggle>
+    <md-button-toggle value="right"><md-icon>format_align_right</md-icon></md-button-toggle>
+    <md-button-toggle value="justify" disabled><md-icon>format_align_justify</md-icon></md-button-toggle>
+  </md-button-toggle-group>
+</section>
+
+<h1>Disabled Group</h1>
+
+<section class="demo-section">
+  <md-button-toggle-group name="checkbox" disabled>
+    <md-button-toggle value="bold">
+      <md-icon class="md-24">format_bold</md-icon>
+    </md-button-toggle>
+    <md-button-toggle value="italic">
+      <md-icon class="md-24">format_italic</md-icon>
+    </md-button-toggle>
+    <md-button-toggle value="underline">
+      <md-icon class="md-24">format_underline</md-icon>
+    </md-button-toggle>
+  </md-button-toggle-group>
+</section>
+
+<h1>Multiple Selection</h1>
+<section class="demo-section">
+  <md-button-toggle-group multiple>
+    <md-button-toggle>Flour</md-button-toggle>
+    <md-button-toggle>Eggs</md-button-toggle>
+    <md-button-toggle>Sugar</md-button-toggle>
+    <md-button-toggle disabled>Milk (disabled)</md-button-toggle>
+  </md-button-toggle-group>
+</section>
+
+<h1>Single Toggle</h1>
+<md-button-toggle>Yes</md-button-toggle>

DEBUG-merge/button/button-demo.css

@@ -0,0 +1,12 @@
+.demo-button button, .demo-button a {
+  margin: 8px;
+  text-transform: uppercase; }
+
+.demo-button section {
+  display: flex;
+  align-items: center;
+  background-color: #f7f7f7;
+  margin: 8px; }
+
+.demo-button p {
+  padding: 5px 15px; }

DEBUG-merge/button/button-demo.d.ts

@@ -0,0 +1,4 @@
+export declare class ButtonDemo {
+    isDisabled: boolean;
+    clickCounter: number;
+}

DEBUG-merge/button/button-demo.html

@@ -0,0 +1,91 @@
+<div class="demo-button">
+  <section>
+    <button md-button>flat</button>
+    <button md-raised-button>raised</button>
+    <button md-fab>
+      <md-icon class="md-24">check</md-icon>
+    </button>
+    <button md-mini-fab>
+      <md-icon class="md-24">check</md-icon>
+    </button>
+  </section>
+
+  <section>
+    <a href="http://www.google.com" md-button color="primary">link</a>
+    <a href="http://www.google.com" md-raised-button>link</a>
+    <a href="http://www.google.com" md-fab>
+      <md-icon class="md-24">check</md-icon>
+    </a>
+    <a href="http://www.google.com" md-mini-fab>
+      <md-icon class="md-24">check</md-icon>
+    </a>
+  </section>
+
+  <section>
+    <button md-button color="primary">primary</button>
+    <button md-button color="accent">accent</button>
+    <button md-button color="warn">warn</button>
+  </section>
+
+  <section>
+    <button md-raised-button color="primary">primary</button>
+    <button md-raised-button color="accent">accent</button>
+    <button md-raised-button color="warn">warn</button>
+  </section>
+
+  <section>
+    <button md-fab color="primary">
+      <md-icon class="md-24">home</md-icon>
+    </button>
+    <button md-fab color="accent">
+      <md-icon class="md-24">favorite</md-icon>
+    </button>
+    <button md-fab color="warn">
+      <md-icon class="md-24">feedback</md-icon>
+    </button>
+  </section>
+
+  <section>
+    <button md-icon-button color="primary">
+      <md-icon class="md-24">menu</md-icon>
+    </button>
+
+    <button md-icon-button color="accent">
+      <md-icon class="md-24">favorite</md-icon>
+    </button>
+
+    <button md-icon-button>
+      <md-icon class="md-24">more_vert</md-icon>
+    </button>
+  </section>
+
+  <section>
+    <div>
+      <p>isDisabled: {{isDisabled}}, clickCounter: <span id="clickCounter">{{clickCounter}}</span></p>
+      <button md-raised-button (click)="isDisabled=!isDisabled" id="disableToggle">Disable buttons</button>
+    </div>
+    <button md-button [disabled]="isDisabled" (click)="clickCounter=clickCounter+1" id="testButton">off</button>
+    <button md-button color="primary" [disabled]="isDisabled">off</button>
+    <a href="http://www.google.com" md-button color="accent" [disabled]="isDisabled">off</a>
+    <button md-raised-button color="primary" [disabled]="isDisabled">off</button>
+    <button md-mini-fab [disabled]="isDisabled">
+      <md-icon class="md-24">check</md-icon>
+    </button>
+
+    <button md-icon-button color="accent" [disabled]="isDisabled">
+      <md-icon class="md-24">favorite</md-icon>
+    </button>
+  </section>
+  <section>
+    Link
+    <a href="http://www.google.com" md-button color="primary">link</a>
+    Button
+    <button md-button>flat</button>
+  </section>
+  <section>
+    Link
+    <a href="http://www.google.com" md-raised-button color="primary">link</a>
+    Button
+    <button md-raised-button>button</button>
+  </section>
+</div>

DEBUG-merge/card/card-demo.css

@@ -0,0 +1,14 @@
+.demo-card-container {
+  display: flex;
+  flex-flow: column nowrap; }
+  .demo-card-container md-card {
+    margin: 0 16px 16px 0;
+    width: 350px; }
+  .demo-card-container img {
+    background-color: gray; }
+
+.demo-card-blue {
+  background-color: #B0BECC; }
+  .demo-card-blue md-card-actions {
+    display: flex;
+    flex-direction: column; }

DEBUG-merge/card/card-demo.d.ts

@@ -0,0 +1,2 @@
+export declare class CardDemo {
+}

DEBUG-merge/card/card-demo.html

@@ -0,0 +1,54 @@
+<div class="demo-card-container">
+  <md-card>
+    <md-card-title-group>
+        <md-card-title>Card with title</md-card-title>
+        <md-card-subtitle>Subtitle</md-card-subtitle>
+        <img md-card-md-image>
+    </md-card-title-group>
+  </md-card>
+
+  <md-card>
+    <md-card-subtitle>Subtitle</md-card-subtitle>
+    <md-card-title>Card with title</md-card-title>
+    <md-card-content>
+      <p>This is supporting text.</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+    </md-card-content>
+    <md-card-actions>
+      <button md-button>LIKE</button>
+      <button md-button>SHARE</button>
+    </md-card-actions>
+  </md-card>
+
+  <md-card>
+    <img md-card-image src="https://material.angularjs.org/latest/img/washedout.png">
+    <md-card-title>Content Title</md-card-title>
+    <md-card-content>
+      <p>Here is some content</p>
+    </md-card-content>
+    <md-card-actions align="end">
+      <button md-button>LIKE</button>
+      <button md-button>SHARE</button>
+    </md-card-actions>
+  </md-card>
+
+  <md-card>
+    <md-card-header>
+      <img md-card-avatar>
+      <md-card-title>Header title</md-card-title>
+      <md-card-subtitle>Header subtitle</md-card-subtitle>
+    </md-card-header>
+    <img md-card-image src="https://material.angularjs.org/latest/img/washedout.png">
+    <md-card-content>
+      <p>Here is some content</p>
+    </md-card-content>
+  </md-card>
+
+  <md-card class="demo-card-blue md-card-flat">
+    <md-card-title>Easily customizable</md-card-title>
+    <md-card-actions>
+      <button md-button>First</button>
+      <button md-button>Second</button>
+    </md-card-actions>
+  </md-card>
+</div>

DEBUG-merge/checkbox/checkbox-demo.css

@@ -0,0 +1,2 @@
+.demo-checkboxes {
+  margin: 8px 0; }

DEBUG-merge/checkbox/checkbox-demo.d.ts

@@ -0,0 +1,7 @@
+export declare class CheckboxDemo {
+    isIndeterminate: boolean;
+    isChecked: boolean;
+    isDisabled: boolean;
+    alignment: string;
+    printResult(): string;
+}

DEBUG-merge/checkbox/checkbox-demo.html

@@ -0,0 +1,45 @@
+<h1>md-checkbox: Basic Example</h1>
+<form>
+<md-checkbox [(ngModel)]="isChecked"
+              ngControl="cb"
+             (change)="isIndeterminate = false"
+             [indeterminate]="isIndeterminate"
+             [disabled]="isDisabled"
+             [align]="alignment">
+  Do you want to <em>foobar</em> the <em>bazquux</em>?
+
+</md-checkbox> - <strong>{{printResult()}}</strong>
+</form>
+<div class="demo-checkboxes">
+<input id="indeterminate-toggle"
+       type="checkbox"
+       [(ngModel)]="isIndeterminate"
+       [disabled]="isDisabled">
+<label for="indeterminate-toggle">Toggle Indeterminate</label>
+<input id="disabled-toggle" type="checkbox" [(ngModel)]="isDisabled">
+<label for="disabled-toggle">Toggle Disabled</label>
+</div>
+<div>
+  <p>Alignment:</p>
+  <div>
+    <input #start type="radio"
+                  value="start"
+                  id="align-start"
+                  name="alignment"
+                  (click)="alignment = start.value"
+                  checked>
+    <label for="align-start">Start</label>
+  </div>
+  <div>
+    <input #end type="radio"
+                  value="end"
+                  id="align-end"
+                  name="alignment"
+                  (click)="alignment = end.value">
+    <label for="align-end">End</label>
+  </div>
+</div>
+
+<h1>Application Example: Nested Checklist</h1>
+<h2><em>Caution: WIP!</em></h2>
+<md-checkbox-demo-nested-checklist></md-checkbox-demo-nested-checklist>