define("qui/controls/input/Range",["qui/QUI","qui/controls/Control","css!qui/controls/input/Range.css"],function(t,i){"use strict";return new Class({Extends:i,Type:"qui/controls/input/Range",options:{min:0,max:100,name:"",value:"",step:1,display:!0},initialize:function(t){this.parent(t),this.$Input=null,this.$Display=null},create:function(){this.parent();var t=this;return this.$Elm.addClass("qui-contro-input-range"),this.$Elm.set("html",'<input type="range" class="qui-contro-input-range-input" /><input type="text" class="qui-contro-input-range-display" />'),this.$Input=this.$Elm.getElement('input[type="range"]'),this.$Display=this.$Elm.getElement('input[type="text"]'),this.$Input.set({min:this.getAttribute("min"),max:this.getAttribute("max"),step:this.getAttribute("step"),name:this.getAttribute("name")}),this.getAttribute("display")===!1&&this.$Display.setStyle("display","none"),this.$Input.addEvent("change",function(){t.setValue(this.value)}),this.$Display.addEvent("change",function(){t.setValue(this.value)}),this.getAttribute("value")!==!1&&this.setValue(this.getAttribute("value")),this.$Elm},setValue:function(t){this.$Input&&this.$Input.value!==t&&(this.$Input.value=t),this.$Display&&this.$Display.value!==t&&(this.$Display.value=t),this.fireEvent("change")},getValue:function(){return this.$Input?this.$Input.value:!1},getRangeElm:function(){return this.$Input}})});
//# sourceMappingURL=Range.js.map