var InputSlider=api.InputSlider=api.extendReactClass('MixinInput',{render:function(){var suffix;if(this.props.control.suffix){suffix=React.createElement("div",{className:"input-group-append py-6 px-12"},React.createElement("span",{className:"input-group-text"},api.Text.parse(this.props.control.suffix)));}var value=this.state.value;if(!value||value==''){value=this.props.control['default'];if(!value||value==''){value=0;}}return React.createElement("div",{key:this.props.id||api.Text.toId(),className:'form-group '+(this.props.control['class']||this.props.control.className||'')},React.createElement("label",{className:this.props.control.labelClass||''},this.label,this.tooltip),React.createElement("div",{className:'container-fluid '+(this.props.control.inputClass||'')},React.createElement("div",{className:"row jsnextfw-slider"},React.createElement("div",{className:"col-8 px-0"},React.createElement("div",{className:'form-group '+(this.props.control['class']||this.props.control.className||'')},React.createElement("input",{ref:"field",min:this.props.control.min?this.props.control.min:0,max:this.props.control.max?this.props.control.max:100,step:this.props.control.step?this.props.control.step:1,type:"range",name:this.props.setting,value:value,onChange:this.change,className:"form-control"}))),React.createElement("div",{className:"col-4 px-0"},React.createElement("div",{className:'form-group '+(this.props.control['class']||this.props.control.className||'')},React.createElement("div",{className:"input-group"},React.createElement("input",{min:this.props.control.min?this.props.control.min:0,max:this.props.control.max?this.props.control.max:100,step:this.props.control.step?this.props.control.step:1,type:"number",name:this.props.setting,value:value,onChange:this.change,className:"form-control pr-0"}),suffix))))));}});