Fixes #457 and #461

Author: ebidel

_layouts/default.html

@@ -17,8 +17,8 @@
 
     <docs-menu unresolved
         menu="{{site.data.pagetypes[page.type].menu}}"
-        coreElements='{% list_components dir:components prefix:core blacklist:"core-slide core-layout core-doc-viewer core-home-page" %}'
-        paperElements='{% list_components dir:components prefix:paper blacklist:"paper-calculator paper-doc-viewer paper-ink paper-scaffold"%}'>
+        coreElements='{% list_components dir:components prefix:core blacklist:"core-slide core-layout core-doc-viewer core-home-page core-transition-css core-overlay-layer core-key-helper" %}'
+        paperElements='{% list_components dir:components prefix:paper blacklist:"paper-calculator paper-doc-viewer paper-ink paper-scaffold paper-menu-button-transition"%}'>
     </docs-menu>
   </app-drawer>
 

docs/elements/core-elements.md

@@ -33,5 +33,5 @@ add_permalinks: false
 </div>
 
 <component-docs
-    elements='{% list_components dir:components prefix:core blacklist:"core-slide core-layout core-doc-viewer core-home-page" %}'>
+    elements='{% list_components dir:components prefix:core blacklist:"core-slide core-layout core-doc-viewer core-home-page core-transition-css core-overlay-layer core-key-helper" %}'>
 </component-docs>

docs/elements/paper-elements.md

@@ -32,6 +32,6 @@ add_permalinks: false
 </div>
 
 <component-docs
-    elements='{% list_components dir:components prefix:paper blacklist:"paper-calculator paper-doc-viewer paper-ink paper-scaffold"%}'>
+    elements='{% list_components dir:components prefix:paper blacklist:"paper-calculator paper-doc-viewer paper-ink paper-scaffold paper-menu-button-transition"%}'>
 </component-docs>
 

elements/component-docs.html

@@ -5,10 +5,11 @@
 
 <polymer-element name="component-docs" attributes="elements">
   <template>
-    <context-free-parser url="{{url}}" on-data-ready="{{dataReady}}"
-      data="{{data}}"></context-free-parser>
-    <template repeat="{{data.classes}}">
-      <doc-page id="{{name}}" name="{{name}}" data="{{}}"></doc-page>
+    <context-free-parser url="{{url}}" data="{{data}}" on-data-ready="{{dataReady}}">
+    </context-free-parser>
+    <template repeat="{{c in data.classes}}">
+      <doc-page id="{{c.name}}" name="{{c.name}}" data="{{c}}"
+                downloadable?="{{ isTopLevelElement(c.name, url) }}"></doc-page>
     </template>
   </template>
   <script>
@@ -34,12 +35,15 @@
         if (this.data.classes[0].name === 'Entity') {
           this.data.classes[0].name = this.elementName;
         }
+      },
+      isTopLevelElement: function(name, url) {
+        return url.indexOf('/components/' + name + '/') == 0;
       }
     });
   </script>
 </polymer-element>
 
-<polymer-element name="doc-page" attributes="data" assetpath="../core-doc-viewer/elements/">
+<polymer-element name="doc-page" attributes="data downloadable" assetpath="../core-doc-viewer/elements/">
   <template>
     <link rel="stylesheet" href="../components/highlightjs/styles/default.css">
     <link rel="stylesheet" href="../css/elements/doc-page.css">
@@ -52,14 +56,17 @@ <h3>Extends: <a href="{{data.extends | collectionPrefix}}-elements.html#{{data.e
         </section>
       </template>
 
-      <p>
-        <component-download-button org="Polymer" component="{{data.name}}"
-        label="Get {{data.name}}"></component-download-button>
-        <a class="badge" target="_blank" href="/components/{{data.name}}/demo.html"
-                         on-click="{{recordDemoPageview}}">
-          <paper-button label="Demo" raisedButton></paper-button>
-        </a>
-      </p>
+      <template if="{{downloadable}}">
+        <p>
+          <component-download-button id="downloadButton"
+              org="Polymer" component="{{data.name}}"
+              label="Get {{data.name}}"></component-download-button>
+          <a class="badge" target="_blank" href="/components/{{data.name}}/demo.html"
+                           on-click="{{recordDemoPageview}}">
+            <paper-button label="Demo" raisedButton></paper-button>
+          </a>
+        </p>
+      </template>
 
       <template if="{{data.description}}">
         <section class="box top">
@@ -165,6 +172,7 @@ <h3>Methods</h3>
     }
 
     Polymer('doc-page', {
+      downloadable: false,
       recordDemoPageview: function(e, detail, sender) {
         window.recordPageview && window.recordPageview(sender.href); // global pollution.
       },

sass/elements/doc-page.scss

@@ -106,4 +106,4 @@ pre {
 
 .badge {
   color: currentcolor;
-}
+}