From ff400f67d60f9e4639aecce974db34650c277f89 Mon Sep 17 00:00:00 2001
From: "Scott J. Miles" <sjmiles@google.com>
Date: Fri, 11 Apr 2014 00:31:42 -0700
Subject: [PATCH] rebuild

---
 core-component-page.html | 152 +++++++++++++++++++++------------------
 1 file changed, 84 insertions(+), 68 deletions(-)

diff --git a/core-component-page.html b/core-component-page.html
index 2ca7e0c..c22505c 100644
--- a/core-component-page.html
+++ b/core-component-page.html
@@ -904,55 +904,54 @@
 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 Polymer Core Elements
- *
- * `core-meta` provides a method of constructing a self-organizing database.
- * It is useful to collate element meta-data for things like catalogs and for 
- * designer.
- *
- * Example, an element folder has a `metadata.html` file in it, that contains a 
- * `core-meta`, something like this:
- *
- *     <core-meta id="my-element" label="My Element">
- *       <property name="color" value="blue"></property>
- *     </core-meta>
- *
- * An application can import as many of these files as it wants, and then use 
- * `core-meta` again to access the collected data.
- *
- *     <script>
- *       var meta = document.createElement('core-meta');
- *       console.log(meta.list); // dump a list of all meta-data elements that have been created
- *     </script>
- *
- * Use `byId(id)` to retrive a specific core-meta.
- *
- *     <script>
- *       var meta = document.createElement('core-meta');
- *       console.log(meta.byId('my-element'));
- *     </script>
- *
- * By default all meta-data are stored in a single databse.  If your meta-data 
- * have different types and want them to be stored separately, use `type` to 
- * differentiate them.
- *
- * Example:
- *
- *     <core-meta id="x-foo" type="xElt"></core-meta>
- *     <core-meta id="x-bar" type="xElt"></core-meta>
- *     <core-meta id="y-bar" type="yElt"></core-meta>
- *
- *     <script>
- *       var meta = document.createElement('core-meta');
- *       meta.type = 'xElt';
- *       console.log(meta.list);
- *     </script>
- *
- * @element core-meta
- * @homepage github.io
- */
+
+`core-meta` provides a method of constructing a self-organizing database.
+It is useful to collate element meta-data for things like catalogs and for 
+designer.
+
+Example, an element folder has a `metadata.html` file in it, that contains a 
+`core-meta`, something like this:
+
+    <core-meta id="my-element" label="My Element">
+      <property name="color" value="blue"></property>
+    </core-meta>
+
+An application can import as many of these files as it wants, and then use 
+`core-meta` again to access the collected data.
+
+    <script>
+      var meta = document.createElement('core-meta');
+      console.log(meta.list); // dump a list of all meta-data elements that have been created
+    </script>
+
+Use `byId(id)` to retrive a specific core-meta.
+
+    <script>
+      var meta = document.createElement('core-meta');
+      console.log(meta.byId('my-element'));
+    </script>
+
+By default all meta-data are stored in a single databse.  If your meta-data 
+have different types and want them to be stored separately, use `type` to 
+differentiate them.
+
+Example:
+
+    <core-meta id="x-foo" type="xElt"></core-meta>
+    <core-meta id="x-bar" type="xElt"></core-meta>
+    <core-meta id="y-bar" type="yElt"></core-meta>
+
+    <script>
+      var meta = document.createElement('core-meta');
+      meta.type = 'xElt';
+      console.log(meta.list);
+    </script>
+
+@group Polymer Core Elements
+@element core-meta
+@homepage github.io
 -->
 
 
@@ -4909,11 +4908,6 @@
 
 /**/
 
-core-toolbar {
-  background-color: #E91E63;
-  color: white;
-}
-
 .details-name {
   display: inline-block; 
   vertical-align: top;
@@ -4998,9 +4992,9 @@
 
     <core-header-panel style="height: 100%;" mode="waterfall">
 
-      <core-toolbar>
+      <!--<core-toolbar>
         <span style="margin: 0 72px;">{{data.name}}</span>
-      </core-toolbar>
+      </core-toolbar>-->
 
       <div class="main" on-marked-js-highlight="{{hilight}}">
 
@@ -5008,6 +5002,10 @@ <h1 style="font-size: 52px; color: #E91E63;">
           {{data.name}}
         </h1>
 
+        <p>
+          <core-icon icon="tag" style="vertical-align: middle;"></core-icon>&nbsp;<a href="{{data | homepageFilter}}">Home Page</a>
+        </p>
+
         <template if="{{data.description}}">
           <section class="box top">
             <div class="ntitle">Summary</div>
@@ -5076,6 +5074,17 @@ <h1 style="font-size: 52px; color: #E91E63;">
 
       hilight: function(event, detail, sender) {
         detail.code = hljs.highlightAuto(detail.code).value;
+      },
+
+      homepageFilter: function(data) {
+        if (!data) {
+          return '';
+        }
+        if (!data.homepage || data.homepage === 'github.io') {
+          return '//polymer.github.io/' + data.name;
+        } else {
+          return data.homepage;
+        }
       }
 
     });
@@ -5989,8 +5998,11 @@ <h1 style="font-size: 52px; color: #E91E63;">
 }
 
 core-toolbar {
+  background-color: #eeeeee;
+  /*
   background-color: #E91E63;
   color: white;
+  */
 }
 </style>
 
@@ -6052,17 +6064,21 @@ <h1 style="font-size: 52px; color: #E91E63;">
   <template>
 
     <style>
+
       :host {
         display: block;
         position: relative;
       }
+
       core-doc-toc {
         width: 332px;
         overflow-x: hidden;
       }
+
       core-doc-page {
         height: 100%;
       }
+
     </style>
 
     <context-free-parser url="{{url}}" on-data-ready="{{parserDataReady}}"></context-free-parser>
@@ -6145,13 +6161,17 @@ <h1 style="font-size: 52px; color: #E91E63;">
 -->
 
 <style>
+
   body {
     margin: 0;
   }
+
 </style>
 
 
 
+
+
 <!--
 
 Implements the default home-page for Polymer components.
@@ -6186,8 +6206,6 @@ <h1 style="font-size: 52px; color: #E91E63;">
 */
 
 :host {
-  position: relative;
-  display: block;
   font-family: Arial, sans-serif;
   height: 100vh;
 }
@@ -6217,22 +6235,20 @@ <h1 style="font-size: 52px; color: #E91E63;">
   margin: 4px 0;
 }
 
-core-doc-viewer {
-  display: block;
-  position: absolute;
-  top: 50px;
-  right: 0;
-  bottom: 0px;
-  left: 0;
-  border: 1px solid silver;
+core-toolbar {
+  background-color: #E91E63;
+  color: white;
 }
 </style>
 
-    <h2>{{moduleName}}</h2>
+    <core-layout flow="v"></core-layout>
 
-    <a class="choiceC" target="_blank" href="../{{moduleName}}/demo.html">demo</a>
+    <core-toolbar>
+      <span>{{moduleName}}</span>
+      <a class="choiceC" target="_blank" href="../{{moduleName}}/demo.html">demo</a>
+    </core-toolbar>
 
-    <core-doc-viewer url="{{url}}" sources="{{sources}}"></core-doc-viewer>
+    <core-doc-viewer core-flex="" url="{{url}}" sources="{{sources}}"></core-doc-viewer>
 
   </template>