/**
 * @module /ui/text-area.reel
 */
var AbstractTextArea = require("montage/ui/base/abstract-text-area").AbstractTextArea;

/**
 * @class TextArea
 * @extends Component
 */
exports.TextArea = AbstractTextArea.specialize(/** @lends TextArea# */ {

    hasTemplate: {value: false},

    constructor: {
        value: function TextArea() {
            this.super();
        }
    },

    rows: {value: null},

    enterDocument: {
        value: function(firstTime) {
            this.super(firstTime);

            if (firstTime){
                this.defineBindings({
                    "element.rows": { "<-": "rows" }
                });
            }
        }
    }
});

@@ -215,16 +215,17 @@
 cialize(
+ 
 /** @len
@@ -261,16 +261,25 @@
 plate: %7B
+%0A        
 value: f
@@ -282,16 +282,21 @@
 e: false
+%0A    
 %7D,%0A%0A    
@@ -373,24 +373,29 @@
 uper();%0A
+%0A    
         
 %7D%0A    %7D,
@@ -390,212 +390,127 @@
     
-%7D%0A    %7D,%0A%0A    rows: %7Bvalue: null%7D,%0A%0A    enterDocument: %7B%0A        value: function(firstTime) %7B%0A            this.super(firstTime);%0A%0A            if (firstTime)%7B%0A                this.defineBindings(%7B%0A
+this.defineBindings(%7B%0A                %22element.rows%22: %7B%0A                    %22%3C-%22: %22rows%22%0A                %7D%0A    
         
     
@@ -497,32 +497,36 @@
   %7D%0A            
+%7D);%0A
             %22ele
@@ -525,40 +525,43 @@
     
-%22element.rows%22: %7B %22%3C-%22: %22rows%22 %7D
+this.classList.add('form-control');
 %0A   
@@ -569,43 +569,49 @@
     
-  
+%7D%0A
     
-  %7D);%0A            %7D%0A        %7D
+%7D,%0A%0A    rows: %7B%0A        value: null
 %0A   

add class .form-control to textarea