Material PDF: Add required Polymer 0.8 elements.

Adds paper-fab, paper-toolbar and polymer/layout, which are required by
the material PDF viewer. Also adds required files from existing
components to polymer_resources.

BUG=482793

Review URL: https://codereview.chromium.org/1140583003

Cr-Commit-Position: refs/heads/master@{#329787}

34 files changed, 2637 insertions, 1 deletions

diff --git a/third_party/polymer/v0_8/README.chromium b/third_party/polymer/v0_8/README.chromium
index d66fa7d..ef9fef3 100644
--- a/third_party/polymer/v0_8/README.chromium
+++ b/third_party/polymer/v0_8/README.chromium
@@ -11,7 +11,8 @@ Description:
 This directory contains a copy of the following components which are a part of
 the Polymer project:
 -polymer
--Used Iron elements and their dependencies 
+-layout
+-Used Iron elements and their dependencies
 -Used Paper elements and their dependencies
 See bower.json for a full list of components.
 
diff --git a/third_party/polymer/v0_8/bower.json b/third_party/polymer/v0_8/bower.json
index a14e0c9..f8774a9 100644
--- a/third_party/polymer/v0_8/bower.json
+++ b/third_party/polymer/v0_8/bower.json
@@ -4,6 +4,7 @@
   "dependencies": {
     "polymer": "Polymer/polymer#v0.8.0-rc.7",
     "polymer-externs": "PolymerLabs/polymer-externs#^0.8.0",
+    "layout": "Polymer/layout#0.8-preview",
 
     "iron-collapse": "PolymerElements/iron-collapse#^0.8.0",
     "iron-icon": "PolymerElements/iron-icon#^0.8.0",
@@ -14,6 +15,7 @@
     "paper-button": "PolymerElements/paper-button#^0.8.0",
     "paper-checkbox": "PolymerElements/paper-checkbox#^0.8.0",
     "paper-drawer-panel": "PolymerElements/paper-drawer-panel#^0.8.0",
+    "paper-fab": "PolymerElements/paper-fab#^0.8.0",
     "paper-icon-button": "PolymerElements/paper-icon-button#^0.8.0",
     "paper-input": "PolymerElements/paper-input#^0.8.0",
     "paper-item": "PolymerElements/paper-item#^0.8.0",
@@ -21,6 +23,7 @@
     "paper-ripple": "PolymerElements/paper-ripple#^0.8.0",
     "paper-styles": "PolymerElements/paper-styles#^0.8.0",
     "paper-toggle-button": "PolymerElements/paper-toggle-button#^0.8.0",
+    "paper-toolbar": "PolymerElements/paper-toolbar#^0.8.0",
 
     "more-routing": "PolymerLabs/more-routing#^0.8.0"
   }
diff --git a/third_party/polymer/v0_8/components-chromium/layout/.bower.json b/third_party/polymer/v0_8/components-chromium/layout/.bower.json
new file mode 100644
index 0000000..550b7c1
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/layout/.bower.json
@@ -0,0 +1,25 @@
+{
+  "name": "layout",
+  "homepage": "https://github.com/Polymer/layout",
+  "description": "A declarative layout system built on top of CSS flexbox.",
+  "main": "layout.html",
+  "keywords": [
+    "layout",
+    "flexbox"
+  ],
+  "authors": [
+    "The Polymer Project Authors"
+  ],
+  "license": "https://polymer.github.io/LICENSE.txt",
+  "private": true,
+  "ignore": [],
+  "_release": "d02a404b77",
+  "_resolution": {
+    "type": "branch",
+    "branch": "0.8-preview",
+    "commit": "d02a404b772d306b15bccd837b33092c4d4691c0"
+  },
+  "_source": "git://github.com/Polymer/layout.git",
+  "_target": "0.8-preview",
+  "_originalSource": "Polymer/layout"
+}
\ No newline at end of file
diff --git a/third_party/polymer/v0_8/components-chromium/layout/README.md b/third_party/polymer/v0_8/components-chromium/layout/README.md
new file mode 100644
index 0000000..565889a
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/layout/README.md
@@ -0,0 +1,4 @@
+layout
+=========
+
+See the [layout attributes documentation](https://www.polymer-project.org/docs/polymer/layout-attrs.html) for more information
diff --git a/third_party/polymer/v0_8/components-chromium/layout/bower.json b/third_party/polymer/v0_8/components-chromium/layout/bower.json
new file mode 100644
index 0000000..9527985
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/layout/bower.json
@@ -0,0 +1,17 @@
+{
+  "name": "layout",
+  "version": "0.0.1",
+  "homepage": "https://github.com/Polymer/layout",
+  "description": "A declarative layout system built on top of CSS flexbox.",
+  "main": "layout.html",
+  "keywords": [
+    "layout",
+    "flexbox"
+  ],
+  "authors": [
+    "The Polymer Project Authors"
+  ],
+  "license": "https://polymer.github.io/LICENSE.txt",
+  "private": true,
+  "ignore": []
+}
diff --git a/third_party/polymer/v0_8/components-chromium/layout/layout.html b/third_party/polymer/v0_8/components-chromium/layout/layout.html
new file mode 100644
index 0000000..5e3755b
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/layout/layout.html
@@ -0,0 +1,307 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+
+<link rel="import" href="shadow-layout.html">
+
+<style>
+
+  /*******************************
+            Flex Layout
+  *******************************/
+
+  .layout.horizontal,
+  .layout.horizontal-reverse,
+  .layout.vertical,
+  .layout.vertical-reverse {
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+  }
+
+  .layout.inline {
+    display: -ms-inline-flexbox;
+    display: -webkit-inline-flex;
+    display: inline-flex;
+  }
+
+  .layout.horizontal {
+    -ms-flex-direction: row;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+  }
+
+  .layout.horizontal-reverse {
+    -ms-flex-direction: row-reverse;
+    -webkit-flex-direction: row-reverse;
+    flex-direction: row-reverse;
+  }
+
+  .layout.vertical {
+    -ms-flex-direction: column;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+  }
+
+  .layout.vertical-reverse {
+    -ms-flex-direction: column-reverse;
+    -webkit-flex-direction: column-reverse;
+    flex-direction: column-reverse;
+  }
+
+  .layout.wrap {
+    -ms-flex-wrap: wrap;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+  }
+
+  .layout.wrap-reverse {
+    -ms-flex-wrap: wrap-reverse;
+    -webkit-flex-wrap: wrap-reverse;
+    flex-wrap: wrap-reverse;
+  }
+
+  .flex-auto {
+    -ms-flex: 1 1 auto;
+    -webkit-flex: 1 1 auto;
+    flex: 1 1 auto;
+  }
+
+  .flex-none {
+    -ms-flex: none;
+    -webkit-flex: none;
+    flex: none;
+  }
+
+  .flex,
+  .flex-1 {
+    -ms-flex: 1;
+    -webkit-flex: 1;
+    flex: 1;
+  }
+
+  .flex-2 {
+    -ms-flex: 2;
+    -webkit-flex: 2;
+    flex: 2;
+  }
+
+  .flex-3 {
+    -ms-flex: 3;
+    -webkit-flex: 3;
+    flex: 3;
+  }
+
+  .flex-4 {
+    -ms-flex: 4;
+    -webkit-flex: 4;
+    flex: 4;
+  }
+
+  .flex-5 {
+    -ms-flex: 5;
+    -webkit-flex: 5;
+    flex: 5;
+  }
+
+  .flex-6 {
+    -ms-flex: 6;
+    -webkit-flex: 6;
+    flex: 6;
+  }
+
+  .flex-7 {
+    -ms-flex: 7;
+    -webkit-flex: 7;
+    flex: 7;
+  }
+
+  .flex-8 {
+    -ms-flex: 8;
+    -webkit-flex: 8;
+    flex: 8;
+  }
+
+  .flex-9 {
+    -ms-flex: 9;
+    -webkit-flex: 9;
+    flex: 9;
+  }
+
+  .flex-10 {
+    -ms-flex: 10;
+    -webkit-flex: 10;
+    flex: 10;
+  }
+
+  .flex-11 {
+    -ms-flex: 11;
+    -webkit-flex: 11;
+    flex: 11;
+  }
+
+  .flex-12 {
+    -ms-flex: 12;
+    -webkit-flex: 12;
+    flex: 12;
+  }
+
+  /* alignment in cross axis */
+
+  .layout.start {
+    -ms-flex-align: start;
+    -webkit-align-items: flex-start;
+    align-items: flex-start;
+  }
+
+  .layout.center,
+  .layout.center-center {
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+  }
+
+  .layout.end {
+    -ms-flex-align: end;
+    -webkit-align-items: flex-end;
+    align-items: flex-end;
+  }
+
+  /* alignment in main axis */
+
+  .layout.start-justified {
+    -ms-flex-pack: start;
+    -webkit-justify-content: flex-start;
+    justify-content: flex-start;
+  }
+
+  .layout.center-justified,
+  .layout.center-center {
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+  }
+
+  .layout.end-justified {
+    -ms-flex-pack: end;
+    -webkit-justify-content: flex-end;
+    justify-content: flex-end;
+  }
+
+  .layout.around-justified {
+    -ms-flex-pack: around;
+    -webkit-justify-content: space-around;
+    justify-content: space-around;
+  }
+
+  .layout.justified {
+    -ms-flex-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+  }
+
+  /* self alignment */
+
+  .self-start {
+    -ms-align-self: flex-start;
+    -webkit-align-self: flex-start;
+    align-self: flex-start;
+  }
+
+  .self-center {
+    -ms-align-self: center;
+    -webkit-align-self: center;
+    align-self: center;
+  }
+
+  .self-end {
+    -ms-align-self: flex-end;
+    -webkit-align-self: flex-end;
+    align-self: flex-end;
+  }
+
+  .self-stretch {
+    -ms-align-self: stretch;
+    -webkit-align-self: stretch;
+    align-self: stretch;
+  }
+
+  /*******************************
+            Other Layout
+  *******************************/
+
+  .block {
+    display: block;
+  }
+
+  /* IE 10 support for HTML5 hidden attr */
+  [hidden] {
+    display: none !important;
+  }
+
+  .invisible {
+    visibility: hidden !important;
+  }
+
+  .relative {
+    position: relative;
+  }
+
+  .fit {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  body.fullbleed {
+    margin: 0;
+    height: 100vh;
+  }
+
+  .scroll {
+    -webkit-overflow-scrolling: touch;
+    overflow: auto;
+  }
+
+  /* fixed position */
+
+  .fixed-bottom,
+  .fixed-left,
+  .fixed-right,
+  .fixed-top {
+    position: fixed;
+  }
+
+  .fixed-top {
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+
+  .fixed-right {
+    top: 0;
+    right: 0;
+    bottom: 0;
+  }
+
+  .fixed-bottom {
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .fixed-left {
+    top: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+</style>
diff --git a/third_party/polymer/v0_8/components-chromium/layout/shadow-layout.html b/third_party/polymer/v0_8/components-chromium/layout/shadow-layout.html
new file mode 100644
index 0000000..c42067a
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/layout/shadow-layout.html
@@ -0,0 +1,302 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<style>
+
+  /*******************************
+            Flex Layout
+  *******************************/
+
+  html /deep/ .layout.horizontal,
+  html /deep/ .layout.horizontal-reverse,
+  html /deep/ .layout.vertical,
+  html /deep/ .layout.vertical-reverse {
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+  }
+
+  html /deep/ .layout.inline {
+    display: -ms-inline-flexbox;
+    display: -webkit-inline-flex;
+    display: inline-flex;
+  }
+
+  html /deep/ .layout.horizontal {
+    -ms-flex-direction: row;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+  }
+
+  html /deep/ .layout.horizontal-reverse {
+    -ms-flex-direction: row-reverse;
+    -webkit-flex-direction: row-reverse;
+    flex-direction: row-reverse;
+  }
+
+  html /deep/ .layout.vertical {
+    -ms-flex-direction: column;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+  }
+
+  html /deep/ .layout.vertical-reverse {
+    -ms-flex-direction: column-reverse;
+    -webkit-flex-direction: column-reverse;
+    flex-direction: column-reverse;
+  }
+
+  html /deep/ .layout.wrap {
+    -ms-flex-wrap: wrap;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+  }
+
+  html /deep/ .layout.wrap-reverse {
+    -ms-flex-wrap: wrap-reverse;
+    -webkit-flex-wrap: wrap-reverse;
+    flex-wrap: wrap-reverse;
+  }
+
+  html /deep/ .flex-auto {
+    -ms-flex: 1 1 auto;
+    -webkit-flex: 1 1 auto;
+    flex: 1 1 auto;
+  }
+
+  html /deep/ .flex-none {
+    -ms-flex: none;
+    -webkit-flex: none;
+    flex: none;
+  }
+
+  html /deep/ .flex,
+  html /deep/ .flex-1 {
+    -ms-flex: 1;
+    -webkit-flex: 1;
+    flex: 1;
+  }
+
+  html /deep/ .flex-2 {
+    -ms-flex: 2;
+    -webkit-flex: 2;
+    flex: 2;
+  }
+
+  html /deep/ .flex-3 {
+    -ms-flex: 3;
+    -webkit-flex: 3;
+    flex: 3;
+  }
+
+  html /deep/ .flex-4 {
+    -ms-flex: 4;
+    -webkit-flex: 4;
+    flex: 4;
+  }
+
+  html /deep/ .flex-5 {
+    -ms-flex: 5;
+    -webkit-flex: 5;
+    flex: 5;
+  }
+
+  html /deep/ .flex-6 {
+    -ms-flex: 6;
+    -webkit-flex: 6;
+    flex: 6;
+  }
+
+  html /deep/ .flex-7 {
+    -ms-flex: 7;
+    -webkit-flex: 7;
+    flex: 7;
+  }
+
+  html /deep/ .flex-8 {
+    -ms-flex: 8;
+    -webkit-flex: 8;
+    flex: 8;
+  }
+
+  html /deep/ .flex-9 {
+    -ms-flex: 9;
+    -webkit-flex: 9;
+    flex: 9;
+  }
+
+  html /deep/ .flex-10 {
+    -ms-flex: 10;
+    -webkit-flex: 10;
+    flex: 10;
+  }
+
+  html /deep/ .flex-11 {
+    -ms-flex: 11;
+    -webkit-flex: 11;
+    flex: 11;
+  }
+
+  html /deep/ .flex-12 {
+    -ms-flex: 12;
+    -webkit-flex: 12;
+    flex: 12;
+  }
+
+  /* alignment in cross axis */
+
+  html /deep/ .layout.start {
+    -ms-flex-align: start;
+    -webkit-align-items: flex-start;
+    align-items: flex-start;
+  }
+
+  html /deep/ .layout.center,
+  html /deep/ .layout.center-center {
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+  }
+
+  html /deep/ .layout.end {
+    -ms-flex-align: end;
+    -webkit-align-items: flex-end;
+    align-items: flex-end;
+  }
+
+  /* alignment in main axis */
+
+  html /deep/ .layout.start-justified {
+    -ms-flex-pack: start;
+    -webkit-justify-content: flex-start;
+    justify-content: flex-start;
+  }
+
+  html /deep/ .layout.center-justified,
+  html /deep/ .layout.center-center {
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+  }
+
+  html /deep/ .layout.end-justified {
+    -ms-flex-pack: end;
+    -webkit-justify-content: flex-end;
+    justify-content: flex-end;
+  }
+
+  html /deep/ .layout.around-justified {
+    -ms-flex-pack: around;
+    -webkit-justify-content: space-around;
+    justify-content: space-around;
+  }
+
+  html /deep/ .layout.justified {
+    -ms-flex-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+  }
+
+  /* self alignment */
+
+  html /deep/ .self-start {
+    -ms-align-self: flex-start;
+    -webkit-align-self: flex-start;
+    align-self: flex-start;
+  }
+
+  html /deep/ .self-center {
+    -ms-align-self: center;
+    -webkit-align-self: center;
+    align-self: center;
+  }
+
+  html /deep/ .self-end {
+    -ms-align-self: flex-end;
+    -webkit-align-self: flex-end;
+    align-self: flex-end;
+  }
+
+  html /deep/ .self-stretch {
+    -ms-align-self: stretch;
+    -webkit-align-self: stretch;
+    align-self: stretch;
+  }
+
+  /*******************************
+            Other Layout
+  *******************************/
+
+  html /deep/ .block {
+    display: block;
+  }
+
+  /* IE 10 support for HTML5 hidden attr */
+  html /deep/ [hidden] {
+    display: none !important;
+  }
+
+  html /deep/ .invisible {
+    visibility: hidden !important;
+  }
+
+  html /deep/ .relative {
+    position: relative;
+  }
+
+  html /deep/ .fit {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  body.fullbleed {
+    margin: 0;
+    height: 100vh;
+  }
+
+  html /deep/ .scroll {
+    -webkit-overflow-scrolling: touch;
+    overflow: auto;
+  }
+
+  .fixed-bottom,
+  .fixed-left,
+  .fixed-right,
+  .fixed-top {
+    position: fixed;
+  }
+
+  html /deep/ .fixed-top {
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+
+  html /deep/ .fixed-right {
+    top: 0;
+    right: 0;
+    botttom: 0;
+  }
+
+  html /deep/ .fixed-bottom {
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  html /deep/ .fixed-left {
+    top: 0;
+    botttom: 0;
+    left: 0;
+  }
+
+</style>
diff --git a/third_party/polymer/v0_8/components-chromium/paper-fab/.bower.json b/third_party/polymer/v0_8/components-chromium/paper-fab/.bower.json
new file mode 100644
index 0000000..230611f
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/paper-fab/.bower.json
@@ -0,0 +1,46 @@
+{
+  "name": "paper-fab",
+  "version": "0.8.1",
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "keywords": [
+    "web-components",
+    "web-component",
+    "polymer"
+  ],
+  "main": "paper-fab.html",
+  "ignore": [],
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/paper-fab"
+  },
+  "license": "MIT",
+  "homepage": "https://github.com/PolymerElements/paper-fab",
+  "dependencies": {
+    "polymer": "polymer/polymer#v0.8.0-rc.7",
+    "paper-ripple": "polymerelements/paper-ripple#^0.8.0",
+    "paper-material": "polymerelements/paper-material#^0.8.0",
+    "paper-behaviors": "polymerelements/paper-behaviors#^0.8.0",
+    "iron-flex-layout": "polymerelements/iron-flex-layout#^0.8.0",
+    "iron-icon": "polymerelements/iron-icon#^0.8.0",
+    "iron-icons": "polymerelements/iron-icons#^0.8.0",
+    "paper-styles": "polymerelements/paper-styles#^0.8.0"
+  },
+  "devDependencies": {
+    "test-fixture": "polymerelements/test-fixture#^0.8.0",
+    "paper-styles": "polymerelements/paper-styles#^0.8.0",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.6.0",
+    "web-component-tester": "*"
+  },
+  "_release": "0.8.1",
+  "_resolution": {
+    "type": "version",
+    "tag": "v0.8.1",
+    "commit": "b900d2cce1cae8633f78f4d37a2a4a61dc82a98b"
+  },
+  "_source": "git://github.com/PolymerElements/paper-fab.git",
+  "_target": "^0.8.0",
+  "_originalSource": "PolymerElements/paper-fab"
+}
\ No newline at end of file
diff --git a/third_party/polymer/v0_8/components-chromium/paper-fab/README.md b/third_party/polymer/v0_8/components-chromium/paper-fab/README.md
new file mode 100644
index 0000000..3c8b26f
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/paper-fab/README.md
@@ -0,0 +1,4 @@
+paper-fab
+=========
+
+See the [component page](http://www.polymer-project.org/docs/elements/paper-elements.html#paper-fab) for more information.
diff --git a/third_party/polymer/v0_8/components-chromium/paper-fab/bower.json b/third_party/polymer/v0_8/components-chromium/paper-fab/bower.json
new file mode 100644
index 0000000..0976d37
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/paper-fab/bower.json
@@ -0,0 +1,37 @@
+{
+  "name": "paper-fab",
+  "version": "0.8.0",
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "keywords": [
+    "web-components",
+    "web-component",
+    "polymer"
+  ],
+  "main": "paper-fab.html",
+  "ignore": [],
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/paper-fab"
+  },
+  "license": "MIT",
+  "homepage": "https://github.com/PolymerElements/paper-fab",
+  "dependencies": {
+    "polymer": "polymer/polymer#v0.8.0-rc.7",
+    "paper-ripple": "polymerelements/paper-ripple#^0.8.0",
+    "paper-material": "polymerelements/paper-material#^0.8.0",
+    "paper-behaviors": "polymerelements/paper-behaviors#^0.8.0",
+    "iron-flex-layout": "polymerelements/iron-flex-layout#^0.8.0",
+    "iron-icon": "polymerelements/iron-icon#^0.8.0",
+    "iron-icons": "polymerelements/iron-icons#^0.8.0",
+    "paper-styles": "polymerelements/paper-styles#^0.8.0"
+  },
+  "devDependencies": {
+    "test-fixture": "polymerelements/test-fixture#^0.8.0",
+    "paper-styles": "polymerelements/paper-styles#^0.8.0",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.6.0",
+    "web-component-tester": "*"
+  }
+}
diff --git a/third_party/polymer/v0_8/components-chromium/paper-fab/index.html b/third_party/polymer/v0_8/components-chromium/paper-fab/index.html
new file mode 100644
index 0000000..c98a658
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/paper-fab/index.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
+The complete set of authors may be found at http://polymer.github.io/AUTHORS
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
+-->
+<html>
+<head>
+
+  <title>paper-fab</title>
+  <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../iron-component-page/iron-component-page.html">
+
+</head>
+<body>
+
+  <iron-component-page></iron-component-page>
+
+</body>
+</html>
diff --git a/third_party/polymer/v0_8/components-chromium/paper-fab/paper-fab-extracted.js b/third_party/polymer/v0_8/components-chromium/paper-fab/paper-fab-extracted.js
new file mode 100644
index 0000000..de419ba
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/paper-fab/paper-fab-extracted.js
@@ -0,0 +1,51 @@
+
+  Polymer({
+    is: 'paper-fab',
+
+    enableCustomStyleProperties: true,
+
+    behaviors: [
+      Polymer.PaperButtonBehavior
+    ],
+
+    properties: {
+      /**
+       * The URL of an image for the icon. If the src property is specified,
+       * the icon property should not be.
+       *
+       * @attribute src
+       * @type string
+       * @default ''
+       */
+      src: {
+        type: String,
+        value: ''
+      },
+
+      /**
+       * Specifies the icon name or index in the set of icons available in
+       * the icon's icon set. If the icon property is specified,
+       * the src property should not be.
+       *
+       * @attribute icon
+       * @type string
+       * @default ''
+       */
+      icon: {
+        type: String,
+        value: ''
+      },
+
+      /**
+       * Set this to true to style this is a "mini" FAB.
+       *
+       * @attribute mini
+       * @type boolean
+       * @default false
+       */
+      mini: {
+        type: Boolean,
+        value: false
+      }
+    }
+  });
diff --git a/third_party/polymer/v0_8/components-chromium/paper-fab/paper-fab.html b/third_party/polymer/v0_8/components-chromium/paper-fab/paper-fab.html
new file mode 100644
index 0000000..939a012
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/paper-fab/paper-fab.html
@@ -0,0 +1,117 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+--><!--
+@group Paper Elements
+
+Material Design: <a href="http://www.google.com/design/spec/components/buttons.html">Button</a>
+
+`paper-fab` is a floating action button. It contains an image placed in the center and
+comes in two sizes: regular size and a smaller size by applying the attribute `mini`. When
+the user touches the button, a ripple effect emanates from the center of the button.
+
+You may import `iron-icons` to use with this element, or provide a URL to a custom icon.
+See `iron-iconset` for more information about how to use a custom icon set.
+
+Example:
+
+    <link href="path/to/iron-icons/iron-icons.html" rel="import">
+
+    <paper-fab icon="add"></paper-fab>
+    <paper-fab mini icon="favorite"></paper-fab>
+    <paper-fab src="star.png"></paper-fab>
+
+Styling
+-------
+
+Style the button with CSS as you would a normal DOM element. If you are using the icons
+provided by `iron-icons`, the icon will inherit the foreground color of the button.
+
+    /* make a blue "cloud" button */
+    <paper-fab icon="cloud" style="color: blue;"></paper-fab>
+
+By default, the ripple is the same color as the foreground at 25% opacity. You may
+customize the color using this selector:
+
+    /* make #my-button use a blue ripple instead of foreground color */
+    #my-button::shadow #ripple {
+      color: blue;
+    }
+
+The opacity of the ripple is not customizable via CSS.
+
+@element paper-fab
+@status unstable
+--><html><head><link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="../iron-icon/iron-icon.html">
+<link rel="import" href="../iron-flex-layout/classes/iron-flex-layout.html">
+<link rel="import" href="../paper-styles/default-theme.html">
+<link rel="import" href="../paper-material/paper-material.html">
+<link rel="import" href="../paper-ripple/paper-ripple.html">
+<link rel="import" href="../paper-behaviors/paper-button-behavior.html">
+
+<style is="x-style">
+  * {
+    --paper-fab-disabled-text: #c9c9c9;
+    --paper-fab-disabled-background: var(--accent-color);
+  }
+</style>
+
+</head><body><dom-module id="paper-fab">
+  <style>
+
+    :host {
+      display: inline-block;
+      position: relative;
+      outline: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      -webkit-user-select: none;
+      user-select: none;
+      cursor: pointer;
+
+      box-sizing: border-box;
+      min-width: 0;
+      width: 56px;
+      height: 56px;
+      background: var(--accent-color);
+      color: var(--text-primary-color);
+      border-radius: 50%;
+      padding: 16px;
+
+      z-index: 0;
+
+      mixin(--paper-fab);
+    }
+
+    :host([mini]) {
+      width: 40px;
+      height: 40px;
+      padding: 8px;
+
+      mixin(--paper-fab-mini);
+    }
+
+    :host([disabled]) {
+      color: var(--paper-fab-disabled-text);
+
+      mixin(--paper-fab-disabled);
+    }
+
+    paper-material {
+      border-radius: inherit;
+    }
+  </style>
+  <template>
+    <paper-ripple></paper-ripple>
+    <paper-material class="content fit flex layout vertical center-center" elevation="[[elevation]]" animated="">
+      <iron-icon id="icon" src="[[src]]" icon="[[icon]]"></iron-icon>
+    </paper-material>
+  </template>
+</dom-module>
+<script src="paper-fab-extracted.js"></script></body></html>
\ No newline at end of file
diff --git a/third_party/polymer/v0_8/components-chromium/paper-toolbar/.bower.json b/third_party/polymer/v0_8/components-chromium/paper-toolbar/.bower.json
new file mode 100644
index 0000000..11196e1
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/paper-toolbar/.bower.json
@@ -0,0 +1,37 @@
+{
+  "name": "paper-toolbar",
+  "version": "0.8.2",
+  "private": true,
+  "main": [
+    "paper-toolbar.html"
+  ],
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/paper-toolbar.git"
+  },
+  "dependencies": {
+    "polymer": "Polymer/polymer#v0.8.0-rc.7",
+    "paper-styles": "PolymerElements/paper-styles#^0.8.0"
+  },
+  "devDependencies": {
+    "iron-icon": "PolymerElements/iron-icon#^0.8.0",
+    "iron-icons": "PolymerElements/iron-icons#^0.8.0",
+    "iron-doc-viewer": "PolymerElements/iron-doc-viewer#^0.8.0",
+    "test-fixture": "PolymerElements/test-fixture#^0.8.0",
+    "web-component-tester": "~2.2.6",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.6.0"
+  },
+  "homepage": "https://github.com/PolymerElements/paper-toolbar",
+  "_release": "0.8.2",
+  "_resolution": {
+    "type": "version",
+    "tag": "v0.8.2",
+    "commit": "2e7cdfa0606b7b5126f0b0def40e4ecb8cd64d2e"
+  },
+  "_source": "git://github.com/PolymerElements/paper-toolbar.git",
+  "_target": "^0.8.0",
+  "_originalSource": "PolymerElements/paper-toolbar"
+}
\ No newline at end of file
diff --git a/third_party/polymer/v0_8/components-chromium/paper-toolbar/README.md b/third_party/polymer/v0_8/components-chromium/paper-toolbar/README.md
new file mode 100644
index 0000000..8f1c098
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/paper-toolbar/README.md
@@ -0,0 +1,2 @@
+paper-toolbar
+============
diff --git a/third_party/polymer/v0_8/components-chromium/paper-toolbar/bower.json b/third_party/polymer/v0_8/components-chromium/paper-toolbar/bower.json
new file mode 100644
index 0000000..2ec6b45
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/paper-toolbar/bower.json
@@ -0,0 +1,27 @@
+{
+  "name": "paper-toolbar",
+  "version": "0.8.0",
+  "private": true,
+  "main": [
+    "paper-toolbar.html"
+  ],
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/paper-toolbar.git"
+  },
+  "dependencies": {
+    "polymer": "Polymer/polymer#v0.8.0-rc.7",
+    "paper-styles": "PolymerElements/paper-styles#^0.8.0"
+  },
+  "devDependencies": {
+    "iron-icon": "PolymerElements/iron-icon#^0.8.0",
+    "iron-icons": "PolymerElements/iron-icons#^0.8.0",
+    "iron-doc-viewer" : "PolymerElements/iron-doc-viewer#^0.8.0",
+    "test-fixture": "PolymerElements/test-fixture#^0.8.0",
+    "web-component-tester": "~2.2.6",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.6.0"
+  }
+}
diff --git a/third_party/polymer/v0_8/components-chromium/paper-toolbar/index.html b/third_party/polymer/v0_8/components-chromium/paper-toolbar/index.html
new file mode 100644
index 0000000..30a4f4c
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/paper-toolbar/index.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<!--
+  @license
+  Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+  This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+  The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+  The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+  Code distributed by Google as part of the polymer project is also
+  subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
+
+  <title>paper-toolbar</title>
+
+  <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+
+  <link rel="import" href="../polymer/polymer.html">
+  <link rel="import" href="../iron-doc-viewer/iron-doc-viewer.html">
+
+  <style>
+
+    body {
+      margin: 16px;
+    }
+
+  </style>
+
+</head>
+<body>
+
+  <iron-doc-viewer src="paper-toolbar.html"></iron-doc-viewer>
+
+</body>
+</html>
diff --git a/third_party/polymer/v0_8/components-chromium/paper-toolbar/paper-toolbar-extracted.js b/third_party/polymer/v0_8/components-chromium/paper-toolbar/paper-toolbar-extracted.js
new file mode 100644
index 0000000..55efea9
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/paper-toolbar/paper-toolbar-extracted.js
@@ -0,0 +1,93 @@
+
+
+  (function() {
+
+    'use strict';
+
+    function classNames(obj) {
+      var classNames = [];
+      for (var key in obj) {
+        if (obj.hasOwnProperty(key) && obj[key]) {
+          classNames.push(key);
+        }
+      }
+
+      return classNames.join(' ');
+    }
+
+    Polymer({
+
+      is: 'paper-toolbar',
+
+      enableCustomStyleProperties: true,
+
+      properties: {
+
+        /**
+         * Controls how the items are aligned horizontally when they are placed
+         * at the bottom.
+         * Options are `start`, `center`, `end`, `justified` and `around`.
+         *
+         * @attribute bottomJustify
+         * @type string
+         * @default ''
+         */
+        bottomJustify: {
+          type: String,
+          value: ''
+        },
+
+        /**
+         * Controls how the items are aligned horizontally.
+         * Options are `start`, `center`, `end`, `justified` and `around`.
+         *
+         * @attribute justify
+         * @type string
+         * @default ''
+         */
+        justify: {
+          type: String,
+          value: ''
+        },
+
+        /**
+         * Controls how the items are aligned horizontally when they are placed
+         * in the middle.
+         * Options are `start`, `center`, `end`, `justified` and `around`.
+         *
+         * @attribute middleJustify
+         * @type string
+         * @default ''
+         */
+        middleJustify: {
+          type: String,
+          value: ''
+        }
+
+      },
+
+      _computeBarClassName: function(barJustify) {
+        var classObj = {
+          center: true,
+          horizontal: true,
+          layout: true,
+          'toolbar-tools': true
+        };
+
+        // If a blank string or any falsy value is given, no other class name is
+        // added.
+        if (barJustify) {
+          var justifyClassName = (barJustify === 'justified') ?
+              barJustify :
+              barJustify + '-justified';
+
+          classObj[justifyClassName] = true;
+        }
+
+        return classNames(classObj);
+      }
+
+    });
+
+  }());
+
diff --git a/third_party/polymer/v0_8/components-chromium/paper-toolbar/paper-toolbar.html b/third_party/polymer/v0_8/components-chromium/paper-toolbar/paper-toolbar.html
new file mode 100644
index 0000000..b553ab8
--- /dev/null
+++ b/third_party/polymer/v0_8/components-chromium/paper-toolbar/paper-toolbar.html
@@ -0,0 +1,181 @@
+<!--
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+--><!--
+`paper-toolbar` is a horizontal bar containing items that can be used for
+label, navigation, search and actions.  The items place inside the
+`paper-toolbar` are projected into a `class="horizontal center layout"` container inside of
+`paper-toolbar`'s Shadow DOM.  You can use flex attributes to control the items'
+sizing.
+
+Example:
+
+    <paper-toolbar>
+      <paper-icon-button icon="menu" on-tap="{{menuAction}}"></paper-icon-button>
+      <div flex>Title</div>
+      <paper-icon-button icon="more" on-tap="{{moreAction}}"></paper-icon-button>
+    </paper-toolbar>
+
+`paper-toolbar` has a standard height, but can made be taller by setting `tall`
+class on the `paper-toolbar`.  This will make the toolbar 3x the normal height.
+
+    <paper-toolbar class="tall">
+      <paper-icon-button icon="menu"></paper-icon-button>
+    </paper-toolbar>
+
+Apply `medium-tall` class to make the toolbar medium tall.  This will make the
+toolbar 2x the normal height.
+
+    <paper-toolbar class="medium-tall">
+      <paper-icon-button icon="menu"></paper-icon-button>
+    </paper-toolbar>
+
+When `tall`, items can pin to either the top (default), middle or bottom.  Use
+`middle` class for middle content and `bottom` class for bottom content.
+
+    <paper-toolbar class="tall">
+      <paper-icon-button icon="menu"></paper-icon-button>
+      <div class="middle">Middle Title</div>
+      <div class="bottom">Bottom Title</div>
+    </paper-toolbar>
+
+For `medium-tall` toolbar, the middle and bottom contents overlap and are
+pinned to the bottom.  But `middleJustify` and `bottomJustify` attributes are
+still honored separately.
+
+@group Polymer Core Elements
+@element paper-toolbar
+@homepage github.io
+--><html><head><link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="../paper-styles/paper-styles.html">
+
+<style is="x-style">
+
+  * {
+
+    --paper-toolbar-background: var(--default-primary-color);
+    --paper-toolbar-color: var(--text-primary-color);
+  }
+</style>
+
+</head><body><dom-module id="paper-toolbar">
+
+  <style>
+    :host {
+      /* technical */
+      display: block;
+      position: relative;
+      box-sizing: border-box;
+      -moz-box-sizing: border-box;
+
+      /* size */
+      height: 64px;
+
+      background: var(--paper-toolbar-background);
+      color: var(--paper-toolbar-color);
+      mixin(--paper-font-title);
+
+      mixin(--paper-toolbar);
+    }
+
+    :host(.animate) {
+      /* transition */
+      transition: height 0.18s ease-in;
+    }
+
+    :host(.medium-tall) {
+      height: 128px;
+    }
+
+    :host(.tall) {
+      height: 192px;
+    }
+
+    .toolbar-tools {
+      position: relative;
+      height: 64px;
+      padding: 0 16px;
+      pointer-events: none;
+    }
+
+    /*
+     * TODO: Where should media query breakpoints live so they can be shared between elements?
+     */
+
+    @media (max-width: 639px) {
+      :host {
+        height: 56px;
+      }
+
+      :host(.medium-tall) {
+        height: 112px;
+      }
+
+      :host(.tall) {
+        height: 168px;
+      }
+
+      .toolbar-tools {
+        height: 56px;
+        padding: 0;
+      }
+    }
+
+    /* middle bar */
+    #middleBar {
+      position: absolute;
+      top: 0;
+      right: 0;
+      left: 0;
+    }
+
+    :host(.tall) #middleBar,
+    :host(.medium-tall) #middleBar {
+      -webkit-transform: translateY(100%);
+      transform: translateY(100%);
+    }
+
+    /* bottom bar */
+    #bottomBar {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      left: 0;
+    }
+
+    /*
+     * make elements (e.g. buttons) respond to mouse/touch events
+     *
+     * `.toolbar-tools` disables touch events so multiple toolbars can stack and not
+     * absorb events. All children must have pointer events re-enabled to work as
+     * expected.
+     */
+    .toolbar-tools > ::content > *:not([disabled]) {
+      pointer-events: auto;
+    }
+
+  </style>
+
+  <template>
+
+    <div id="bottomBar" class$="[[_computeBarClassName(bottomJustify)]]">
+      <content select=".bottom"></content>
+    </div>
+
+    <div id="middleBar" class$="[[_computeBarClassName(middleJustify)]]">
+      <content select=".middle"></content>
+    </div>
+
+    <div id="topBar" class$="[[_computeBarClassName(justify)]]">
+      <content></content>
+    </div>
+
+  </template>
+
+</dom-module>
+
+<script src="paper-toolbar-extracted.js"></script></body></html>
\ No newline at end of file
diff --git a/third_party/polymer/v0_8/components/layout/.bower.json b/third_party/polymer/v0_8/components/layout/.bower.json
new file mode 100644
index 0000000..550b7c1
--- /dev/null
+++ b/third_party/polymer/v0_8/components/layout/.bower.json
@@ -0,0 +1,25 @@
+{
+  "name": "layout",
+  "homepage": "https://github.com/Polymer/layout",
+  "description": "A declarative layout system built on top of CSS flexbox.",
+  "main": "layout.html",
+  "keywords": [
+    "layout",
+    "flexbox"
+  ],
+  "authors": [
+    "The Polymer Project Authors"
+  ],
+  "license": "https://polymer.github.io/LICENSE.txt",
+  "private": true,
+  "ignore": [],
+  "_release": "d02a404b77",
+  "_resolution": {
+    "type": "branch",
+    "branch": "0.8-preview",
+    "commit": "d02a404b772d306b15bccd837b33092c4d4691c0"
+  },
+  "_source": "git://github.com/Polymer/layout.git",
+  "_target": "0.8-preview",
+  "_originalSource": "Polymer/layout"
+}
\ No newline at end of file
diff --git a/third_party/polymer/v0_8/components/layout/README.md b/third_party/polymer/v0_8/components/layout/README.md
new file mode 100644
index 0000000..565889a
--- /dev/null
+++ b/third_party/polymer/v0_8/components/layout/README.md
@@ -0,0 +1,4 @@
+layout
+=========
+
+See the [layout attributes documentation](https://www.polymer-project.org/docs/polymer/layout-attrs.html) for more information
diff --git a/third_party/polymer/v0_8/components/layout/bower.json b/third_party/polymer/v0_8/components/layout/bower.json
new file mode 100644
index 0000000..9527985
--- /dev/null
+++ b/third_party/polymer/v0_8/components/layout/bower.json
@@ -0,0 +1,17 @@
+{
+  "name": "layout",
+  "version": "0.0.1",
+  "homepage": "https://github.com/Polymer/layout",
+  "description": "A declarative layout system built on top of CSS flexbox.",
+  "main": "layout.html",
+  "keywords": [
+    "layout",
+    "flexbox"
+  ],
+  "authors": [
+    "The Polymer Project Authors"
+  ],
+  "license": "https://polymer.github.io/LICENSE.txt",
+  "private": true,
+  "ignore": []
+}
diff --git a/third_party/polymer/v0_8/components/layout/layout.html b/third_party/polymer/v0_8/components/layout/layout.html
new file mode 100644
index 0000000..5e3755b
--- /dev/null
+++ b/third_party/polymer/v0_8/components/layout/layout.html
@@ -0,0 +1,307 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+
+<link rel="import" href="shadow-layout.html">
+
+<style>
+
+  /*******************************
+            Flex Layout
+  *******************************/
+
+  .layout.horizontal,
+  .layout.horizontal-reverse,
+  .layout.vertical,
+  .layout.vertical-reverse {
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+  }
+
+  .layout.inline {
+    display: -ms-inline-flexbox;
+    display: -webkit-inline-flex;
+    display: inline-flex;
+  }
+
+  .layout.horizontal {
+    -ms-flex-direction: row;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+  }
+
+  .layout.horizontal-reverse {
+    -ms-flex-direction: row-reverse;
+    -webkit-flex-direction: row-reverse;
+    flex-direction: row-reverse;
+  }
+
+  .layout.vertical {
+    -ms-flex-direction: column;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+  }
+
+  .layout.vertical-reverse {
+    -ms-flex-direction: column-reverse;
+    -webkit-flex-direction: column-reverse;
+    flex-direction: column-reverse;
+  }
+
+  .layout.wrap {
+    -ms-flex-wrap: wrap;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+  }
+
+  .layout.wrap-reverse {
+    -ms-flex-wrap: wrap-reverse;
+    -webkit-flex-wrap: wrap-reverse;
+    flex-wrap: wrap-reverse;
+  }
+
+  .flex-auto {
+    -ms-flex: 1 1 auto;
+    -webkit-flex: 1 1 auto;
+    flex: 1 1 auto;
+  }
+
+  .flex-none {
+    -ms-flex: none;
+    -webkit-flex: none;
+    flex: none;
+  }
+
+  .flex,
+  .flex-1 {
+    -ms-flex: 1;
+    -webkit-flex: 1;
+    flex: 1;
+  }
+
+  .flex-2 {
+    -ms-flex: 2;
+    -webkit-flex: 2;
+    flex: 2;
+  }
+
+  .flex-3 {
+    -ms-flex: 3;
+    -webkit-flex: 3;
+    flex: 3;
+  }
+
+  .flex-4 {
+    -ms-flex: 4;
+    -webkit-flex: 4;
+    flex: 4;
+  }
+
+  .flex-5 {
+    -ms-flex: 5;
+    -webkit-flex: 5;
+    flex: 5;
+  }
+
+  .flex-6 {
+    -ms-flex: 6;
+    -webkit-flex: 6;
+    flex: 6;
+  }
+
+  .flex-7 {
+    -ms-flex: 7;
+    -webkit-flex: 7;
+    flex: 7;
+  }
+
+  .flex-8 {
+    -ms-flex: 8;
+    -webkit-flex: 8;
+    flex: 8;
+  }
+
+  .flex-9 {
+    -ms-flex: 9;
+    -webkit-flex: 9;
+    flex: 9;
+  }
+
+  .flex-10 {
+    -ms-flex: 10;
+    -webkit-flex: 10;
+    flex: 10;
+  }
+
+  .flex-11 {
+    -ms-flex: 11;
+    -webkit-flex: 11;
+    flex: 11;
+  }
+
+  .flex-12 {
+    -ms-flex: 12;
+    -webkit-flex: 12;
+    flex: 12;
+  }
+
+  /* alignment in cross axis */
+
+  .layout.start {
+    -ms-flex-align: start;
+    -webkit-align-items: flex-start;
+    align-items: flex-start;
+  }
+
+  .layout.center,
+  .layout.center-center {
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+  }
+
+  .layout.end {
+    -ms-flex-align: end;
+    -webkit-align-items: flex-end;
+    align-items: flex-end;
+  }
+
+  /* alignment in main axis */
+
+  .layout.start-justified {
+    -ms-flex-pack: start;
+    -webkit-justify-content: flex-start;
+    justify-content: flex-start;
+  }
+
+  .layout.center-justified,
+  .layout.center-center {
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+  }
+
+  .layout.end-justified {
+    -ms-flex-pack: end;
+    -webkit-justify-content: flex-end;
+    justify-content: flex-end;
+  }
+
+  .layout.around-justified {
+    -ms-flex-pack: around;
+    -webkit-justify-content: space-around;
+    justify-content: space-around;
+  }
+
+  .layout.justified {
+    -ms-flex-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+  }
+
+  /* self alignment */
+
+  .self-start {
+    -ms-align-self: flex-start;
+    -webkit-align-self: flex-start;
+    align-self: flex-start;
+  }
+
+  .self-center {
+    -ms-align-self: center;
+    -webkit-align-self: center;
+    align-self: center;
+  }
+
+  .self-end {
+    -ms-align-self: flex-end;
+    -webkit-align-self: flex-end;
+    align-self: flex-end;
+  }
+
+  .self-stretch {
+    -ms-align-self: stretch;
+    -webkit-align-self: stretch;
+    align-self: stretch;
+  }
+
+  /*******************************
+            Other Layout
+  *******************************/
+
+  .block {
+    display: block;
+  }
+
+  /* IE 10 support for HTML5 hidden attr */
+  [hidden] {
+    display: none !important;
+  }
+
+  .invisible {
+    visibility: hidden !important;
+  }
+
+  .relative {
+    position: relative;
+  }
+
+  .fit {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  body.fullbleed {
+    margin: 0;
+    height: 100vh;
+  }
+
+  .scroll {
+    -webkit-overflow-scrolling: touch;
+    overflow: auto;
+  }
+
+  /* fixed position */
+
+  .fixed-bottom,
+  .fixed-left,
+  .fixed-right,
+  .fixed-top {
+    position: fixed;
+  }
+
+  .fixed-top {
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+
+  .fixed-right {
+    top: 0;
+    right: 0;
+    bottom: 0;
+  }
+
+  .fixed-bottom {
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .fixed-left {
+    top: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+</style>
diff --git a/third_party/polymer/v0_8/components/layout/shadow-layout.html b/third_party/polymer/v0_8/components/layout/shadow-layout.html
new file mode 100644
index 0000000..c42067a
--- /dev/null
+++ b/third_party/polymer/v0_8/components/layout/shadow-layout.html
@@ -0,0 +1,302 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<style>
+
+  /*******************************
+            Flex Layout
+  *******************************/
+
+  html /deep/ .layout.horizontal,
+  html /deep/ .layout.horizontal-reverse,
+  html /deep/ .layout.vertical,
+  html /deep/ .layout.vertical-reverse {
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+  }
+
+  html /deep/ .layout.inline {
+    display: -ms-inline-flexbox;
+    display: -webkit-inline-flex;
+    display: inline-flex;
+  }
+
+  html /deep/ .layout.horizontal {
+    -ms-flex-direction: row;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+  }
+
+  html /deep/ .layout.horizontal-reverse {
+    -ms-flex-direction: row-reverse;
+    -webkit-flex-direction: row-reverse;
+    flex-direction: row-reverse;
+  }
+
+  html /deep/ .layout.vertical {
+    -ms-flex-direction: column;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+  }
+
+  html /deep/ .layout.vertical-reverse {
+    -ms-flex-direction: column-reverse;
+    -webkit-flex-direction: column-reverse;
+    flex-direction: column-reverse;
+  }
+
+  html /deep/ .layout.wrap {
+    -ms-flex-wrap: wrap;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+  }
+
+  html /deep/ .layout.wrap-reverse {
+    -ms-flex-wrap: wrap-reverse;
+    -webkit-flex-wrap: wrap-reverse;
+    flex-wrap: wrap-reverse;
+  }
+
+  html /deep/ .flex-auto {
+    -ms-flex: 1 1 auto;
+    -webkit-flex: 1 1 auto;
+    flex: 1 1 auto;
+  }
+
+  html /deep/ .flex-none {
+    -ms-flex: none;
+    -webkit-flex: none;
+    flex: none;
+  }
+
+  html /deep/ .flex,
+  html /deep/ .flex-1 {
+    -ms-flex: 1;
+    -webkit-flex: 1;
+    flex: 1;
+  }
+
+  html /deep/ .flex-2 {
+    -ms-flex: 2;
+    -webkit-flex: 2;
+    flex: 2;
+  }
+
+  html /deep/ .flex-3 {
+    -ms-flex: 3;
+    -webkit-flex: 3;
+    flex: 3;
+  }
+
+  html /deep/ .flex-4 {
+    -ms-flex: 4;
+    -webkit-flex: 4;
+    flex: 4;
+  }
+
+  html /deep/ .flex-5 {
+    -ms-flex: 5;
+    -webkit-flex: 5;
+    flex: 5;
+  }
+
+  html /deep/ .flex-6 {
+    -ms-flex: 6;
+    -webkit-flex: 6;
+    flex: 6;
+  }
+
+  html /deep/ .flex-7 {
+    -ms-flex: 7;
+    -webkit-flex: 7;
+    flex: 7;
+  }
+
+  html /deep/ .flex-8 {
+    -ms-flex: 8;
+    -webkit-flex: 8;
+    flex: 8;
+  }
+
+  html /deep/ .flex-9 {
+    -ms-flex: 9;
+    -webkit-flex: 9;
+    flex: 9;
+  }
+
+  html /deep/ .flex-10 {
+    -ms-flex: 10;
+    -webkit-flex: 10;
+    flex: 10;
+  }
+
+  html /deep/ .flex-11 {
+    -ms-flex: 11;
+    -webkit-flex: 11;
+    flex: 11;
+  }
+
+  html /deep/ .flex-12 {
+    -ms-flex: 12;
+    -webkit-flex: 12;
+    flex: 12;
+  }
+
+  /* alignment in cross axis */
+
+  html /deep/ .layout.start {
+    -ms-flex-align: start;
+    -webkit-align-items: flex-start;
+    align-items: flex-start;
+  }
+
+  html /deep/ .layout.center,
+  html /deep/ .layout.center-center {
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+  }
+
+  html /deep/ .layout.end {
+    -ms-flex-align: end;
+    -webkit-align-items: flex-end;
+    align-items: flex-end;
+  }
+
+  /* alignment in main axis */
+
+  html /deep/ .layout.start-justified {
+    -ms-flex-pack: start;
+    -webkit-justify-content: flex-start;
+    justify-content: flex-start;
+  }
+
+  html /deep/ .layout.center-justified,
+  html /deep/ .layout.center-center {
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+  }
+
+  html /deep/ .layout.end-justified {
+    -ms-flex-pack: end;
+    -webkit-justify-content: flex-end;
+    justify-content: flex-end;
+  }
+
+  html /deep/ .layout.around-justified {
+    -ms-flex-pack: around;
+    -webkit-justify-content: space-around;
+    justify-content: space-around;
+  }
+
+  html /deep/ .layout.justified {
+    -ms-flex-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+  }
+
+  /* self alignment */
+
+  html /deep/ .self-start {
+    -ms-align-self: flex-start;
+    -webkit-align-self: flex-start;
+    align-self: flex-start;
+  }
+
+  html /deep/ .self-center {
+    -ms-align-self: center;
+    -webkit-align-self: center;
+    align-self: center;
+  }
+
+  html /deep/ .self-end {
+    -ms-align-self: flex-end;
+    -webkit-align-self: flex-end;
+    align-self: flex-end;
+  }
+
+  html /deep/ .self-stretch {
+    -ms-align-self: stretch;
+    -webkit-align-self: stretch;
+    align-self: stretch;
+  }
+
+  /*******************************
+            Other Layout
+  *******************************/
+
+  html /deep/ .block {
+    display: block;
+  }
+
+  /* IE 10 support for HTML5 hidden attr */
+  html /deep/ [hidden] {
+    display: none !important;
+  }
+
+  html /deep/ .invisible {
+    visibility: hidden !important;
+  }
+
+  html /deep/ .relative {
+    position: relative;
+  }
+
+  html /deep/ .fit {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  body.fullbleed {
+    margin: 0;
+    height: 100vh;
+  }
+
+  html /deep/ .scroll {
+    -webkit-overflow-scrolling: touch;
+    overflow: auto;
+  }
+
+  .fixed-bottom,
+  .fixed-left,
+  .fixed-right,
+  .fixed-top {
+    position: fixed;
+  }
+
+  html /deep/ .fixed-top {
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+
+  html /deep/ .fixed-right {
+    top: 0;
+    right: 0;
+    botttom: 0;
+  }
+
+  html /deep/ .fixed-bottom {
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  html /deep/ .fixed-left {
+    top: 0;
+    botttom: 0;
+    left: 0;
+  }
+
+</style>
diff --git a/third_party/polymer/v0_8/components/paper-fab/.bower.json b/third_party/polymer/v0_8/components/paper-fab/.bower.json
new file mode 100644
index 0000000..230611f
--- /dev/null
+++ b/third_party/polymer/v0_8/components/paper-fab/.bower.json
@@ -0,0 +1,46 @@
+{
+  "name": "paper-fab",
+  "version": "0.8.1",
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "keywords": [
+    "web-components",
+    "web-component",
+    "polymer"
+  ],
+  "main": "paper-fab.html",
+  "ignore": [],
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/paper-fab"
+  },
+  "license": "MIT",
+  "homepage": "https://github.com/PolymerElements/paper-fab",
+  "dependencies": {
+    "polymer": "polymer/polymer#v0.8.0-rc.7",
+    "paper-ripple": "polymerelements/paper-ripple#^0.8.0",
+    "paper-material": "polymerelements/paper-material#^0.8.0",
+    "paper-behaviors": "polymerelements/paper-behaviors#^0.8.0",
+    "iron-flex-layout": "polymerelements/iron-flex-layout#^0.8.0",
+    "iron-icon": "polymerelements/iron-icon#^0.8.0",
+    "iron-icons": "polymerelements/iron-icons#^0.8.0",
+    "paper-styles": "polymerelements/paper-styles#^0.8.0"
+  },
+  "devDependencies": {
+    "test-fixture": "polymerelements/test-fixture#^0.8.0",
+    "paper-styles": "polymerelements/paper-styles#^0.8.0",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.6.0",
+    "web-component-tester": "*"
+  },
+  "_release": "0.8.1",
+  "_resolution": {
+    "type": "version",
+    "tag": "v0.8.1",
+    "commit": "b900d2cce1cae8633f78f4d37a2a4a61dc82a98b"
+  },
+  "_source": "git://github.com/PolymerElements/paper-fab.git",
+  "_target": "^0.8.0",
+  "_originalSource": "PolymerElements/paper-fab"
+}
\ No newline at end of file
diff --git a/third_party/polymer/v0_8/components/paper-fab/README.md b/third_party/polymer/v0_8/components/paper-fab/README.md
new file mode 100644
index 0000000..3c8b26f
--- /dev/null
+++ b/third_party/polymer/v0_8/components/paper-fab/README.md
@@ -0,0 +1,4 @@
+paper-fab
+=========
+
+See the [component page](http://www.polymer-project.org/docs/elements/paper-elements.html#paper-fab) for more information.
diff --git a/third_party/polymer/v0_8/components/paper-fab/bower.json b/third_party/polymer/v0_8/components/paper-fab/bower.json
new file mode 100644
index 0000000..0976d37
--- /dev/null
+++ b/third_party/polymer/v0_8/components/paper-fab/bower.json
@@ -0,0 +1,37 @@
+{
+  "name": "paper-fab",
+  "version": "0.8.0",
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "keywords": [
+    "web-components",
+    "web-component",
+    "polymer"
+  ],
+  "main": "paper-fab.html",
+  "ignore": [],
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/paper-fab"
+  },
+  "license": "MIT",
+  "homepage": "https://github.com/PolymerElements/paper-fab",
+  "dependencies": {
+    "polymer": "polymer/polymer#v0.8.0-rc.7",
+    "paper-ripple": "polymerelements/paper-ripple#^0.8.0",
+    "paper-material": "polymerelements/paper-material#^0.8.0",
+    "paper-behaviors": "polymerelements/paper-behaviors#^0.8.0",
+    "iron-flex-layout": "polymerelements/iron-flex-layout#^0.8.0",
+    "iron-icon": "polymerelements/iron-icon#^0.8.0",
+    "iron-icons": "polymerelements/iron-icons#^0.8.0",
+    "paper-styles": "polymerelements/paper-styles#^0.8.0"
+  },
+  "devDependencies": {
+    "test-fixture": "polymerelements/test-fixture#^0.8.0",
+    "paper-styles": "polymerelements/paper-styles#^0.8.0",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.6.0",
+    "web-component-tester": "*"
+  }
+}
diff --git a/third_party/polymer/v0_8/components/paper-fab/index.html b/third_party/polymer/v0_8/components/paper-fab/index.html
new file mode 100644
index 0000000..c98a658
--- /dev/null
+++ b/third_party/polymer/v0_8/components/paper-fab/index.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
+The complete set of authors may be found at http://polymer.github.io/AUTHORS
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
+-->
+<html>
+<head>
+
+  <title>paper-fab</title>
+  <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../iron-component-page/iron-component-page.html">
+
+</head>
+<body>
+
+  <iron-component-page></iron-component-page>
+
+</body>
+</html>
diff --git a/third_party/polymer/v0_8/components/paper-fab/paper-fab.html b/third_party/polymer/v0_8/components/paper-fab/paper-fab.html
new file mode 100644
index 0000000..09e0a84
--- /dev/null
+++ b/third_party/polymer/v0_8/components/paper-fab/paper-fab.html
@@ -0,0 +1,172 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+
+<!--
+@group Paper Elements
+
+Material Design: <a href="http://www.google.com/design/spec/components/buttons.html">Button</a>
+
+`paper-fab` is a floating action button. It contains an image placed in the center and
+comes in two sizes: regular size and a smaller size by applying the attribute `mini`. When
+the user touches the button, a ripple effect emanates from the center of the button.
+
+You may import `iron-icons` to use with this element, or provide a URL to a custom icon.
+See `iron-iconset` for more information about how to use a custom icon set.
+
+Example:
+
+    <link href="path/to/iron-icons/iron-icons.html" rel="import">
+
+    <paper-fab icon="add"></paper-fab>
+    <paper-fab mini icon="favorite"></paper-fab>
+    <paper-fab src="star.png"></paper-fab>
+
+Styling
+-------
+
+Style the button with CSS as you would a normal DOM element. If you are using the icons
+provided by `iron-icons`, the icon will inherit the foreground color of the button.
+
+    /* make a blue "cloud" button */
+    <paper-fab icon="cloud" style="color: blue;"></paper-fab>
+
+By default, the ripple is the same color as the foreground at 25% opacity. You may
+customize the color using this selector:
+
+    /* make #my-button use a blue ripple instead of foreground color */
+    #my-button::shadow #ripple {
+      color: blue;
+    }
+
+The opacity of the ripple is not customizable via CSS.
+
+@element paper-fab
+@status unstable
+-->
+
+<link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="../iron-icon/iron-icon.html">
+<link rel="import" href="../iron-flex-layout/classes/iron-flex-layout.html">
+<link rel="import" href="../paper-styles/default-theme.html">
+<link rel="import" href="../paper-material/paper-material.html">
+<link rel="import" href="../paper-ripple/paper-ripple.html">
+<link rel="import" href="../paper-behaviors/paper-button-behavior.html">
+
+<style is="x-style">
+  * {
+    --paper-fab-disabled-text: #c9c9c9;
+    --paper-fab-disabled-background: var(--accent-color);
+  }
+</style>
+
+<dom-module id="paper-fab">
+  <style>
+
+    :host {
+      display: inline-block;
+      position: relative;
+      outline: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      -webkit-user-select: none;
+      user-select: none;
+      cursor: pointer;
+
+      box-sizing: border-box;
+      min-width: 0;
+      width: 56px;
+      height: 56px;
+      background: var(--accent-color);
+      color: var(--text-primary-color);
+      border-radius: 50%;
+      padding: 16px;
+
+      z-index: 0;
+
+      mixin(--paper-fab);
+    }
+
+    :host([mini]) {
+      width: 40px;
+      height: 40px;
+      padding: 8px;
+
+      mixin(--paper-fab-mini);
+    }
+
+    :host([disabled]) {
+      color: var(--paper-fab-disabled-text);
+
+      mixin(--paper-fab-disabled);
+    }
+
+    paper-material {
+      border-radius: inherit;
+    }
+  </style>
+  <template>
+    <paper-ripple></paper-ripple>
+    <paper-material class="content fit flex layout vertical center-center" elevation="[[elevation]]" animated>
+      <iron-icon id="icon" src="[[src]]" icon="[[icon]]"></iron-icon>
+    </paper-material>
+  </template>
+</dom-module>
+<script>
+  Polymer({
+    is: 'paper-fab',
+
+    enableCustomStyleProperties: true,
+
+    behaviors: [
+      Polymer.PaperButtonBehavior
+    ],
+
+    properties: {
+      /**
+       * The URL of an image for the icon. If the src property is specified,
+       * the icon property should not be.
+       *
+       * @attribute src
+       * @type string
+       * @default ''
+       */
+      src: {
+        type: String,
+        value: ''
+      },
+
+      /**
+       * Specifies the icon name or index in the set of icons available in
+       * the icon's icon set. If the icon property is specified,
+       * the src property should not be.
+       *
+       * @attribute icon
+       * @type string
+       * @default ''
+       */
+      icon: {
+        type: String,
+        value: ''
+      },
+
+      /**
+       * Set this to true to style this is a "mini" FAB.
+       *
+       * @attribute mini
+       * @type boolean
+       * @default false
+       */
+      mini: {
+        type: Boolean,
+        value: false
+      }
+    }
+  });
+</script>
diff --git a/third_party/polymer/v0_8/components/paper-toolbar/.bower.json b/third_party/polymer/v0_8/components/paper-toolbar/.bower.json
new file mode 100644
index 0000000..11196e1
--- /dev/null
+++ b/third_party/polymer/v0_8/components/paper-toolbar/.bower.json
@@ -0,0 +1,37 @@
+{
+  "name": "paper-toolbar",
+  "version": "0.8.2",
+  "private": true,
+  "main": [
+    "paper-toolbar.html"
+  ],
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/paper-toolbar.git"
+  },
+  "dependencies": {
+    "polymer": "Polymer/polymer#v0.8.0-rc.7",
+    "paper-styles": "PolymerElements/paper-styles#^0.8.0"
+  },
+  "devDependencies": {
+    "iron-icon": "PolymerElements/iron-icon#^0.8.0",
+    "iron-icons": "PolymerElements/iron-icons#^0.8.0",
+    "iron-doc-viewer": "PolymerElements/iron-doc-viewer#^0.8.0",
+    "test-fixture": "PolymerElements/test-fixture#^0.8.0",
+    "web-component-tester": "~2.2.6",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.6.0"
+  },
+  "homepage": "https://github.com/PolymerElements/paper-toolbar",
+  "_release": "0.8.2",
+  "_resolution": {
+    "type": "version",
+    "tag": "v0.8.2",
+    "commit": "2e7cdfa0606b7b5126f0b0def40e4ecb8cd64d2e"
+  },
+  "_source": "git://github.com/PolymerElements/paper-toolbar.git",
+  "_target": "^0.8.0",
+  "_originalSource": "PolymerElements/paper-toolbar"
+}
\ No newline at end of file
diff --git a/third_party/polymer/v0_8/components/paper-toolbar/README.md b/third_party/polymer/v0_8/components/paper-toolbar/README.md
new file mode 100644
index 0000000..8f1c098
--- /dev/null
+++ b/third_party/polymer/v0_8/components/paper-toolbar/README.md
@@ -0,0 +1,2 @@
+paper-toolbar
+============
diff --git a/third_party/polymer/v0_8/components/paper-toolbar/bower.json b/third_party/polymer/v0_8/components/paper-toolbar/bower.json
new file mode 100644
index 0000000..2ec6b45
--- /dev/null
+++ b/third_party/polymer/v0_8/components/paper-toolbar/bower.json
@@ -0,0 +1,27 @@
+{
+  "name": "paper-toolbar",
+  "version": "0.8.0",
+  "private": true,
+  "main": [
+    "paper-toolbar.html"
+  ],
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/paper-toolbar.git"
+  },
+  "dependencies": {
+    "polymer": "Polymer/polymer#v0.8.0-rc.7",
+    "paper-styles": "PolymerElements/paper-styles#^0.8.0"
+  },
+  "devDependencies": {
+    "iron-icon": "PolymerElements/iron-icon#^0.8.0",
+    "iron-icons": "PolymerElements/iron-icons#^0.8.0",
+    "iron-doc-viewer" : "PolymerElements/iron-doc-viewer#^0.8.0",
+    "test-fixture": "PolymerElements/test-fixture#^0.8.0",
+    "web-component-tester": "~2.2.6",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.6.0"
+  }
+}
diff --git a/third_party/polymer/v0_8/components/paper-toolbar/index.html b/third_party/polymer/v0_8/components/paper-toolbar/index.html
new file mode 100644
index 0000000..30a4f4c
--- /dev/null
+++ b/third_party/polymer/v0_8/components/paper-toolbar/index.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<!--
+  @license
+  Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+  This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+  The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+  The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+  Code distributed by Google as part of the polymer project is also
+  subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
+
+  <title>paper-toolbar</title>
+
+  <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+
+  <link rel="import" href="../polymer/polymer.html">
+  <link rel="import" href="../iron-doc-viewer/iron-doc-viewer.html">
+
+  <style>
+
+    body {
+      margin: 16px;
+    }
+
+  </style>
+
+</head>
+<body>
+
+  <iron-doc-viewer src="paper-toolbar.html"></iron-doc-viewer>
+
+</body>
+</html>
diff --git a/third_party/polymer/v0_8/components/paper-toolbar/paper-toolbar.html b/third_party/polymer/v0_8/components/paper-toolbar/paper-toolbar.html
new file mode 100644
index 0000000..c474f44
--- /dev/null
+++ b/third_party/polymer/v0_8/components/paper-toolbar/paper-toolbar.html
@@ -0,0 +1,278 @@
+<!--
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+
+<!--
+`paper-toolbar` is a horizontal bar containing items that can be used for
+label, navigation, search and actions.  The items place inside the
+`paper-toolbar` are projected into a `class="horizontal center layout"` container inside of
+`paper-toolbar`'s Shadow DOM.  You can use flex attributes to control the items'
+sizing.
+
+Example:
+
+    <paper-toolbar>
+      <paper-icon-button icon="menu" on-tap="{{menuAction}}"></paper-icon-button>
+      <div flex>Title</div>
+      <paper-icon-button icon="more" on-tap="{{moreAction}}"></paper-icon-button>
+    </paper-toolbar>
+
+`paper-toolbar` has a standard height, but can made be taller by setting `tall`
+class on the `paper-toolbar`.  This will make the toolbar 3x the normal height.
+
+    <paper-toolbar class="tall">
+      <paper-icon-button icon="menu"></paper-icon-button>
+    </paper-toolbar>
+
+Apply `medium-tall` class to make the toolbar medium tall.  This will make the
+toolbar 2x the normal height.
+
+    <paper-toolbar class="medium-tall">
+      <paper-icon-button icon="menu"></paper-icon-button>
+    </paper-toolbar>
+
+When `tall`, items can pin to either the top (default), middle or bottom.  Use
+`middle` class for middle content and `bottom` class for bottom content.
+
+    <paper-toolbar class="tall">
+      <paper-icon-button icon="menu"></paper-icon-button>
+      <div class="middle">Middle Title</div>
+      <div class="bottom">Bottom Title</div>
+    </paper-toolbar>
+
+For `medium-tall` toolbar, the middle and bottom contents overlap and are
+pinned to the bottom.  But `middleJustify` and `bottomJustify` attributes are
+still honored separately.
+
+@group Polymer Core Elements
+@element paper-toolbar
+@homepage github.io
+-->
+
+<link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="../paper-styles/paper-styles.html">
+
+<style is="x-style">
+
+  * {
+
+    --paper-toolbar-background: var(--default-primary-color);
+    --paper-toolbar-color: var(--text-primary-color);
+  }
+</style>
+
+<dom-module id="paper-toolbar">
+
+  <style>
+    :host {
+      /* technical */
+      display: block;
+      position: relative;
+      box-sizing: border-box;
+      -moz-box-sizing: border-box;
+
+      /* size */
+      height: 64px;
+
+      background: var(--paper-toolbar-background);
+      color: var(--paper-toolbar-color);
+      mixin(--paper-font-title);
+
+      mixin(--paper-toolbar);
+    }
+
+    :host(.animate) {
+      /* transition */
+      transition: height 0.18s ease-in;
+    }
+
+    :host(.medium-tall) {
+      height: 128px;
+    }
+
+    :host(.tall) {
+      height: 192px;
+    }
+
+    .toolbar-tools {
+      position: relative;
+      height: 64px;
+      padding: 0 16px;
+      pointer-events: none;
+    }
+
+    /*
+     * TODO: Where should media query breakpoints live so they can be shared between elements?
+     */
+
+    @media (max-width: 639px) {
+      :host {
+        height: 56px;
+      }
+
+      :host(.medium-tall) {
+        height: 112px;
+      }
+
+      :host(.tall) {
+        height: 168px;
+      }
+
+      .toolbar-tools {
+        height: 56px;
+        padding: 0;
+      }
+    }
+
+    /* middle bar */
+    #middleBar {
+      position: absolute;
+      top: 0;
+      right: 0;
+      left: 0;
+    }
+
+    :host(.tall) #middleBar,
+    :host(.medium-tall) #middleBar {
+      -webkit-transform: translateY(100%);
+      transform: translateY(100%);
+    }
+
+    /* bottom bar */
+    #bottomBar {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      left: 0;
+    }
+
+    /*
+     * make elements (e.g. buttons) respond to mouse/touch events
+     *
+     * `.toolbar-tools` disables touch events so multiple toolbars can stack and not
+     * absorb events. All children must have pointer events re-enabled to work as
+     * expected.
+     */
+    .toolbar-tools > ::content > *:not([disabled]) {
+      pointer-events: auto;
+    }
+
+  </style>
+
+  <template>
+
+    <div id="bottomBar" class$="[[_computeBarClassName(bottomJustify)]]">
+      <content select=".bottom"></content>
+    </div>
+
+    <div id="middleBar" class$="[[_computeBarClassName(middleJustify)]]">
+      <content select=".middle"></content>
+    </div>
+
+    <div id="topBar" class$="[[_computeBarClassName(justify)]]">
+      <content></content>
+    </div>
+
+  </template>
+
+</dom-module>
+
+<script>
+
+  (function() {
+
+    'use strict';
+
+    function classNames(obj) {
+      var classNames = [];
+      for (var key in obj) {
+        if (obj.hasOwnProperty(key) && obj[key]) {
+          classNames.push(key);
+        }
+      }
+
+      return classNames.join(' ');
+    }
+
+    Polymer({
+
+      is: 'paper-toolbar',
+
+      enableCustomStyleProperties: true,
+
+      properties: {
+
+        /**
+         * Controls how the items are aligned horizontally when they are placed
+         * at the bottom.
+         * Options are `start`, `center`, `end`, `justified` and `around`.
+         *
+         * @attribute bottomJustify
+         * @type string
+         * @default ''
+         */
+        bottomJustify: {
+          type: String,
+          value: ''
+        },
+
+        /**
+         * Controls how the items are aligned horizontally.
+         * Options are `start`, `center`, `end`, `justified` and `around`.
+         *
+         * @attribute justify
+         * @type string
+         * @default ''
+         */
+        justify: {
+          type: String,
+          value: ''
+        },
+
+        /**
+         * Controls how the items are aligned horizontally when they are placed
+         * in the middle.
+         * Options are `start`, `center`, `end`, `justified` and `around`.
+         *
+         * @attribute middleJustify
+         * @type string
+         * @default ''
+         */
+        middleJustify: {
+          type: String,
+          value: ''
+        }
+
+      },
+
+      _computeBarClassName: function(barJustify) {
+        var classObj = {
+          center: true,
+          horizontal: true,
+          layout: true,
+          'toolbar-tools': true
+        };
+
+        // If a blank string or any falsy value is given, no other class name is
+        // added.
+        if (barJustify) {
+          var justifyClassName = (barJustify === 'justified') ?
+              barJustify :
+              barJustify + '-justified';
+
+          classObj[justifyClassName] = true;
+        }
+
+        return classNames(classObj);
+      }
+
+    });
+
+  }());
+
+</script>