Added Polymer 0.5.4

polymer_0.5.4/bower_components/paper-input/demo.html

Index: polymer_0.5.4/bower_components/paper-input/demo.html
diff --git a/polymer_0.5.0/bower_components/paper-input/demo.html b/polymer_0.5.4/bower_components/paper-input/demo.html
similarity index 89%
copy from polymer_0.5.0/bower_components/paper-input/demo.html
copy to polymer_0.5.4/bower_components/paper-input/demo.html
index 21bae3198ca0d02a9e9810c019e7b910efb05044..23f863db794fec41aa251568b0cb30bf21331a0e 100644
--- a/polymer_0.5.0/bower_components/paper-input/demo.html
+++ b/polymer_0.5.4/bower_components/paper-input/demo.html
@@ -50,6 +50,16 @@
       max-width: 80%;
     }
 
+    @media only screen and (min-width : 320px) {
+      paper-input {
+        width: 100%;
+      }
+
+      paper-input-decorator {
+        max-width: 100%;
+      }
+    }
+
     paper-input.narrow {
       width: 150px;
     }
@@ -113,6 +123,10 @@
 
     <paper-input label="floating label" floatingLabel></paper-input>
 
+    <br>
+
+    <paper-input label="disabled" disabled></paper-input>
+
   </section>
 
   <section>
@@ -149,25 +163,14 @@
 
   </section>
 
-  <section id="validate">
-
-    <div>Validation</div>
+  <section>
 
-    <button onclick="validateAll()">click me to validate all</button>
+    <div>Auto-Validation</div>
 
-    <paper-input-decorator label="required" floatingLabel error="input is required!">
+    <paper-input-decorator label="required" floatingLabel error="input is required!" autoValidate>
       <input is="core-input" required>
     </paper-input-decorator>
 
-    <script>
-      function validateAll() {
-        var $d = document.getElementById('validate').querySelectorAll('paper-input-decorator');
-        Array.prototype.forEach.call($d, function(d) {
-          d.isInvalid = !d.querySelector('input').validity.valid;
-        });
-      }
-    </script>
-
   </section>
 
   <section>
@@ -186,5 +189,13 @@
 
   </section>
 
+  <script>
+
+    document.body.addEventListener('change', function(e) {
+      console.log('change', e.target);
+    });
+
+  </script>
+
 </body>
 </html>