textareaAutoheight-min.js

YUI.add("textareaAutoheight",function(a){a.TextareaAutoheight=a.Base.create("textareaAutoheight",a.Plugin.Base,[],{_originalRows:1,_rowHeight:0,_eventHandler:null,_currentRows:1,initializer:function(c){a.log("Pluging in textareaAutoheight");var f=this.get("host");this._originalRows=f.get("rows");var e=f.get("value");var d=f.getComputedStyle("paddingTop");var g=f.getComputedStyle("paddingBottom");var b=this.get("host").cloneNode();b.setStyle("visibility","hidden");if(!this.get("rowHeight")){a.one("body").appendChild(b);b.setStyles({paddingTop:0,paddingBottom:0,height:"0px",minHeight:"0px",overflowY:"scroll"}).setContent("").set("rows","1");this._rowHeight=b.get("scrollHeight");b.remove()}else{this._rowHeight=this.get("rowHeight")}f.setStyles({height:"auto",minHeight:"0px",overflowY:"scroll"});f.setContent(e);this.renderUI();this.bindUI();this.syncUI(true)},destructor:function(){this.get("host").setStyle("overflow","auto").set("rows",this._originalRows);this._eventHandler.detach();this._eventHandler=null},renderUI:function(){this.get("host").setStyle("overflow","hidden")},bindUI:function(){this._eventHandler=this.get("host").on({focus:{fn:function(b){this.syncUI(this.get("perfectHeight"))},context:this},keyup:{fn:function(b){this.syncUI(this.get("perfectHeight"))},context:this},blur:{fn:function(b){this.syncUI(true)},context:this}})},syncUI:function(b){var c=this.get("host");c.set("rows","1");var d=this.get("host").get("scrollHeight")/this._rowHeight;this._currentRows=(d>=this._originalRows?d:this._originalRows);this.get("host").set("rows",(this._currentRows+(b?0:1)));if(this.get("maxRows")&&(this._currentRows+(b?0:1))>this.get("maxRows")){c.setStyle("overflowY","auto");this.get("host").set("rows",this.get("maxRows"))}},adjustHeight:function(){this.syncUI(this.get("perfectHeight"))}},{NS:"textareaAutoheight",ATTRS:{maxRows:null,perfectHeight:{value:false},rowHeight:null}})},"0.0.1",{requires:["plugin","base-build","node"]});