!function(t){function e(r){if(i[r])return i[r].exports;var s=i[r]={exports:{},id:r,loaded:!1};return t[r].call(s.exports,s,s.exports,e),s.loaded=!0,s.exports}var i={};return e.m=t,e.c=i,e.p="",e(0)}([function(t,e,i){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}var s=i(1),n=r(s),o=document.getElementById("curve-processor"),l=o.getContext("2d"),a={size:100,width:20,startAngle:3*Math.PI/4,endAngle:Math.PI/4,primaryColor:"#3366cc",activeColor:"#6699cc"},c=new n["default"](l,a),h=document.getElementById("handler");h.oninput=function(){c.setProgress(this.value/100)}},function(t,e,i){"use strict";function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var s=function(){function t(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,i,r){return i&&t(e.prototype,i),r&&t(e,r),e}}(),n=i(2),o=function(){function t(e,i){r(this,t),this.context=e,this.primaryColor=i.primaryColor,this.activeColor=i.activeColor,this.size=i.size,this.width=i.width,this.startAngle=i.startAngle,this.endAngle=i.endAngle,this.context.translate(this.size,this.size),this.setProgress()}return s(t,[{key:"getProgressBar",value:function(t){return this.startAngle+t*(2*Math.PI-this.startAngle+this.endAngle)}},{key:"setProgress",value:function(t){this.progress=t&&t>1||0>t?0:t||0;var e=this.context,i=this.size-this.width/2,r=this.getProgressBar(this.progress);n.clear(e,this.size),e.globalCompositeOperation="source-over",n.drawCircle(e,{x:0,y:0,r:this.size,fillStyle:this.primaryColor,startAngle:this.startAngle,endAngle:this.endAngle,isAnticlockwise:!1}),n.drawCircle(e,{x:i*Math.cos(this.startAngle),y:i*Math.sin(this.startAngle),r:this.width/2,fillStyle:this.activeColor}),n.drawCircle(e,{x:i*Math.cos(this.endAngle),y:i*Math.sin(this.endAngle),r:this.width/2,fillStyle:this.primaryColor}),n.drawCircle(e,{x:0,y:0,r:this.size,fillStyle:this.activeColor,startAngle:this.startAngle,endAngle:r,isAnticlockwise:!1}),n.drawCircle(e,{x:i*Math.cos(r),y:i*Math.sin(r),r:this.width/2,fillStyle:this.activeColor}),e.globalCompositeOperation="destination-out",n.drawCircle(e,{x:0,y:0,r:this.size-this.width}),n.drawText(e,parseInt(100*this.progress)+"%")}}]),t}();t.exports=o},function(t,e){"use strict";var i=function(t,e){t.beginPath(),t.fillStyle=e.fillStyle,t.moveTo(0,0),t.arc(e.x,e.y,e.r,e.startAngle||1,e.endAngle||2*Math.PI+1,e.isAnticlockwise||!1),t.fill(),t.closePath()},r=function(t,e,i){i=i||{};var r=i.fontSize||48;t.globalCompositeOperation="source-over",t.font=r+"px Arial",t.textAlign="center",t.fillText(e,0,r/4)},s=function(t,e){t.globalCompositeOperation="destination-out",t.fillRect(-e,-e,2*e,2*e)};t.exports={drawCircle:i,drawText:r,clear:s}}]);