Polymer elements added to third_party/polymer.

List of changes:
* Added all core-elements and paper-elements provided by Polymer.
* Components moved to 'components' subdirectory.
* Added a presubmit check verifying that the list of dependencies from
  bower.json and the list of components installed to 'components' are the same.
  (see README.chromium for details).
* Updated README.chromium
* Updated pathes to polymer.js and platform.js in projects that use them.

web-animations-js library will be added to the repository
later. Here is a list of components depending on web-animations-js:
* core-animation/core-animation-group.html
* core-animation/core-animation.html
* core-animation/web-animations.html
* paper-menu-button/paper-menu-button.html
* paper-menu-button/paper-menu-button-transition.html

This CL doesn't change polymer and platform components.

Landed manually, because of the bug in the commit queue (http://crbug.com/416255).

BUG=415696
R=mtomasz@chromium.org, raymes@chromium.org, rsadam@chromium.org, thestig@chromium.org
TBR=cpu

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

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

7 files changed, 339 insertions, 0 deletions

diff --git a/third_party/polymer/components/core-scaffold/.bower.json b/third_party/polymer/components/core-scaffold/.bower.json
new file mode 100644
index 0000000..2445fae
--- /dev/null
+++ b/third_party/polymer/components/core-scaffold/.bower.json
@@ -0,0 +1,21 @@
+{
+  "name": "core-scaffold",
+  "private": true,
+  "dependencies": {
+    "core-drawer-panel": "Polymer/core-drawer-panel#>=0.3.0 <1.0.0",
+    "core-header-panel": "Polymer/core-header-panel#>=0.3.0 <1.0.0",
+    "core-icon-button": "Polymer/core-icon-button#>=0.3.0 <1.0.0",
+    "core-toolbar": "Polymer/core-toolbar#>=0.3.0 <1.0.0"
+  },
+  "homepage": "https://github.com/Polymer/core-scaffold",
+  "version": "0.3.5",
+  "_release": "0.3.5",
+  "_resolution": {
+    "type": "version",
+    "tag": "0.3.5",
+    "commit": "69d6d9aa04258341956e74dec099ef551dd4a0be"
+  },
+  "_source": "git://github.com/Polymer/core-scaffold.git",
+  "_target": "0.3.5",
+  "_originalSource": "Polymer/core-scaffold"
+}
\ No newline at end of file
diff --git a/third_party/polymer/components/core-scaffold/README.md b/third_party/polymer/components/core-scaffold/README.md
new file mode 100644
index 0000000..7f89389
--- /dev/null
+++ b/third_party/polymer/components/core-scaffold/README.md
@@ -0,0 +1,4 @@
+core-scaffold
+=============
+
+See the [component page](http://polymer-project.org/docs/elements/core-elements.html#core-scaffold) for more information.
diff --git a/third_party/polymer/components/core-scaffold/bower.json b/third_party/polymer/components/core-scaffold/bower.json
new file mode 100644
index 0000000..3c04ded
--- /dev/null
+++ b/third_party/polymer/components/core-scaffold/bower.json
@@ -0,0 +1,10 @@
+{
+  "name": "core-scaffold",
+  "private": true,
+  "dependencies": {
+    "core-drawer-panel": "Polymer/core-drawer-panel#>=0.3.0 <1.0.0",
+    "core-header-panel": "Polymer/core-header-panel#>=0.3.0 <1.0.0",
+    "core-icon-button": "Polymer/core-icon-button#>=0.3.0 <1.0.0",
+    "core-toolbar": "Polymer/core-toolbar#>=0.3.0 <1.0.0"
+  }
+}
\ No newline at end of file
diff --git a/third_party/polymer/components/core-scaffold/core-scaffold.html b/third_party/polymer/components/core-scaffold/core-scaffold.html
new file mode 100644
index 0000000..5edd64b
--- /dev/null
+++ b/third_party/polymer/components/core-scaffold/core-scaffold.html
@@ -0,0 +1,157 @@
+<!--
+Copyright (c) 2014 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
+-->
+
+<!--
+`core-scaffold` provides general application layout, introducing a 
+responsive scaffold containing a header, toolbar, menu, title and 
+areas for application content.
+
+Example:
+
+    <core-scaffold>
+      <core-header-panel navigation flex mode="seamed">
+        <core-toolbar>Application</core-toolbar>
+        <core-menu theme="core-light-theme">
+          <core-item icon="settings" label="item1"></core-item>
+          <core-item icon="settings" label="item2"></core-item>
+        </core-menu>
+      </core-header-panel>
+      <div tool>Title</div>
+      <div>Content goes here...</div>
+    </core-scaffold>
+
+Use `mode` to control the header and scrolling behavior of `core-header-panel`
+and `responsiveWidth` to change the layout of the scaffold.
+
+To have the content fits to the main area, use `fit` attribute.
+
+    <core-scaffold>
+      <core-header-panel navigation flex mode="seamed">
+        ....
+      </core-header-panel>
+      <div tool>Title</div>
+      <div fit>Content fits to the main area</div>
+    </core-scaffold>
+
+@group Polymer Core Elements
+@element core-scaffold
+@homepage github.io
+-->
+
+<link rel="import" href="../core-toolbar/core-toolbar.html">
+<link rel="import" href="../core-drawer-panel/core-drawer-panel.html">
+<link rel="import" href="../core-header-panel/core-header-panel.html">
+<link rel="import" href="../core-icon-button/core-icon-button.html">
+
+<polymer-element name="core-scaffold">
+<template>
+
+  <style>
+    
+    :host {
+      display: block;
+    }
+    
+    [drawer] {
+      background-color: #fff;
+      box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);
+    }
+    
+    [main] {
+      height: 100%;
+      background-color: #eee;
+    }
+    
+    core-toolbar {
+      background-color: #526E9C;
+      color: #fff;
+    }
+    
+    #drawerPanel:not([narrow]) #menuButton {
+      display: none;
+    }
+    
+  </style>
+
+  <core-drawer-panel id="drawerPanel" narrow="{{narrow}}" responsiveWidth="{{responsiveWidth}}">
+
+    <div vertical layout drawer>
+
+      <content select="[navigation], nav"></content>
+
+    </div>
+    
+    <core-header-panel main mode="{{mode}}">
+
+      <core-toolbar>
+        <core-icon-button id="menuButton" icon="menu" on-tap="{{togglePanel}}"></core-icon-button>
+        <content select="[tool]"></content>
+      </core-toolbar>
+      
+      <content select="*"></content>
+      
+    </core-header-panel>
+
+  </core-drawer-panel>
+
+</template>
+<script>
+
+  Polymer('core-scaffold', {
+    
+    publish: {
+      /**
+       * When the browser window size is smaller than the `responsiveWidth`, 
+       * `core-drawer-panel` changes to a narrow layout. In narrow layout, 
+       * the drawer will be stacked on top of the main panel.
+       *
+       * @attribute responsiveWidth
+       * @type string
+       * @default '600px'
+       */    
+      responsiveWidth: '600px',
+  
+      /**
+       * Used to control the header and scrolling behaviour of `core-header-panel`
+       *
+       * @attribute mode
+       * @type string
+       * @default 'seamed'
+       */     
+      mode: {value: 'seamed', reflect: true}
+    },
+
+    /**
+      * Toggle the drawer panel
+      * @method togglePanel
+      */    
+    togglePanel: function() {
+      this.$.drawerPanel.togglePanel();
+    },
+
+    /**
+      * Open the drawer panel
+      * @method openDrawer
+      */      
+    openDrawer: function() {
+      this.$.drawerPanel.openDrawer();
+    },
+
+    /**
+      * Close the drawer panel
+      * @method closeDrawer
+      */     
+    closeDrawer: function() {
+      this.$.drawerPanel.closeDrawer();
+    }
+    
+  });
+
+</script>
+</polymer-element>
diff --git a/third_party/polymer/components/core-scaffold/demo.html b/third_party/polymer/components/core-scaffold/demo.html
new file mode 100644
index 0000000..647ba11
--- /dev/null
+++ b/third_party/polymer/components/core-scaffold/demo.html
@@ -0,0 +1,82 @@
+<!doctype html>
+<!--
+Copyright (c) 2014 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>
+  <title>core-scaffold</title>
+  
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+  <meta name="mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  
+  <script src="../platform/platform.js"></script>
+  
+  <link rel="import" href="core-scaffold.html">
+  <link rel="import" href="../core-header-panel/core-header-panel.html">
+  <link rel="import" href="../core-menu/core-menu.html">
+  <link rel="import" href="../core-item/core-item.html">
+  
+  <style>
+
+    html, body {
+      height: 100%;
+      margin: 0;
+    }
+  
+    body {
+      font-family: sans-serif;
+    }
+    
+    core-scaffold {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+    }
+    
+    .content {
+      background-color: #fff;
+      height: 5000px;
+      padding: 20px;
+    }
+    
+    /* some default styles for mode="cover" on core-scaffold */
+    core-scaffold[mode=cover]::shadow core-header-panel::shadow #mainContainer {
+      left: 120px;
+    }
+    
+    core-scaffold[mode=cover] .content {
+      margin: 20px 100px 20px 0;
+    }
+    
+  </style>
+  
+</head>
+
+<body unresolved>
+
+  <core-scaffold>
+  
+    <core-header-panel navigation flex mode="seamed">
+      <core-toolbar style="background-color: #526E9C; color: #fff;">Application</core-toolbar>
+      <core-menu>
+        <core-item icon="settings" label="item1"></core-item>
+        <core-item icon="settings" label="item2"></core-item>
+      </core-menu>
+    </core-header-panel>
+    
+    <div tool>Title</div>
+    
+    <div class="content">Content goes here...</div>
+  
+  </core-scaffold>
+  
+</body>
+</html>
diff --git a/third_party/polymer/components/core-scaffold/index.html b/third_party/polymer/components/core-scaffold/index.html
new file mode 100644
index 0000000..58856f3
--- /dev/null
+++ b/third_party/polymer/components/core-scaffold/index.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<!--
+Copyright (c) 2014 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>
+
+  <script src="../platform/platform.js"></script>
+  <link rel="import" href="../core-component-page/core-component-page.html">
+
+</head>
+<body unresolved>
+
+  <core-component-page></core-component-page>
+
+</body>
+</html>
diff --git a/third_party/polymer/components/core-scaffold/metadata.html b/third_party/polymer/components/core-scaffold/metadata.html
new file mode 100644
index 0000000..9225d48
--- /dev/null
+++ b/third_party/polymer/components/core-scaffold/metadata.html
@@ -0,0 +1,43 @@
+<x-meta id="core-scaffold" label="Scaffold" isContainer group="Core">
+
+  <template>
+
+    <core-scaffold style="position: absolute; top: 0; right: 0; bottom: 0; left: 0;">
+  
+      <core-header-panel navigation flex mode="seamed" style="background-color: #fff;">
+      
+        <core-toolbar style="background-color: #4F7DC9 ; color: #fff;"></core-toolbar>
+        
+        <core-menu valueattr="label" style="font-size: 16px;" theme="core-light-theme">
+          <core-item icon="settings" label="Item1"></core-item>
+          <core-item icon="settings" label="Item2"></core-item>
+        </core-menu>
+        
+      </core-header-panel>
+      
+      <div tool>Title</div>
+      
+    </core-scaffold>
+
+  </template>
+
+  <template id="imports">
+
+    <link rel="import" href="core-scaffold.html">
+    <link rel="import" href="../core-header-panel/core-header-panel.html">
+    <link rel="import" href="../core-menu/core-menu.html">
+    <link rel="import" href="../core-item/core-item.html">
+
+  </template>
+
+</x-meta>
+
+<x-meta id="core-card" label="Card" isContainer group="Core">
+
+  <template>
+  
+    <core-card style="position: absolute; width: 300px; height: 300px; background-color: #fff; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.098) 0px 2px 4px, rgba(0, 0, 0, 0.098) 0px 0px 3px;" layout vertical></core-card>
+  
+  </template>
+  
+</x-meta>