New 2.x demo

kriss-kross-io · Nov 6, 2017 · 2ed715b · 2ed715b
1 parent 5e44fce
commit 2ed715b
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 15 deletions.
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "mdi-iconset-svg",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Iconset for the Material Design Icons collection",
   "authors": [
     "kriss-kross-io <[email protected]> (https://kriss-kross.io)"

diff --git a/demo/index.html b/demo/index.html
@@ -12,6 +12,7 @@
 <head>
   <title>iron-icons demo</title>
   <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+
   <link rel="import" href="../../paper-styles/demo-pages.html">
   <link rel="import" href="../../paper-styles/color.html">
   <link rel="import" href="../../iron-meta/iron-meta.html">
@@ -68,29 +69,32 @@
 
   <dom-bind>
     <template is="dom-bind" id="scope">
-      <dom-repeat>
-        <template is="dom-repeat" id="iconsetRepeat">
-          <h2>{{item.name}}</h2>
-          <div class="set">
-            <template is="dom-repeat" items="{{getIconNames(item)}}">
-              <span class="container">
-                <iron-icon icon="{{item}}"></iron-icon>
-                <div>{{item}}</div>
-              </span>
-            </template>
-          </div>
-        </template>
-      </dom-repeat>
+
+      <template is="dom-repeat" id="iconsetRepeat" items="[[getIconsets()]]">
+        <h2>{{item.name}}</h2>
+        <div class="set">
+          <template is="dom-repeat" items="[[getIconNames(item)]]">
+            <span class="container">
+              <iron-icon icon="[[item]]"></iron-icon>
+              <div>{{item}}</div>
+            </span>
+          </template>
+        </div>
+      </template>
+
     </template>
   </dom-bind>
 
   <script>
     window.addEventListener('WebComponentsReady', function() {
+      scope.getIconsets = function() {
+        return new Polymer.IronMeta({type: 'iconset'}).list;
+      };
       scope.getIconNames = function(iconset) {
         return iconset.getIconNames();
       };
+      scope.parentNode.getIconsets = scope.getIconsets;
       scope.parentNode.getIconNames = scope.getIconNames;
-      iconsetRepeat.items = new Polymer.IronMeta({type: 'iconset'}).list;
     });
   </script>
 </body>