Add readOnly support.

test/unit/bind-elements.html

@@ -12,6 +12,11 @@
       computednotifyingvalue: {
         type: Number,
         notify: true
+      },
+      readonlyvalue: {
+        type: Number,
+        readOnly: true,
+        notify: true
       }
     },
     computed: {
@@ -21,7 +26,8 @@
     bind: {
       value: 'valueChanged',
       computedvalue: 'computedvalueChanged',
-      notifyingvalue: 'notifyingvalueChanged'
+      notifyingvalue: 'notifyingvalueChanged',
+      readonlyvalue: 'readonlyvalueChanged'
     },
     valueChanged: function() {},
     computeValue: function(val) {
@@ -29,6 +35,7 @@
     },
     computedvalueChanged: function() {},
     notifyingvalueChanged: function() {},
+    readonlyvalueChanged: function() {},
     computeNotifyingValue: function(val) {
       return val + 2;
     }
@@ -36,22 +43,35 @@
 </script>
 
 <template>
-  <x-basic id="basic1" value="{{boundvalue}}" notifyingvalue="{{boundnotifyingvalue}}" computedvalue="{{boundcomputedvalue}}" computednotifyingvalue="{{boundcomputednotifyingvalue}}"></x-basic>
-  <x-basic id="basic2" value="[[boundvalue]]" notifyingvalue="[[boundnotifyingvalue]]" computedvalue="[[boundcomputedvalue]]" computednotifyingvalue="[[boundcomputednotifyingvalue]]"></x-basic>
+  <x-basic id="basic1" 
+    value="{{boundvalue}}"
+    notifyingvalue="{{boundnotifyingvalue}}"
+    computedvalue="{{boundcomputedvalue}}"
+    computednotifyingvalue="{{boundcomputednotifyingvalue}}"
+    readonlyvalue="{{boundreadonlyvalue}}">
+  </x-basic>
+  <x-basic id="basic2"
+    value="[[boundvalue]]"
+    notifyingvalue="[[boundnotifyingvalue]]"
+    computedvalue="[[boundcomputedvalue]]"
+    computednotifyingvalue="[[boundcomputednotifyingvalue]]">
+  </x-basic>
 </template>
 <script>
   Polymer({
     is: 'x-compose',
     bind: {
-      boudvalue: 'boundvalueChanged',
+      boundvalue: 'boundvalueChanged',
       boundnotifyingvalue: 'boundnotifyingvalueChanged',
       boundcomputedvalue: 'boundcomputedvalueChanged',
-      boundcomputednotifyingvalue: 'boundcomputednotifyingvalueChanged'
+      boundcomputednotifyingvalue: 'boundcomputednotifyingvalueChanged',
+      boundreadonlyvalue: 'boundreadonlyvalueChanged'
     },
     boundvalueChanged: function() {},
     boundnotifyingvalueChanged: function() {},
     boundcomputedvalueChanged: function() {},
-    boundcomputednotifyingvalueChanged: function() {}
+    boundcomputednotifyingvalueChanged: function() {},
+    boundreadonlyvalueChanged: function() {}
   });
 </script>