From 3f3ed10c65fbc6715a5326e18db3353cbdce5e03 Mon Sep 17 00:00:00 2001
From: "Scott J. Miles" <sjmiles@google.com>
Date: Wed, 9 Oct 2013 13:55:20 -0700
Subject: [PATCH] give polymer-grid ability to auto-marshal `nodes` (via `auto`
 property)

---
 polymer-ajax/polymer-ajax.html               |  2 +-
 polymer-grid-layout/polymer-grid-layout.html | 31 ++++++++++++--------
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/polymer-ajax/polymer-ajax.html b/polymer-ajax/polymer-ajax.html
index cfd61a6..107b7a3 100644
--- a/polymer-ajax/polymer-ajax.html
+++ b/polymer-ajax/polymer-ajax.html
@@ -150,7 +150,7 @@
             case 'json':
               this.handleAs = 'json';
               break;
-          }        
+          }
         }
         this.autoGo();
       },
diff --git a/polymer-grid-layout/polymer-grid-layout.html b/polymer-grid-layout/polymer-grid-layout.html
index 603fc07..df8f556 100644
--- a/polymer-grid-layout/polymer-grid-layout.html
+++ b/polymer-grid-layout/polymer-grid-layout.html
@@ -1,4 +1,4 @@
-<polymer-element name="polymer-grid-layout" attributes="nodes layout">
+<polymer-element name="polymer-grid-layout" attributes="nodes layout auto">
   <template>
   </template>
   <script>
@@ -6,30 +6,35 @@
       Polymer('polymer-grid-layout', {
         nodes: null,
         layout: null,
+        auto: false,
         nodesChanged: function() {
           this.invalidate();
         },
         layoutChanged: function() {
           this.invalidate();
         },
+        autoNodes: function() {
+          this.nodes = this.parentNode.children.array().filter(
+            function(node) {
+              switch(node.localName) {
+                case 'polymer-grid-layout':
+                case 'style':
+                  return false;
+              }
+              return true;
+            }
+          );
+        },
         invalidate: function() {
           if (this.layout) {
-            if (!this.nodes) {
-              this.nodes = this.parentNode.children.array().filter(
-                function(node) {
-                  switch(node.localName) {
-                    case 'polymer-grid-layout':
-                    case 'style':
-                      return false;
-                  }
-                  return true;
-                });
-              console.log(this.nodes);
-            }
+            // job debounces layout, only letting it occur every N ms
             this.layoutJob = this.job(this.layoutJob, this.relayout);
           }
         },
         relayout: function() {
+          if (!this.nodes || this.auto) {
+            this.autoNodes();
+          }
           layout(this.layout, this.nodes);
           this.asyncFire('polymer-grid-layout');
         }