Update bower.json for Polymer elements and add PRESUBMIT.py

third_party/polymer/v1_0/components/iron-autogrow-textarea/iron-autogrow-textarea.html

 <!--
 @license
 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 Code distributed by Google as part of the polymer project is also
 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 -->
 
 <link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="../iron-behaviors/iron-control-state.html">
 <link rel="import" href="../iron-flex-layout/classes/iron-flex-layout.html">
 <link rel="import" href="../iron-validatable-behavior/iron-validatable-behavior.html">
+<link rel="import" href="../iron-form-element-behavior/iron-form-element-behavior.html">
 
 <!--
 `iron-autogrow-textarea` is an element containing a textarea that grows in height as more
 lines of input are entered. Unless an explicit height or the `maxRows` property is set, it will
 never scroll.
 
 Example:
 
     <iron-autogrow-textarea id="a1">
       <textarea id="t1"></textarea>
@@ skipping 24 matching lines @@
       visibility: hidden;
       word-wrap: break-word;
     }
 
     textarea {
       position: relative;
       outline: none;
       border: none;
       resize: none;
       background: inherit;
+      color: inherit;
       /* see comments in template */
       width: 100%;
       height: 100%;
       font-size: inherit;
       font-family: inherit;
     }
 
     ::content textarea:invalid {
       box-shadow: none;
     }
 
   </style>
   <template>
     <!-- the mirror sizes the input/textarea so it grows with typing -->
     <div id="mirror" class="mirror-text" aria-hidden="true">&nbsp;</div>
 
     <!-- size the input/textarea with a div, because the textarea has intrinsic size in ff -->
     <div class="textarea-container fit">
       <textarea id="textarea"
         autocomplete$="[[autocomplete]]"
         autofocus$="[[autofocus]]"
         inputmode$="[[inputmode]]"
-        name$="[[name]]"
         placeholder$="[[placeholder]]"
         readonly$="[[readonly]]"
         required$="[[required]]"
         rows$="[[rows]]"
         maxlength$="[[maxlength]]"></textarea>
     </div>
   </template>
+</dom-module>
 
 <script>
 
   Polymer({
 
     is: 'iron-autogrow-textarea',
 
     behaviors: [
-      Polymer.IronValidatableBehavior
+      Polymer.IronFormElementBehavior,
+      Polymer.IronValidatableBehavior,
+      Polymer.IronControlState
     ],
 
     properties: {
 
       /**
        * Use this property instead of `value` for two-way data binding.
        */
       bindValue: {
         observer: '_bindValueChanged',
         type: String
@@ skipping 50 matching lines @@
       },
 
       /**
        * Bound to the textarea's `name` attribute.
        */
       name: {
         type: String
       },
 
       /**
+       * The value for this input, same as `bindValue`
+       */
+      value: {
+        notify: true,
+        type: String,
+        computed: '_computeValue(bindValue)'
+      },
+
+      /**
        * Bound to the textarea's `placeholder` attribute.
        */
       placeholder: {
         type: String
       },
 
       /**
        * Bound to the textarea's `readonly` attribute.
        */
       readonly: {
@@ skipping 15 matching lines @@
       }
 
     },
 
     listeners: {
       'input': '_onInput'
     },
 
     /**
      * Returns the underlying textarea.
+     * @type HTMLTextAreaElement
      */
     get textarea() {
       return this.$.textarea;
     },
 
+    /**
+     * Returns true if `value` is valid. The validator provided in `validator`
+     * will be used first, if it exists; otherwise, the `textarea`'s validity
+     * is used.
+     * @return {boolean} True if the value is valid.
+     */
+    validate: function() {
+      // Empty, non-required input is valid.
+      if (!this.required && this.value == '') {
+        this.invalid = false;
+        return true;
+      }
+
+      var valid;
+      if (this.hasValidator()) {
+        valid = Polymer.IronValidatableBehavior.validate.call(this, this.value);
+      } else {
+        valid = this.$.textarea.validity.valid;
+        this.invalid = !valid;
+      }
+      this.fire('iron-input-validate');
+      return valid;
+    },
+
     _update: function() {
       this.$.mirror.innerHTML = this._valueForMirror();
 
       var textarea = this.textarea;
       // If the value of the textarea was updated imperatively, then we
       // need to manually update bindValue as well.
       if (textarea && this.bindValue != textarea.value) {
         this.bindValue = textarea.value;
       }
     },
@@ skipping 34 matching lines @@
       var input = this.textarea;
       if (!input) {
         return;
       }
       this.tokens = (input && input.value) ? input.value.replace(/&/gm, '&amp;').replace(/"/gm, '&quot;').replace(/'/gm, '&#39;').replace(/</gm, '&lt;').replace(/>/gm, '&gt;').split('\n') : [''];
       return this._constrain(this.tokens);
     },
 
     _updateCached: function() {
       this.$.mirror.innerHTML = this._constrain(this.tokens);
+    },
+
+    _computeValue: function() {
+      return this.bindValue;
     }
   })
 </script>