implement IronFormElementBehavior

Author: Zecat

bower.json

@@ -21,7 +21,8 @@
     "polymer": "Polymer/polymer#^1.2.0",
     "iron-input-image": "Zecat/iron-input-image#~1.0.0",
     "paper-tile": "Zecat/paper-tile#~1.0.1",
-    "iron-icons": "PolymerElements/iron-icons#~1.1.1"
+    "iron-icons": "PolymerElements/iron-icons#~1.1.1",
+    "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#~1.0.6"
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",

paper-input-image.html

@@ -2,6 +2,7 @@
 <link rel="import" href="../iron-icons/iron-icons.html">
 <link rel="import" href="../iron-input-image/iron-input-image.html">
 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
+<link rel="import" href="../iron-form-element-behavior/iron-form-element-behavior.html">
 <link rel="import" href="../paper-button/paper-button.html">
 <link rel="import" href="../paper-tile/paper-tile.html">
 
@@ -34,7 +35,8 @@
       is="iron-input-image"
       src="{{src}}"
       title="{{title}}"
-      size="{{size}}">
+      size="{{size}}"
+      files="{{value::change}}">
     <paper-tile
       img="[[src]]"
       first-line="[[title]]"
@@ -55,6 +57,10 @@
 
     is: 'paper-input-image',
 
+    behaviors: [
+      Polymer.IronFormElementBehavior
+    ],
+
     properties: {
       /**
        * The text displayed when no image is selected.