From 4412f4a29c3cb05610ab076afa9bd9a54bfc12fa Mon Sep 17 00:00:00 2001 From: Mykhailo Stadnyk Date: Sat, 3 Dec 2016 12:10:40 +0200 Subject: [PATCH 01/10] Init version 2.1.1 branch --- bower.json | 2 +- gauge.min.js | 4 ++-- gauge.min.js.map | 2 +- package.json | 2 +- 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/bower.json b/bower.json index 92617a22..14256985 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "canvas-gauges", - "version": "2.1.0", + "version": "2.1.1", "homepage": "https://github.com/Mikhus/canvas-gauges", "authors": [ "Mykhailo Stadnyk " diff --git a/gauge.min.js b/gauge.min.js index e28a77c2..d27cce75 100644 --- a/gauge.min.js +++ b/gauge.min.js @@ -21,8 +21,8 @@ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. * - * @version 2.1.0 + * @version 2.1.1 */ !function(e){"use strict";function t(e){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t1&&(d=1),t&&t(1===d?d:r(d)),s0){for(a=e.toFixed(i).toString().split("."),n=r-a[0].length;o1?(r=~i.indexOf("."),~i.indexOf("-")?"-"+[t.majorTicksInt+t.majorTicksDec+2+(r?1:0)-i.length].join("0")+i.replace("-",""):[t.majorTicksInt+t.majorTicksDec+1+(r?1:0)-i.length].join("0")+i):i}function f(e){return e*Math.PI/180}function v(e,t){return{x:-e*Math.sin(t),y:e*Math.cos(t)}}function m(e,t,i,r){var o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,a=e.createLinearGradient(o?0:n,o?n:0,o?0:r,o?r:0);return a.addColorStop(0,t),a.addColorStop(1,i),a}function b(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(i)return e.restore(),!0;e.save();var r=t.borderShadowWidth;return r&&(e.shadowBlur=r,e.shadowColor=t.colorBorderShadow),!0}function g(e,t){t.needleShadow&&(e.shadowOffsetX=2,e.shadowOffsetY=2,e.shadowBlur=10,e.shadowColor=t.colorNeedleShadowDown)}function p(e,t,i){return e["font"+t+"Style"]+" "+e["font"+t+"Weight"]+" "+e["font"+t+"Size"]*i+"px "+e["font"+t]}function w(e){e.shadowOffsetX=null,e.shadowOffsetY=null,e.shadowBlur=null,e.shadowColor="",e.strokeStyle=null,e.lineWidth=0,e.save()}function y(e,t,i,r){t.valueTextShadow&&(e.shadowOffsetX=i,e.shadowOffsetY=i,e.shadowBlur=r,e.shadowColor=t.colorValueTextShadow)}function k(e,t,i,r,o,n){if(t.valueBox){w(e);var a=t.valueText||c(i,t),l=n/200,s=n/100,d=.4*s,u=1.2*s;e.font=p(t,"Value",l),y(e,t,d,u);var f=e.measureText(t.valueText?a:"-"+c(0,t)).width;w(e);var v=parseFloat(t.fontValueSize)*l+d+u,m=s*parseFloat(t.valueBoxStroke),b=2*n-2*m,g=f+10*s,k=1.1*v+d+u,x=s*t.valueBoxBorderRadius,T=(parseFloat(t.valueBoxWidth)||0)/100*b;T>g&&(g=T),g>b&&(g=b);var S=r-g/2,W=o-k/2,O=o-5.75*s;if(e.beginPath(),x?h(e,S,W,g,k,x):e.rect(S,W,g,k),m){var P=e.createRadialGradient(r,O,10*s,r,O,20*s);P.addColorStop(0,t.colorValueBoxRect),P.addColorStop(1,t.colorValueBoxRectEnd),e.strokeStyle=P,e.lineWidth=m,e.stroke()}t.colorValueBoxShadow&&(e.shadowBlur=1.2*s,e.shadowColor=t.colorValueBoxShadow),t.colorValueBoxBackground&&(e.fillStyle=t.colorValueBoxBackground,e.fill()),e.closePath(),e.restore(),y(e,t,d,u),e.fillStyle=t.colorValueText,e.textAlign="center",e.textBaseline="alphabetic",e.fillText(a,S+g/2,o+k/2-v/3),e.restore()}}function x(e){var t=e.value,i=e.minValue,r=e.maxValue,o=.01*(r-i);return{normal:tr?r:t,indented:tr?r+o:t}}function T(e,t,i,r,o){i.beginPath(),i.arc(0,0,ye(e),0,2*Se,!0),i.lineWidth=t,i.strokeStyle=o?Te.linearGradient(i,r,o,e):r,i.stroke(),i.closePath()}function S(e,t){return e.maxRadius||(e.maxRadius=e.max-t.borderShadowWidth-t.borderOuterWidth-t.borderMiddleWidth-t.borderInnerWidth+(t.borderOuterWidth?.5:0)+(t.borderMiddleWidth?.5:0)+(t.borderInnerWidth?.5:0)),e.maxRadius}function W(e,t){var i=t.borderShadowWidth,r=e.max-i-t.borderOuterWidth/2,o=r-t.borderOuterWidth/2-t.borderMiddleWidth/2+.5,n=o-t.borderMiddleWidth/2-t.borderInnerWidth/2+.5,a=S(e,t),l=void 0,s=!1;e.save(),t.borderOuterWidth&&(s=Te.drawShadow(e,t,s),T(r,t.borderOuterWidth,e,t.colorBorderOuter,t.colorBorderOuterEnd)),t.borderMiddleWidth&&(s=Te.drawShadow(e,t,s),T(o,t.borderMiddleWidth,e,t.colorBorderMiddle,t.colorBorderMiddleEnd)),t.borderInnerWidth&&(s=Te.drawShadow(e,t,s),T(n,t.borderInnerWidth,e,t.colorBorderInner,t.colorBorderInnerEnd)),Te.drawShadow(e,t,s),e.beginPath(),e.arc(0,0,ye(a),0,2*Se,!0),t.colorPlateEnd?(l=e.createRadialGradient(0,0,a/2,0,0,a),l.addColorStop(0,t.colorPlate),l.addColorStop(1,t.colorPlateEnd)):l=t.colorPlate,e.fillStyle=l,e.fill(),e.closePath(),e.restore()}function O(e,t){var i=e.max*(parseFloat(t.highlightsWidth)||0)/100;if(i){var r=ye(V(e,t)-i/2),o=0,n=t.highlights.length,a=(t.maxValue-t.minValue)/t.ticksAngle;for(e.save();on?o:n,n>o,o>n?i:r):a,t>0?Te.roundRect(e,i,r,o,n,t):e.rect(i,r,o,n),e.fill(),e.closePath()}function z(e,t,i,r,o,n,a,l,s){e.beginPath(),e.lineWidth=t,e.strokeStyle=s?Te.linearGradient(e,l,s,a,!0,o):l,i>0?Te.roundRect(e,r,o,n,a,i):e.rect(r,o,n,a),e.stroke(),e.closePath()}function L(e,t,i,r,o,n){e.save();var a=t.borderRadius,l=o-t.borderShadowWidth-t.borderOuterWidth,s=l-t.borderOuterWidth-t.borderMiddleWidth,d=s-t.borderMiddleWidth-t.borderInnerWidth,h=d-t.borderInnerWidth,c=n-t.borderShadowWidth-t.borderOuterWidth,u=c-t.borderOuterWidth-t.borderMiddleWidth,f=u-t.borderMiddleWidth-t.borderInnerWidth,v=f-t.borderInnerWidth,m=i-(s-l)/2,b=m-(d-s)/2,g=b-(h-d)/2,p=r-(u-c)/2,w=p-(f-u)/2,y=w-(v-f)/2,k=0,x=!1;return t.borderOuterWidth&&(x=Te.drawShadow(e,t,x),z(e,t.borderOuterWidth,a,i+t.borderOuterWidth/2-k,r+t.borderOuterWidth/2-k,l,c,t.colorBorderOuter,t.colorBorderOuterEnd),k+=.5),t.borderMiddleWidth&&(x=Te.drawShadow(e,t,x),z(e,t.borderMiddleWidth,a-=1+2*k,m+t.borderMiddleWidth/2-k,p+t.borderMiddleWidth/2-k,s+2*k,u+2*k,t.colorBorderMiddle,t.colorBorderMiddleEnd),k+=.5),t.borderInnerWidth&&(x=Te.drawShadow(e,t,x),z(e,t.borderInnerWidth,a-=1+2*k,b+t.borderInnerWidth/2-k,w+t.borderInnerWidth/2-k,d+2*k,f+2*k,t.colorBorderInner,t.colorBorderInnerEnd),k+=.5),Te.drawShadow(e,t,x),D(e,a,g,y,h+2*k,v+2*k,t.colorPlate,t.colorPlateEnd),e.restore(),[g,y,h,v]}function G(e,t,i,r,o,n){var a=be.pixelRatio,l=n>=o,s=l?.85*o:n,d=l?n:o;i=l?we(i+(o-s)/2):i;var h=!!t.title,c=!!t.units,u=!!t.valueBox,f=void 0,v=void 0,m=void 0;l?(v=we(.05*d),f=we(.075*d),m=we(.11*d),h&&(d-=f,r+=f),c&&(d-=v),u&&(d-=m)):(v=f=we(.15*s),h&&(s-=f,r+=f),c&&(s-=v));var b=2*t.barStrokeWidth,g=t.barBeginCircle?we(s*t.barBeginCircle/200-b/2):0,p=we(s*t.barWidth/100-b),w=we(d*t.barLength/100-b),y=we((d-w)/2),k=we(i+(l?s/2:y+g)),x=we(r+(l?d-y-g+b/2:s/2)),T=!l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s,S=l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s;return e.barDimensions={isVertical:l,width:s,length:d,barWidth:p,barLength:w,strokeWidth:b,barMargin:y,radius:g,pixelRatio:a,barOffset:null,titleMargin:h?f:0,unitsMargin:c?v:0,get ticksLength(){return this.barLength-this.barOffset-this.strokeWidth},X:i+T,Y:r+S,x0:k+T,y0:x+S,baseX:i,baseY:r,ticksPadding:t.ticksPadding/100},e.barDimensions}function F(e,t,i,r,o,n,a){var l=G(e,t,r,o,n,a),s=l.isVertical,d=l.width,h=l.barWidth,c=l.barLength,u=l.strokeWidth,f=l.barMargin,v=l.radius,m=l.x0,b=l.y0,g=l.X,p=l.Y,w=c;if(e.save(),e.beginPath(),t.barBeginCircle){var y=Te.radians(s?270:0),k=Math.asin(h/2/v),x=Math.cos(k),T=Math.sin(k),S=m+(s?v*T:v*x-u/2),W=s?b-v*x:b+v*T,O=ye(s?W-b:S-m);e.barDimensions.barOffset=we(O+v);var P=s?we(m-v*T):S,V=s?W:we(b-v*T);"progress"===i&&(c=e.barDimensions.barOffset+(c-e.barDimensions.barOffset)*(Te.normalizedValue(t).normal-t.minValue)/(t.maxValue-t.minValue));var B=we(S+c-e.barDimensions.barOffset+u/2),M=we(W-c+e.barDimensions.barOffset-u/2);e.arc(m,b,v,y+k,y-k),s?(e.moveTo(S,V),e.lineTo(S,M),e.lineTo(P,M),e.lineTo(P,V)):(e.moveTo(S,V),e.lineTo(B,V),e.lineTo(B,W),e.lineTo(S,W))}else{var A=we(s?g+(d-h)/2:g+f),C=we(s?p+c+f:p+(d-h)/2);"progress"===i&&(c*=(t.value-t.minValue)/(t.maxValue-t.minValue)),s?e.rect(A,C,h,-c):e.rect(A,C,c,h)}"progress"!==i&&t.barStrokeWidth&&(e.lineWidth=u,e.strokeStyle=t.colorBarStroke,e.stroke()),"progress"!==i&&t.colorBar?(e.fillStyle=t.colorBarEnd?Te.linearGradient(e,t.colorBar,t.colorBarEnd,c,s,s?p:g):t.colorBar,e.fill()):"progress"===i&&t.colorBarProgress&&(e.fillStyle=t.colorBarProgressEnd?Te.linearGradient(e,t.colorBarProgress,t.colorBarProgressEnd,w,s,s?p:g):t.colorBarProgress,e.fill()),e.closePath(),t.barBeginCircle&&(e.barDimensions.radius+=u),e.barDimensions.barWidth+=u,e.barDimensions.barLength+=u}function X(e,t,i,r,o,n){F(e,t,"",i,r,o,n)}function Y(e,t){return t.needleSide!==e||t.tickSide!==e||t.numberSide!==e}function U(e,t,i,r,o,n){t.barProgress&&F(e,t,"progress",i,r,o,n)}function H(e,t){var i=e.barDimensions,r=i.isVertical,o=i.width,n=i.length,a=i.barWidth,l=i.barOffset,s=i.barMargin,d=i.X,h=i.Y,c=i.ticksLength,u=i.ticksPadding,f=o*(parseFloat(t.highlightsWidth)||0)/100;if(t.highlights&&f){var v="right"!==t.tickSide,m="left"!==t.tickSide,b=0,g=t.highlights.length,p=(o-a)/2,w=t.maxValue-t.minValue,y=we(r?d+p:d+s+l),k=f,x=r?h+n-s-l:h+p,T=we((t.ticksWidth/100+u)*o)+(f-t.ticksWidth/100*o),S=we(a+u*o);for(e.save();bn&&(d*=-1),e.moveTo(i-c,r),e.lineTo(i+c,r),e.lineTo(i+c,r+d),e.lineTo(i,n),e.lineTo(i-c,r+d),e.lineTo(i-c,r)):(i>o&&(d*=-1),e.moveTo(i,r-c),e.lineTo(i,r+c),e.lineTo(i+d,r+c),e.lineTo(o,r),e.lineTo(i+d,r-c),e.lineTo(i,r-c)),e.fill(),e.closePath()}function ae(e,t,i,r,o,n,a){var l=(parseFloat(t.fontValueSize)||0)*n/200,s=(.11*a-l)/2;e.barDimensions.isVertical&&Te.drawValueBox(e,t,i,r+n/2,o+a-l-s,n)}var le=function(){function e(e,t){var i=[],r=!0,o=!1,n=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(i.push(a.value),!t||i.length!==t);r=!0);}catch(e){o=!0,n=e}finally{try{!r&&l.return&&l.return()}finally{if(o)throw n}}return i}return function(t,i){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),se=function e(t,i,r){null===t&&(t=Function.prototype);var o=Object.getOwnPropertyDescriptor(t,i);if(void 0===o){var n=Object.getPrototypeOf(t);return null===n?void 0:e(n,i,r)}if("value"in o)return o.value;var a=o.get;if(void 0!==a)return a.call(r)},de=function e(t,i,r,o){var n=Object.getOwnPropertyDescriptor(t,i);if(void 0===n){var a=Object.getPrototypeOf(t);null!==a&&e(a,i,r,o)}else if("value"in n&&n.writable)n.value=r;else{var l=n.set;void 0!==l&&l.call(o,r)}return r},he=function(){function e(e,t){for(var i=0;i>>0;if(0===o)return-1;var n=+t||0;if(Math.abs(n)===1/0&&(n=0),n>=o)return-1;for(i=Math.max(n>=0?n:o-Math.abs(n),0);i>>0,r=arguments[1],o=r>>0,n=o<0?Math.max(i+o,0):Math.min(o,i),a=arguments[2],l=void 0===a?i:a>>0,s=l<0?Math.max(i+l,0):Math.min(l,i);n1?r-1:0),n=1;n1?t-1:0),r=1;r=(7-4*t)/11)return-Math.pow((11-6*t-11*e)/4,2)+Math.pow(i,2)},elastic:function(e){return 1-fe.delastic(1-e)},delastic:function(e){var t=1.5;return Math.pow(2,10*(e-1))*Math.cos(20*Math.PI*t/3*e)}},ve=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:250,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};if(o(this,e),this.duration=i,this.rule=t,this.draw=r,this.end=n,"function"!=typeof this.draw)throw new TypeError("Invalid animation draw callback:",r);if("function"!=typeof this.end)throw new TypeError("Invalid animation end callback:",n)}return he(e,[{key:"animate",value:function(e,t){var i=this,r=window.performance&&window.performance.now?window.performance.now():n("animationStartTime")||Date.now();e=e||this.draw,t=t||this.end,this.frame=ue(function(o){return a(o,e,r,fe[i.rule]||i.rule,i.duration,t,i)})}},{key:"destroy",value:function(){if(this.frame){var e=n("cancelAnimationFrame")||function(e){};e(this.frame),this.frame=null}this.draw=null,this.end=null}}]),e}();ve.rules=fe;var me=function(){function t(i,r,n){o(this,t),this.options=i,this.element=r.toLowerCase(),this.type=t.toDashed(n),this.Type=e[n],this.mutationsObserved=!1,this.isObservable=!!window.MutationObserver,window.GAUGES_NO_AUTO_INIT||t.domReady(this.traverse.bind(this))}return he(t,[{key:"isValidNode",value:function(e){return!(!e.tagName||e.tagName.toLowerCase()!==this.element||e.getAttribute("data-type")!==this.type)}},{key:"traverse",value:function(){for(var e=document.getElementsByTagName(this.element),t=0,i=e.length;t1&&void 0!==arguments[1])||arguments[1],i=e.split(/-/),r=0,o=i.length,n="";r1&&void 0!==arguments[1]?arguments[1]:0;return e=parseFloat(e),!isNaN(e)&&isFinite(e)||(e=parseFloat(t)||0),e}},{key:"version",get:function(){return pe}}]),n}(ce);"undefined"!=typeof e&&(e.BaseGauge=xe,e.gauges=(window.document||{}).gauges=ke);var Te={roundRect:h,padValue:c,formatMajorTickNumber:u,radians:f,radialPoint:v,linearGradient:m,drawNeedleShadow:g,drawValueBox:k,verifyError:s,prepareTicks:d,drawShadow:b,font:p,normalizedValue:x},Se=Math.PI,We=Se/2,Oe=Object.assign({},ge,{ticksAngle:270,startAngle:45,colorNeedleCircleOuter:"#f0f0f0",colorNeedleCircleOuterEnd:"#ccc",colorNeedleCircleInner:"#e8e8e8",colorNeedleCircleInnerEnd:"#f5f5f5",needleCircleSize:10,needleCircleInner:!0,needleCircleOuter:!0,animationTarget:"needle",useMinPath:!1,barWidth:0}),Pe=function(e){function t(e){return o(this,t),e=Object.assign({},Oe,e||{}),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,t.configure(e)))}return r(t,e),he(t,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],n=i[2],a=i[3],l=this.options;if("needle"===l.animationTarget){if(!e.elementClone.initialized){var s=e.contextClone;s.clearRect(r,o,n,a),s.save(),this.emit("beforePlate"),W(s,l),this.emit("beforeHighlights"),O(s,l),this.emit("beforeMinorTicks"),P(s,l),this.emit("beforeMajorTicks"),B(s,l),this.emit("beforeNumbers"),C(s,l),this.emit("beforeTitle"),N(s,l),this.emit("beforeUnits"),j(s,l),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,n,a),e.context.save(),e.context.drawImage(e.elementClone,r,o,n,a),e.context.save(),this.emit("beforeProgressBar"),R(e.context,l),this.emit("beforeValueBox"),_(e.context,l,I(this)),this.emit("beforeNeedle"),E(e.context,l)}else{var d=-Te.radians((l.value-l.minValue)/(l.maxValue-l.minValue)*l.ticksAngle);if(e.context.clearRect(r,o,n,a),e.context.save(),this.emit("beforePlate"),W(e.context,l),e.context.rotate(d),this.emit("beforeHighlights"),O(e.context,l),this.emit("beforeMinorTicks"),P(e.context,l),this.emit("beforeMajorTicks"),B(e.context,l),this.emit("beforeNumbers"),C(e.context,l),this.emit("beforeProgressBar"),R(e.context,l),e.context.rotate(-d),e.context.save(),!e.elementClone.initialized){var h=e.contextClone;h.clearRect(r,o,n,a),h.save(),this.emit("beforeTitle"),N(h,l),this.emit("beforeUnits"),j(h,l),this.emit("beforeNeedle"),E(h,l),e.elementClone.initialized=!0}e.context.drawImage(e.elementClone,r,o,n,a)}this.emit("beforeValueBox"),_(e.context,l,I(this)),se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}},{key:"value",set:function(e){e=xe.ensureValue(e,this.options.minValue),this.options.animation&&360===this.options.ticksAngle&&this.options.useMinPath&&(this._value=e,e=this.options.value+((e-this.options.value)%360+540)%360-180),de(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",e,this)},get:function(){return se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",this)}}],[{key:"configure",value:function(e){return e.barWidth>50&&(e.barWidth=50),isNaN(e.startAngle)&&(e.startAngle=45),isNaN(e.ticksAngle)&&(e.ticksAngle=270),e.ticksAngle>360&&(e.ticksAngle=360),e.ticksAngle<0&&(e.ticksAngle=0),e.startAngle<0&&(e.startAngle=0),e.startAngle>360&&(e.startAngle=360),e}}]),t}(xe);"undefined"!=typeof e&&(e.RadialGauge=Pe),xe.initialize("RadialGauge",Oe);var Ve=Object.assign({},ge,{borderRadius:0,barBeginCircle:30,colorBarEnd:"",colorBarProgressEnd:"",needleWidth:6,tickSide:"both",needleSide:"both",numberSide:"both",ticksWidth:10,ticksWidthMinor:5,ticksPadding:5,barLength:85,fontTitleSize:26,highlightsWidth:10}),Be=function(e){function n(e){return o(this,n),e=Object.assign({},Ve,e||{}),i(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n.configure(e)))}return r(n,e),he(n,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],a=i[2],l=i[3],s=this.options;if(!e.elementClone.initialized){var d=e.contextClone;d.clearRect(r,o,a,l),d.save(),this.emit("beforePlate"),this.drawBox=L(d,s,r,o,a,l),this.emit("beforeBar"),X.apply(void 0,[d,s].concat(t(this.drawBox))),e.context.barDimensions=d.barDimensions,this.emit("beforeHighlights"),H(d,s),this.emit("beforeMinorTicks"),K(d,s),this.emit("beforeMajorTicks"),$(d,s),this.emit("beforeNumbers"),Q(d,s),this.emit("beforeTitle"),ee(d,s),this.emit("beforeUnits"),te(d,s),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,a,l),e.context.save(),e.context.drawImage(e.elementClone,r,o,a,l),e.context.save(),this.emit("beforeProgressBar"),U.apply(void 0,[e.context,s].concat(t(this.drawBox))),this.emit("beforeNeedle"),ie(e.context,s),this.emit("beforeValueBox"),ae.apply(void 0,[e.context,s,s.animatedValue?this.options.value:this.value].concat(t(this.drawBox))),se(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}}],[{key:"configure",value:function(e){return e.barStrokeWidth>=e.barWidth&&(e.barStrokeWidth=we(e.barWidth/2)),e.hasLeft=Y("right",e),e.hasRight=Y("left",e),e.value>e.maxValue&&(e.value=e.maxValue),e.value1&&void 0!==arguments[1]?arguments[1]:0;return e=parseFloat(e),!isNaN(e)&&isFinite(e)||(e=parseFloat(t)||0),e}},{key:"version",get:function(){return pe}}]),n}(ce);"undefined"!=typeof e&&(e.BaseGauge=xe,e.gauges=(window.document||{}).gauges=ke);var Te={roundRect:h,padValue:c,formatMajorTickNumber:u,radians:f,radialPoint:v,linearGradient:m,drawNeedleShadow:g,drawValueBox:k,verifyError:s,prepareTicks:d,drawShadow:b,font:p,normalizedValue:x},Se=Math.PI,We=Se/2,Oe=Object.assign({},ge,{ticksAngle:270,startAngle:45,colorNeedleCircleOuter:"#f0f0f0",colorNeedleCircleOuterEnd:"#ccc",colorNeedleCircleInner:"#e8e8e8",colorNeedleCircleInnerEnd:"#f5f5f5",needleCircleSize:10,needleCircleInner:!0,needleCircleOuter:!0,animationTarget:"needle",useMinPath:!1,barWidth:0}),Pe=function(e){function t(e){return o(this,t),e=Object.assign({},Oe,e||{}),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,t.configure(e)))}return r(t,e),he(t,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],n=i[2],a=i[3],l=this.options;if("needle"===l.animationTarget){if(!e.elementClone.initialized){var s=e.contextClone;s.clearRect(r,o,n,a),s.save(),this.emit("beforePlate"),W(s,l),this.emit("beforeHighlights"),O(s,l),this.emit("beforeMinorTicks"),P(s,l),this.emit("beforeMajorTicks"),B(s,l),this.emit("beforeNumbers"),C(s,l),this.emit("beforeTitle"),N(s,l),this.emit("beforeUnits"),j(s,l),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,n,a),e.context.save(),e.context.drawImage(e.elementClone,r,o,n,a),e.context.save(),this.emit("beforeProgressBar"),R(e.context,l),this.emit("beforeValueBox"),_(e.context,l,I(this)),this.emit("beforeNeedle"),E(e.context,l)}else{var d=-Te.radians((l.value-l.minValue)/(l.maxValue-l.minValue)*l.ticksAngle);if(e.context.clearRect(r,o,n,a),e.context.save(),this.emit("beforePlate"),W(e.context,l),e.context.rotate(d),this.emit("beforeHighlights"),O(e.context,l),this.emit("beforeMinorTicks"),P(e.context,l),this.emit("beforeMajorTicks"),B(e.context,l),this.emit("beforeNumbers"),C(e.context,l),this.emit("beforeProgressBar"),R(e.context,l),e.context.rotate(-d),e.context.save(),!e.elementClone.initialized){var h=e.contextClone;h.clearRect(r,o,n,a),h.save(),this.emit("beforeTitle"),N(h,l),this.emit("beforeUnits"),j(h,l),this.emit("beforeNeedle"),E(h,l),e.elementClone.initialized=!0}e.context.drawImage(e.elementClone,r,o,n,a)}this.emit("beforeValueBox"),_(e.context,l,I(this)),se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}},{key:"value",set:function(e){e=xe.ensureValue(e,this.options.minValue),this.options.animation&&360===this.options.ticksAngle&&this.options.useMinPath&&(this._value=e,e=this.options.value+((e-this.options.value)%360+540)%360-180),de(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",e,this)},get:function(){return se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",this)}}],[{key:"configure",value:function(e){return e.barWidth>50&&(e.barWidth=50),isNaN(e.startAngle)&&(e.startAngle=45),isNaN(e.ticksAngle)&&(e.ticksAngle=270),e.ticksAngle>360&&(e.ticksAngle=360),e.ticksAngle<0&&(e.ticksAngle=0),e.startAngle<0&&(e.startAngle=0),e.startAngle>360&&(e.startAngle=360),e}}]),t}(xe);"undefined"!=typeof e&&(e.RadialGauge=Pe),xe.initialize("RadialGauge",Oe);var Ve=Object.assign({},ge,{borderRadius:0,barBeginCircle:30,colorBarEnd:"",colorBarProgressEnd:"",needleWidth:6,tickSide:"both",needleSide:"both",numberSide:"both",ticksWidth:10,ticksWidthMinor:5,ticksPadding:5,barLength:85,fontTitleSize:26,highlightsWidth:10}),Be=function(e){function n(e){return o(this,n),e=Object.assign({},Ve,e||{}),i(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n.configure(e)))}return r(n,e),he(n,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],a=i[2],l=i[3],s=this.options;if(!e.elementClone.initialized){var d=e.contextClone;d.clearRect(r,o,a,l),d.save(),this.emit("beforePlate"),this.drawBox=L(d,s,r,o,a,l),this.emit("beforeBar"),X.apply(void 0,[d,s].concat(t(this.drawBox))),e.context.barDimensions=d.barDimensions,this.emit("beforeHighlights"),H(d,s),this.emit("beforeMinorTicks"),K(d,s),this.emit("beforeMajorTicks"),$(d,s),this.emit("beforeNumbers"),Q(d,s),this.emit("beforeTitle"),ee(d,s),this.emit("beforeUnits"),te(d,s),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,a,l),e.context.save(),e.context.drawImage(e.elementClone,r,o,a,l),e.context.save(),this.emit("beforeProgressBar"),U.apply(void 0,[e.context,s].concat(t(this.drawBox))),this.emit("beforeNeedle"),ie(e.context,s),this.emit("beforeValueBox"),ae.apply(void 0,[e.context,s,s.animatedValue?this.options.value:this.value].concat(t(this.drawBox))),se(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}}],[{key:"configure",value:function(e){return e.barStrokeWidth>=e.barWidth&&(e.barStrokeWidth=we(e.barWidth/2)),e.hasLeft=Y("right",e),e.hasRight=Y("left",e),e.value>e.maxValue&&(e.value=e.maxValue),e.value\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n *\n * @version 2.1.0\n */\n(function(ns) {'use strict';\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if (\"value\" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };\n\nvar _set = function set(object, property, value, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent !== null) { set(parent, property, value, receiver); } } else if (\"value\" in desc && desc.writable) { desc.value = value; } else { var setter = desc.set; if (setter !== undefined) { setter.call(receiver, value); } } return value; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * @external {Object.assign} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n */\n/* istanbul ignore next */\nif (!Object.assign) {\n Object.defineProperty(Object, 'assign', {\n enumerable: false,\n configurable: true,\n writable: true,\n value: function value(target, firstSource) {\n 'use strict';\n\n if (target === undefined || target === null) {\n throw new TypeError('Cannot convert first argument to object');\n }\n\n var to = Object(target);\n var i = 1;\n\n for (; i < arguments.length; i++) {\n var nextSource = arguments[i];\n\n if (nextSource === undefined || nextSource === null) {\n continue;\n }\n\n var keysArray = Object.keys(Object(nextSource));\n var nextIndex = 0,\n len = keysArray.length;\n\n for (; nextIndex < len; nextIndex++) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n\n if (desc !== undefined && desc.enumerable) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n\n return to;\n }\n });\n}\n\n/**\n * @external {Array.indexOf} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf\n */\n/* istanbul ignore next */\nif (!Array.prototype.indexOf) {\n Array.prototype.indexOf = function (searchElement, fromIndex) {\n var k;\n\n if (this === null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n\n if (len === 0) {\n return -1;\n }\n\n var n = +fromIndex || 0;\n\n if (Math.abs(n) === Infinity) {\n n = 0;\n }\n\n if (n >= len) {\n return -1;\n }\n\n k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n while (k < len) {\n if (k in O && O[k] === searchElement) {\n return k;\n }\n\n k++;\n }\n\n return -1;\n };\n}\n\n/**\n * @external {Array.fill} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/fill\n */\n/* istanbul ignore next */\nif (!Array.prototype.fill) {\n Array.prototype.fill = function (value) {\n if (this === null) {\n throw new TypeError('this is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n var start = arguments[1];\n var relativeStart = start >> 0;\n var k = relativeStart < 0 ? Math.max(len + relativeStart, 0) : Math.min(relativeStart, len);\n var end = arguments[2];\n var relativeEnd = end === undefined ? len : end >> 0;\n var final = relativeEnd < 0 ? Math.max(len + relativeEnd, 0) : Math.min(relativeEnd, len);\n while (k < final) {\n O[k] = value;\n k++;\n }\n\n return O;\n };\n}\n\n/**\n * mocking window\n */\nif (typeof window === 'undefined') {\n window = typeof global === 'undefined' ? {} : global;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * Look-ups for a proper vendor-specific property and returns its value\n *\n * @example\n * var requestAnimationFrame = vendorize('requestAnimationFrame');\n * // it will refer properly to:\n * // - window.requestAnimationFrame by default or to\n * // - window.webkitRequestAnimationFrame or to\n * // - window.mozRequestAnimationFrame or to\n * // - window.msRequestAnimationFrame or to\n * // - window.oRequestAnimationFrame\n * // depending on the current browser vendor\n *\n * @author Mykhailo Stadnyk \n * @param {string} prop\n * @param {HTMLElement|Window|object} [from] - default is window\n * @returns {*}\n */\nfunction vendorize(prop, from) {\n /* istanbul ignore else: no reason to cover */\n if (!from) {\n from = typeof window === 'undefined' ? global : window;\n }\n\n if (typeof from[prop] !== 'undefined') {\n return from[prop];\n }\n\n var vendors = ['webkit', 'moz', 'ms', 'o'];\n var i = 0;\n var s = vendors.length;\n var capitalized = prop.charAt(0).toUpperCase() + prop.substr(1);\n\n for (; i < s; i++) {\n var vendorProp = from[vendors[i] + capitalized];\n\n /* istanbul ignore if: requires very complex environment to test (specific browser version) */\n if (typeof vendorProp !== 'undefined') {\n return vendorProp;\n }\n }\n\n return null;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Class EventEmitter - base event manager\n */\n\nvar EventEmitter = function () {\n /**\n * @constructor\n */\n function EventEmitter() {\n _classCallCheck(this, EventEmitter);\n\n this._events = {};\n\n this.addListener = this.on;\n this.removeListener = this.off;\n }\n\n /**\n * Returns all event listeners\n *\n * @return {object}\n */\n\n\n _createClass(EventEmitter, [{\n key: 'emit',\n\n\n /**\n * Emits given event bypassing to each registered handler given args\n *\n * @param {string} event\n * @param {...*} args\n */\n value: function emit(event) {\n if (this._events[event]) {\n var i = 0;\n var s = this._events[event].length;\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n for (; i < s; i++) {\n this._events[event][i] && this._events[event][i].apply(this, args);\n }\n }\n }\n\n /**\n * Registers given handler for given event to be called only once when\n * event is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'once',\n value: function once(event) {\n for (var _len2 = arguments.length, handlers = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n handlers[_key2 - 1] = arguments[_key2];\n }\n\n var i = 0;\n var s = handlers.length;\n var self = this;\n\n var _loop = function _loop() {\n var handler = handlers[i];\n var wrapper = function wrapper() {\n self.off(event, wrapper);\n handler.apply(self, arguments);\n };\n\n handlers[i] = wrapper;\n };\n\n for (; i < s; i++) {\n _loop();\n }\n\n this.on.apply(this, [event].concat(handlers));\n }\n\n /**\n * Registers given handlers for a given events to be called each time event\n * is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'on',\n value: function on(event) {\n if (!this._events[event]) {\n this._events[event] = [];\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n this._events[event].push(arguments.length <= i + 1 ? undefined : arguments[i + 1]);\n }\n }\n\n /**\n * Un-registers previously registered event handlers\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'off',\n value: function off(event) {\n if (!this._events[event]) {\n return;\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n var _handler = arguments.length <= i + 1 ? undefined : arguments[i + 1];\n var index = void 0;\n\n while (~(index = this._events[event].indexOf(_handler))) {\n this._events[event].splice(index, 1);\n }\n }\n }\n\n /**\n * Removes all listeners for a given event\n *\n * @param {string} event\n */\n\n }, {\n key: 'removeAllListeners',\n value: function removeAllListeners(event) {\n delete this._events[event];\n }\n }, {\n key: 'listeners',\n get: function get() {\n return this._events;\n }\n }]);\n\n return EventEmitter;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/* jshint -W079 */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/* istanbul ignore next */\n/**\n * @type {function(callback: function(time: number): number, element?: HTMLElement)}\n * @access private\n */\n\n\nvar requestAnimationFrame = vendorize('requestAnimationFrame') || function (callback) {\n return setTimeout(function () {\n return callback(new Date().getTime());\n }, 1000 / 60);\n};\n\n/**\n * Generic AnimationRule function interface\n *\n * @typedef {function(percent: number): number} AnimationRule\n */\n\n/**\n * Callback for animation step draw event.\n * It will be called each time animation step is executed, bypassing\n * as first argument a percent of animation completeness. It is expected\n * that this callback will do an actual work of animating an elements or\n * whatever, as far as animation engine is just calculating and executing\n * animation steps without any knowledge about things under animation.\n *\n * @typedef {function(percent: number): *} DrawEventCallback\n */\n\n/**\n * Callback for animation complete event.\n * It is called once each animation is complete.\n *\n * @typedef {function(): *} EndEventCallback\n */\n\n/**\n * Predefined known animation rules.\n * It's a simple collection of math for some most used animations.\n *\n * @typedef {{linear: AnimationRule, quad: AnimationRule, dequad: AnimationRule, quint: AnimationRule, dequint: AnimationRule, cycle: AnimationRule, decycle: AnimationRule, bounce: AnimationRule, debounce: AnimationRule, elastic: AnimationRule, delastic: AnimationRule}} AnimationRules\n */\n\n/* istanbul ignore next: no reason covering this */\nvar rules = {\n linear: function linear(p) {\n return p;\n },\n quad: function quad(p) {\n return Math.pow(p, 2);\n },\n dequad: function dequad(p) {\n return 1 - rules.quad(1 - p);\n },\n quint: function quint(p) {\n return Math.pow(p, 5);\n },\n dequint: function dequint(p) {\n return 1 - Math.pow(1 - p, 5);\n },\n cycle: function cycle(p) {\n return 1 - Math.sin(Math.acos(p));\n },\n decycle: function decycle(p) {\n return Math.sin(Math.acos(1 - p));\n },\n bounce: function bounce(p) {\n return 1 - rules.debounce(1 - p);\n },\n debounce: function debounce(p) {\n var a = 0,\n b = 1;\n for (; 1; a += b, b /= 2) {\n if (p >= (7 - 4 * a) / 11) {\n return -Math.pow((11 - 6 * a - 11 * p) / 4, 2) + Math.pow(b, 2);\n }\n }\n },\n elastic: function elastic(p) {\n return 1 - rules.delastic(1 - p);\n },\n delastic: function delastic(p) {\n var x = 1.5;\n return Math.pow(2, 10 * (p - 1)) * Math.cos(20 * Math.PI * x / 3 * p);\n }\n};\n\n/* istanbul ignore next: private, not testable */\n/**\n * Evaluates animation step and decides if the next step required or\n * stops animation calling a proper events.\n *\n * @access private\n * @param {number} time\n * @param {DrawEventCallback} draw\n * @param {number} start\n * @param {AnimationRule} rule\n * @param {number} duration\n * @param {EndEventCallback} end\n * @param {Animation} anim\n */\nfunction step(time, draw, start, rule, duration, end, anim) {\n if (typeof rule !== 'function') {\n throw new TypeError('Invalid animation rule:', rule);\n }\n\n var progress = time - start;\n var percent = progress / duration;\n\n if (percent > 1) {\n percent = 1;\n }\n\n draw && draw(percent === 1 ? percent : rule(percent));\n\n if (progress < duration) {\n anim.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rule, duration, end, anim);\n });\n } else {\n end && end();\n }\n}\n\n/**\n * Animation engine API for JavaScript-based animations.\n * This is simply an animation core framework which simplifies creation\n * of various animations for generic purposes.\n *\n * @example\n * // create 'linear' animation engine, 500ms duration\n * let linear = new Animation('linear', 500);\n *\n * // create 'elastic' animation engine\n * let elastic = new Animation('elastic');\n *\n * // define animation behavior\n * let bounced = new Animation('bounce', 500, percent => {\n * let value = parseInt(percent * 100, 10);\n *\n * $('div.bounced').css({\n * width: value + '%',\n * height: value + '%'\n * });\n * });\n *\n * // execute animation\n * bounced.animate();\n *\n * // execute animation and handle when its finished\n * bounced.animate(null, () => {\n * console.log('Animation finished!');\n * });\n */\n\nvar Animation = function () {\n\n /**\n * @constructor\n * @param {string|AnimationRule} rule\n * @param {number} duration\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n function Animation() {\n var rule = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'linear';\n var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;\n var draw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};\n var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};\n\n _classCallCheck(this, Animation);\n\n /**\n * Overall animation duration in milliseconds.\n * By default is equal to 250 ms.\n *\n * @type {number}\n */\n this.duration = duration;\n\n /**\n * Animation rule. By default is linear animation.\n * Animation rule is a subject to animation rules, which are\n * a simple object containing math-based methods for calculating\n * animation steps.\n *\n * @type {string|AnimationRule}\n */\n this.rule = rule;\n\n /**\n * Callback function for the animation step draw event.\n *\n * @type {DrawEventCallback}\n */\n this.draw = draw;\n\n /**\n * Callback for the animation complete event.\n *\n * @type {EndEventCallback}\n */\n this.end = end;\n\n if (typeof this.draw !== 'function') {\n throw new TypeError('Invalid animation draw callback:', draw);\n }\n\n if (typeof this.end !== 'function') {\n throw new TypeError('Invalid animation end callback:', end);\n }\n }\n\n /* istanbul ignore next: non-testable */\n /**\n * Performs animation calling each animation step draw callback and\n * end callback at the end of animation. Callbacks are optional to this\n * method call. If them are not bypassed will be used that ones which\n * was pre-set on constructing an Animation object or pre-set after\n * construction.\n *\n * @example\n * function draw(percent) {\n * $('.my-animated-divs').css({\n * width: parseInt(percent * 100, 10) + '%'\n * });\n * }\n * function done() {\n * console.log('Animation complete!');\n * }\n *\n * // Define 'draw' and 'end' callbacks on construction\n * var animation = new Animation('cycle', 500, draw, done);\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks after construction\n * var animation = new Animation('cycle', 500);\n * animation.draw = draw;\n * animation.end = done;\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks at animation\n * var animation = new Animation('cycle', 500);\n * animation.animate(draw, done);\n *\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n\n\n _createClass(Animation, [{\n key: 'animate',\n value: function animate(draw, end) {\n var _this = this;\n\n //noinspection JSUnresolvedVariable\n var start = window.performance && window.performance.now ? window.performance.now() : vendorize('animationStartTime') || Date.now();\n\n draw = draw || this.draw;\n end = end || this.end;\n\n /**\n * Current requested animation frame identifier\n *\n * @type {number}\n */\n this.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rules[_this.rule] || _this.rule, _this.duration, end, _this);\n });\n }\n\n /**\n * Destroys this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n if (this.frame) {\n var cancelAnimationFrame = vendorize('cancelAnimationFrame') ||\n /* istanbul ignore next */\n function (id) {};\n\n cancelAnimationFrame(this.frame);\n this.frame = null;\n }\n\n this.draw = null;\n this.end = null;\n }\n }]);\n\n return Animation;\n}();\n\n/**\n * Animation rules bound statically to Animation constructor.\n *\n * @type {AnimationRules}\n * @static\n */\n\n\nAnimation.rules = rules;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * @typedef {{ constructor: function(options: GenericOptions): GaugeInterface, draw: function(): GaugeInterface, destroy: function, update: function(options: GenericOptions) }} GaugeInterface\n */\n/**\n * @typedef {{parse: function, stringify: function}} JSON\n * @external {JSON} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON\n */\n/**\n * @ignore\n * @typedef {{MutationObserver: function}} ns\n */\n\n/**\n * DOM Observer.\n * It will observe DOM document for a configured element types and\n * instantiate associated Types for an existing or newly added DOM elements\n *\n * @example\n * class ProgressBar {\n * constructor(options) {}\n * draw() {}\n * }\n *\n * // It will observe DOM document for elements
\n * // having attribute 'data-type=\"progress\"'\n * // and instantiate for each new instance of ProgressBar\n *\n * new DomParser({color: 'red'}, 'div', 'progress', ProgressBar);\n *\n * // assume we could have HTML like this\n * //
\n * // in this case all matching attributes names for a given options will be\n * // parsed and bypassed to an instance from HTML attributes\n */\n\nvar DomObserver = function () {\n\n /**\n * @constructor\n * @param {object} options\n * @param {string} element\n * @param {string} type\n */\n function DomObserver(options, element, type) {\n _classCallCheck(this, DomObserver);\n\n //noinspection JSUnresolvedVariable\n /**\n * Default instantiation options for the given type\n *\n * @type {Object}\n */\n this.options = options;\n\n /**\n * Name of an element to lookup/observe\n *\n * @type {string}\n */\n this.element = element.toLowerCase();\n\n /**\n * data-type attribute value to lookup\n *\n * @type {string}\n */\n this.type = DomObserver.toDashed(type);\n\n /**\n * Actual type constructor to instantiate for each found element\n *\n * @type {Function}\n */\n this.Type = ns[type];\n\n /**\n * Signals if mutations observer for this type or not\n *\n * @type {boolean}\n */\n this.mutationsObserved = false;\n\n /**\n * Flag specifies whenever the browser supports observing\n * of DOM tree mutations or not\n *\n * @type {boolean}\n */\n this.isObservable = !!window.MutationObserver;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n if (!window.GAUGES_NO_AUTO_INIT) {\n DomObserver.domReady(this.traverse.bind(this));\n }\n }\n\n /**\n * Checks if given node is valid node to process\n *\n * @param {Node|HTMLElement} node\n * @returns {boolean}\n */\n\n\n _createClass(DomObserver, [{\n key: 'isValidNode',\n value: function isValidNode(node) {\n //noinspection JSUnresolvedVariable\n return !!(node.tagName && node.tagName.toLowerCase() === this.element && node.getAttribute('data-type') === this.type);\n }\n\n /**\n * Traverse entire current DOM tree and process matching nodes.\n * Usually it should be called only once on document initialization.\n */\n\n }, {\n key: 'traverse',\n value: function traverse() {\n var elements = document.getElementsByTagName(this.element);\n var i = 0,\n s = elements.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n this.process(elements[i]);\n }\n\n if (this.isObservable && !this.mutationsObserved) {\n new MutationObserver(this.observe.bind(this)).observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n characterData: true,\n attributeOldValue: true,\n characterDataOldValue: true\n });\n\n this.mutationsObserved = true;\n }\n }\n\n /**\n * Observes given mutation records for an elements to process\n *\n * @param {MutationRecord[]} records\n */\n\n }, {\n key: 'observe',\n value: function observe(records) {\n var i = 0;\n var s = records.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n var record = records[i];\n\n if (record.type === 'attributes' && record.attributeName === 'data-type' && this.isValidNode(record.target) && record.oldValue !== this.type) // skip false-positive mutations\n {\n setTimeout(this.process.bind(this, record.target));\n } else if (record.addedNodes && record.addedNodes.length) {\n var ii = 0;\n var ss = record.addedNodes.length;\n\n for (; ii < ss; ii++) {\n setTimeout(this.process.bind(this, record.addedNodes[ii]));\n }\n }\n }\n }\n\n /**\n * Parses given attribute value to a proper JavaScript value.\n * For example it will parse some stringified value to a proper type\n * value, e.g. 'true' => true, 'null' => null, '{\"prop\": 20}' => {prop: 20}\n *\n * @param {*} value\n * @return {*}\n */\n\n }, {\n key: 'process',\n\n\n /**\n * Processes a given node, instantiating a proper type constructor for it\n *\n * @param {Node|HTMLElement} node\n * @returns {GaugeInterface|null}\n */\n value: function process(node) {\n var _this2 = this;\n\n if (!this.isValidNode(node)) return null;\n\n var prop = void 0;\n var options = JSON.parse(JSON.stringify(this.options));\n var instance = null;\n\n for (prop in options) {\n /* istanbul ignore else: non-testable in most cases */\n if (options.hasOwnProperty(prop)) {\n var attributeName = DomObserver.toAttributeName(prop);\n var attributeValue = DomObserver.parse(node.getAttribute(attributeName));\n\n if (attributeValue !== null && attributeValue !== undefined) {\n options[prop] = attributeValue;\n }\n }\n }\n\n options.renderTo = node;\n instance = new this.Type(options);\n instance.draw && instance.draw();\n\n if (!this.isObservable) return instance;\n\n instance.observer = new MutationObserver(function (records) {\n records.forEach(function (record) {\n if (record.type === 'attributes') {\n var attr = record.attributeName.toLowerCase();\n var type = node.getAttribute(attr).toLowerCase();\n\n if (attr === 'data-type' && type && type !== _this2.type) {\n instance.observer.disconnect();\n delete instance.observer;\n instance.destroy && instance.destroy();\n } else if (attr.substr(0, 5) === 'data-') {\n var _prop = attr.substr(5).split('-').map(function (part, i) {\n return !i ? part : part.charAt(0).toUpperCase() + part.substr(1);\n }).join('');\n var _options = {};\n\n _options[_prop] = DomObserver.parse(node.getAttribute(record.attributeName));\n\n instance.update && instance.update(_options);\n }\n }\n });\n });\n\n //noinspection JSCheckFunctionSignatures\n instance.observer.observe(node, { attributes: true });\n\n return instance;\n }\n\n /**\n * Transforms camelCase string to dashed string\n *\n * @static\n * @param {string} camelCase\n * @return {string}\n */\n\n }], [{\n key: 'parse',\n value: function parse(value) {\n // parse boolean\n if (value === 'true') return true;\n if (value === 'false') return false;\n\n // parse undefined\n if (value === 'undefined') return undefined;\n\n // parse null\n if (value === 'null') return null;\n\n // Comma-separated strings to array parsing.\n // It won't match strings which contains non alphanumeric characters to\n // prevent strings like 'rgba(0,0,0,0)' or JSON-like from being parsed.\n // Typically it simply allows easily declare arrays as comma-separated\n // numbers or plain strings. If something more complicated is\n // required it can be declared using JSON format syntax\n if (/^[-+#.\\w\\d\\s]+(?:,[-+#.\\w\\d\\s]*)+$/.test(value)) {\n return value.split(',');\n }\n\n // parse JSON\n try {\n return JSON.parse(value);\n } catch (e) {}\n\n // plain value - no need to parse\n return value;\n }\n }, {\n key: 'toDashed',\n value: function toDashed(camelCase) {\n var arr = camelCase.split(/(?=[A-Z])/);\n var i = 1;\n var s = arr.length;\n var str = arr[0].toLowerCase();\n\n for (; i < s; i++) {\n str += '-' + arr[i].toLowerCase();\n }\n\n return str;\n }\n\n /**\n * Transforms dashed string to CamelCase representation\n *\n * @param {string} dashed\n * @param {boolean} [capitalized]\n * @return {string}\n */\n\n }, {\n key: 'toCamelCase',\n value: function toCamelCase(dashed) {\n var capitalized = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n var arr = dashed.split(/-/);\n var i = 0;\n var s = arr.length;\n var str = '';\n\n for (; i < s; i++) {\n if (!(i || capitalized)) {\n str += arr[i].toLowerCase();\n } else {\n str += arr[i][0].toUpperCase() + arr[i].substr(1).toLowerCase();\n }\n }\n\n return str;\n }\n\n /**\n * Transforms camel case property name to dash separated attribute name\n *\n * @static\n * @param {string} str\n * @returns {string}\n */\n\n }, {\n key: 'toAttributeName',\n value: function toAttributeName(str) {\n return 'data-' + DomObserver.toDashed(str);\n }\n\n /**\n * Cross-browser DOM ready handler\n *\n * @static\n * @param {Function} handler\n */\n\n }, {\n key: 'domReady',\n value: function domReady(handler) {\n if (/comp|inter|loaded/.test((window.document || {}).readyState + '')) return handler();\n\n if (window.addEventListener) window.addEventListener('DOMContentLoaded', handler, false);else if (window.attachEvent) window.attachEvent('onload', handler);\n }\n }]);\n\n return DomObserver;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/**\n * Drawings on canvas using hidden canvas as a cache for better\n * performance drawings during canvas animations. SmartCanvas also\n * adopts a canvas to\n */\n\n\nvar SmartCanvas = function () {\n\n /**\n * @constructor\n * @param {HTMLCanvasElement} canvas\n * @param {number} [width]\n * @param {number} [height]\n */\n function SmartCanvas(canvas, width, height) {\n _classCallCheck(this, SmartCanvas);\n\n SmartCanvas.collection.push(this);\n\n /**\n * Canvas base width\n *\n * @type {number}\n */\n this.width = width || 0;\n\n /**\n * Canvas base height\n *\n * @type {number}\n */\n this.height = height || 0;\n\n /**\n * Target drawings canvas element\n *\n * @type {HTMLCanvasElement}\n */\n this.element = canvas;\n\n this.init();\n }\n\n /**\n * Initializes canvases and contexts\n */\n\n\n _createClass(SmartCanvas, [{\n key: 'init',\n value: function init() {\n var pixelRatio = SmartCanvas.pixelRatio;\n\n this.element.width = this.width * pixelRatio;\n this.element.height = this.height * pixelRatio;\n\n this.element.style.width = this.width + 'px';\n this.element.style.height = this.height + 'px';\n\n /**\n * Canvas caching element\n *\n * @type {HTMLCanvasElement|Node}\n */\n this.elementClone = this.element.cloneNode(true);\n\n //noinspection JSUnresolvedVariable\n /**\n * Target drawings canvas element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.context = this.element.getContext('2d');\n\n /**\n * Canvas caching element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.contextClone = this.elementClone.getContext('2d');\n\n /**\n * Actual drawings width\n *\n * @type {number}\n */\n this.drawWidth = this.element.width;\n\n /**\n * Actual drawings height\n *\n * @type {number}\n */\n this.drawHeight = this.element.height;\n\n /**\n * X-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawX = this.drawWidth / 2;\n\n /**\n * Y-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawY = this.drawHeight / 2;\n\n /**\n * Minimal side length in pixels of the drawing\n *\n * @type {number}\n */\n this.minSide = this.drawX < this.drawY ? this.drawX : this.drawY;\n\n this.elementClone.initialized = false;\n\n this.contextClone.translate(this.drawX, this.drawY);\n this.contextClone.save();\n\n this.context.translate(this.drawX, this.drawY);\n this.context.save();\n\n this.context.max = this.contextClone.max = this.minSide;\n this.context.maxRadius = this.contextClone.maxRadius = null;\n }\n\n /**\n * Destroys this object, removing the references from memory\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = SmartCanvas.collection.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n SmartCanvas.collection.splice(index, 1);\n }\n\n this.context.clearRect(-this.drawX, -this.drawY, this.drawWidth, this.drawHeight);\n\n // dereference all created elements\n this.context.max = null;\n delete this.context.max;\n\n this.context.maxRadius = null;\n delete this.context.maxRadius;\n\n this.context = null;\n this.contextClone = null;\n this.elementClone = null;\n this.element = null;\n\n /**\n * On canvas redraw event callback\n *\n * @type {function|null|undefined}\n */\n this.onRedraw = null;\n }\n\n /**\n * Commits the drawings\n */\n\n }, {\n key: 'commit',\n value: function commit() {\n var scale = SmartCanvas.pixelRatio;\n\n if (scale !== 1) {\n this.contextClone.scale(scale, scale);\n this.contextClone.save();\n }\n\n return this;\n }\n\n /**\n * Redraw this object\n */\n\n }, {\n key: 'redraw',\n value: function redraw() {\n this.init();\n\n /**\n * On canvas redraw event callback\n *\n * @type {function(): *}\n */\n this.onRedraw && this.onRedraw();\n\n return this;\n }\n\n /**\n * Returns current device pixel ratio\n *\n * @returns {number}\n */\n\n }], [{\n key: 'redraw',\n\n\n /**\n * Forces redraw all canvas in the current collection\n */\n value: function redraw() {\n var i = 0;\n var s = SmartCanvas.collection.length;\n\n for (; i < s; i++) {\n SmartCanvas.collection[i].redraw();\n }\n }\n }, {\n key: 'pixelRatio',\n get: function get() {\n /* istanbul ignore next */\n //noinspection JSUnresolvedVariable\n return window.devicePixelRatio || 1;\n }\n }]);\n\n return SmartCanvas;\n}();\n\nSmartCanvas.collection = [];\n\n/* istanbul ignore next: very browser-specific testing required to cover */\n//noinspection JSUnresolvedVariable\nif (window.matchMedia) {\n //noinspection JSUnresolvedFunction\n window.matchMedia('screen and (min-resolution: 2dppx)').addListener(SmartCanvas.redraw);\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Describes rendering target element. Can be either string identifier of\n * the element or the element itself.\n *\n * @typedef {HTMLElement|string} RenderTarget\n */\n\n/**\n * Highlight area definition.\n * It describes highlight area starting from value to value using\n * color. Color can be describes with hex, rgb or rgba value.\n *\n * @typedef {{ from: number, to: number, color: string}} Highlight\n */\n\n/**\n * Shared generic gauges options\n *\n * @type {{renderTo: RenderTarget, width: number, height: number, minValue: number, maxValue: number, value: number, units: string|boolean, majorTicks: number[]|string[], minorTicks: number, strokeTicks: boolean, animatedValue: boolean, animateOnInit: boolean, title: string|boolean, borders: boolean, valueInt: number, valueDec: number, majorTicksInt: number, majorTicksDec: number, animation: boolean, animationDuration: number, animationRule: string|AnimationRule, colorPlate: string, colorPlateEnd: string, colorMajorTicks: string, colorMinorTicks: string, colorTitle: string, colorUnits: string, colorNumbers: string, colorNeedle: string, colorNeedleEnd: string, colorValueText: string, colorValueTextShadow: string, colorBorderShadow: string, colorBorderOuter: string, colorBorderOuterEnd: string, colorBorderMiddle: string, colorBorderMiddleEnd: string, colorBorderInner: string, colorBorderInnerEnd: string, colorValueBoxRect: string, colorValueBoxRectEnd: string, colorValueBoxBackground: string, colorValueBoxShadow: string, colorNeedleShadowUp: string, colorNeedleShadowDown: string, needle: boolean, needleShadow: boolean, needleType: string, needleStart: number, needleEnd: number, needleWidth: number, borderOuterWidth: number, borderMiddleWidth: number, borderInnerWidth: number, borderShadowWidth: number, valueBox: boolean, valueBoxWidth: number, valueBoxStroke: number, valueText: string, valueTextShadow: boolean, valueBoxBorderRadius: number, highlights: Highlight[], highlightsWidth: number, fontNumbers: string, fontTitle: string, fontUnits: string, fontValue: string, fontTitleSize: number, fontValueSize: number, fontUnitsSize: number, fontNumbersSize: number, fontNumbersStyle: string, fontTitleStyle: string, fontUnitsStyle: string, fontValueStyle: string, fontNumbersWeight: string, fontTitleWeight: string, fontUnitsWeight: string, fontValueWeight: string, barWidth: number, barStrokeWidth: number, barProgress: boolean, colorBar: string, colorBarStroke: string, colorBarProgress: string, colorBarShadow: string, barShadow: number}} GenericOptions\n */\nvar GenericOptions = {\n // basic options\n renderTo: null,\n width: 0,\n height: 0,\n minValue: 0,\n maxValue: 100,\n value: 0,\n units: false,\n majorTicks: [0, 20, 40, 60, 80, 100],\n minorTicks: 10,\n strokeTicks: true,\n animatedValue: false,\n animateOnInit: false,\n title: false,\n borders: true,\n\n // number formats\n valueInt: 3,\n valueDec: 2,\n majorTicksInt: 1,\n majorTicksDec: 0,\n\n // animations\n animation: true,\n animationDuration: 500,\n animationRule: 'cycle',\n\n // colors\n colorPlate: '#fff',\n colorPlateEnd: '',\n colorMajorTicks: '#444',\n colorMinorTicks: '#666',\n colorTitle: '#888',\n colorUnits: '#888',\n colorNumbers: '#444',\n colorNeedle: 'rgba(240,128,128,1)',\n colorNeedleEnd: 'rgba(255,160,122,.9)',\n colorValueText: '#444',\n colorValueTextShadow: 'rgba(0,0,0,0.3)',\n colorBorderShadow: 'rgba(0,0,0,0.5)',\n colorBorderOuter: '#ddd',\n colorBorderOuterEnd: '#aaa',\n colorBorderMiddle: '#eee',\n colorBorderMiddleEnd: '#f0f0f0',\n colorBorderInner: '#fafafa',\n colorBorderInnerEnd: '#ccc',\n colorValueBoxRect: '#888',\n colorValueBoxRectEnd: '#666',\n colorValueBoxBackground: '#babab2',\n colorValueBoxShadow: 'rgba(0,0,0,1)',\n colorNeedleShadowUp: 'rgba(2,255,255,0.2)',\n colorNeedleShadowDown: 'rgba(188,143,143,0.45)',\n colorBarStroke: '#222',\n colorBar: '#ccc',\n colorBarProgress: '#888',\n colorBarShadow: '#000',\n\n fontNumbers: 'Arial',\n fontTitle: 'Arial',\n fontUnits: 'Arial',\n fontValue: 'Arial',\n\n fontNumbersSize: 20,\n fontTitleSize: 24,\n fontUnitsSize: 22,\n fontValueSize: 26,\n\n fontNumbersStyle: 'normal',\n fontTitleStyle: 'normal',\n fontUnitsStyle: 'normal',\n fontValueStyle: 'normal',\n\n fontNumbersWeight: 'normal',\n fontTitleWeight: 'normal',\n fontUnitsWeight: 'normal',\n fontValueWeight: 'normal',\n\n // needle\n needle: true,\n needleShadow: true,\n needleType: 'arrow',\n needleStart: 5,\n needleEnd: 85,\n needleWidth: 4,\n\n // borders\n borderOuterWidth: 3,\n borderMiddleWidth: 3,\n borderInnerWidth: 3,\n borderShadowWidth: 3,\n\n // value and highlights\n valueBox: true,\n valueBoxStroke: 5,\n valueBoxWidth: 0,\n valueText: '',\n valueTextShadow: true,\n valueBoxBorderRadius: 2.5,\n\n // highlights\n highlights: [{ from: 20, to: 60, color: '#eee' }, { from: 60, to: 80, color: '#ccc' }, { from: 80, to: 100, color: '#999' }],\n highlightsWidth: 15,\n\n // progress bar\n barWidth: 20, // percents\n barStrokeWidth: 0, // pixels\n barProgress: true,\n barShadow: 0\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Gauge collections type.\n *\n * It is used ES5 declaration here, because babel\n * transpiles inheritance incorrectly in this case.\n *\n * @class Collection\n * @constructor\n */\nfunction Collection() {\n Array.prototype.constructor.apply(this, arguments);\n}\n\nCollection.prototype = Object.create(Array.prototype);\nCollection.prototype.constructor = Collection;\n\n/**\n * Returns gauge object by its identifier or index in the collection\n *\n * @param {string|number} id\n * @return {*}\n */\nCollection.prototype.get = function (id) {\n if (typeof id === 'string') {\n var i = 0;\n var s = this.length;\n\n for (; i < s; i++) {\n var canvas = this[i].options.renderTo.tagName ? this[i].options.renderTo :\n /* istanbul ignore next: should be tested with e2e tests */\n document.getElementById(this[i].options.renderTo || '');\n\n if (canvas.getAttribute('id') === id) {\n return this[i];\n }\n }\n } else if (typeof id === 'number') {\n return this[id];\n }\n\n return null;\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar version = '2.1.0';\n\nvar round = Math.round;\nvar abs = Math.abs;\n\nvar gauges = new Collection();\n\ngauges.version = version;\n\n/**\n * Basic abstract BaseGauge class implementing common functionality\n * for different type of gauges.\n *\n * It should not be instantiated directly but must be extended by a final\n * gauge implementation.\n *\n * @abstract\n * @example\n *\n * class MyCoolGauge extends BaseGauge {\n *\n * // theses methods below MUST be implemented:\n *\n * constructor(options) {\n * // ... do something with options\n * super(options);\n * // ... implement anything else\n * }\n *\n * draw() {\n * // ... some implementation here\n * return this;\n * }\n * }\n */\n\nvar BaseGauge = function (_EventEmitter) {\n _inherits(BaseGauge, _EventEmitter);\n\n /**\n * Fired each time gauge is initialized on a page\n *\n * @event BaseGauge#init\n */\n\n /**\n * Fired each time gauge scene is rendered\n *\n * @event BaseGauge#render\n */\n\n /**\n * Fired each time gauge object is destroyed\n *\n * @event BaseGauge#destroy\n */\n\n /**\n * Fired each time before animation is started on the gauge\n *\n * @event BaseGauge#animationStart\n */\n\n /**\n * Fired each time animation scene is complete\n *\n * @event BaseGauge#animate\n * @type {number} percent\n * @type {number} value\n */\n\n /**\n * Fired each time animation is complete on the gauge\n *\n * @event BaseGauge#animationEnd\n */\n\n /**\n * @constructor\n * @abstract\n * @param {GenericOptions} options\n */\n function BaseGauge(options) {\n _classCallCheck(this, BaseGauge);\n\n var _this3 = _possibleConstructorReturn(this, (BaseGauge.__proto__ || Object.getPrototypeOf(BaseGauge)).call(this));\n\n var className = _this3.constructor.name;\n\n if (className === 'BaseGauge') {\n throw new TypeError('Attempt to instantiate abstract class!');\n }\n\n gauges.push(_this3);\n\n //noinspection JSUnresolvedVariable\n /**\n * Gauges version string\n *\n * @type {string}\n */\n _this3.version = version;\n\n /**\n * Gauge type class\n *\n * @type {BaseGauge} type\n */\n _this3.type = ns[className] || BaseGauge;\n\n /**\n * True if gauge has been drawn for the first time, false otherwise.\n *\n * @type {boolean}\n */\n _this3.initialized = false;\n\n options.minValue = parseFloat(options.minValue);\n options.maxValue = parseFloat(options.maxValue);\n options.value = parseFloat(options.value) || 0;\n\n if (!options.borders) {\n options.borderInnerWidth = options.borderMiddleWidth = options.borderOuterWidth = 0;\n }\n\n if (!options.renderTo) {\n throw TypeError('Canvas element was not specified when creating ' + 'the Gauge object!');\n }\n\n var canvas = options.renderTo.tagName ? options.renderTo :\n /* istanbul ignore next: to be tested with e2e tests */\n document.getElementById(options.renderTo);\n\n if (!(canvas instanceof HTMLCanvasElement)) {\n throw TypeError('Given gauge canvas element is invalid!');\n }\n\n options.width = parseFloat(options.width) || 0;\n options.height = parseFloat(options.height) || 0;\n\n if (!options.width || !options.height) {\n if (!options.width) options.width = canvas.parentNode ? canvas.parentNode.offsetWidth : canvas.offsetWidth;\n if (!options.height) options.height = canvas.parentNode ? canvas.parentNode.offsetHeight : canvas.offsetHeight;\n }\n\n /**\n * Gauge options\n *\n * @type {GenericOptions} options\n */\n _this3.options = options || {};\n\n if (_this3.options.animateOnInit) {\n _this3._value = _this3.options.value;\n _this3.options.value = _this3.options.minValue;\n }\n\n /**\n * @type {SmartCanvas} canvas\n */\n _this3.canvas = new SmartCanvas(canvas, options.width, options.height);\n _this3.canvas.onRedraw = _this3.draw.bind(_this3);\n\n /**\n * @type {Animation} animation\n */\n _this3.animation = new Animation(options.animationRule, options.animationDuration);\n return _this3;\n }\n\n /**\n * Sets new value for this gauge.\n * If gauge is animated by configuration it will trigger a proper animation.\n * Upsetting a value triggers gauge redraw.\n *\n * @param {number} value\n */\n\n\n _createClass(BaseGauge, [{\n key: 'update',\n\n\n /**\n * Updates gauge configuration options at runtime and redraws the gauge\n *\n * @param {RadialGaugeOptions} options\n * @returns {BaseGauge}\n */\n value: function update(options) {\n Object.assign(this.options, this.type.configure(options || {}));\n\n this.canvas.width = this.options.width;\n this.canvas.height = this.options.height;\n\n this.animation.rule = this.options.animationRule;\n this.animation.duration = this.options.animationDuration;\n\n this.canvas.redraw();\n\n return this;\n }\n\n /**\n * Performs destruction of this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = gauges.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n //noinspection JSUnresolvedFunction\n gauges.splice(index, 1);\n }\n\n this.canvas.destroy();\n this.canvas = null;\n\n this.animation.destroy();\n this.animation = null;\n\n this.emit('destroy');\n }\n\n /**\n * Returns gauges version string\n *\n * @return {string}\n */\n\n }, {\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @abstract\n * @returns {BaseGauge}\n */\n value: function draw() {\n if (this.options.animateOnInit && !this.initialized) {\n this.value = this._value;\n this.initialized = true;\n this.emit('init');\n }\n\n this.emit('render');\n\n return this;\n }\n\n /**\n * Inject given gauge object into DOM\n *\n * @param {string} type\n * @param {GenericOptions} options\n */\n\n }, {\n key: 'value',\n set: function set(value) {\n var _this4 = this;\n\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n var fromValue = this.options.value;\n\n if (value === fromValue) return;\n\n if (this.options.animation) {\n /**\n * @type {number}\n * @access private\n */\n if (this._value === undefined) {\n this._value = value;\n }\n\n this.emit('animationStart');\n\n this.animation.animate(function (percent) {\n _this4.options.value = fromValue + (value - fromValue) * percent;\n\n _this4.draw();\n\n _this4.emit('animate', percent, _this4.options.value);\n }, function () {\n if (_this4._value !== undefined) {\n _this4.options.value = _this4._value;\n delete _this4._value;\n }\n\n _this4.draw();\n _this4.emit('animationEnd');\n });\n } else {\n this.options.value = value;\n this.draw();\n }\n }\n\n /**\n * Returns current value of the gauge\n *\n * @return {number}\n */\n ,\n get: function get() {\n return typeof this._value === 'undefined' ? this.options.value : this._value;\n }\n\n /**\n * Updates gauge options\n *\n * @param {*} options\n * @return {BaseGauge}\n * @access protected\n */\n\n }], [{\n key: 'configure',\n value: function configure(options) {\n return options;\n }\n }, {\n key: 'initialize',\n value: function initialize(type, options) {\n return new DomObserver(options, 'canvas', type);\n }\n\n /**\n * Initializes gauge from a given HTML element\n * (given element should be valid HTML canvas gauge definition)\n *\n * @param {HTMLElement} element\n */\n\n }, {\n key: 'fromElement',\n value: function fromElement(element) {\n var type = DomObserver.toCamelCase(element.getAttribute('data-type'));\n var attributes = element.attributes;\n var i = 0;\n var s = attributes.length;\n var options = {};\n\n if (!type) {\n return;\n }\n\n if (!/Gauge$/.test(type)) {\n type += 'Gauge';\n }\n\n for (; i < s; i++) {\n options[DomObserver.toCamelCase(attributes[i].name.replace(/^data-/, ''), false)] = DomObserver.parse(attributes[i].value);\n }\n\n new DomObserver(options, element.tagName, type).process(element);\n }\n\n /**\n * Ensures value is proper number\n *\n * @param {*} value\n * @param {number} min\n * @return {number}\n */\n\n }, {\n key: 'ensureValue',\n value: function ensureValue(value) {\n var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n value = parseFloat(value);\n\n if (isNaN(value) || !isFinite(value)) {\n value = parseFloat(min) || 0;\n }\n\n return value;\n }\n }, {\n key: 'version',\n get: function get() {\n return version;\n }\n }]);\n\n return BaseGauge;\n}(EventEmitter);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['BaseGauge'] = BaseGauge;\n ns['gauges'] = (window.document || {})['gauges'] = gauges;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @access private\n * @typedef {CanvasRenderingContext2D|{max: number, maxRadius: number, barDimensions: object}} Canvas2DContext\n */\n\n/* istanbul ignore next: private, not testable */\n/**\n * Examines if a given error is something to throw or to ignore\n *\n * @param {Error} err\n */\nfunction verifyError(err) {\n // there is some unpredictable error in FF in some circumstances\n // which we found simply safe to ignore than to fight with it\n // noinspection JSUnresolvedVariable\n if (err instanceof DOMException && err.result === 0x8053000b) {\n return; // ignore it\n }\n\n throw err;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Prepares major ticks data\n *\n * @access private\n * @param {GenericOptions|{ tickSide: string }} options\n * @return {[boolean, boolean]}\n */\nfunction prepareTicks(options) {\n if (!(options.majorTicks instanceof Array)) {\n options.majorTicks = options.majorTicks ? [options.majorTicks] : [];\n }\n\n if (!options.majorTicks.length) {\n options.majorTicks.push(drawings.formatMajorTickNumber(options.minValue, options));\n options.majorTicks.push(drawings.formatMajorTickNumber(options.maxValue, options));\n }\n\n return [options.tickSide !== 'right', options.tickSide !== 'left'];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rounded corners rectangle\n *\n * @param {Canvas2DContext} context\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @param {number} r\n */\nfunction roundRect(context, x, y, w, h, r) {\n context.beginPath();\n\n context.moveTo(x + r, y);\n context.lineTo(x + w - r, y);\n\n context.quadraticCurveTo(x + w, y, x + w, y + r);\n context.lineTo(x + w, y + h - r);\n\n context.quadraticCurveTo(x + w, y + h, x + w - r, y + h);\n context.lineTo(x + r, y + h);\n\n context.quadraticCurveTo(x, y + h, x, y + h - r);\n context.lineTo(x, y + r);\n\n context.quadraticCurveTo(x, y, x + r, y);\n\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Pads a given value with leading zeros using the given options\n *\n * @param {number} val\n * @param {RadialGaugeOptions|{valueInt: number, valueDec: number}} options\n * @returns {string}\n */\nfunction padValue(val, options) {\n var dec = options.valueDec;\n var int = options.valueInt;\n var i = 0;\n var s = void 0,\n strVal = void 0,\n n = void 0;\n\n val = parseFloat(val);\n n = val < 0;\n val = Math.abs(val);\n\n if (dec > 0) {\n strVal = val.toFixed(dec).toString().split('.');\n s = int - strVal[0].length;\n\n for (; i < s; ++i) {\n strVal[0] = '0' + strVal[0];\n }\n\n strVal = (n ? '-' : '') + strVal[0] + '.' + strVal[1];\n } else {\n strVal = Math.round(val).toString();\n s = int - strVal.length;\n\n for (; i < s; ++i) {\n strVal = '0' + strVal;\n }\n\n strVal = (n ? '-' : '') + strVal;\n }\n\n return strVal;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Formats a number for display on the dial's plate using the majorTicksFormat\n * config option.\n *\n * @param {number} num number to format\n * @param {object} options\n * @returns {string} formatted number\n */\nfunction formatMajorTickNumber(num, options) {\n var right = void 0,\n hasDec = false;\n\n // First, force the correct number of digits right of the decimal.\n if (options.majorTicksDec === 0) {\n right = Math.round(num).toString();\n } else {\n right = num.toFixed(options.majorTicksDec);\n }\n\n // Second, force the correct number of digits left of the decimal.\n if (options.majorTicksInt > 1) {\n // Does this number have a decimal?\n hasDec = ~right.indexOf('.');\n\n // Is this number a negative number?\n if (~right.indexOf('-')) {\n return '-' + [options.majorTicksInt + options.majorTicksDec + 2 + (hasDec ? 1 : 0) - right.length].join('0') + right.replace('-', '');\n } else {\n return [options.majorTicksInt + options.majorTicksDec + 1 + (hasDec ? 1 : 0) - right.length].join('0') + right;\n }\n }\n\n return right;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Transforms degrees to radians\n *\n * @param {number} degrees\n * @returns {number}\n */\nfunction radians(degrees) {\n return degrees * Math.PI / 180;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns radial point coordinates\n *\n * @param {number} radius\n * @param {number} angle\n * @returns {{x: number, y: number}}\n */\nfunction radialPoint(radius, angle) {\n return { x: -radius * Math.sin(angle), y: radius * Math.cos(angle) };\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Creates and returns linear gradient canvas object\n *\n * @param {Canvas2DContext} context\n * @param {string} colorFrom\n * @param {string} colorTo\n * @param {number} length\n * @param {boolean} [isVertical]\n * @param {number} [from]\n * @returns {CanvasGradient}\n */\nfunction linearGradient(context, colorFrom, colorTo, length) {\n var isVertical = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;\n var from = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n var grad = context.createLinearGradient(isVertical ? 0 : from, isVertical ? from : 0, isVertical ? 0 : length, isVertical ? length : 0);\n\n grad.addColorStop(0, colorFrom);\n grad.addColorStop(1, colorTo);\n\n return grad;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws the shadow if it was not drawn\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {boolean} shadowDrawn\n * @return {boolean}\n */\nfunction drawShadow(context, options) {\n var shadowDrawn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n if (shadowDrawn) {\n context.restore();\n return true;\n }\n\n context.save();\n\n var w = options.borderShadowWidth;\n\n if (w) {\n context.shadowBlur = w;\n context.shadowColor = options.colorBorderShadow;\n }\n\n return true;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle shadow\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawNeedleShadow(context, options) {\n if (!options.needleShadow) return;\n\n context.shadowOffsetX = 2;\n context.shadowOffsetY = 2;\n context.shadowBlur = 10;\n context.shadowColor = options.colorNeedleShadowDown;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Constructs font styles for canvas fonts\n *\n * @param {GenericOptions} options\n * @param {string} target\n * @param {number} baseSize\n */\nfunction font(options, target, baseSize) {\n return options['font' + target + 'Style'] + ' ' + options['font' + target + 'Weight'] + ' ' + options['font' + target + 'Size'] * baseSize + 'px ' + options['font' + target];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Resets some context settings\n *\n * @param {Canvas2DContext} context\n */\nfunction reset(context) {\n context.shadowOffsetX = null;\n context.shadowOffsetY = null;\n context.shadowBlur = null;\n context.shadowColor = '';\n context.strokeStyle = null;\n context.lineWidth = 0;\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Declares to drow value text shadow if configured\n *\n * @param context\n * @param options\n * @param offset\n * @param blur\n */\nfunction drawValueTextShadow(context, options, offset, blur) {\n if (options.valueTextShadow) {\n context.shadowOffsetX = offset;\n context.shadowOffsetY = offset;\n context.shadowBlur = blur;\n context.shadowColor = options.colorValueTextShadow;\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box at given position\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {number|string} value\n * @param {number} x\n * @param {number} y\n * @param {number} max\n */\nfunction drawValueBox(context, options, value, x, y, max) {\n if (!options.valueBox) return;\n\n reset(context);\n\n var text = options.valueText || padValue(value, options);\n var tunit = max / 200;\n var runit = max / 100;\n var offset = 0.4 * runit;\n var blur = 1.2 * runit;\n\n context.font = font(options, 'Value', tunit);\n drawValueTextShadow(context, options, offset, blur);\n\n var tw = context.measureText(options.valueText ? text : '-' + padValue(0, options)).width;\n\n reset(context);\n\n var th = parseFloat(options.fontValueSize) * tunit + offset + blur;\n var sw = runit * parseFloat(options.valueBoxStroke);\n var bmax = max * 2 - sw * 2;\n\n var bw = tw + 10 * runit;\n var bh = 1.1 * th + offset + blur;\n var br = runit * options.valueBoxBorderRadius;\n var obw = (parseFloat(options.valueBoxWidth) || 0) / 100 * bmax;\n\n obw > bw && (bw = obw);\n bw > bmax && (bw = bmax);\n\n var bx = x - bw / 2;\n var by = y - bh / 2;\n var gy = y - 5.75 * runit;\n\n context.beginPath();\n\n if (br) roundRect(context, bx, by, bw, bh, br);else context.rect(bx, by, bw, bh);\n\n if (sw) {\n var grd = context.createRadialGradient(x, gy, runit * 10, x, gy, runit * 20);\n\n grd.addColorStop(0, options.colorValueBoxRect);\n grd.addColorStop(1, options.colorValueBoxRectEnd);\n\n context.strokeStyle = grd;\n context.lineWidth = sw;\n context.stroke();\n }\n\n if (options.colorValueBoxShadow) {\n context.shadowBlur = 1.2 * runit;\n context.shadowColor = options.colorValueBoxShadow;\n }\n\n if (options.colorValueBoxBackground) {\n context.fillStyle = options.colorValueBoxBackground;\n context.fill();\n }\n\n context.closePath();\n context.restore();\n\n drawValueTextShadow(context, options, offset, blur);\n\n context.fillStyle = options.colorValueText;\n context.textAlign = 'center';\n context.textBaseline = 'alphabetic';\n context.fillText(text, bx + bw / 2, y + bh / 2 - th / 3);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns normalized value\n *\n * @param {GenericOptions} options\n * @return {{normal: number, indented: number}}\n */\nfunction normalizedValue(options) {\n var value = options.value;\n var min = options.minValue;\n var max = options.maxValue;\n var dt = (max - min) * 0.01;\n\n return {\n normal: value < min ? min : value > max ? max : value,\n indented: value < min ? min - dt : value > max ? max + dt : value\n };\n}\n\nvar drawings = {\n roundRect: roundRect,\n padValue: padValue,\n formatMajorTickNumber: formatMajorTickNumber,\n radians: radians,\n radialPoint: radialPoint,\n linearGradient: linearGradient,\n drawNeedleShadow: drawNeedleShadow,\n drawValueBox: drawValueBox,\n verifyError: verifyError,\n prepareTicks: prepareTicks,\n drawShadow: drawShadow,\n font: font,\n normalizedValue: normalizedValue\n};\n\ndrawings;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar PI = Math.PI;\nvar HPI = PI / 2;\n\n/**\n * Gauge configuration options\n *\n * @typedef {GenericOptions|{ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean}} RadialGaugeOptions\n */\n\n/**\n * Default gauge configuration options\n *\n * @access private\n * @type {RadialGaugeOptions}\n */\nvar defaultRadialGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n ticksAngle: 270,\n startAngle: 45,\n\n // colors\n colorNeedleCircleOuter: '#f0f0f0',\n colorNeedleCircleOuterEnd: '#ccc',\n colorNeedleCircleInner: '#e8e8e8',\n colorNeedleCircleInnerEnd: '#f5f5f5',\n\n // needle\n needleCircleSize: 10,\n needleCircleInner: true,\n needleCircleOuter: true,\n\n // custom animations\n animationTarget: 'needle', // 'needle' or 'plate'\n useMinPath: false,\n\n barWidth: 0\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gradient-filled circle on a canvas\n *\n * @access private\n * @param {number} radius\n * @param {number} width\n * @param {Canvas2DContext} context\n * @param {string} start gradient start color\n * @param {string} end gradient end color\n */\nfunction drawRadialBorder(radius, width, context, start, end) {\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(radius), 0, PI * 2, true);\n context.lineWidth = width;\n context.strokeStyle = end ? drawings.linearGradient(context, start, end, radius) : start;\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns max radius without borders for the gauge\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @return {number}\n */\nfunction maxRadialRadius(context, options) {\n if (!context.maxRadius) {\n context.maxRadius = context.max - options.borderShadowWidth - options.borderOuterWidth - options.borderMiddleWidth - options.borderInnerWidth + (options.borderOuterWidth ? 0.5 : 0) + (options.borderMiddleWidth ? 0.5 : 0) + (options.borderInnerWidth ? 0.5 : 0);\n }\n\n return context.maxRadius;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge plate on the canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialPlate(context, options) {\n var d0 = options.borderShadowWidth;\n var r0 = context.max - d0 - options.borderOuterWidth / 2;\n var r1 = r0 - options.borderOuterWidth / 2 - options.borderMiddleWidth / 2 + 0.5;\n var r2 = r1 - options.borderMiddleWidth / 2 - options.borderInnerWidth / 2 + 0.5;\n var r3 = maxRadialRadius(context, options);\n var grad = void 0;\n var shadowDrawn = false;\n\n context.save();\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r0, options.borderOuterWidth, context, options.colorBorderOuter, options.colorBorderOuterEnd);\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r1, options.borderMiddleWidth, context, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r2, options.borderInnerWidth, context, options.colorBorderInner, options.colorBorderInnerEnd);\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(r3), 0, PI * 2, true);\n\n if (options.colorPlateEnd) {\n grad = context.createRadialGradient(0, 0, r3 / 2, 0, 0, r3);\n grad.addColorStop(0, options.colorPlate);\n grad.addColorStop(1, options.colorPlateEnd);\n } else {\n grad = options.colorPlate;\n }\n\n context.fillStyle = grad;\n\n context.fill();\n context.closePath();\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge highlight areas on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialHighlights(context, options) {\n var hlWidth = context.max * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!hlWidth) return;\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options) - hlWidth / 2);\n var i = 0,\n s = options.highlights.length;\n var vd = (options.maxValue - options.minValue) / options.ticksAngle;\n\n context.save();\n\n for (; i < s; i++) {\n var hlt = options.highlights[i];\n\n context.beginPath();\n\n context.rotate(HPI);\n context.arc(0, 0, r, drawings.radians(options.startAngle + (hlt.from - options.minValue) / vd), drawings.radians(options.startAngle + (hlt.to - options.minValue) / vd), false);\n context.strokeStyle = hlt.color;\n context.lineWidth = hlWidth;\n context.stroke();\n context.closePath();\n\n context.restore();\n context.save();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks bar on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMinorTicks(context, options) {\n var radius = radialTicksRadius(context, options);\n\n context.lineWidth = SmartCanvas.pixelRatio;\n context.strokeStyle = options.colorMinorTicks;\n\n context.save();\n\n var s = options.minorTicks * (options.majorTicks.length - 1);\n var i = 0;\n\n for (; i < s; ++i) {\n var angle = options.startAngle + i * (options.ticksAngle / s);\n\n context.rotate(drawings.radians(angle));\n\n context.beginPath();\n context.moveTo(0, radius);\n context.lineTo(0, radius - context.max * 0.075);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns ticks radius\n *\n * @access private\n * @param context\n * @param options\n * @return {number}\n */\nfunction radialTicksRadius(context, options) {\n var unit = context.max / 100;\n\n return maxRadialRadius(context, options) - 5 * unit - (options.barWidth ? (parseFloat(options.barStrokeWidth) || 0) * 2 + ((parseFloat(options.barWidth) || 0) + 5) * unit : 0);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge major ticks bar on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMajorTicks(context, options) {\n drawings.prepareTicks(options);\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options));\n var i = void 0,\n colors = void 0;\n var s = options.majorTicks.length;\n var pixelRatio = SmartCanvas.pixelRatio;\n\n context.lineWidth = 2 * pixelRatio;\n context.save();\n\n colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(s).fill(options.colorMajorTicks);\n\n i = 0;\n for (; i < s; ++i) {\n context.strokeStyle = colors[i];\n context.rotate(drawings.radians(radialNextAngle(options, i, s)));\n\n context.beginPath();\n context.moveTo(0, r);\n context.lineTo(0, r - context.max * 0.15);\n closeStrokedPath(context);\n }\n\n if (options.strokeTicks) {\n context.strokeStyle = colors[0];\n context.rotate(HPI);\n\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\nfunction radialNextAngle(options, i, s) {\n return options.startAngle + i * (options.ticksAngle / (s - 1));\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Strokes, closes path and restores previous context state\n *\n * @param {Canvas2DContext} context\n */\nfunction closeStrokedPath(context) {\n context.stroke();\n context.restore();\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar numbers\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNumbers(context, options) {\n var radius = radialTicksRadius(context, options) - context.max * 0.25;\n var points = {};\n var i = 0;\n var s = options.majorTicks.length;\n var isAnimated = options.animationTarget !== 'needle';\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(s).fill(options.colorNumbers);\n\n var plateValueAngle = isAnimated ? -(options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle : 0;\n\n if (isAnimated) {\n context.save();\n context.rotate(-drawings.radians(plateValueAngle));\n }\n\n for (; i < s; ++i) {\n var angle = plateValueAngle + radialNextAngle(options, i, s);\n var point = drawings.radialPoint(radius, drawings.radians(angle));\n\n if (angle === 360) angle = 0;\n\n if (points[angle]) {\n continue; //already drawn at this place, skipping\n }\n\n points[angle] = true;\n\n context.font = drawings.font(options, 'Numbers', context.max / 200);\n context.fillStyle = colors[i];\n context.lineWidth = 0;\n context.textAlign = 'center';\n context.fillText(options.majorTicks[i], point.x, point.y + 3);\n }\n\n isAnimated && context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge title\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialTitle(context, options) {\n if (!options.title) return;\n\n context.save();\n context.font = drawings.font(options, 'Title', context.max / 200);\n context.fillStyle = options.colorTitle;\n context.textAlign = 'center';\n context.fillText(options.title, 0, -context.max / 4.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws units name on the gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialUnits(context, options) {\n if (!options.units) return;\n\n context.save();\n context.font = drawings.font(options, 'Units', context.max / 200);\n context.fillStyle = options.colorUnits;\n context.textAlign = 'center';\n context.fillText(options.units, 0, context.max / 3.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNeedle(context, options) {\n if (!options.needle) return;\n\n var value = options.ticksAngle < 360 ? drawings.normalizedValue(options).indented : options.value;\n var max = maxRadialRadius(context, options);\n //noinspection JSUnresolvedFunction\n var r1 = abs(max / 100 * options.needleCircleSize);\n //noinspection JSUnresolvedFunction\n var r2 = abs(max / 100 * options.needleCircleSize * 0.75);\n //noinspection JSUnresolvedFunction\n var rIn = abs(max / 100 * options.needleEnd);\n //noinspection JSUnresolvedFunction\n var rStart = abs(options.needleStart ? max / 100 * options.needleStart : 0);\n //noinspection JSUnresolvedFunction\n var rOut = abs(max * 0.2);\n var pad1 = max / 100 * options.needleWidth;\n var pad2 = max / 100 * options.needleWidth / 2;\n var pixelRatio = SmartCanvas.pixelRatio;\n var isFixed = options.animationTarget !== 'needle';\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n context.rotate(drawings.radians(isFixed ? options.startAngle : options.startAngle + (value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle));\n\n context.fillStyle = drawings.linearGradient(context, options.colorNeedle, options.colorNeedleEnd, rIn - rOut);\n\n if (options.needleType === 'arrow') {\n context.beginPath();\n context.moveTo(-pad2, -rOut);\n context.lineTo(-pad1, 0);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(pixelRatio, rIn);\n context.lineTo(pad1, 0);\n context.lineTo(pad2, -rOut);\n context.closePath();\n context.fill();\n\n context.beginPath();\n context.lineTo(-0.5 * pixelRatio, rIn);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(-pad1, 0);\n context.lineTo(-pad2, -rOut);\n context.lineTo(pad2 / 2 * pixelRatio - 2 * pixelRatio, -rOut);\n context.closePath();\n context.fillStyle = options.colorNeedleShadowUp;\n context.fill();\n } else {\n // simple line needle\n context.beginPath();\n context.moveTo(-pad2, rIn);\n context.lineTo(-pad2, rStart);\n context.lineTo(pad2, rStart);\n context.lineTo(pad2, rIn);\n context.closePath();\n context.fill();\n }\n\n if (options.needleCircleSize) {\n context.restore();\n\n drawings.drawNeedleShadow(context, options);\n\n if (options.needleCircleOuter) {\n context.beginPath();\n context.arc(0, 0, r1, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleOuter, options.colorNeedleCircleOuterEnd, r1);\n context.fill();\n context.closePath();\n }\n\n if (options.needleCircleInner) {\n context.beginPath();\n context.arc(0, 0, r2, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleInner, options.colorNeedleCircleInnerEnd, r2);\n context.fill();\n context.closePath();\n }\n\n context.restore();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge value box\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @param {number} value\n */\nfunction drawRadialValueBox(context, options, value) {\n drawings.drawValueBox(context, options, value, 0, context.max - context.max * 0.33, context.max);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge progress bar\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialProgressBar(context, options) {\n var unit = context.max / 100;\n var rMax = maxRadialRadius(context, options) - 5 * unit;\n var sw = parseFloat(options.barStrokeWidth) || 0;\n var w = (parseFloat(options.barWidth) || 0) * unit;\n var rMin = rMax - sw * 2 - w;\n var half = (rMax - rMin) / 2;\n var r = rMin + half;\n var delta = sw / r;\n var sa = options.startAngle;\n var ea = options.startAngle + options.ticksAngle;\n\n context.save();\n context.rotate(HPI);\n\n if (sw) {\n // draw stroke\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa) - delta, drawings.radians(ea) + delta, false);\n context.strokeStyle = options.colorBarStroke;\n context.lineWidth = half * 2;\n context.stroke();\n context.closePath();\n }\n\n if (w) {\n // draw bar\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(ea), false);\n context.strokeStyle = options.colorBar;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n\n if (options.barShadow) {\n // draw shadow\n context.beginPath();\n context.arc(0, 0, rMax, drawings.radians(sa), drawings.radians(ea), false);\n context.clip();\n\n context.beginPath();\n context.strokeStyle = options.colorBar;\n context.lineWidth = 1;\n context.shadowBlur = options.barShadow;\n context.shadowColor = options.colorBarShadow;\n context.shadowOffsetX = 0;\n context.shadowOffsetY = 0;\n context.arc(0, 0, rMax, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n context.stroke();\n context.closePath();\n\n context.restore();\n context.rotate(HPI);\n }\n\n // draw bar progress\n if (options.barProgress) {\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(sa + (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle), false);\n context.strokeStyle = options.colorBarProgress;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n }\n }\n\n context.restore();\n}\n\n/**\n * Find and return gauge value to display\n *\n * @param {RadialGauge} gauge\n */\nfunction displayValue(gauge) {\n if (gauge.options.animatedValue) {\n return gauge.options.value;\n }\n\n return gauge.value;\n}\n\n/**\n * Minimalistic HTML5 Canvas Gauge\n * @example\n * var gauge = new RadialGauge({\n * renderTo: 'gauge-id', // identifier of HTML canvas element or element itself\n * width: 400,\n * height: 400,\n * units: 'Km/h',\n * title: false,\n * value: 0,\n * minValue: 0,\n * maxValue: 220,\n * majorTicks: [\n * '0','20','40','60','80','100','120','140','160','180','200','220'\n * ],\n * minorTicks: 2,\n * strokeTicks: false,\n * highlights: [\n * { from: 0, to: 50, color: 'rgba(0,255,0,.15)' },\n * { from: 50, to: 100, color: 'rgba(255,255,0,.15)' },\n * { from: 100, to: 150, color: 'rgba(255,30,0,.25)' },\n * { from: 150, to: 200, color: 'rgba(255,0,225,.25)' },\n * { from: 200, to: 220, color: 'rgba(0,0,255,.25)' }\n * ],\n * colorPlate: '#222',\n * colorMajorTicks: '#f5f5f5',\n * colorMinorTicks: '#ddd',\n * colorTitle: '#fff',\n * colorUnits: '#ccc',\n * colorNumbers: '#eee',\n * colorNeedleStart: 'rgba(240, 128, 128, 1)',\n * colorNeedleEnd: 'rgba(255, 160, 122, .9)',\n * valueBox: true,\n * animationRule: 'bounce'\n * });\n * // draw initially\n * gauge.draw();\n * // animate\n * setInterval(() => {\n * gauge.value = Math.random() * -220 + 220;\n * }, 1000);\n */\n\nvar RadialGauge = function (_BaseGauge) {\n _inherits(RadialGauge, _BaseGauge);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event RadialGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event RadialGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event RadialGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event RadialGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event RadialGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event RadialGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event RadialGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event RadialGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event RadialGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event RadialGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {RadialGaugeOptions} options\n */\n function RadialGauge(options) {\n _classCallCheck(this, RadialGauge);\n\n options = Object.assign({}, defaultRadialGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (RadialGauge.__proto__ || Object.getPrototypeOf(RadialGauge)).call(this, RadialGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(RadialGauge, [{\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @returns {RadialGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref[0];\n var y = _ref[1];\n var w = _ref[2];\n var h = _ref[3];\n\n var options = this.options;\n\n if (options.animationTarget === 'needle') {\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(context, options);\n this.emit('beforeHighlights');\n drawRadialHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(context, options);\n this.emit('beforeTitle');\n drawRadialTitle(context, options);\n this.emit('beforeUnits');\n drawRadialUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n this.emit('beforeNeedle');\n drawRadialNeedle(canvas.context, options);\n } else {\n var plateValueAngle = -drawings.radians((options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle);\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(canvas.context, options);\n\n canvas.context.rotate(plateValueAngle);\n\n // animated\n this.emit('beforeHighlights');\n drawRadialHighlights(canvas.context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(canvas.context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(canvas.context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(canvas.context, options);\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n\n // non-animated\n canvas.context.rotate(-plateValueAngle);\n canvas.context.save();\n\n if (!canvas.elementClone.initialized) {\n var _context = canvas.contextClone;\n\n // clear the cache\n _context.clearRect(x, y, w, h);\n _context.save();\n\n this.emit('beforeTitle');\n drawRadialTitle(_context, options);\n this.emit('beforeUnits');\n drawRadialUnits(_context, options);\n this.emit('beforeNeedle');\n drawRadialNeedle(_context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n }\n\n // value box animations\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n\n _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }, {\n key: 'value',\n\n\n /**\n * Sets the value for radial gauge\n *\n * @param {number} value\n */\n set: function set(value) {\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n if (this.options.animation && this.options.ticksAngle === 360 && this.options.useMinPath) {\n this._value = value;\n value = this.options.value + ((value - this.options.value) % 360 + 540) % 360 - 180;\n }\n\n _set(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', value, this);\n }\n\n /**\n * Returns current gauge value\n *\n * @return {number}\n */\n ,\n get: function get() {\n return _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', this);\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n if (options.barWidth > 50) options.barWidth = 50;\n\n /* istanbul ignore if */\n if (isNaN(options.startAngle)) options.startAngle = 45;\n /* istanbul ignore if */\n if (isNaN(options.ticksAngle)) options.ticksAngle = 270;\n\n /* istanbul ignore if */\n if (options.ticksAngle > 360) options.ticksAngle = 360;\n /* istanbul ignore if */\n if (options.ticksAngle < 0) options.ticksAngle = 0;\n\n /* istanbul ignore if */\n if (options.startAngle < 0) options.startAngle = 0;\n /* istanbul ignore if */\n if (options.startAngle > 360) options.startAngle = 360;\n\n return options;\n }\n }]);\n\n return RadialGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['RadialGauge'] = RadialGauge;\n}\n\nBaseGauge.initialize('RadialGauge', defaultRadialGaugeOptions);\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Linear gauge configuration options\n *\n * @typedef {GenericOptions|{borderRadius: number, barBeginCircle: number, tickSide: string, needleSide: string, numberSide: string, ticksWidth: number, ticksWidthMinor: number, ticksPadding: number, barLength: number, colorBarEnd: string, colorBarProgressEnd: string}} LinearGaugeOptions\n */\n\n/**\n * Default linear gauge configuration options\n *\n * @type {LinearGaugeOptions}\n */\nvar defaultLinearGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n borderRadius: 0,\n // width: 150,\n // height: 400,\n\n // bar\n barBeginCircle: 30, // percents\n colorBarEnd: '',\n colorBarProgressEnd: '',\n\n needleWidth: 6,\n\n tickSide: 'both', // available: 'left', 'right', 'both'\n needleSide: 'both', // available: 'left', 'right', 'both'\n\n numberSide: 'both', // available: 'left', 'right', 'both'\n\n ticksWidth: 10,\n ticksWidthMinor: 5,\n ticksPadding: 5,\n barLength: 85,\n fontTitleSize: 26,\n\n highlightsWidth: 10\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawRectangle(context, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.fillStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, w > h ? w : h, h > w, w > h ? x : y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} width width of the border\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawLinearBorder(context, width, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.lineWidth = width;\n context.strokeStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, h, true, y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge plate\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearPlate(context, options, x, y, w, h) {\n context.save();\n\n var r = options.borderRadius;\n var w1 = w - options.borderShadowWidth - options.borderOuterWidth;\n var w2 = w1 - options.borderOuterWidth - options.borderMiddleWidth;\n var w3 = w2 - options.borderMiddleWidth - options.borderInnerWidth;\n var w4 = w3 - options.borderInnerWidth;\n\n var h1 = h - options.borderShadowWidth - options.borderOuterWidth;\n var h2 = h1 - options.borderOuterWidth - options.borderMiddleWidth;\n var h3 = h2 - options.borderMiddleWidth - options.borderInnerWidth;\n var h4 = h3 - options.borderInnerWidth;\n\n var x2 = x - (w2 - w1) / 2;\n var x3 = x2 - (w3 - w2) / 2;\n var x4 = x3 - (w4 - w3) / 2;\n\n var y2 = y - (h2 - h1) / 2;\n var y3 = y2 - (h3 - h2) / 2;\n var y4 = y3 - (h4 - h3) / 2;\n var aliasingOffset = 0;\n var shadowDrawn = false;\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderOuterWidth, r, x + options.borderOuterWidth / 2 - aliasingOffset, y + options.borderOuterWidth / 2 - aliasingOffset, w1, h1, options.colorBorderOuter, options.colorBorderOuterEnd);\n aliasingOffset += 0.5;\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderMiddleWidth, r -= 1 + aliasingOffset * 2, x2 + options.borderMiddleWidth / 2 - aliasingOffset, y2 + options.borderMiddleWidth / 2 - aliasingOffset, w2 + aliasingOffset * 2, h2 + aliasingOffset * 2, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n aliasingOffset += 0.5;\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderInnerWidth, r -= 1 + aliasingOffset * 2, x3 + options.borderInnerWidth / 2 - aliasingOffset, y3 + options.borderInnerWidth / 2 - aliasingOffset, w3 + aliasingOffset * 2, h3 + aliasingOffset * 2, options.colorBorderInner, options.colorBorderInnerEnd);\n aliasingOffset += 0.5;\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n drawRectangle(context, r, x4, y4, w4 + aliasingOffset * 2, h4 + aliasingOffset * 2, options.colorPlate, options.colorPlateEnd);\n\n context.restore();\n\n return [x4, y4, w4, h4];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns linear gauge base bar dimensions.\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions|{barStrokeWidth: number, barBeginCircle: number, barWidth: number, hasLeft: boolean, hasRight: boolean}} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @return {{isVertical: boolean, width: number, length: number, barWidth: number, barLength: number, strokeWidth: number, barMargin: number, radius: number, x0: number, y0: number, barOffset: number, titleMargin: number, unitsMargin: number, X: number, Y: number, baseX: number, baseY: number, ticksPadding: number}}\n */\nfunction barDimensions(context, options, x, y, w, h) {\n var pixelRatio = SmartCanvas.pixelRatio;\n var isVertical = h >= w;\n var width = isVertical ? w * 0.85 : h;\n var length = isVertical ? h : w;\n\n //noinspection JSUnresolvedFunction\n x = isVertical ? round(x + (w - width) / 2) : x;\n\n var hasTitle = !!options.title;\n var hasUnits = !!options.units;\n var hasValue = !!options.valueBox;\n\n var titleMargin = void 0;\n var unitsMargin = void 0;\n var valueMargin = void 0;\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n unitsMargin = round(length * 0.05);\n //noinspection JSUnresolvedFunction\n titleMargin = round(length * 0.075);\n //noinspection JSUnresolvedFunction\n valueMargin = round(length * 0.11);\n\n if (hasTitle) {\n length -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) length -= unitsMargin;\n if (hasValue) length -= valueMargin;\n } else {\n //noinspection JSUnresolvedFunction\n unitsMargin = titleMargin = round(width * 0.15);\n\n if (hasTitle) {\n width -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) width -= unitsMargin;\n }\n\n var strokeWidth = options.barStrokeWidth * 2;\n //noinspection JSUnresolvedFunction\n var radius = options.barBeginCircle ? round(width * options.barBeginCircle / 200 - strokeWidth / 2) : 0;\n //noinspection JSUnresolvedFunction\n var barWidth = round(width * options.barWidth / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barLength = round(length * options.barLength / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barMargin = round((length - barLength) / 2);\n\n // coordinates for arc of the bar if configured\n //noinspection JSUnresolvedFunction\n var x0 = round(x + (isVertical ? width / 2 : barMargin + radius));\n //noinspection JSUnresolvedFunction\n var y0 = round(y + (isVertical ? length - barMargin - radius + strokeWidth / 2 : width / 2));\n var dx = isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n var dy = !isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n\n //noinspection JSUndefinedPropertyAssignment\n context.barDimensions = {\n isVertical: isVertical,\n width: width,\n length: length,\n barWidth: barWidth,\n barLength: barLength,\n strokeWidth: strokeWidth,\n barMargin: barMargin,\n radius: radius,\n pixelRatio: pixelRatio,\n barOffset: null,\n titleMargin: hasTitle ? titleMargin : 0,\n unitsMargin: hasUnits ? unitsMargin : 0,\n get ticksLength() {\n return this.barLength - this.barOffset - this.strokeWidth;\n },\n X: x + dx,\n Y: y + dy,\n x0: x0 + dx,\n y0: y0 + dy,\n baseX: x,\n baseY: y,\n ticksPadding: options.ticksPadding / 100\n };\n\n return context.barDimensions;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws bar shape from the given options on a given canvas context\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {string} type\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearBarShape(context, options, type, x, y, w, h) {\n var _barDimensions = barDimensions(context, options, x, y, w, h);\n\n var isVertical = _barDimensions.isVertical;\n var width = _barDimensions.width;\n var barWidth = _barDimensions.barWidth;\n var barLength = _barDimensions.barLength;\n var strokeWidth = _barDimensions.strokeWidth;\n var barMargin = _barDimensions.barMargin;\n var radius = _barDimensions.radius;\n var x0 = _barDimensions.x0;\n var y0 = _barDimensions.y0;\n var X = _barDimensions.X;\n var Y = _barDimensions.Y;\n\n var fullBarLength = barLength;\n\n context.save();\n context.beginPath();\n\n if (options.barBeginCircle) {\n var direction = drawings.radians(isVertical ? 270 : 0);\n var alpha = Math.asin(barWidth / 2 / radius);\n var cosAlpha = Math.cos(alpha);\n var sinAlpha = Math.sin(alpha);\n\n var x1 = x0 + (isVertical ? radius * sinAlpha : radius * cosAlpha - strokeWidth / 2);\n var y1 = isVertical ? y0 - radius * cosAlpha : y0 + radius * sinAlpha;\n //noinspection JSUnresolvedFunction\n var cutRadius = isVertical ? abs(y1 - y0) : abs(x1 - x0);\n\n //noinspection JSUnresolvedFunction\n context.barDimensions.barOffset = round(cutRadius + radius);\n\n // bottom point\n //noinspection JSUnresolvedFunction\n var x2 = isVertical ? round(x0 - radius * sinAlpha) : x1;\n //noinspection JSUnresolvedFunction\n var y2 = isVertical ? y1 : round(y0 - radius * sinAlpha);\n\n if (type === 'progress') {\n barLength = context.barDimensions.barOffset + (barLength - context.barDimensions.barOffset) * (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue);\n }\n\n // bar ends at\n //noinspection JSUnresolvedFunction\n var x3 = round(x1 + barLength - context.barDimensions.barOffset + strokeWidth / 2); // h\n //noinspection JSUnresolvedFunction\n var y3 = round(y1 - barLength + context.barDimensions.barOffset - strokeWidth / 2); // v\n\n context.arc(x0, y0, radius, direction + alpha, direction - alpha);\n\n if (isVertical) {\n context.moveTo(x1, y2);\n context.lineTo(x1, y3);\n context.lineTo(x2, y3);\n context.lineTo(x2, y2);\n } else {\n context.moveTo(x1, y2);\n context.lineTo(x3, y2);\n context.lineTo(x3, y1);\n context.lineTo(x1, y1);\n }\n } else {\n // simply rectangle\n //noinspection JSUnresolvedFunction\n var rx = round(isVertical ? X + (width - barWidth) / 2 : X + barMargin);\n //noinspection JSUnresolvedFunction\n var ry = round(isVertical ? Y + barLength + barMargin : Y + (width - barWidth) / 2);\n\n if (type === 'progress') {\n barLength *= (options.value - options.minValue) / (options.maxValue - options.minValue);\n }\n\n if (isVertical) context.rect(rx, ry, barWidth, -barLength);else context.rect(rx, ry, barLength, barWidth);\n }\n\n if (type !== 'progress' && options.barStrokeWidth) {\n context.lineWidth = strokeWidth;\n context.strokeStyle = options.colorBarStroke;\n //context.lineJoin = 'round';\n context.stroke();\n }\n\n if (type !== 'progress' && options.colorBar) {\n context.fillStyle = options.colorBarEnd ? drawings.linearGradient(context, options.colorBar, options.colorBarEnd, barLength, isVertical, isVertical ? Y : X) : options.colorBar;\n context.fill();\n } else if (type === 'progress' && options.colorBarProgress) {\n context.fillStyle = options.colorBarProgressEnd ? drawings.linearGradient(context, options.colorBarProgress, options.colorBarProgressEnd, fullBarLength, isVertical, isVertical ? Y : X) : options.colorBarProgress;\n context.fill();\n }\n\n context.closePath();\n\n // fix dimensions for further usage\n if (options.barBeginCircle) context.barDimensions.radius += strokeWidth;\n\n context.barDimensions.barWidth += strokeWidth;\n context.barDimensions.barLength += strokeWidth;\n}\n\n/**\n * Draws gauge bar\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBar(context, options, x, y, w, h) {\n drawLinearBarShape(context, options, '', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Helper function to calculate bar ticks presence on the sides\n *\n * @param {string} notWhich\n * @param {LinearGaugeOptions} options\n * @return {boolean}\n */\nfunction hasTicksBar(notWhich, options) {\n return options.needleSide !== notWhich || options.tickSide !== notWhich || options.numberSide !== notWhich;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar progress\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBarProgress(context, options, x, y, w, h) {\n options.barProgress && drawLinearBarShape(context, options, 'progress', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar highlighted areas\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarHighlights(context, options) {\n var _context$barDimension = context.barDimensions;\n var isVertical = _context$barDimension.isVertical;\n var width = _context$barDimension.width;\n var length = _context$barDimension.length;\n var barWidth = _context$barDimension.barWidth;\n var barOffset = _context$barDimension.barOffset;\n var barMargin = _context$barDimension.barMargin;\n var X = _context$barDimension.X;\n var Y = _context$barDimension.Y;\n var ticksLength = _context$barDimension.ticksLength;\n var ticksPadding = _context$barDimension.ticksPadding;\n\n var hlWidth = width * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!options.highlights || !hlWidth) return;\n\n var hasLeft = options.tickSide !== 'right';\n var hasRight = options.tickSide !== 'left';\n var i = 0;\n var s = options.highlights.length;\n var tickOffset = (width - barWidth) / 2;\n var interval = options.maxValue - options.minValue;\n //noinspection JSUnresolvedFunction\n var eX = round(isVertical ? X + tickOffset : X + barMargin + barOffset);\n var eH = hlWidth;\n var eY = isVertical ? Y + length - barMargin - barOffset : Y + tickOffset;\n //noinspection JSUnresolvedFunction\n var hLeft = round((options.ticksWidth / 100 + ticksPadding) * width) + (hlWidth - options.ticksWidth / 100 * width);\n //noinspection JSUnresolvedFunction\n var hRight = round(barWidth + ticksPadding * width);\n\n context.save();\n\n for (; i < s; i++) {\n var entry = options.highlights[i];\n //noinspection JSUnresolvedFunction\n var eStart = ticksLength * abs(options.minValue - entry.from) / interval;\n //noinspection JSUnresolvedFunction\n var eW = ticksLength * abs((entry.to - entry.from) / interval);\n\n context.beginPath();\n context.fillStyle = entry.color;\n\n if (isVertical) {\n if (hasLeft) context.rect(eX - hLeft, eY - eStart, eH, -eW);\n\n if (hasRight) context.rect(eX + hRight, eY - eStart, eH, -eW);\n } else {\n if (hasLeft) context.rect(eX + eStart, eY - hLeft, eW, eH);\n\n if (hasRight) context.rect(eX + eStart, eY + hRight, eW, eH);\n }\n\n context.fill();\n context.closePath();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws a tick line on a linear gauge\n *\n * @param {Canvas2DContext} context\n * @param x1\n * @param y1\n * @param x2\n * @param y2\n */\nfunction drawLinearTick(context, x1, y1, x2, y2) {\n context.beginPath();\n\n context.moveTo(x1, y1);\n context.lineTo(x2, y2);\n context.stroke();\n\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks\n *\n * @param {Canvas2DContext} context\n * @param {string} color\n * @param {number} ticksSize\n * @param {number} deltaLen\n * @param {boolean} hasLeft\n * @param {boolean} hasRight\n * @param {number} lineWidth\n * @param {number} lineLength\n */\nfunction drawLinearTicks(context, color, ticksSize, deltaLen, hasLeft, hasRight, lineWidth, lineLength) {\n var _context$barDimension2 = context.barDimensions;\n var isVertical = _context$barDimension2.isVertical;\n var length = _context$barDimension2.length;\n var barWidth = _context$barDimension2.barWidth;\n var barOffset = _context$barDimension2.barOffset;\n var barMargin = _context$barDimension2.barMargin;\n var pixelRatio = _context$barDimension2.pixelRatio;\n var width = _context$barDimension2.width;\n var X = _context$barDimension2.X;\n var Y = _context$barDimension2.Y;\n var ticksLength = _context$barDimension2.ticksLength;\n var ticksPadding = _context$barDimension2.ticksPadding;\n\n var tickOffset = (width - barWidth) / 2;\n var tickX = void 0,\n tickY = void 0;\n var i = 0;\n var tickLen = lineLength * width;\n var tickLeft = tickOffset - ticksPadding * width;\n var tickRight = tickOffset + barWidth + tickLen + ticksPadding * width;\n var tickSpace = ticksLength / (ticksSize - deltaLen);\n var colors = color instanceof Array ? color : new Array(ticksSize).fill(color);\n\n context.lineWidth = lineWidth * pixelRatio;\n context.save();\n\n for (; i < ticksSize; i++) {\n context.strokeStyle = colors[i];\n\n if (isVertical) {\n tickY = Y + length - barMargin - barOffset - i * tickSpace;\n\n if (hasLeft) {\n tickX = X + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n\n if (hasRight) {\n tickX = X + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n } else {\n tickX = X + barMargin + barOffset + i * tickSpace;\n\n if (hasLeft) {\n tickY = Y + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, tickX, round(tickY - tickLen));\n }\n\n if (hasRight) {\n tickY = Y + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, round(tickY), tickX, tickY - tickLen);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicks(context, options) {\n var _drawings$prepareTick = drawings.prepareTicks(options);\n\n var _drawings$prepareTick2 = _slicedToArray(_drawings$prepareTick, 2);\n\n var hasLeft = _drawings$prepareTick2[0];\n var hasRight = _drawings$prepareTick2[1];\n\n var lineWidth = 2;\n var colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(options.colorMajorTicks.length).fill(options.colorMajorTicks);\n\n drawLinearTicks(context, options.colorMajorTicks, options.majorTicks.length, 1, hasLeft, hasRight, lineWidth, options.ticksWidth / 100);\n\n if (options.strokeTicks) {\n var _context$barDimension3 = context.barDimensions;\n var isVertical = _context$barDimension3.isVertical;\n var length = _context$barDimension3.length;\n var width = _context$barDimension3.width;\n var barWidth = _context$barDimension3.barWidth;\n var barMargin = _context$barDimension3.barMargin;\n var barOffset = _context$barDimension3.barOffset;\n var X = _context$barDimension3.X;\n var Y = _context$barDimension3.Y;\n var ticksLength = _context$barDimension3.ticksLength;\n var pixelRatio = _context$barDimension3.pixelRatio;\n var ticksPadding = _context$barDimension3.ticksPadding;\n\n var rightTicks = (width - barWidth) / 2 + barWidth + ticksPadding * width;\n var leftTicks = (width - barWidth) / 2 - ticksPadding * width;\n var sX = void 0,\n sY = void 0,\n eX = void 0,\n eY = void 0;\n\n context.strokeStyle = colors[0];\n\n lineWidth *= pixelRatio;\n\n if (isVertical) {\n sY = Y + length - barMargin - barOffset + lineWidth / 2;\n eY = sY - ticksLength - lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n } else {\n sX = X + barMargin + barOffset - lineWidth / 2;\n eX = sX + ticksLength + lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks stroke\n *\n * @param {Canvas2DContext} context\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n */\nfunction drawLinearTickStroke(context, sX, sY, eX, eY) {\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMinorTicks(context, options) {\n var _drawings$prepareTick3 = drawings.prepareTicks(options);\n\n var _drawings$prepareTick4 = _slicedToArray(_drawings$prepareTick3, 2);\n\n var hasLeft = _drawings$prepareTick4[0];\n var hasRight = _drawings$prepareTick4[1];\n\n\n drawLinearTicks(context, options.colorMinorTicks, options.minorTicks * (options.majorTicks.length - 1), 0, hasLeft, hasRight, 1, options.ticksWidthMinor / 100);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major tick numbers\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicksNumbers(context, options) {\n var _context$barDimension4 = context.barDimensions;\n var isVertical = _context$barDimension4.isVertical;\n var length = _context$barDimension4.length;\n var width = _context$barDimension4.width;\n var barWidth = _context$barDimension4.barWidth;\n var barMargin = _context$barDimension4.barMargin;\n var barOffset = _context$barDimension4.barOffset;\n var X = _context$barDimension4.X;\n var Y = _context$barDimension4.Y;\n var ticksLength = _context$barDimension4.ticksLength;\n var ticksPadding = _context$barDimension4.ticksPadding;\n\n var ticks = options.majorTicks.length;\n var hasLeft = options.numberSide !== 'right';\n var hasRight = options.numberSide !== 'left';\n var textHeight = options.fontNumbersSize * width / 200;\n var i = 0;\n var ticksWidth = (options.ticksWidth / 100 + ticksPadding * 2) * width;\n var numLeft = (width - barWidth) / 2 - ticksWidth;\n var numRight = (width - barWidth) / 2 + barWidth + ticksWidth;\n var textX = void 0,\n textY = void 0,\n textWidth = void 0,\n numberOffset = void 0,\n tick = void 0;\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(ticks).fill(options.colorNumbers);\n\n context.font = drawings.font(options, 'Numbers', width / 200);\n context.lineWidth = 0;\n context.textAlign = 'center';\n\n for (; i < ticks; i++) {\n context.fillStyle = colors[i];\n tick = options.majorTicks[i];\n numberOffset = i * ticksLength / (ticks - 1);\n\n if (isVertical) {\n textY = Y + length - barMargin - barOffset - numberOffset + textHeight / 3;\n\n if (hasLeft) {\n context.textAlign = 'right';\n context.fillText(tick, X + numLeft, textY);\n }\n\n if (hasRight) {\n context.textAlign = 'left';\n context.fillText(tick, X + numRight, textY);\n }\n } else {\n textWidth = context.measureText(tick).width;\n textX = X + barMargin + barOffset + numberOffset;\n\n if (hasLeft) {\n context.fillText(tick, textX, Y + numLeft);\n }\n\n if (hasRight) {\n context.fillText(tick, textX, Y + numRight + textHeight);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge title\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearTitle(context, options) {\n if (!options.title) return;\n\n var _context$barDimension5 = context.barDimensions;\n var isVertical = _context$barDimension5.isVertical;\n var width = _context$barDimension5.width;\n var length = _context$barDimension5.length;\n var baseX = _context$barDimension5.baseX;\n var baseY = _context$barDimension5.baseY;\n var titleMargin = _context$barDimension5.titleMargin;\n\n var textHeight = options.fontTitleSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + titleMargin / 2 - (isVertical ? textHeight : textHeight / 2) - 0.025 * (isVertical ? length : width));\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Title', width / 200);\n context.lineWidth = 0;\n context.fillText(options.title, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge units\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearUnits(context, options) {\n if (!options.units) return;\n\n var _context$barDimension6 = context.barDimensions;\n var isVertical = _context$barDimension6.isVertical;\n var width = _context$barDimension6.width;\n var length = _context$barDimension6.length;\n var baseX = _context$barDimension6.baseX;\n var baseY = _context$barDimension6.baseY;\n var unitsMargin = _context$barDimension6.unitsMargin;\n\n var textHeight = options.fontUnitsSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + (isVertical ? length : width) + unitsMargin / 2 - textHeight / 2);\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Units', width / 200);\n context.lineWidth = 0;\n context.fillText(options.units, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge needles\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarNeedle(context, options) {\n if (!options.needle) return;\n\n var _context$barDimension7 = context.barDimensions;\n var isVertical = _context$barDimension7.isVertical;\n var width = _context$barDimension7.width;\n var length = _context$barDimension7.length;\n var barWidth = _context$barDimension7.barWidth;\n var barOffset = _context$barDimension7.barOffset;\n var barMargin = _context$barDimension7.barMargin;\n var ticksLength = _context$barDimension7.ticksLength;\n var X = _context$barDimension7.X;\n var Y = _context$barDimension7.Y;\n var ticksPadding = _context$barDimension7.ticksPadding;\n\n var hasLeft = options.needleSide !== 'right';\n var hasRight = options.needleSide !== 'left';\n var position = ticksLength * (drawings.normalizedValue(options).indented - options.minValue) / (options.maxValue - options.minValue);\n var tickWidth = (options.ticksWidth / 100 + ticksPadding) * width;\n var baseLength = barWidth / 2 + tickWidth;\n var needleLength = baseLength * (options.needleEnd / 100);\n var sX = void 0,\n eX = void 0,\n sY = void 0,\n eY = void 0;\n var draw = options.needleType.toLowerCase() === 'arrow' ? drawLinearArrowNeedle : drawLinearLineNeedle;\n var barStart = (width - barWidth) / 2;\n var needleStart = baseLength * (options.needleStart / 100);\n var nLeft = barStart - tickWidth - needleStart;\n var nRight = barStart + barWidth + tickWidth + needleStart;\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + length - barMargin - barOffset - position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nLeft);\n eX = sX + needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nRight);\n eX = sX - needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength, true);\n }\n } else {\n //noinspection JSUnresolvedFunction\n sX = round(X + barMargin + barOffset + position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nLeft);\n eY = sY + needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nRight);\n eY = sY - needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength, true);\n }\n }\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns needle color style\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} length\n * @param {boolean} [isRight]\n * @return {CanvasGradient|string}\n */\nfunction needleStyle(context, options, length, isRight) {\n return options.colorNeedleEnd ? drawings.linearGradient(context, isRight ? options.colorNeedleEnd : options.colorNeedle, isRight ? options.colorNeedle : options.colorNeedleEnd, length, !context.barDimensions.isVertical) : options.colorNeedle;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws line needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearLineNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n context.lineWidth = options.needleWidth;\n context.strokeStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws arrow needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearArrowNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n //noinspection JSUnresolvedFunction\n var peakLength = round(length * 0.4);\n var bodyLength = length - peakLength;\n var isVertical = sX === eX;\n var halfWidth = options.needleWidth / 2;\n\n context.fillStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n\n if (isVertical) {\n if (sY > eY) bodyLength *= -1;\n\n context.moveTo(sX - halfWidth, sY);\n context.lineTo(sX + halfWidth, sY);\n context.lineTo(sX + halfWidth, sY + bodyLength);\n context.lineTo(sX, eY);\n context.lineTo(sX - halfWidth, sY + bodyLength);\n context.lineTo(sX - halfWidth, sY);\n } else {\n if (sX > eX) bodyLength *= -1;\n\n context.moveTo(sX, sY - halfWidth);\n context.lineTo(sX, sY + halfWidth);\n context.lineTo(sX + bodyLength, sY + halfWidth);\n context.lineTo(eX, sY);\n context.lineTo(sX + bodyLength, sY - halfWidth);\n context.lineTo(sX, sY - halfWidth);\n }\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box for linear gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} value\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearValueBox(context, options, value, x, y, w, h) {\n // currently value box is available only for vertical linear gauge,\n // as far as by design it is hard to find a proper place for\n // horizontal ones\n var boxWidth = (parseFloat(options.fontValueSize) || 0) * w / 200;\n var dy = (0.11 * h - boxWidth) / 2;\n\n context.barDimensions.isVertical && drawings.drawValueBox(context, options, value, x + w / 2, y + h - boxWidth - dy, w);\n}\n\n/**\n * Minimalistic HTML5 Canvas Linear Gauge\n */\n\nvar LinearGauge = function (_BaseGauge2) {\n _inherits(LinearGauge, _BaseGauge2);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event LinearGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event LinearGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event LinearGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event LinearGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event LinearGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event LinearGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event LinearGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge bar area is drawn\n *\n * @event LinearGauge#beforeBar\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event LinearGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event LinearGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event LinearGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {LinearGaugeOptions} options\n */\n function LinearGauge(options) {\n _classCallCheck(this, LinearGauge);\n\n options = Object.assign({}, defaultLinearGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (LinearGauge.__proto__ || Object.getPrototypeOf(LinearGauge)).call(this, LinearGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(LinearGauge, [{\n key: 'draw',\n\n\n /* istanbul ignore next */\n /**\n * Triggering linear gauge render on a canvas.\n *\n * @returns {LinearGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref2 = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref2[0];\n var y = _ref2[1];\n var w = _ref2[2];\n var h = _ref2[3];\n\n var options = this.options;\n\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n this.drawBox = drawLinearPlate(context, options, x, y, w, h);\n\n this.emit('beforeBar');\n drawLinearBar.apply(undefined, [context, options].concat(_toConsumableArray(this.drawBox)));\n\n canvas.context.barDimensions = context.barDimensions;\n\n this.emit('beforeHighlights');\n drawLinearBarHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawLinearMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawLinearMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawLinearMajorTicksNumbers(context, options);\n this.emit('beforeTitle');\n drawLinearTitle(context, options);\n this.emit('beforeUnits');\n drawLinearUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawLinearBarProgress.apply(undefined, [canvas.context, options].concat(_toConsumableArray(this.drawBox)));\n this.emit('beforeNeedle');\n drawLinearBarNeedle(canvas.context, options);\n this.emit('beforeValueBox');\n drawLinearValueBox.apply(undefined, [canvas.context, options, options.animatedValue ? this.options.value : this.value].concat(_toConsumableArray(this.drawBox)));\n\n _get(LinearGauge.prototype.__proto__ || Object.getPrototypeOf(LinearGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n /* istanbul ignore else */\n if (options.barStrokeWidth >= options.barWidth) {\n //noinspection JSUnresolvedFunction\n options.barStrokeWidth = round(options.barWidth / 2);\n }\n\n //noinspection JSUndefinedPropertyAssignment\n options.hasLeft = hasTicksBar('right', options);\n //noinspection JSUndefinedPropertyAssignment\n options.hasRight = hasTicksBar('left', options);\n\n if (options.value > options.maxValue) {\n options.value = options.maxValue;\n }\n\n if (options.value < options.minValue) {\n options.value = options.minValue;\n }\n\n return BaseGauge.configure(options);\n }\n }]);\n\n return LinearGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['LinearGauge'] = LinearGauge;\n}\n\nBaseGauge.initialize('LinearGauge', defaultLinearGaugeOptions);;typeof module !== \"undefined\" && Object.assign(ns, {Collection: Collection,GenericOptions: GenericOptions,Animation: Animation,BaseGauge: BaseGauge,drawings: drawings,SmartCanvas: SmartCanvas,vendorize: vendorize});}(typeof module !== \"undefined\" ? module.exports : window));"],"sourceRoot":"/source/"} \ No newline at end of file +{"version":3,"sources":["gauge.min.js"],"names":["ns","_toConsumableArray","arr","Array","isArray","i","arr2","length","from","_possibleConstructorReturn","self","call","ReferenceError","_inherits","subClass","superClass","TypeError","prototype","Object","create","constructor","value","enumerable","writable","configurable","setPrototypeOf","__proto__","_classCallCheck","instance","Constructor","vendorize","prop","window","global","vendors","s","capitalized","charAt","toUpperCase","substr","vendorProp","step","time","draw","start","rule","duration","end","anim","progress","percent","frame","requestAnimationFrame","Collection","apply","this","arguments","verifyError","err","DOMException","result","prepareTicks","options","majorTicks","push","drawings","formatMajorTickNumber","minValue","maxValue","tickSide","roundRect","context","x","y","w","h","r","beginPath","moveTo","lineTo","quadraticCurveTo","closePath","padValue","val","dec","valueDec","int","valueInt","strVal","n","parseFloat","Math","abs","toFixed","toString","split","round","num","right","hasDec","majorTicksDec","majorTicksInt","indexOf","join","replace","radians","degrees","PI","radialPoint","radius","angle","sin","cos","linearGradient","colorFrom","colorTo","isVertical","undefined","grad","createLinearGradient","addColorStop","drawShadow","shadowDrawn","restore","save","borderShadowWidth","shadowBlur","shadowColor","colorBorderShadow","drawNeedleShadow","needleShadow","shadowOffsetX","shadowOffsetY","colorNeedleShadowDown","font","target","baseSize","reset","strokeStyle","lineWidth","drawValueTextShadow","offset","blur","valueTextShadow","colorValueTextShadow","drawValueBox","max","valueBox","text","valueText","tunit","runit","tw","measureText","width","th","fontValueSize","sw","valueBoxStroke","bmax","bw","bh","br","valueBoxBorderRadius","obw","valueBoxWidth","bx","by","gy","rect","grd","createRadialGradient","colorValueBoxRect","colorValueBoxRectEnd","stroke","colorValueBoxShadow","colorValueBoxBackground","fillStyle","fill","colorValueText","textAlign","textBaseline","fillText","normalizedValue","min","dt","normal","indented","drawRadialBorder","arc","maxRadialRadius","maxRadius","borderOuterWidth","borderMiddleWidth","borderInnerWidth","drawRadialPlate","d0","r0","r1","r2","r3","colorBorderOuter","colorBorderOuterEnd","colorBorderMiddle","colorBorderMiddleEnd","colorBorderInner","colorBorderInnerEnd","colorPlateEnd","colorPlate","drawRadialHighlights","hlWidth","highlightsWidth","radialTicksRadius","highlights","vd","ticksAngle","hlt","rotate","HPI","startAngle","to","color","drawRadialMinorTicks","SmartCanvas","pixelRatio","colorMinorTicks","minorTicks","closeStrokedPath","unit","barWidth","barStrokeWidth","drawRadialMajorTicks","colors","colorMajorTicks","radialNextAngle","strokeTicks","drawRadialNumbers","points","isAnimated","animationTarget","colorNumbers","plateValueAngle","point","drawRadialTitle","title","colorTitle","drawRadialUnits","units","colorUnits","drawRadialNeedle","needle","needleCircleSize","rIn","needleEnd","rStart","needleStart","rOut","pad1","needleWidth","pad2","isFixed","colorNeedle","colorNeedleEnd","needleType","colorNeedleShadowUp","needleCircleOuter","colorNeedleCircleOuter","colorNeedleCircleOuterEnd","needleCircleInner","colorNeedleCircleInner","colorNeedleCircleInnerEnd","drawRadialValueBox","drawRadialProgressBar","rMax","rMin","half","delta","sa","ea","colorBarStroke","colorBar","barShadow","clip","colorBarShadow","barProgress","colorBarProgress","displayValue","gauge","animatedValue","drawRectangle","colorStart","colorEnd","drawLinearBorder","drawLinearPlate","borderRadius","w1","w2","w3","w4","h1","h2","h3","h4","x2","x3","x4","y2","y3","y4","aliasingOffset","barDimensions","hasTitle","hasUnits","hasValue","titleMargin","unitsMargin","valueMargin","strokeWidth","barBeginCircle","barLength","barMargin","x0","y0","dx","hasLeft","hasRight","ticksWidth","dy","barOffset","ticksLength","X","Y","baseX","baseY","ticksPadding","drawLinearBarShape","type","_barDimensions","fullBarLength","direction","alpha","asin","cosAlpha","sinAlpha","x1","y1","cutRadius","rx","ry","colorBarEnd","colorBarProgressEnd","drawLinearBar","hasTicksBar","notWhich","needleSide","numberSide","drawLinearBarProgress","drawLinearBarHighlights","_context$barDimension","tickOffset","interval","eX","eH","eY","hLeft","hRight","entry","eStart","eW","drawLinearTick","drawLinearTicks","ticksSize","deltaLen","lineLength","_context$barDimension2","tickX","tickY","tickLen","tickLeft","tickRight","tickSpace","drawLinearMajorTicks","_drawings$prepareTick","_drawings$prepareTick2","_slicedToArray","_context$barDimension3","rightTicks","leftTicks","sX","sY","drawLinearTickStroke","drawLinearMinorTicks","_drawings$prepareTick3","_drawings$prepareTick4","ticksWidthMinor","drawLinearMajorTicksNumbers","_context$barDimension4","ticks","textHeight","fontNumbersSize","numLeft","numRight","textX","textY","textWidth","numberOffset","tick","drawLinearTitle","_context$barDimension5","fontTitleSize","drawLinearUnits","_context$barDimension6","fontUnitsSize","drawLinearBarNeedle","_context$barDimension7","position","tickWidth","baseLength","needleLength","toLowerCase","drawLinearArrowNeedle","drawLinearLineNeedle","barStart","nLeft","nRight","needleStyle","isRight","peakLength","bodyLength","halfWidth","drawLinearValueBox","boxWidth","sliceIterator","_arr","_n","_d","_e","_s","_i","Symbol","iterator","next","done","_get","get","object","property","receiver","Function","desc","getOwnPropertyDescriptor","parent","getPrototypeOf","getter","_set","set","setter","_createClass","defineProperties","props","descriptor","defineProperty","key","protoProps","staticProps","assign","firstSource","nextSource","keysArray","keys","nextIndex","len","nextKey","searchElement","fromIndex","k","O","Infinity","relativeStart","relativeEnd","final","EventEmitter","_events","addListener","on","removeListener","off","event","_len","args","_key","_len2","handlers","_key2","_loop","handler","wrapper","concat","_handler","index","splice","callback","setTimeout","Date","getTime","rules","linear","p","quad","pow","dequad","quint","dequint","cycle","acos","decycle","bounce","debounce","a","b","elastic","delastic","Animation","_this","performance","now","cancelAnimationFrame","id","DomObserver","element","toDashed","Type","mutationsObserved","isObservable","MutationObserver","GAUGES_NO_AUTO_INIT","domReady","traverse","bind","node","tagName","getAttribute","elements","document","getElementsByTagName","process","observe","body","childList","subtree","attributes","characterData","attributeOldValue","characterDataOldValue","records","record","attributeName","isValidNode","oldValue","addedNodes","ii","ss","_this2","JSON","parse","stringify","hasOwnProperty","toAttributeName","attributeValue","renderTo","observer","forEach","attr","disconnect","destroy","_prop","map","part","_options","update","test","e","camelCase","str","dashed","readyState","addEventListener","attachEvent","canvas","height","collection","init","style","elementClone","cloneNode","getContext","contextClone","drawWidth","drawHeight","drawX","drawY","minSide","initialized","translate","clearRect","onRedraw","scale","redraw","devicePixelRatio","matchMedia","GenericOptions","animateOnInit","borders","animation","animationDuration","animationRule","fontNumbers","fontTitle","fontUnits","fontValue","fontNumbersStyle","fontTitleStyle","fontUnitsStyle","fontValueStyle","fontNumbersWeight","fontTitleWeight","fontUnitsWeight","fontValueWeight","getElementById","version","gauges","BaseGauge","_EventEmitter","_this3","className","name","HTMLCanvasElement","parentNode","offsetWidth","offsetHeight","_value","configure","emit","_this4","ensureValue","fromValue","animate","toCamelCase","isNaN","isFinite","defaultRadialGaugeOptions","useMinPath","RadialGauge","_BaseGauge","_ref","commit","drawImage","_context","initialize","defaultLinearGaugeOptions","LinearGauge","_BaseGauge2","_ref2","drawBox","module","exports"],"mappings":"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","file":"gauge.min.js","sourcesContent":["/*!\n * The MIT License (MIT)\n * \n * Copyright (c) 2016 Mykhailo Stadnyk \n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n *\n * @version 2.1.1\n */\n(function(ns) {'use strict';\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if (\"value\" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };\n\nvar _set = function set(object, property, value, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent !== null) { set(parent, property, value, receiver); } } else if (\"value\" in desc && desc.writable) { desc.value = value; } else { var setter = desc.set; if (setter !== undefined) { setter.call(receiver, value); } } return value; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * @external {Object.assign} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n */\n/* istanbul ignore next */\nif (!Object.assign) {\n Object.defineProperty(Object, 'assign', {\n enumerable: false,\n configurable: true,\n writable: true,\n value: function value(target, firstSource) {\n 'use strict';\n\n if (target === undefined || target === null) {\n throw new TypeError('Cannot convert first argument to object');\n }\n\n var to = Object(target);\n var i = 1;\n\n for (; i < arguments.length; i++) {\n var nextSource = arguments[i];\n\n if (nextSource === undefined || nextSource === null) {\n continue;\n }\n\n var keysArray = Object.keys(Object(nextSource));\n var nextIndex = 0,\n len = keysArray.length;\n\n for (; nextIndex < len; nextIndex++) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n\n if (desc !== undefined && desc.enumerable) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n\n return to;\n }\n });\n}\n\n/**\n * @external {Array.indexOf} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf\n */\n/* istanbul ignore next */\nif (!Array.prototype.indexOf) {\n Array.prototype.indexOf = function (searchElement, fromIndex) {\n var k;\n\n if (this === null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n\n if (len === 0) {\n return -1;\n }\n\n var n = +fromIndex || 0;\n\n if (Math.abs(n) === Infinity) {\n n = 0;\n }\n\n if (n >= len) {\n return -1;\n }\n\n k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n while (k < len) {\n if (k in O && O[k] === searchElement) {\n return k;\n }\n\n k++;\n }\n\n return -1;\n };\n}\n\n/**\n * @external {Array.fill} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/fill\n */\n/* istanbul ignore next */\nif (!Array.prototype.fill) {\n Array.prototype.fill = function (value) {\n if (this === null) {\n throw new TypeError('this is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n var start = arguments[1];\n var relativeStart = start >> 0;\n var k = relativeStart < 0 ? Math.max(len + relativeStart, 0) : Math.min(relativeStart, len);\n var end = arguments[2];\n var relativeEnd = end === undefined ? len : end >> 0;\n var final = relativeEnd < 0 ? Math.max(len + relativeEnd, 0) : Math.min(relativeEnd, len);\n while (k < final) {\n O[k] = value;\n k++;\n }\n\n return O;\n };\n}\n\n/**\n * mocking window\n */\nif (typeof window === 'undefined') {\n window = typeof global === 'undefined' ? {} : global;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * Look-ups for a proper vendor-specific property and returns its value\n *\n * @example\n * var requestAnimationFrame = vendorize('requestAnimationFrame');\n * // it will refer properly to:\n * // - window.requestAnimationFrame by default or to\n * // - window.webkitRequestAnimationFrame or to\n * // - window.mozRequestAnimationFrame or to\n * // - window.msRequestAnimationFrame or to\n * // - window.oRequestAnimationFrame\n * // depending on the current browser vendor\n *\n * @author Mykhailo Stadnyk \n * @param {string} prop\n * @param {HTMLElement|Window|object} [from] - default is window\n * @returns {*}\n */\nfunction vendorize(prop, from) {\n /* istanbul ignore else: no reason to cover */\n if (!from) {\n from = typeof window === 'undefined' ? global : window;\n }\n\n if (typeof from[prop] !== 'undefined') {\n return from[prop];\n }\n\n var vendors = ['webkit', 'moz', 'ms', 'o'];\n var i = 0;\n var s = vendors.length;\n var capitalized = prop.charAt(0).toUpperCase() + prop.substr(1);\n\n for (; i < s; i++) {\n var vendorProp = from[vendors[i] + capitalized];\n\n /* istanbul ignore if: requires very complex environment to test (specific browser version) */\n if (typeof vendorProp !== 'undefined') {\n return vendorProp;\n }\n }\n\n return null;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Class EventEmitter - base event manager\n */\n\nvar EventEmitter = function () {\n /**\n * @constructor\n */\n function EventEmitter() {\n _classCallCheck(this, EventEmitter);\n\n this._events = {};\n\n this.addListener = this.on;\n this.removeListener = this.off;\n }\n\n /**\n * Returns all event listeners\n *\n * @return {object}\n */\n\n\n _createClass(EventEmitter, [{\n key: 'emit',\n\n\n /**\n * Emits given event bypassing to each registered handler given args\n *\n * @param {string} event\n * @param {...*} args\n */\n value: function emit(event) {\n if (this._events[event]) {\n var i = 0;\n var s = this._events[event].length;\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n for (; i < s; i++) {\n this._events[event][i] && this._events[event][i].apply(this, args);\n }\n }\n }\n\n /**\n * Registers given handler for given event to be called only once when\n * event is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'once',\n value: function once(event) {\n for (var _len2 = arguments.length, handlers = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n handlers[_key2 - 1] = arguments[_key2];\n }\n\n var i = 0;\n var s = handlers.length;\n var self = this;\n\n var _loop = function _loop() {\n var handler = handlers[i];\n var wrapper = function wrapper() {\n self.off(event, wrapper);\n handler.apply(self, arguments);\n };\n\n handlers[i] = wrapper;\n };\n\n for (; i < s; i++) {\n _loop();\n }\n\n this.on.apply(this, [event].concat(handlers));\n }\n\n /**\n * Registers given handlers for a given events to be called each time event\n * is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'on',\n value: function on(event) {\n if (!this._events[event]) {\n this._events[event] = [];\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n this._events[event].push(arguments.length <= i + 1 ? undefined : arguments[i + 1]);\n }\n }\n\n /**\n * Un-registers previously registered event handlers\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'off',\n value: function off(event) {\n if (!this._events[event]) {\n return;\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n var _handler = arguments.length <= i + 1 ? undefined : arguments[i + 1];\n var index = void 0;\n\n while (~(index = this._events[event].indexOf(_handler))) {\n this._events[event].splice(index, 1);\n }\n }\n }\n\n /**\n * Removes all listeners for a given event\n *\n * @param {string} event\n */\n\n }, {\n key: 'removeAllListeners',\n value: function removeAllListeners(event) {\n delete this._events[event];\n }\n }, {\n key: 'listeners',\n get: function get() {\n return this._events;\n }\n }]);\n\n return EventEmitter;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/* jshint -W079 */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/* istanbul ignore next */\n/**\n * @type {function(callback: function(time: number): number, element?: HTMLElement)}\n * @access private\n */\n\n\nvar requestAnimationFrame = vendorize('requestAnimationFrame') || function (callback) {\n return setTimeout(function () {\n return callback(new Date().getTime());\n }, 1000 / 60);\n};\n\n/**\n * Generic AnimationRule function interface\n *\n * @typedef {function(percent: number): number} AnimationRule\n */\n\n/**\n * Callback for animation step draw event.\n * It will be called each time animation step is executed, bypassing\n * as first argument a percent of animation completeness. It is expected\n * that this callback will do an actual work of animating an elements or\n * whatever, as far as animation engine is just calculating and executing\n * animation steps without any knowledge about things under animation.\n *\n * @typedef {function(percent: number): *} DrawEventCallback\n */\n\n/**\n * Callback for animation complete event.\n * It is called once each animation is complete.\n *\n * @typedef {function(): *} EndEventCallback\n */\n\n/**\n * Predefined known animation rules.\n * It's a simple collection of math for some most used animations.\n *\n * @typedef {{linear: AnimationRule, quad: AnimationRule, dequad: AnimationRule, quint: AnimationRule, dequint: AnimationRule, cycle: AnimationRule, decycle: AnimationRule, bounce: AnimationRule, debounce: AnimationRule, elastic: AnimationRule, delastic: AnimationRule}} AnimationRules\n */\n\n/* istanbul ignore next: no reason covering this */\nvar rules = {\n linear: function linear(p) {\n return p;\n },\n quad: function quad(p) {\n return Math.pow(p, 2);\n },\n dequad: function dequad(p) {\n return 1 - rules.quad(1 - p);\n },\n quint: function quint(p) {\n return Math.pow(p, 5);\n },\n dequint: function dequint(p) {\n return 1 - Math.pow(1 - p, 5);\n },\n cycle: function cycle(p) {\n return 1 - Math.sin(Math.acos(p));\n },\n decycle: function decycle(p) {\n return Math.sin(Math.acos(1 - p));\n },\n bounce: function bounce(p) {\n return 1 - rules.debounce(1 - p);\n },\n debounce: function debounce(p) {\n var a = 0,\n b = 1;\n for (; 1; a += b, b /= 2) {\n if (p >= (7 - 4 * a) / 11) {\n return -Math.pow((11 - 6 * a - 11 * p) / 4, 2) + Math.pow(b, 2);\n }\n }\n },\n elastic: function elastic(p) {\n return 1 - rules.delastic(1 - p);\n },\n delastic: function delastic(p) {\n var x = 1.5;\n return Math.pow(2, 10 * (p - 1)) * Math.cos(20 * Math.PI * x / 3 * p);\n }\n};\n\n/* istanbul ignore next: private, not testable */\n/**\n * Evaluates animation step and decides if the next step required or\n * stops animation calling a proper events.\n *\n * @access private\n * @param {number} time\n * @param {DrawEventCallback} draw\n * @param {number} start\n * @param {AnimationRule} rule\n * @param {number} duration\n * @param {EndEventCallback} end\n * @param {Animation} anim\n */\nfunction step(time, draw, start, rule, duration, end, anim) {\n if (typeof rule !== 'function') {\n throw new TypeError('Invalid animation rule:', rule);\n }\n\n var progress = time - start;\n var percent = progress / duration;\n\n if (percent > 1) {\n percent = 1;\n }\n\n draw && draw(percent === 1 ? percent : rule(percent));\n\n if (progress < duration) {\n anim.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rule, duration, end, anim);\n });\n } else {\n end && end();\n }\n}\n\n/**\n * Animation engine API for JavaScript-based animations.\n * This is simply an animation core framework which simplifies creation\n * of various animations for generic purposes.\n *\n * @example\n * // create 'linear' animation engine, 500ms duration\n * let linear = new Animation('linear', 500);\n *\n * // create 'elastic' animation engine\n * let elastic = new Animation('elastic');\n *\n * // define animation behavior\n * let bounced = new Animation('bounce', 500, percent => {\n * let value = parseInt(percent * 100, 10);\n *\n * $('div.bounced').css({\n * width: value + '%',\n * height: value + '%'\n * });\n * });\n *\n * // execute animation\n * bounced.animate();\n *\n * // execute animation and handle when its finished\n * bounced.animate(null, () => {\n * console.log('Animation finished!');\n * });\n */\n\nvar Animation = function () {\n\n /**\n * @constructor\n * @param {string|AnimationRule} rule\n * @param {number} duration\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n function Animation() {\n var rule = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'linear';\n var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;\n var draw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};\n var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};\n\n _classCallCheck(this, Animation);\n\n /**\n * Overall animation duration in milliseconds.\n * By default is equal to 250 ms.\n *\n * @type {number}\n */\n this.duration = duration;\n\n /**\n * Animation rule. By default is linear animation.\n * Animation rule is a subject to animation rules, which are\n * a simple object containing math-based methods for calculating\n * animation steps.\n *\n * @type {string|AnimationRule}\n */\n this.rule = rule;\n\n /**\n * Callback function for the animation step draw event.\n *\n * @type {DrawEventCallback}\n */\n this.draw = draw;\n\n /**\n * Callback for the animation complete event.\n *\n * @type {EndEventCallback}\n */\n this.end = end;\n\n if (typeof this.draw !== 'function') {\n throw new TypeError('Invalid animation draw callback:', draw);\n }\n\n if (typeof this.end !== 'function') {\n throw new TypeError('Invalid animation end callback:', end);\n }\n }\n\n /* istanbul ignore next: non-testable */\n /**\n * Performs animation calling each animation step draw callback and\n * end callback at the end of animation. Callbacks are optional to this\n * method call. If them are not bypassed will be used that ones which\n * was pre-set on constructing an Animation object or pre-set after\n * construction.\n *\n * @example\n * function draw(percent) {\n * $('.my-animated-divs').css({\n * width: parseInt(percent * 100, 10) + '%'\n * });\n * }\n * function done() {\n * console.log('Animation complete!');\n * }\n *\n * // Define 'draw' and 'end' callbacks on construction\n * var animation = new Animation('cycle', 500, draw, done);\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks after construction\n * var animation = new Animation('cycle', 500);\n * animation.draw = draw;\n * animation.end = done;\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks at animation\n * var animation = new Animation('cycle', 500);\n * animation.animate(draw, done);\n *\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n\n\n _createClass(Animation, [{\n key: 'animate',\n value: function animate(draw, end) {\n var _this = this;\n\n //noinspection JSUnresolvedVariable\n var start = window.performance && window.performance.now ? window.performance.now() : vendorize('animationStartTime') || Date.now();\n\n draw = draw || this.draw;\n end = end || this.end;\n\n /**\n * Current requested animation frame identifier\n *\n * @type {number}\n */\n this.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rules[_this.rule] || _this.rule, _this.duration, end, _this);\n });\n }\n\n /**\n * Destroys this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n if (this.frame) {\n var cancelAnimationFrame = vendorize('cancelAnimationFrame') ||\n /* istanbul ignore next */\n function (id) {};\n\n cancelAnimationFrame(this.frame);\n this.frame = null;\n }\n\n this.draw = null;\n this.end = null;\n }\n }]);\n\n return Animation;\n}();\n\n/**\n * Animation rules bound statically to Animation constructor.\n *\n * @type {AnimationRules}\n * @static\n */\n\n\nAnimation.rules = rules;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * @typedef {{ constructor: function(options: GenericOptions): GaugeInterface, draw: function(): GaugeInterface, destroy: function, update: function(options: GenericOptions) }} GaugeInterface\n */\n/**\n * @typedef {{parse: function, stringify: function}} JSON\n * @external {JSON} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON\n */\n/**\n * @ignore\n * @typedef {{MutationObserver: function}} ns\n */\n\n/**\n * DOM Observer.\n * It will observe DOM document for a configured element types and\n * instantiate associated Types for an existing or newly added DOM elements\n *\n * @example\n * class ProgressBar {\n * constructor(options) {}\n * draw() {}\n * }\n *\n * // It will observe DOM document for elements
\n * // having attribute 'data-type=\"progress\"'\n * // and instantiate for each new instance of ProgressBar\n *\n * new DomParser({color: 'red'}, 'div', 'progress', ProgressBar);\n *\n * // assume we could have HTML like this\n * //
\n * // in this case all matching attributes names for a given options will be\n * // parsed and bypassed to an instance from HTML attributes\n */\n\nvar DomObserver = function () {\n\n /**\n * @constructor\n * @param {object} options\n * @param {string} element\n * @param {string} type\n */\n function DomObserver(options, element, type) {\n _classCallCheck(this, DomObserver);\n\n //noinspection JSUnresolvedVariable\n /**\n * Default instantiation options for the given type\n *\n * @type {Object}\n */\n this.options = options;\n\n /**\n * Name of an element to lookup/observe\n *\n * @type {string}\n */\n this.element = element.toLowerCase();\n\n /**\n * data-type attribute value to lookup\n *\n * @type {string}\n */\n this.type = DomObserver.toDashed(type);\n\n /**\n * Actual type constructor to instantiate for each found element\n *\n * @type {Function}\n */\n this.Type = ns[type];\n\n /**\n * Signals if mutations observer for this type or not\n *\n * @type {boolean}\n */\n this.mutationsObserved = false;\n\n /**\n * Flag specifies whenever the browser supports observing\n * of DOM tree mutations or not\n *\n * @type {boolean}\n */\n this.isObservable = !!window.MutationObserver;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n if (!window.GAUGES_NO_AUTO_INIT) {\n DomObserver.domReady(this.traverse.bind(this));\n }\n }\n\n /**\n * Checks if given node is valid node to process\n *\n * @param {Node|HTMLElement} node\n * @returns {boolean}\n */\n\n\n _createClass(DomObserver, [{\n key: 'isValidNode',\n value: function isValidNode(node) {\n //noinspection JSUnresolvedVariable\n return !!(node.tagName && node.tagName.toLowerCase() === this.element && node.getAttribute('data-type') === this.type);\n }\n\n /**\n * Traverse entire current DOM tree and process matching nodes.\n * Usually it should be called only once on document initialization.\n */\n\n }, {\n key: 'traverse',\n value: function traverse() {\n var elements = document.getElementsByTagName(this.element);\n var i = 0,\n s = elements.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n this.process(elements[i]);\n }\n\n if (this.isObservable && !this.mutationsObserved) {\n new MutationObserver(this.observe.bind(this)).observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n characterData: true,\n attributeOldValue: true,\n characterDataOldValue: true\n });\n\n this.mutationsObserved = true;\n }\n }\n\n /**\n * Observes given mutation records for an elements to process\n *\n * @param {MutationRecord[]} records\n */\n\n }, {\n key: 'observe',\n value: function observe(records) {\n var i = 0;\n var s = records.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n var record = records[i];\n\n if (record.type === 'attributes' && record.attributeName === 'data-type' && this.isValidNode(record.target) && record.oldValue !== this.type) // skip false-positive mutations\n {\n setTimeout(this.process.bind(this, record.target));\n } else if (record.addedNodes && record.addedNodes.length) {\n var ii = 0;\n var ss = record.addedNodes.length;\n\n for (; ii < ss; ii++) {\n setTimeout(this.process.bind(this, record.addedNodes[ii]));\n }\n }\n }\n }\n\n /**\n * Parses given attribute value to a proper JavaScript value.\n * For example it will parse some stringified value to a proper type\n * value, e.g. 'true' => true, 'null' => null, '{\"prop\": 20}' => {prop: 20}\n *\n * @param {*} value\n * @return {*}\n */\n\n }, {\n key: 'process',\n\n\n /**\n * Processes a given node, instantiating a proper type constructor for it\n *\n * @param {Node|HTMLElement} node\n * @returns {GaugeInterface|null}\n */\n value: function process(node) {\n var _this2 = this;\n\n if (!this.isValidNode(node)) return null;\n\n var prop = void 0;\n var options = JSON.parse(JSON.stringify(this.options));\n var instance = null;\n\n for (prop in options) {\n /* istanbul ignore else: non-testable in most cases */\n if (options.hasOwnProperty(prop)) {\n var attributeName = DomObserver.toAttributeName(prop);\n var attributeValue = DomObserver.parse(node.getAttribute(attributeName));\n\n if (attributeValue !== null && attributeValue !== undefined) {\n options[prop] = attributeValue;\n }\n }\n }\n\n options.renderTo = node;\n instance = new this.Type(options);\n instance.draw && instance.draw();\n\n if (!this.isObservable) return instance;\n\n instance.observer = new MutationObserver(function (records) {\n records.forEach(function (record) {\n if (record.type === 'attributes') {\n var attr = record.attributeName.toLowerCase();\n var type = node.getAttribute(attr).toLowerCase();\n\n if (attr === 'data-type' && type && type !== _this2.type) {\n instance.observer.disconnect();\n delete instance.observer;\n instance.destroy && instance.destroy();\n } else if (attr.substr(0, 5) === 'data-') {\n var _prop = attr.substr(5).split('-').map(function (part, i) {\n return !i ? part : part.charAt(0).toUpperCase() + part.substr(1);\n }).join('');\n var _options = {};\n\n _options[_prop] = DomObserver.parse(node.getAttribute(record.attributeName));\n\n instance.update && instance.update(_options);\n }\n }\n });\n });\n\n //noinspection JSCheckFunctionSignatures\n instance.observer.observe(node, { attributes: true });\n\n return instance;\n }\n\n /**\n * Transforms camelCase string to dashed string\n *\n * @static\n * @param {string} camelCase\n * @return {string}\n */\n\n }], [{\n key: 'parse',\n value: function parse(value) {\n // parse boolean\n if (value === 'true') return true;\n if (value === 'false') return false;\n\n // parse undefined\n if (value === 'undefined') return undefined;\n\n // parse null\n if (value === 'null') return null;\n\n // Comma-separated strings to array parsing.\n // It won't match strings which contains non alphanumeric characters to\n // prevent strings like 'rgba(0,0,0,0)' or JSON-like from being parsed.\n // Typically it simply allows easily declare arrays as comma-separated\n // numbers or plain strings. If something more complicated is\n // required it can be declared using JSON format syntax\n if (/^[-+#.\\w\\d\\s]+(?:,[-+#.\\w\\d\\s]*)+$/.test(value)) {\n return value.split(',');\n }\n\n // parse JSON\n try {\n return JSON.parse(value);\n } catch (e) {}\n\n // plain value - no need to parse\n return value;\n }\n }, {\n key: 'toDashed',\n value: function toDashed(camelCase) {\n var arr = camelCase.split(/(?=[A-Z])/);\n var i = 1;\n var s = arr.length;\n var str = arr[0].toLowerCase();\n\n for (; i < s; i++) {\n str += '-' + arr[i].toLowerCase();\n }\n\n return str;\n }\n\n /**\n * Transforms dashed string to CamelCase representation\n *\n * @param {string} dashed\n * @param {boolean} [capitalized]\n * @return {string}\n */\n\n }, {\n key: 'toCamelCase',\n value: function toCamelCase(dashed) {\n var capitalized = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n var arr = dashed.split(/-/);\n var i = 0;\n var s = arr.length;\n var str = '';\n\n for (; i < s; i++) {\n if (!(i || capitalized)) {\n str += arr[i].toLowerCase();\n } else {\n str += arr[i][0].toUpperCase() + arr[i].substr(1).toLowerCase();\n }\n }\n\n return str;\n }\n\n /**\n * Transforms camel case property name to dash separated attribute name\n *\n * @static\n * @param {string} str\n * @returns {string}\n */\n\n }, {\n key: 'toAttributeName',\n value: function toAttributeName(str) {\n return 'data-' + DomObserver.toDashed(str);\n }\n\n /**\n * Cross-browser DOM ready handler\n *\n * @static\n * @param {Function} handler\n */\n\n }, {\n key: 'domReady',\n value: function domReady(handler) {\n if (/comp|inter|loaded/.test((window.document || {}).readyState + '')) return handler();\n\n if (window.addEventListener) window.addEventListener('DOMContentLoaded', handler, false);else if (window.attachEvent) window.attachEvent('onload', handler);\n }\n }]);\n\n return DomObserver;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/**\n * Drawings on canvas using hidden canvas as a cache for better\n * performance drawings during canvas animations. SmartCanvas also\n * adopts a canvas to\n */\n\n\nvar SmartCanvas = function () {\n\n /**\n * @constructor\n * @param {HTMLCanvasElement} canvas\n * @param {number} [width]\n * @param {number} [height]\n */\n function SmartCanvas(canvas, width, height) {\n _classCallCheck(this, SmartCanvas);\n\n SmartCanvas.collection.push(this);\n\n /**\n * Canvas base width\n *\n * @type {number}\n */\n this.width = width || 0;\n\n /**\n * Canvas base height\n *\n * @type {number}\n */\n this.height = height || 0;\n\n /**\n * Target drawings canvas element\n *\n * @type {HTMLCanvasElement}\n */\n this.element = canvas;\n\n this.init();\n }\n\n /**\n * Initializes canvases and contexts\n */\n\n\n _createClass(SmartCanvas, [{\n key: 'init',\n value: function init() {\n var pixelRatio = SmartCanvas.pixelRatio;\n\n this.element.width = this.width * pixelRatio;\n this.element.height = this.height * pixelRatio;\n\n this.element.style.width = this.width + 'px';\n this.element.style.height = this.height + 'px';\n\n /**\n * Canvas caching element\n *\n * @type {HTMLCanvasElement|Node}\n */\n this.elementClone = this.element.cloneNode(true);\n\n //noinspection JSUnresolvedVariable\n /**\n * Target drawings canvas element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.context = this.element.getContext('2d');\n\n /**\n * Canvas caching element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.contextClone = this.elementClone.getContext('2d');\n\n /**\n * Actual drawings width\n *\n * @type {number}\n */\n this.drawWidth = this.element.width;\n\n /**\n * Actual drawings height\n *\n * @type {number}\n */\n this.drawHeight = this.element.height;\n\n /**\n * X-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawX = this.drawWidth / 2;\n\n /**\n * Y-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawY = this.drawHeight / 2;\n\n /**\n * Minimal side length in pixels of the drawing\n *\n * @type {number}\n */\n this.minSide = this.drawX < this.drawY ? this.drawX : this.drawY;\n\n this.elementClone.initialized = false;\n\n this.contextClone.translate(this.drawX, this.drawY);\n this.contextClone.save();\n\n this.context.translate(this.drawX, this.drawY);\n this.context.save();\n\n this.context.max = this.contextClone.max = this.minSide;\n this.context.maxRadius = this.contextClone.maxRadius = null;\n }\n\n /**\n * Destroys this object, removing the references from memory\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = SmartCanvas.collection.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n SmartCanvas.collection.splice(index, 1);\n }\n\n this.context.clearRect(-this.drawX, -this.drawY, this.drawWidth, this.drawHeight);\n\n // dereference all created elements\n this.context.max = null;\n delete this.context.max;\n\n this.context.maxRadius = null;\n delete this.context.maxRadius;\n\n this.context = null;\n this.contextClone = null;\n this.elementClone = null;\n this.element = null;\n\n /**\n * On canvas redraw event callback\n *\n * @type {function|null|undefined}\n */\n this.onRedraw = null;\n }\n\n /**\n * Commits the drawings\n */\n\n }, {\n key: 'commit',\n value: function commit() {\n var scale = SmartCanvas.pixelRatio;\n\n if (scale !== 1) {\n this.contextClone.scale(scale, scale);\n this.contextClone.save();\n }\n\n return this;\n }\n\n /**\n * Redraw this object\n */\n\n }, {\n key: 'redraw',\n value: function redraw() {\n this.init();\n\n /**\n * On canvas redraw event callback\n *\n * @type {function(): *}\n */\n this.onRedraw && this.onRedraw();\n\n return this;\n }\n\n /**\n * Returns current device pixel ratio\n *\n * @returns {number}\n */\n\n }], [{\n key: 'redraw',\n\n\n /**\n * Forces redraw all canvas in the current collection\n */\n value: function redraw() {\n var i = 0;\n var s = SmartCanvas.collection.length;\n\n for (; i < s; i++) {\n SmartCanvas.collection[i].redraw();\n }\n }\n }, {\n key: 'pixelRatio',\n get: function get() {\n /* istanbul ignore next */\n //noinspection JSUnresolvedVariable\n return window.devicePixelRatio || 1;\n }\n }]);\n\n return SmartCanvas;\n}();\n\nSmartCanvas.collection = [];\n\n/* istanbul ignore next: very browser-specific testing required to cover */\n//noinspection JSUnresolvedVariable\nif (window.matchMedia) {\n //noinspection JSUnresolvedFunction\n window.matchMedia('screen and (min-resolution: 2dppx)').addListener(SmartCanvas.redraw);\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Describes rendering target element. Can be either string identifier of\n * the element or the element itself.\n *\n * @typedef {HTMLElement|string} RenderTarget\n */\n\n/**\n * Highlight area definition.\n * It describes highlight area starting from value to value using\n * color. Color can be describes with hex, rgb or rgba value.\n *\n * @typedef {{ from: number, to: number, color: string}} Highlight\n */\n\n/**\n * Shared generic gauges options\n *\n * @type {{renderTo: RenderTarget, width: number, height: number, minValue: number, maxValue: number, value: number, units: string|boolean, majorTicks: number[]|string[], minorTicks: number, strokeTicks: boolean, animatedValue: boolean, animateOnInit: boolean, title: string|boolean, borders: boolean, valueInt: number, valueDec: number, majorTicksInt: number, majorTicksDec: number, animation: boolean, animationDuration: number, animationRule: string|AnimationRule, colorPlate: string, colorPlateEnd: string, colorMajorTicks: string, colorMinorTicks: string, colorTitle: string, colorUnits: string, colorNumbers: string, colorNeedle: string, colorNeedleEnd: string, colorValueText: string, colorValueTextShadow: string, colorBorderShadow: string, colorBorderOuter: string, colorBorderOuterEnd: string, colorBorderMiddle: string, colorBorderMiddleEnd: string, colorBorderInner: string, colorBorderInnerEnd: string, colorValueBoxRect: string, colorValueBoxRectEnd: string, colorValueBoxBackground: string, colorValueBoxShadow: string, colorNeedleShadowUp: string, colorNeedleShadowDown: string, needle: boolean, needleShadow: boolean, needleType: string, needleStart: number, needleEnd: number, needleWidth: number, borderOuterWidth: number, borderMiddleWidth: number, borderInnerWidth: number, borderShadowWidth: number, valueBox: boolean, valueBoxWidth: number, valueBoxStroke: number, valueText: string, valueTextShadow: boolean, valueBoxBorderRadius: number, highlights: Highlight[], highlightsWidth: number, fontNumbers: string, fontTitle: string, fontUnits: string, fontValue: string, fontTitleSize: number, fontValueSize: number, fontUnitsSize: number, fontNumbersSize: number, fontNumbersStyle: string, fontTitleStyle: string, fontUnitsStyle: string, fontValueStyle: string, fontNumbersWeight: string, fontTitleWeight: string, fontUnitsWeight: string, fontValueWeight: string, barWidth: number, barStrokeWidth: number, barProgress: boolean, colorBar: string, colorBarStroke: string, colorBarProgress: string, colorBarShadow: string, barShadow: number}} GenericOptions\n */\nvar GenericOptions = {\n // basic options\n renderTo: null,\n width: 0,\n height: 0,\n minValue: 0,\n maxValue: 100,\n value: 0,\n units: false,\n majorTicks: [0, 20, 40, 60, 80, 100],\n minorTicks: 10,\n strokeTicks: true,\n animatedValue: false,\n animateOnInit: false,\n title: false,\n borders: true,\n\n // number formats\n valueInt: 3,\n valueDec: 2,\n majorTicksInt: 1,\n majorTicksDec: 0,\n\n // animations\n animation: true,\n animationDuration: 500,\n animationRule: 'cycle',\n\n // colors\n colorPlate: '#fff',\n colorPlateEnd: '',\n colorMajorTicks: '#444',\n colorMinorTicks: '#666',\n colorTitle: '#888',\n colorUnits: '#888',\n colorNumbers: '#444',\n colorNeedle: 'rgba(240,128,128,1)',\n colorNeedleEnd: 'rgba(255,160,122,.9)',\n colorValueText: '#444',\n colorValueTextShadow: 'rgba(0,0,0,0.3)',\n colorBorderShadow: 'rgba(0,0,0,0.5)',\n colorBorderOuter: '#ddd',\n colorBorderOuterEnd: '#aaa',\n colorBorderMiddle: '#eee',\n colorBorderMiddleEnd: '#f0f0f0',\n colorBorderInner: '#fafafa',\n colorBorderInnerEnd: '#ccc',\n colorValueBoxRect: '#888',\n colorValueBoxRectEnd: '#666',\n colorValueBoxBackground: '#babab2',\n colorValueBoxShadow: 'rgba(0,0,0,1)',\n colorNeedleShadowUp: 'rgba(2,255,255,0.2)',\n colorNeedleShadowDown: 'rgba(188,143,143,0.45)',\n colorBarStroke: '#222',\n colorBar: '#ccc',\n colorBarProgress: '#888',\n colorBarShadow: '#000',\n\n fontNumbers: 'Arial',\n fontTitle: 'Arial',\n fontUnits: 'Arial',\n fontValue: 'Arial',\n\n fontNumbersSize: 20,\n fontTitleSize: 24,\n fontUnitsSize: 22,\n fontValueSize: 26,\n\n fontNumbersStyle: 'normal',\n fontTitleStyle: 'normal',\n fontUnitsStyle: 'normal',\n fontValueStyle: 'normal',\n\n fontNumbersWeight: 'normal',\n fontTitleWeight: 'normal',\n fontUnitsWeight: 'normal',\n fontValueWeight: 'normal',\n\n // needle\n needle: true,\n needleShadow: true,\n needleType: 'arrow',\n needleStart: 5,\n needleEnd: 85,\n needleWidth: 4,\n\n // borders\n borderOuterWidth: 3,\n borderMiddleWidth: 3,\n borderInnerWidth: 3,\n borderShadowWidth: 3,\n\n // value and highlights\n valueBox: true,\n valueBoxStroke: 5,\n valueBoxWidth: 0,\n valueText: '',\n valueTextShadow: true,\n valueBoxBorderRadius: 2.5,\n\n // highlights\n highlights: [{ from: 20, to: 60, color: '#eee' }, { from: 60, to: 80, color: '#ccc' }, { from: 80, to: 100, color: '#999' }],\n highlightsWidth: 15,\n\n // progress bar\n barWidth: 20, // percents\n barStrokeWidth: 0, // pixels\n barProgress: true,\n barShadow: 0\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Gauge collections type.\n *\n * It is used ES5 declaration here, because babel\n * transpiles inheritance incorrectly in this case.\n *\n * @class Collection\n * @constructor\n */\nfunction Collection() {\n Array.prototype.constructor.apply(this, arguments);\n}\n\nCollection.prototype = Object.create(Array.prototype);\nCollection.prototype.constructor = Collection;\n\n/**\n * Returns gauge object by its identifier or index in the collection\n *\n * @param {string|number} id\n * @return {*}\n */\nCollection.prototype.get = function (id) {\n if (typeof id === 'string') {\n var i = 0;\n var s = this.length;\n\n for (; i < s; i++) {\n var canvas = this[i].options.renderTo.tagName ? this[i].options.renderTo :\n /* istanbul ignore next: should be tested with e2e tests */\n document.getElementById(this[i].options.renderTo || '');\n\n if (canvas.getAttribute('id') === id) {\n return this[i];\n }\n }\n } else if (typeof id === 'number') {\n return this[id];\n }\n\n return null;\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar version = '2.1.1';\n\nvar round = Math.round;\nvar abs = Math.abs;\n\nvar gauges = new Collection();\n\ngauges.version = version;\n\n/**\n * Basic abstract BaseGauge class implementing common functionality\n * for different type of gauges.\n *\n * It should not be instantiated directly but must be extended by a final\n * gauge implementation.\n *\n * @abstract\n * @example\n *\n * class MyCoolGauge extends BaseGauge {\n *\n * // theses methods below MUST be implemented:\n *\n * constructor(options) {\n * // ... do something with options\n * super(options);\n * // ... implement anything else\n * }\n *\n * draw() {\n * // ... some implementation here\n * return this;\n * }\n * }\n */\n\nvar BaseGauge = function (_EventEmitter) {\n _inherits(BaseGauge, _EventEmitter);\n\n /**\n * Fired each time gauge is initialized on a page\n *\n * @event BaseGauge#init\n */\n\n /**\n * Fired each time gauge scene is rendered\n *\n * @event BaseGauge#render\n */\n\n /**\n * Fired each time gauge object is destroyed\n *\n * @event BaseGauge#destroy\n */\n\n /**\n * Fired each time before animation is started on the gauge\n *\n * @event BaseGauge#animationStart\n */\n\n /**\n * Fired each time animation scene is complete\n *\n * @event BaseGauge#animate\n * @type {number} percent\n * @type {number} value\n */\n\n /**\n * Fired each time animation is complete on the gauge\n *\n * @event BaseGauge#animationEnd\n */\n\n /**\n * @constructor\n * @abstract\n * @param {GenericOptions} options\n */\n function BaseGauge(options) {\n _classCallCheck(this, BaseGauge);\n\n var _this3 = _possibleConstructorReturn(this, (BaseGauge.__proto__ || Object.getPrototypeOf(BaseGauge)).call(this));\n\n var className = _this3.constructor.name;\n\n if (className === 'BaseGauge') {\n throw new TypeError('Attempt to instantiate abstract class!');\n }\n\n gauges.push(_this3);\n\n //noinspection JSUnresolvedVariable\n /**\n * Gauges version string\n *\n * @type {string}\n */\n _this3.version = version;\n\n /**\n * Gauge type class\n *\n * @type {BaseGauge} type\n */\n _this3.type = ns[className] || BaseGauge;\n\n /**\n * True if gauge has been drawn for the first time, false otherwise.\n *\n * @type {boolean}\n */\n _this3.initialized = false;\n\n options.minValue = parseFloat(options.minValue);\n options.maxValue = parseFloat(options.maxValue);\n options.value = parseFloat(options.value) || 0;\n\n if (!options.borders) {\n options.borderInnerWidth = options.borderMiddleWidth = options.borderOuterWidth = 0;\n }\n\n if (!options.renderTo) {\n throw TypeError('Canvas element was not specified when creating ' + 'the Gauge object!');\n }\n\n var canvas = options.renderTo.tagName ? options.renderTo :\n /* istanbul ignore next: to be tested with e2e tests */\n document.getElementById(options.renderTo);\n\n if (!(canvas instanceof HTMLCanvasElement)) {\n throw TypeError('Given gauge canvas element is invalid!');\n }\n\n options.width = parseFloat(options.width) || 0;\n options.height = parseFloat(options.height) || 0;\n\n if (!options.width || !options.height) {\n if (!options.width) options.width = canvas.parentNode ? canvas.parentNode.offsetWidth : canvas.offsetWidth;\n if (!options.height) options.height = canvas.parentNode ? canvas.parentNode.offsetHeight : canvas.offsetHeight;\n }\n\n /**\n * Gauge options\n *\n * @type {GenericOptions} options\n */\n _this3.options = options || {};\n\n if (_this3.options.animateOnInit) {\n _this3._value = _this3.options.value;\n _this3.options.value = _this3.options.minValue;\n }\n\n /**\n * @type {SmartCanvas} canvas\n */\n _this3.canvas = new SmartCanvas(canvas, options.width, options.height);\n _this3.canvas.onRedraw = _this3.draw.bind(_this3);\n\n /**\n * @type {Animation} animation\n */\n _this3.animation = new Animation(options.animationRule, options.animationDuration);\n return _this3;\n }\n\n /**\n * Sets new value for this gauge.\n * If gauge is animated by configuration it will trigger a proper animation.\n * Upsetting a value triggers gauge redraw.\n *\n * @param {number} value\n */\n\n\n _createClass(BaseGauge, [{\n key: 'update',\n\n\n /**\n * Updates gauge configuration options at runtime and redraws the gauge\n *\n * @param {RadialGaugeOptions} options\n * @returns {BaseGauge}\n */\n value: function update(options) {\n Object.assign(this.options, this.type.configure(options || {}));\n\n this.canvas.width = this.options.width;\n this.canvas.height = this.options.height;\n\n this.animation.rule = this.options.animationRule;\n this.animation.duration = this.options.animationDuration;\n\n this.canvas.redraw();\n\n return this;\n }\n\n /**\n * Performs destruction of this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = gauges.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n //noinspection JSUnresolvedFunction\n gauges.splice(index, 1);\n }\n\n this.canvas.destroy();\n this.canvas = null;\n\n this.animation.destroy();\n this.animation = null;\n\n this.emit('destroy');\n }\n\n /**\n * Returns gauges version string\n *\n * @return {string}\n */\n\n }, {\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @abstract\n * @returns {BaseGauge}\n */\n value: function draw() {\n if (this.options.animateOnInit && !this.initialized) {\n this.value = this._value;\n this.initialized = true;\n this.emit('init');\n }\n\n this.emit('render');\n\n return this;\n }\n\n /**\n * Inject given gauge object into DOM\n *\n * @param {string} type\n * @param {GenericOptions} options\n */\n\n }, {\n key: 'value',\n set: function set(value) {\n var _this4 = this;\n\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n var fromValue = this.options.value;\n\n if (value === fromValue) return;\n\n if (this.options.animation) {\n /**\n * @type {number}\n * @access private\n */\n if (this._value === undefined) {\n this._value = value;\n }\n\n this.emit('animationStart');\n\n this.animation.animate(function (percent) {\n _this4.options.value = fromValue + (value - fromValue) * percent;\n\n _this4.draw();\n\n _this4.emit('animate', percent, _this4.options.value);\n }, function () {\n if (_this4._value !== undefined) {\n _this4.options.value = _this4._value;\n delete _this4._value;\n }\n\n _this4.draw();\n _this4.emit('animationEnd');\n });\n } else {\n this.options.value = value;\n this.draw();\n }\n }\n\n /**\n * Returns current value of the gauge\n *\n * @return {number}\n */\n ,\n get: function get() {\n return typeof this._value === 'undefined' ? this.options.value : this._value;\n }\n\n /**\n * Updates gauge options\n *\n * @param {*} options\n * @return {BaseGauge}\n * @access protected\n */\n\n }], [{\n key: 'configure',\n value: function configure(options) {\n return options;\n }\n }, {\n key: 'initialize',\n value: function initialize(type, options) {\n return new DomObserver(options, 'canvas', type);\n }\n\n /**\n * Initializes gauge from a given HTML element\n * (given element should be valid HTML canvas gauge definition)\n *\n * @param {HTMLElement} element\n */\n\n }, {\n key: 'fromElement',\n value: function fromElement(element) {\n var type = DomObserver.toCamelCase(element.getAttribute('data-type'));\n var attributes = element.attributes;\n var i = 0;\n var s = attributes.length;\n var options = {};\n\n if (!type) {\n return;\n }\n\n if (!/Gauge$/.test(type)) {\n type += 'Gauge';\n }\n\n for (; i < s; i++) {\n options[DomObserver.toCamelCase(attributes[i].name.replace(/^data-/, ''), false)] = DomObserver.parse(attributes[i].value);\n }\n\n new DomObserver(options, element.tagName, type).process(element);\n }\n\n /**\n * Ensures value is proper number\n *\n * @param {*} value\n * @param {number} min\n * @return {number}\n */\n\n }, {\n key: 'ensureValue',\n value: function ensureValue(value) {\n var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n value = parseFloat(value);\n\n if (isNaN(value) || !isFinite(value)) {\n value = parseFloat(min) || 0;\n }\n\n return value;\n }\n }, {\n key: 'version',\n get: function get() {\n return version;\n }\n }]);\n\n return BaseGauge;\n}(EventEmitter);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['BaseGauge'] = BaseGauge;\n ns['gauges'] = (window.document || {})['gauges'] = gauges;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @access private\n * @typedef {CanvasRenderingContext2D|{max: number, maxRadius: number, barDimensions: object}} Canvas2DContext\n */\n\n/* istanbul ignore next: private, not testable */\n/**\n * Examines if a given error is something to throw or to ignore\n *\n * @param {Error} err\n */\nfunction verifyError(err) {\n // there is some unpredictable error in FF in some circumstances\n // which we found simply safe to ignore than to fight with it\n // noinspection JSUnresolvedVariable\n if (err instanceof DOMException && err.result === 0x8053000b) {\n return; // ignore it\n }\n\n throw err;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Prepares major ticks data\n *\n * @access private\n * @param {GenericOptions|{ tickSide: string }} options\n * @return {[boolean, boolean]}\n */\nfunction prepareTicks(options) {\n if (!(options.majorTicks instanceof Array)) {\n options.majorTicks = options.majorTicks ? [options.majorTicks] : [];\n }\n\n if (!options.majorTicks.length) {\n options.majorTicks.push(drawings.formatMajorTickNumber(options.minValue, options));\n options.majorTicks.push(drawings.formatMajorTickNumber(options.maxValue, options));\n }\n\n return [options.tickSide !== 'right', options.tickSide !== 'left'];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rounded corners rectangle\n *\n * @param {Canvas2DContext} context\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @param {number} r\n */\nfunction roundRect(context, x, y, w, h, r) {\n context.beginPath();\n\n context.moveTo(x + r, y);\n context.lineTo(x + w - r, y);\n\n context.quadraticCurveTo(x + w, y, x + w, y + r);\n context.lineTo(x + w, y + h - r);\n\n context.quadraticCurveTo(x + w, y + h, x + w - r, y + h);\n context.lineTo(x + r, y + h);\n\n context.quadraticCurveTo(x, y + h, x, y + h - r);\n context.lineTo(x, y + r);\n\n context.quadraticCurveTo(x, y, x + r, y);\n\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Pads a given value with leading zeros using the given options\n *\n * @param {number} val\n * @param {RadialGaugeOptions|{valueInt: number, valueDec: number}} options\n * @returns {string}\n */\nfunction padValue(val, options) {\n var dec = options.valueDec;\n var int = options.valueInt;\n var i = 0;\n var s = void 0,\n strVal = void 0,\n n = void 0;\n\n val = parseFloat(val);\n n = val < 0;\n val = Math.abs(val);\n\n if (dec > 0) {\n strVal = val.toFixed(dec).toString().split('.');\n s = int - strVal[0].length;\n\n for (; i < s; ++i) {\n strVal[0] = '0' + strVal[0];\n }\n\n strVal = (n ? '-' : '') + strVal[0] + '.' + strVal[1];\n } else {\n strVal = Math.round(val).toString();\n s = int - strVal.length;\n\n for (; i < s; ++i) {\n strVal = '0' + strVal;\n }\n\n strVal = (n ? '-' : '') + strVal;\n }\n\n return strVal;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Formats a number for display on the dial's plate using the majorTicksFormat\n * config option.\n *\n * @param {number} num number to format\n * @param {object} options\n * @returns {string} formatted number\n */\nfunction formatMajorTickNumber(num, options) {\n var right = void 0,\n hasDec = false;\n\n // First, force the correct number of digits right of the decimal.\n if (options.majorTicksDec === 0) {\n right = Math.round(num).toString();\n } else {\n right = num.toFixed(options.majorTicksDec);\n }\n\n // Second, force the correct number of digits left of the decimal.\n if (options.majorTicksInt > 1) {\n // Does this number have a decimal?\n hasDec = ~right.indexOf('.');\n\n // Is this number a negative number?\n if (~right.indexOf('-')) {\n return '-' + [options.majorTicksInt + options.majorTicksDec + 2 + (hasDec ? 1 : 0) - right.length].join('0') + right.replace('-', '');\n } else {\n return [options.majorTicksInt + options.majorTicksDec + 1 + (hasDec ? 1 : 0) - right.length].join('0') + right;\n }\n }\n\n return right;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Transforms degrees to radians\n *\n * @param {number} degrees\n * @returns {number}\n */\nfunction radians(degrees) {\n return degrees * Math.PI / 180;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns radial point coordinates\n *\n * @param {number} radius\n * @param {number} angle\n * @returns {{x: number, y: number}}\n */\nfunction radialPoint(radius, angle) {\n return { x: -radius * Math.sin(angle), y: radius * Math.cos(angle) };\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Creates and returns linear gradient canvas object\n *\n * @param {Canvas2DContext} context\n * @param {string} colorFrom\n * @param {string} colorTo\n * @param {number} length\n * @param {boolean} [isVertical]\n * @param {number} [from]\n * @returns {CanvasGradient}\n */\nfunction linearGradient(context, colorFrom, colorTo, length) {\n var isVertical = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;\n var from = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n var grad = context.createLinearGradient(isVertical ? 0 : from, isVertical ? from : 0, isVertical ? 0 : length, isVertical ? length : 0);\n\n grad.addColorStop(0, colorFrom);\n grad.addColorStop(1, colorTo);\n\n return grad;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws the shadow if it was not drawn\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {boolean} shadowDrawn\n * @return {boolean}\n */\nfunction drawShadow(context, options) {\n var shadowDrawn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n if (shadowDrawn) {\n context.restore();\n return true;\n }\n\n context.save();\n\n var w = options.borderShadowWidth;\n\n if (w) {\n context.shadowBlur = w;\n context.shadowColor = options.colorBorderShadow;\n }\n\n return true;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle shadow\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawNeedleShadow(context, options) {\n if (!options.needleShadow) return;\n\n context.shadowOffsetX = 2;\n context.shadowOffsetY = 2;\n context.shadowBlur = 10;\n context.shadowColor = options.colorNeedleShadowDown;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Constructs font styles for canvas fonts\n *\n * @param {GenericOptions} options\n * @param {string} target\n * @param {number} baseSize\n */\nfunction font(options, target, baseSize) {\n return options['font' + target + 'Style'] + ' ' + options['font' + target + 'Weight'] + ' ' + options['font' + target + 'Size'] * baseSize + 'px ' + options['font' + target];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Resets some context settings\n *\n * @param {Canvas2DContext} context\n */\nfunction reset(context) {\n context.shadowOffsetX = null;\n context.shadowOffsetY = null;\n context.shadowBlur = null;\n context.shadowColor = '';\n context.strokeStyle = null;\n context.lineWidth = 0;\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Declares to drow value text shadow if configured\n *\n * @param context\n * @param options\n * @param offset\n * @param blur\n */\nfunction drawValueTextShadow(context, options, offset, blur) {\n if (options.valueTextShadow) {\n context.shadowOffsetX = offset;\n context.shadowOffsetY = offset;\n context.shadowBlur = blur;\n context.shadowColor = options.colorValueTextShadow;\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box at given position\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {number|string} value\n * @param {number} x\n * @param {number} y\n * @param {number} max\n */\nfunction drawValueBox(context, options, value, x, y, max) {\n if (!options.valueBox) return;\n\n reset(context);\n\n var text = options.valueText || padValue(value, options);\n var tunit = max / 200;\n var runit = max / 100;\n var offset = 0.4 * runit;\n var blur = 1.2 * runit;\n\n context.font = font(options, 'Value', tunit);\n drawValueTextShadow(context, options, offset, blur);\n\n var tw = context.measureText(options.valueText ? text : '-' + padValue(0, options)).width;\n\n reset(context);\n\n var th = parseFloat(options.fontValueSize) * tunit + offset + blur;\n var sw = runit * parseFloat(options.valueBoxStroke);\n var bmax = max * 2 - sw * 2;\n\n var bw = tw + 10 * runit;\n var bh = 1.1 * th + offset + blur;\n var br = runit * options.valueBoxBorderRadius;\n var obw = (parseFloat(options.valueBoxWidth) || 0) / 100 * bmax;\n\n obw > bw && (bw = obw);\n bw > bmax && (bw = bmax);\n\n var bx = x - bw / 2;\n var by = y - bh / 2;\n var gy = y - 5.75 * runit;\n\n context.beginPath();\n\n if (br) roundRect(context, bx, by, bw, bh, br);else context.rect(bx, by, bw, bh);\n\n if (sw) {\n var grd = context.createRadialGradient(x, gy, runit * 10, x, gy, runit * 20);\n\n grd.addColorStop(0, options.colorValueBoxRect);\n grd.addColorStop(1, options.colorValueBoxRectEnd);\n\n context.strokeStyle = grd;\n context.lineWidth = sw;\n context.stroke();\n }\n\n if (options.colorValueBoxShadow) {\n context.shadowBlur = 1.2 * runit;\n context.shadowColor = options.colorValueBoxShadow;\n }\n\n if (options.colorValueBoxBackground) {\n context.fillStyle = options.colorValueBoxBackground;\n context.fill();\n }\n\n context.closePath();\n context.restore();\n\n drawValueTextShadow(context, options, offset, blur);\n\n context.fillStyle = options.colorValueText;\n context.textAlign = 'center';\n context.textBaseline = 'alphabetic';\n context.fillText(text, bx + bw / 2, y + bh / 2 - th / 3);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns normalized value\n *\n * @param {GenericOptions} options\n * @return {{normal: number, indented: number}}\n */\nfunction normalizedValue(options) {\n var value = options.value;\n var min = options.minValue;\n var max = options.maxValue;\n var dt = (max - min) * 0.01;\n\n return {\n normal: value < min ? min : value > max ? max : value,\n indented: value < min ? min - dt : value > max ? max + dt : value\n };\n}\n\nvar drawings = {\n roundRect: roundRect,\n padValue: padValue,\n formatMajorTickNumber: formatMajorTickNumber,\n radians: radians,\n radialPoint: radialPoint,\n linearGradient: linearGradient,\n drawNeedleShadow: drawNeedleShadow,\n drawValueBox: drawValueBox,\n verifyError: verifyError,\n prepareTicks: prepareTicks,\n drawShadow: drawShadow,\n font: font,\n normalizedValue: normalizedValue\n};\n\ndrawings;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar PI = Math.PI;\nvar HPI = PI / 2;\n\n/**\n * Gauge configuration options\n *\n * @typedef {GenericOptions|{ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean}} RadialGaugeOptions\n */\n\n/**\n * Default gauge configuration options\n *\n * @access private\n * @type {RadialGaugeOptions}\n */\nvar defaultRadialGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n ticksAngle: 270,\n startAngle: 45,\n\n // colors\n colorNeedleCircleOuter: '#f0f0f0',\n colorNeedleCircleOuterEnd: '#ccc',\n colorNeedleCircleInner: '#e8e8e8',\n colorNeedleCircleInnerEnd: '#f5f5f5',\n\n // needle\n needleCircleSize: 10,\n needleCircleInner: true,\n needleCircleOuter: true,\n\n // custom animations\n animationTarget: 'needle', // 'needle' or 'plate'\n useMinPath: false,\n\n barWidth: 0\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gradient-filled circle on a canvas\n *\n * @access private\n * @param {number} radius\n * @param {number} width\n * @param {Canvas2DContext} context\n * @param {string} start gradient start color\n * @param {string} end gradient end color\n */\nfunction drawRadialBorder(radius, width, context, start, end) {\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(radius), 0, PI * 2, true);\n context.lineWidth = width;\n context.strokeStyle = end ? drawings.linearGradient(context, start, end, radius) : start;\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns max radius without borders for the gauge\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @return {number}\n */\nfunction maxRadialRadius(context, options) {\n if (!context.maxRadius) {\n context.maxRadius = context.max - options.borderShadowWidth - options.borderOuterWidth - options.borderMiddleWidth - options.borderInnerWidth + (options.borderOuterWidth ? 0.5 : 0) + (options.borderMiddleWidth ? 0.5 : 0) + (options.borderInnerWidth ? 0.5 : 0);\n }\n\n return context.maxRadius;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge plate on the canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialPlate(context, options) {\n var d0 = options.borderShadowWidth;\n var r0 = context.max - d0 - options.borderOuterWidth / 2;\n var r1 = r0 - options.borderOuterWidth / 2 - options.borderMiddleWidth / 2 + 0.5;\n var r2 = r1 - options.borderMiddleWidth / 2 - options.borderInnerWidth / 2 + 0.5;\n var r3 = maxRadialRadius(context, options);\n var grad = void 0;\n var shadowDrawn = false;\n\n context.save();\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r0, options.borderOuterWidth, context, options.colorBorderOuter, options.colorBorderOuterEnd);\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r1, options.borderMiddleWidth, context, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r2, options.borderInnerWidth, context, options.colorBorderInner, options.colorBorderInnerEnd);\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(r3), 0, PI * 2, true);\n\n if (options.colorPlateEnd) {\n grad = context.createRadialGradient(0, 0, r3 / 2, 0, 0, r3);\n grad.addColorStop(0, options.colorPlate);\n grad.addColorStop(1, options.colorPlateEnd);\n } else {\n grad = options.colorPlate;\n }\n\n context.fillStyle = grad;\n\n context.fill();\n context.closePath();\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge highlight areas on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialHighlights(context, options) {\n var hlWidth = context.max * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!hlWidth) return;\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options) - hlWidth / 2);\n var i = 0,\n s = options.highlights.length;\n var vd = (options.maxValue - options.minValue) / options.ticksAngle;\n\n context.save();\n\n for (; i < s; i++) {\n var hlt = options.highlights[i];\n\n context.beginPath();\n\n context.rotate(HPI);\n context.arc(0, 0, r, drawings.radians(options.startAngle + (hlt.from - options.minValue) / vd), drawings.radians(options.startAngle + (hlt.to - options.minValue) / vd), false);\n context.strokeStyle = hlt.color;\n context.lineWidth = hlWidth;\n context.stroke();\n context.closePath();\n\n context.restore();\n context.save();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks bar on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMinorTicks(context, options) {\n var radius = radialTicksRadius(context, options);\n\n context.lineWidth = SmartCanvas.pixelRatio;\n context.strokeStyle = options.colorMinorTicks;\n\n context.save();\n\n var s = options.minorTicks * (options.majorTicks.length - 1);\n var i = 0;\n\n for (; i < s; ++i) {\n var angle = options.startAngle + i * (options.ticksAngle / s);\n\n context.rotate(drawings.radians(angle));\n\n context.beginPath();\n context.moveTo(0, radius);\n context.lineTo(0, radius - context.max * 0.075);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns ticks radius\n *\n * @access private\n * @param context\n * @param options\n * @return {number}\n */\nfunction radialTicksRadius(context, options) {\n var unit = context.max / 100;\n\n return maxRadialRadius(context, options) - 5 * unit - (options.barWidth ? (parseFloat(options.barStrokeWidth) || 0) * 2 + ((parseFloat(options.barWidth) || 0) + 5) * unit : 0);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge major ticks bar on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMajorTicks(context, options) {\n drawings.prepareTicks(options);\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options));\n var i = void 0,\n colors = void 0;\n var s = options.majorTicks.length;\n var pixelRatio = SmartCanvas.pixelRatio;\n\n context.lineWidth = 2 * pixelRatio;\n context.save();\n\n colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(s).fill(options.colorMajorTicks);\n\n i = 0;\n for (; i < s; ++i) {\n context.strokeStyle = colors[i];\n context.rotate(drawings.radians(radialNextAngle(options, i, s)));\n\n context.beginPath();\n context.moveTo(0, r);\n context.lineTo(0, r - context.max * 0.15);\n closeStrokedPath(context);\n }\n\n if (options.strokeTicks) {\n context.strokeStyle = colors[0];\n context.rotate(HPI);\n\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\nfunction radialNextAngle(options, i, s) {\n return options.startAngle + i * (options.ticksAngle / (s - 1));\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Strokes, closes path and restores previous context state\n *\n * @param {Canvas2DContext} context\n */\nfunction closeStrokedPath(context) {\n context.stroke();\n context.restore();\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar numbers\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNumbers(context, options) {\n var radius = radialTicksRadius(context, options) - context.max * 0.25;\n var points = {};\n var i = 0;\n var s = options.majorTicks.length;\n var isAnimated = options.animationTarget !== 'needle';\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(s).fill(options.colorNumbers);\n\n var plateValueAngle = isAnimated ? -(options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle : 0;\n\n if (isAnimated) {\n context.save();\n context.rotate(-drawings.radians(plateValueAngle));\n }\n\n for (; i < s; ++i) {\n var angle = plateValueAngle + radialNextAngle(options, i, s);\n var point = drawings.radialPoint(radius, drawings.radians(angle));\n\n if (angle === 360) angle = 0;\n\n if (points[angle]) {\n continue; //already drawn at this place, skipping\n }\n\n points[angle] = true;\n\n context.font = drawings.font(options, 'Numbers', context.max / 200);\n context.fillStyle = colors[i];\n context.lineWidth = 0;\n context.textAlign = 'center';\n context.fillText(options.majorTicks[i], point.x, point.y + 3);\n }\n\n isAnimated && context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge title\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialTitle(context, options) {\n if (!options.title) return;\n\n context.save();\n context.font = drawings.font(options, 'Title', context.max / 200);\n context.fillStyle = options.colorTitle;\n context.textAlign = 'center';\n context.fillText(options.title, 0, -context.max / 4.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws units name on the gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialUnits(context, options) {\n if (!options.units) return;\n\n context.save();\n context.font = drawings.font(options, 'Units', context.max / 200);\n context.fillStyle = options.colorUnits;\n context.textAlign = 'center';\n context.fillText(options.units, 0, context.max / 3.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNeedle(context, options) {\n if (!options.needle) return;\n\n var value = options.ticksAngle < 360 ? drawings.normalizedValue(options).indented : options.value;\n var max = maxRadialRadius(context, options);\n //noinspection JSUnresolvedFunction\n var r1 = abs(max / 100 * options.needleCircleSize);\n //noinspection JSUnresolvedFunction\n var r2 = abs(max / 100 * options.needleCircleSize * 0.75);\n //noinspection JSUnresolvedFunction\n var rIn = abs(max / 100 * options.needleEnd);\n //noinspection JSUnresolvedFunction\n var rStart = abs(options.needleStart ? max / 100 * options.needleStart : 0);\n //noinspection JSUnresolvedFunction\n var rOut = abs(max * 0.2);\n var pad1 = max / 100 * options.needleWidth;\n var pad2 = max / 100 * options.needleWidth / 2;\n var pixelRatio = SmartCanvas.pixelRatio;\n var isFixed = options.animationTarget !== 'needle';\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n context.rotate(drawings.radians(isFixed ? options.startAngle : options.startAngle + (value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle));\n\n context.fillStyle = drawings.linearGradient(context, options.colorNeedle, options.colorNeedleEnd, rIn - rOut);\n\n if (options.needleType === 'arrow') {\n context.beginPath();\n context.moveTo(-pad2, -rOut);\n context.lineTo(-pad1, 0);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(pixelRatio, rIn);\n context.lineTo(pad1, 0);\n context.lineTo(pad2, -rOut);\n context.closePath();\n context.fill();\n\n context.beginPath();\n context.lineTo(-0.5 * pixelRatio, rIn);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(-pad1, 0);\n context.lineTo(-pad2, -rOut);\n context.lineTo(pad2 / 2 * pixelRatio - 2 * pixelRatio, -rOut);\n context.closePath();\n context.fillStyle = options.colorNeedleShadowUp;\n context.fill();\n } else {\n // simple line needle\n context.beginPath();\n context.moveTo(-pad2, rIn);\n context.lineTo(-pad2, rStart);\n context.lineTo(pad2, rStart);\n context.lineTo(pad2, rIn);\n context.closePath();\n context.fill();\n }\n\n if (options.needleCircleSize) {\n context.restore();\n\n drawings.drawNeedleShadow(context, options);\n\n if (options.needleCircleOuter) {\n context.beginPath();\n context.arc(0, 0, r1, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleOuter, options.colorNeedleCircleOuterEnd, r1);\n context.fill();\n context.closePath();\n }\n\n if (options.needleCircleInner) {\n context.beginPath();\n context.arc(0, 0, r2, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleInner, options.colorNeedleCircleInnerEnd, r2);\n context.fill();\n context.closePath();\n }\n\n context.restore();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge value box\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @param {number} value\n */\nfunction drawRadialValueBox(context, options, value) {\n drawings.drawValueBox(context, options, value, 0, context.max - context.max * 0.33, context.max);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge progress bar\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialProgressBar(context, options) {\n var unit = context.max / 100;\n var rMax = maxRadialRadius(context, options) - 5 * unit;\n var sw = parseFloat(options.barStrokeWidth) || 0;\n var w = (parseFloat(options.barWidth) || 0) * unit;\n var rMin = rMax - sw * 2 - w;\n var half = (rMax - rMin) / 2;\n var r = rMin + half;\n var delta = sw / r;\n var sa = options.startAngle;\n var ea = options.startAngle + options.ticksAngle;\n\n context.save();\n context.rotate(HPI);\n\n if (sw) {\n // draw stroke\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa) - delta, drawings.radians(ea) + delta, false);\n context.strokeStyle = options.colorBarStroke;\n context.lineWidth = half * 2;\n context.stroke();\n context.closePath();\n }\n\n if (w) {\n // draw bar\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(ea), false);\n context.strokeStyle = options.colorBar;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n\n if (options.barShadow) {\n // draw shadow\n context.beginPath();\n context.arc(0, 0, rMax, drawings.radians(sa), drawings.radians(ea), false);\n context.clip();\n\n context.beginPath();\n context.strokeStyle = options.colorBar;\n context.lineWidth = 1;\n context.shadowBlur = options.barShadow;\n context.shadowColor = options.colorBarShadow;\n context.shadowOffsetX = 0;\n context.shadowOffsetY = 0;\n context.arc(0, 0, rMax, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n context.stroke();\n context.closePath();\n\n context.restore();\n context.rotate(HPI);\n }\n\n // draw bar progress\n if (options.barProgress) {\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(sa + (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle), false);\n context.strokeStyle = options.colorBarProgress;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n }\n }\n\n context.restore();\n}\n\n/**\n * Find and return gauge value to display\n *\n * @param {RadialGauge} gauge\n */\nfunction displayValue(gauge) {\n if (gauge.options.animatedValue) {\n return gauge.options.value;\n }\n\n return gauge.value;\n}\n\n/**\n * Minimalistic HTML5 Canvas Gauge\n * @example\n * var gauge = new RadialGauge({\n * renderTo: 'gauge-id', // identifier of HTML canvas element or element itself\n * width: 400,\n * height: 400,\n * units: 'Km/h',\n * title: false,\n * value: 0,\n * minValue: 0,\n * maxValue: 220,\n * majorTicks: [\n * '0','20','40','60','80','100','120','140','160','180','200','220'\n * ],\n * minorTicks: 2,\n * strokeTicks: false,\n * highlights: [\n * { from: 0, to: 50, color: 'rgba(0,255,0,.15)' },\n * { from: 50, to: 100, color: 'rgba(255,255,0,.15)' },\n * { from: 100, to: 150, color: 'rgba(255,30,0,.25)' },\n * { from: 150, to: 200, color: 'rgba(255,0,225,.25)' },\n * { from: 200, to: 220, color: 'rgba(0,0,255,.25)' }\n * ],\n * colorPlate: '#222',\n * colorMajorTicks: '#f5f5f5',\n * colorMinorTicks: '#ddd',\n * colorTitle: '#fff',\n * colorUnits: '#ccc',\n * colorNumbers: '#eee',\n * colorNeedleStart: 'rgba(240, 128, 128, 1)',\n * colorNeedleEnd: 'rgba(255, 160, 122, .9)',\n * valueBox: true,\n * animationRule: 'bounce'\n * });\n * // draw initially\n * gauge.draw();\n * // animate\n * setInterval(() => {\n * gauge.value = Math.random() * -220 + 220;\n * }, 1000);\n */\n\nvar RadialGauge = function (_BaseGauge) {\n _inherits(RadialGauge, _BaseGauge);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event RadialGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event RadialGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event RadialGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event RadialGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event RadialGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event RadialGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event RadialGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event RadialGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event RadialGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event RadialGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {RadialGaugeOptions} options\n */\n function RadialGauge(options) {\n _classCallCheck(this, RadialGauge);\n\n options = Object.assign({}, defaultRadialGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (RadialGauge.__proto__ || Object.getPrototypeOf(RadialGauge)).call(this, RadialGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(RadialGauge, [{\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @returns {RadialGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref[0];\n var y = _ref[1];\n var w = _ref[2];\n var h = _ref[3];\n\n var options = this.options;\n\n if (options.animationTarget === 'needle') {\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(context, options);\n this.emit('beforeHighlights');\n drawRadialHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(context, options);\n this.emit('beforeTitle');\n drawRadialTitle(context, options);\n this.emit('beforeUnits');\n drawRadialUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n this.emit('beforeNeedle');\n drawRadialNeedle(canvas.context, options);\n } else {\n var plateValueAngle = -drawings.radians((options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle);\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(canvas.context, options);\n\n canvas.context.rotate(plateValueAngle);\n\n // animated\n this.emit('beforeHighlights');\n drawRadialHighlights(canvas.context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(canvas.context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(canvas.context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(canvas.context, options);\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n\n // non-animated\n canvas.context.rotate(-plateValueAngle);\n canvas.context.save();\n\n if (!canvas.elementClone.initialized) {\n var _context = canvas.contextClone;\n\n // clear the cache\n _context.clearRect(x, y, w, h);\n _context.save();\n\n this.emit('beforeTitle');\n drawRadialTitle(_context, options);\n this.emit('beforeUnits');\n drawRadialUnits(_context, options);\n this.emit('beforeNeedle');\n drawRadialNeedle(_context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n }\n\n // value box animations\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n\n _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }, {\n key: 'value',\n\n\n /**\n * Sets the value for radial gauge\n *\n * @param {number} value\n */\n set: function set(value) {\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n if (this.options.animation && this.options.ticksAngle === 360 && this.options.useMinPath) {\n this._value = value;\n value = this.options.value + ((value - this.options.value) % 360 + 540) % 360 - 180;\n }\n\n _set(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', value, this);\n }\n\n /**\n * Returns current gauge value\n *\n * @return {number}\n */\n ,\n get: function get() {\n return _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', this);\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n if (options.barWidth > 50) options.barWidth = 50;\n\n /* istanbul ignore if */\n if (isNaN(options.startAngle)) options.startAngle = 45;\n /* istanbul ignore if */\n if (isNaN(options.ticksAngle)) options.ticksAngle = 270;\n\n /* istanbul ignore if */\n if (options.ticksAngle > 360) options.ticksAngle = 360;\n /* istanbul ignore if */\n if (options.ticksAngle < 0) options.ticksAngle = 0;\n\n /* istanbul ignore if */\n if (options.startAngle < 0) options.startAngle = 0;\n /* istanbul ignore if */\n if (options.startAngle > 360) options.startAngle = 360;\n\n return options;\n }\n }]);\n\n return RadialGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['RadialGauge'] = RadialGauge;\n}\n\nBaseGauge.initialize('RadialGauge', defaultRadialGaugeOptions);\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Linear gauge configuration options\n *\n * @typedef {GenericOptions|{borderRadius: number, barBeginCircle: number, tickSide: string, needleSide: string, numberSide: string, ticksWidth: number, ticksWidthMinor: number, ticksPadding: number, barLength: number, colorBarEnd: string, colorBarProgressEnd: string}} LinearGaugeOptions\n */\n\n/**\n * Default linear gauge configuration options\n *\n * @type {LinearGaugeOptions}\n */\nvar defaultLinearGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n borderRadius: 0,\n // width: 150,\n // height: 400,\n\n // bar\n barBeginCircle: 30, // percents\n colorBarEnd: '',\n colorBarProgressEnd: '',\n\n needleWidth: 6,\n\n tickSide: 'both', // available: 'left', 'right', 'both'\n needleSide: 'both', // available: 'left', 'right', 'both'\n\n numberSide: 'both', // available: 'left', 'right', 'both'\n\n ticksWidth: 10,\n ticksWidthMinor: 5,\n ticksPadding: 5,\n barLength: 85,\n fontTitleSize: 26,\n\n highlightsWidth: 10\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawRectangle(context, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.fillStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, w > h ? w : h, h > w, w > h ? x : y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} width width of the border\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawLinearBorder(context, width, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.lineWidth = width;\n context.strokeStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, h, true, y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge plate\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearPlate(context, options, x, y, w, h) {\n context.save();\n\n var r = options.borderRadius;\n var w1 = w - options.borderShadowWidth - options.borderOuterWidth;\n var w2 = w1 - options.borderOuterWidth - options.borderMiddleWidth;\n var w3 = w2 - options.borderMiddleWidth - options.borderInnerWidth;\n var w4 = w3 - options.borderInnerWidth;\n\n var h1 = h - options.borderShadowWidth - options.borderOuterWidth;\n var h2 = h1 - options.borderOuterWidth - options.borderMiddleWidth;\n var h3 = h2 - options.borderMiddleWidth - options.borderInnerWidth;\n var h4 = h3 - options.borderInnerWidth;\n\n var x2 = x - (w2 - w1) / 2;\n var x3 = x2 - (w3 - w2) / 2;\n var x4 = x3 - (w4 - w3) / 2;\n\n var y2 = y - (h2 - h1) / 2;\n var y3 = y2 - (h3 - h2) / 2;\n var y4 = y3 - (h4 - h3) / 2;\n var aliasingOffset = 0;\n var shadowDrawn = false;\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderOuterWidth, r, x + options.borderOuterWidth / 2 - aliasingOffset, y + options.borderOuterWidth / 2 - aliasingOffset, w1, h1, options.colorBorderOuter, options.colorBorderOuterEnd);\n aliasingOffset += 0.5;\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderMiddleWidth, r -= 1 + aliasingOffset * 2, x2 + options.borderMiddleWidth / 2 - aliasingOffset, y2 + options.borderMiddleWidth / 2 - aliasingOffset, w2 + aliasingOffset * 2, h2 + aliasingOffset * 2, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n aliasingOffset += 0.5;\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderInnerWidth, r -= 1 + aliasingOffset * 2, x3 + options.borderInnerWidth / 2 - aliasingOffset, y3 + options.borderInnerWidth / 2 - aliasingOffset, w3 + aliasingOffset * 2, h3 + aliasingOffset * 2, options.colorBorderInner, options.colorBorderInnerEnd);\n aliasingOffset += 0.5;\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n drawRectangle(context, r, x4, y4, w4 + aliasingOffset * 2, h4 + aliasingOffset * 2, options.colorPlate, options.colorPlateEnd);\n\n context.restore();\n\n return [x4, y4, w4, h4];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns linear gauge base bar dimensions.\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions|{barStrokeWidth: number, barBeginCircle: number, barWidth: number, hasLeft: boolean, hasRight: boolean}} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @return {{isVertical: boolean, width: number, length: number, barWidth: number, barLength: number, strokeWidth: number, barMargin: number, radius: number, x0: number, y0: number, barOffset: number, titleMargin: number, unitsMargin: number, X: number, Y: number, baseX: number, baseY: number, ticksPadding: number}}\n */\nfunction barDimensions(context, options, x, y, w, h) {\n var pixelRatio = SmartCanvas.pixelRatio;\n var isVertical = h >= w;\n var width = isVertical ? w * 0.85 : h;\n var length = isVertical ? h : w;\n\n //noinspection JSUnresolvedFunction\n x = isVertical ? round(x + (w - width) / 2) : x;\n\n var hasTitle = !!options.title;\n var hasUnits = !!options.units;\n var hasValue = !!options.valueBox;\n\n var titleMargin = void 0;\n var unitsMargin = void 0;\n var valueMargin = void 0;\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n unitsMargin = round(length * 0.05);\n //noinspection JSUnresolvedFunction\n titleMargin = round(length * 0.075);\n //noinspection JSUnresolvedFunction\n valueMargin = round(length * 0.11);\n\n if (hasTitle) {\n length -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) length -= unitsMargin;\n if (hasValue) length -= valueMargin;\n } else {\n //noinspection JSUnresolvedFunction\n unitsMargin = titleMargin = round(width * 0.15);\n\n if (hasTitle) {\n width -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) width -= unitsMargin;\n }\n\n var strokeWidth = options.barStrokeWidth * 2;\n //noinspection JSUnresolvedFunction\n var radius = options.barBeginCircle ? round(width * options.barBeginCircle / 200 - strokeWidth / 2) : 0;\n //noinspection JSUnresolvedFunction\n var barWidth = round(width * options.barWidth / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barLength = round(length * options.barLength / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barMargin = round((length - barLength) / 2);\n\n // coordinates for arc of the bar if configured\n //noinspection JSUnresolvedFunction\n var x0 = round(x + (isVertical ? width / 2 : barMargin + radius));\n //noinspection JSUnresolvedFunction\n var y0 = round(y + (isVertical ? length - barMargin - radius + strokeWidth / 2 : width / 2));\n var dx = isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n var dy = !isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n\n //noinspection JSUndefinedPropertyAssignment\n context.barDimensions = {\n isVertical: isVertical,\n width: width,\n length: length,\n barWidth: barWidth,\n barLength: barLength,\n strokeWidth: strokeWidth,\n barMargin: barMargin,\n radius: radius,\n pixelRatio: pixelRatio,\n barOffset: null,\n titleMargin: hasTitle ? titleMargin : 0,\n unitsMargin: hasUnits ? unitsMargin : 0,\n get ticksLength() {\n return this.barLength - this.barOffset - this.strokeWidth;\n },\n X: x + dx,\n Y: y + dy,\n x0: x0 + dx,\n y0: y0 + dy,\n baseX: x,\n baseY: y,\n ticksPadding: options.ticksPadding / 100\n };\n\n return context.barDimensions;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws bar shape from the given options on a given canvas context\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {string} type\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearBarShape(context, options, type, x, y, w, h) {\n var _barDimensions = barDimensions(context, options, x, y, w, h);\n\n var isVertical = _barDimensions.isVertical;\n var width = _barDimensions.width;\n var barWidth = _barDimensions.barWidth;\n var barLength = _barDimensions.barLength;\n var strokeWidth = _barDimensions.strokeWidth;\n var barMargin = _barDimensions.barMargin;\n var radius = _barDimensions.radius;\n var x0 = _barDimensions.x0;\n var y0 = _barDimensions.y0;\n var X = _barDimensions.X;\n var Y = _barDimensions.Y;\n\n var fullBarLength = barLength;\n\n context.save();\n context.beginPath();\n\n if (options.barBeginCircle) {\n var direction = drawings.radians(isVertical ? 270 : 0);\n var alpha = Math.asin(barWidth / 2 / radius);\n var cosAlpha = Math.cos(alpha);\n var sinAlpha = Math.sin(alpha);\n\n var x1 = x0 + (isVertical ? radius * sinAlpha : radius * cosAlpha - strokeWidth / 2);\n var y1 = isVertical ? y0 - radius * cosAlpha : y0 + radius * sinAlpha;\n //noinspection JSUnresolvedFunction\n var cutRadius = isVertical ? abs(y1 - y0) : abs(x1 - x0);\n\n //noinspection JSUnresolvedFunction\n context.barDimensions.barOffset = round(cutRadius + radius);\n\n // bottom point\n //noinspection JSUnresolvedFunction\n var x2 = isVertical ? round(x0 - radius * sinAlpha) : x1;\n //noinspection JSUnresolvedFunction\n var y2 = isVertical ? y1 : round(y0 - radius * sinAlpha);\n\n if (type === 'progress') {\n barLength = context.barDimensions.barOffset + (barLength - context.barDimensions.barOffset) * (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue);\n }\n\n // bar ends at\n //noinspection JSUnresolvedFunction\n var x3 = round(x1 + barLength - context.barDimensions.barOffset + strokeWidth / 2); // h\n //noinspection JSUnresolvedFunction\n var y3 = round(y1 - barLength + context.barDimensions.barOffset - strokeWidth / 2); // v\n\n context.arc(x0, y0, radius, direction + alpha, direction - alpha);\n\n if (isVertical) {\n context.moveTo(x1, y2);\n context.lineTo(x1, y3);\n context.lineTo(x2, y3);\n context.lineTo(x2, y2);\n } else {\n context.moveTo(x1, y2);\n context.lineTo(x3, y2);\n context.lineTo(x3, y1);\n context.lineTo(x1, y1);\n }\n } else {\n // simply rectangle\n //noinspection JSUnresolvedFunction\n var rx = round(isVertical ? X + (width - barWidth) / 2 : X + barMargin);\n //noinspection JSUnresolvedFunction\n var ry = round(isVertical ? Y + barLength + barMargin : Y + (width - barWidth) / 2);\n\n if (type === 'progress') {\n barLength *= (options.value - options.minValue) / (options.maxValue - options.minValue);\n }\n\n if (isVertical) context.rect(rx, ry, barWidth, -barLength);else context.rect(rx, ry, barLength, barWidth);\n }\n\n if (type !== 'progress' && options.barStrokeWidth) {\n context.lineWidth = strokeWidth;\n context.strokeStyle = options.colorBarStroke;\n //context.lineJoin = 'round';\n context.stroke();\n }\n\n if (type !== 'progress' && options.colorBar) {\n context.fillStyle = options.colorBarEnd ? drawings.linearGradient(context, options.colorBar, options.colorBarEnd, barLength, isVertical, isVertical ? Y : X) : options.colorBar;\n context.fill();\n } else if (type === 'progress' && options.colorBarProgress) {\n context.fillStyle = options.colorBarProgressEnd ? drawings.linearGradient(context, options.colorBarProgress, options.colorBarProgressEnd, fullBarLength, isVertical, isVertical ? Y : X) : options.colorBarProgress;\n context.fill();\n }\n\n context.closePath();\n\n // fix dimensions for further usage\n if (options.barBeginCircle) context.barDimensions.radius += strokeWidth;\n\n context.barDimensions.barWidth += strokeWidth;\n context.barDimensions.barLength += strokeWidth;\n}\n\n/**\n * Draws gauge bar\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBar(context, options, x, y, w, h) {\n drawLinearBarShape(context, options, '', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Helper function to calculate bar ticks presence on the sides\n *\n * @param {string} notWhich\n * @param {LinearGaugeOptions} options\n * @return {boolean}\n */\nfunction hasTicksBar(notWhich, options) {\n return options.needleSide !== notWhich || options.tickSide !== notWhich || options.numberSide !== notWhich;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar progress\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBarProgress(context, options, x, y, w, h) {\n options.barProgress && drawLinearBarShape(context, options, 'progress', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar highlighted areas\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarHighlights(context, options) {\n var _context$barDimension = context.barDimensions;\n var isVertical = _context$barDimension.isVertical;\n var width = _context$barDimension.width;\n var length = _context$barDimension.length;\n var barWidth = _context$barDimension.barWidth;\n var barOffset = _context$barDimension.barOffset;\n var barMargin = _context$barDimension.barMargin;\n var X = _context$barDimension.X;\n var Y = _context$barDimension.Y;\n var ticksLength = _context$barDimension.ticksLength;\n var ticksPadding = _context$barDimension.ticksPadding;\n\n var hlWidth = width * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!options.highlights || !hlWidth) return;\n\n var hasLeft = options.tickSide !== 'right';\n var hasRight = options.tickSide !== 'left';\n var i = 0;\n var s = options.highlights.length;\n var tickOffset = (width - barWidth) / 2;\n var interval = options.maxValue - options.minValue;\n //noinspection JSUnresolvedFunction\n var eX = round(isVertical ? X + tickOffset : X + barMargin + barOffset);\n var eH = hlWidth;\n var eY = isVertical ? Y + length - barMargin - barOffset : Y + tickOffset;\n //noinspection JSUnresolvedFunction\n var hLeft = round((options.ticksWidth / 100 + ticksPadding) * width) + (hlWidth - options.ticksWidth / 100 * width);\n //noinspection JSUnresolvedFunction\n var hRight = round(barWidth + ticksPadding * width);\n\n context.save();\n\n for (; i < s; i++) {\n var entry = options.highlights[i];\n //noinspection JSUnresolvedFunction\n var eStart = ticksLength * abs(options.minValue - entry.from) / interval;\n //noinspection JSUnresolvedFunction\n var eW = ticksLength * abs((entry.to - entry.from) / interval);\n\n context.beginPath();\n context.fillStyle = entry.color;\n\n if (isVertical) {\n if (hasLeft) context.rect(eX - hLeft, eY - eStart, eH, -eW);\n\n if (hasRight) context.rect(eX + hRight, eY - eStart, eH, -eW);\n } else {\n if (hasLeft) context.rect(eX + eStart, eY - hLeft, eW, eH);\n\n if (hasRight) context.rect(eX + eStart, eY + hRight, eW, eH);\n }\n\n context.fill();\n context.closePath();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws a tick line on a linear gauge\n *\n * @param {Canvas2DContext} context\n * @param x1\n * @param y1\n * @param x2\n * @param y2\n */\nfunction drawLinearTick(context, x1, y1, x2, y2) {\n context.beginPath();\n\n context.moveTo(x1, y1);\n context.lineTo(x2, y2);\n context.stroke();\n\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks\n *\n * @param {Canvas2DContext} context\n * @param {string} color\n * @param {number} ticksSize\n * @param {number} deltaLen\n * @param {boolean} hasLeft\n * @param {boolean} hasRight\n * @param {number} lineWidth\n * @param {number} lineLength\n */\nfunction drawLinearTicks(context, color, ticksSize, deltaLen, hasLeft, hasRight, lineWidth, lineLength) {\n var _context$barDimension2 = context.barDimensions;\n var isVertical = _context$barDimension2.isVertical;\n var length = _context$barDimension2.length;\n var barWidth = _context$barDimension2.barWidth;\n var barOffset = _context$barDimension2.barOffset;\n var barMargin = _context$barDimension2.barMargin;\n var pixelRatio = _context$barDimension2.pixelRatio;\n var width = _context$barDimension2.width;\n var X = _context$barDimension2.X;\n var Y = _context$barDimension2.Y;\n var ticksLength = _context$barDimension2.ticksLength;\n var ticksPadding = _context$barDimension2.ticksPadding;\n\n var tickOffset = (width - barWidth) / 2;\n var tickX = void 0,\n tickY = void 0;\n var i = 0;\n var tickLen = lineLength * width;\n var tickLeft = tickOffset - ticksPadding * width;\n var tickRight = tickOffset + barWidth + tickLen + ticksPadding * width;\n var tickSpace = ticksLength / (ticksSize - deltaLen);\n var colors = color instanceof Array ? color : new Array(ticksSize).fill(color);\n\n context.lineWidth = lineWidth * pixelRatio;\n context.save();\n\n for (; i < ticksSize; i++) {\n context.strokeStyle = colors[i];\n\n if (isVertical) {\n tickY = Y + length - barMargin - barOffset - i * tickSpace;\n\n if (hasLeft) {\n tickX = X + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n\n if (hasRight) {\n tickX = X + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n } else {\n tickX = X + barMargin + barOffset + i * tickSpace;\n\n if (hasLeft) {\n tickY = Y + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, tickX, round(tickY - tickLen));\n }\n\n if (hasRight) {\n tickY = Y + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, round(tickY), tickX, tickY - tickLen);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicks(context, options) {\n var _drawings$prepareTick = drawings.prepareTicks(options);\n\n var _drawings$prepareTick2 = _slicedToArray(_drawings$prepareTick, 2);\n\n var hasLeft = _drawings$prepareTick2[0];\n var hasRight = _drawings$prepareTick2[1];\n\n var lineWidth = 2;\n var colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(options.colorMajorTicks.length).fill(options.colorMajorTicks);\n\n drawLinearTicks(context, options.colorMajorTicks, options.majorTicks.length, 1, hasLeft, hasRight, lineWidth, options.ticksWidth / 100);\n\n if (options.strokeTicks) {\n var _context$barDimension3 = context.barDimensions;\n var isVertical = _context$barDimension3.isVertical;\n var length = _context$barDimension3.length;\n var width = _context$barDimension3.width;\n var barWidth = _context$barDimension3.barWidth;\n var barMargin = _context$barDimension3.barMargin;\n var barOffset = _context$barDimension3.barOffset;\n var X = _context$barDimension3.X;\n var Y = _context$barDimension3.Y;\n var ticksLength = _context$barDimension3.ticksLength;\n var pixelRatio = _context$barDimension3.pixelRatio;\n var ticksPadding = _context$barDimension3.ticksPadding;\n\n var rightTicks = (width - barWidth) / 2 + barWidth + ticksPadding * width;\n var leftTicks = (width - barWidth) / 2 - ticksPadding * width;\n var sX = void 0,\n sY = void 0,\n eX = void 0,\n eY = void 0;\n\n context.strokeStyle = colors[0];\n\n lineWidth *= pixelRatio;\n\n if (isVertical) {\n sY = Y + length - barMargin - barOffset + lineWidth / 2;\n eY = sY - ticksLength - lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n } else {\n sX = X + barMargin + barOffset - lineWidth / 2;\n eX = sX + ticksLength + lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks stroke\n *\n * @param {Canvas2DContext} context\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n */\nfunction drawLinearTickStroke(context, sX, sY, eX, eY) {\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMinorTicks(context, options) {\n var _drawings$prepareTick3 = drawings.prepareTicks(options);\n\n var _drawings$prepareTick4 = _slicedToArray(_drawings$prepareTick3, 2);\n\n var hasLeft = _drawings$prepareTick4[0];\n var hasRight = _drawings$prepareTick4[1];\n\n\n drawLinearTicks(context, options.colorMinorTicks, options.minorTicks * (options.majorTicks.length - 1), 0, hasLeft, hasRight, 1, options.ticksWidthMinor / 100);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major tick numbers\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicksNumbers(context, options) {\n var _context$barDimension4 = context.barDimensions;\n var isVertical = _context$barDimension4.isVertical;\n var length = _context$barDimension4.length;\n var width = _context$barDimension4.width;\n var barWidth = _context$barDimension4.barWidth;\n var barMargin = _context$barDimension4.barMargin;\n var barOffset = _context$barDimension4.barOffset;\n var X = _context$barDimension4.X;\n var Y = _context$barDimension4.Y;\n var ticksLength = _context$barDimension4.ticksLength;\n var ticksPadding = _context$barDimension4.ticksPadding;\n\n var ticks = options.majorTicks.length;\n var hasLeft = options.numberSide !== 'right';\n var hasRight = options.numberSide !== 'left';\n var textHeight = options.fontNumbersSize * width / 200;\n var i = 0;\n var ticksWidth = (options.ticksWidth / 100 + ticksPadding * 2) * width;\n var numLeft = (width - barWidth) / 2 - ticksWidth;\n var numRight = (width - barWidth) / 2 + barWidth + ticksWidth;\n var textX = void 0,\n textY = void 0,\n textWidth = void 0,\n numberOffset = void 0,\n tick = void 0;\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(ticks).fill(options.colorNumbers);\n\n context.font = drawings.font(options, 'Numbers', width / 200);\n context.lineWidth = 0;\n context.textAlign = 'center';\n\n for (; i < ticks; i++) {\n context.fillStyle = colors[i];\n tick = options.majorTicks[i];\n numberOffset = i * ticksLength / (ticks - 1);\n\n if (isVertical) {\n textY = Y + length - barMargin - barOffset - numberOffset + textHeight / 3;\n\n if (hasLeft) {\n context.textAlign = 'right';\n context.fillText(tick, X + numLeft, textY);\n }\n\n if (hasRight) {\n context.textAlign = 'left';\n context.fillText(tick, X + numRight, textY);\n }\n } else {\n textWidth = context.measureText(tick).width;\n textX = X + barMargin + barOffset + numberOffset;\n\n if (hasLeft) {\n context.fillText(tick, textX, Y + numLeft);\n }\n\n if (hasRight) {\n context.fillText(tick, textX, Y + numRight + textHeight);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge title\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearTitle(context, options) {\n if (!options.title) return;\n\n var _context$barDimension5 = context.barDimensions;\n var isVertical = _context$barDimension5.isVertical;\n var width = _context$barDimension5.width;\n var length = _context$barDimension5.length;\n var baseX = _context$barDimension5.baseX;\n var baseY = _context$barDimension5.baseY;\n var titleMargin = _context$barDimension5.titleMargin;\n\n var textHeight = options.fontTitleSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + titleMargin / 2 - (isVertical ? textHeight : textHeight / 2) - 0.025 * (isVertical ? length : width));\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Title', width / 200);\n context.lineWidth = 0;\n context.fillText(options.title, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge units\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearUnits(context, options) {\n if (!options.units) return;\n\n var _context$barDimension6 = context.barDimensions;\n var isVertical = _context$barDimension6.isVertical;\n var width = _context$barDimension6.width;\n var length = _context$barDimension6.length;\n var baseX = _context$barDimension6.baseX;\n var baseY = _context$barDimension6.baseY;\n var unitsMargin = _context$barDimension6.unitsMargin;\n\n var textHeight = options.fontUnitsSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + (isVertical ? length : width) + unitsMargin / 2 - textHeight / 2);\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Units', width / 200);\n context.lineWidth = 0;\n context.fillText(options.units, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge needles\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarNeedle(context, options) {\n if (!options.needle) return;\n\n var _context$barDimension7 = context.barDimensions;\n var isVertical = _context$barDimension7.isVertical;\n var width = _context$barDimension7.width;\n var length = _context$barDimension7.length;\n var barWidth = _context$barDimension7.barWidth;\n var barOffset = _context$barDimension7.barOffset;\n var barMargin = _context$barDimension7.barMargin;\n var ticksLength = _context$barDimension7.ticksLength;\n var X = _context$barDimension7.X;\n var Y = _context$barDimension7.Y;\n var ticksPadding = _context$barDimension7.ticksPadding;\n\n var hasLeft = options.needleSide !== 'right';\n var hasRight = options.needleSide !== 'left';\n var position = ticksLength * (drawings.normalizedValue(options).indented - options.minValue) / (options.maxValue - options.minValue);\n var tickWidth = (options.ticksWidth / 100 + ticksPadding) * width;\n var baseLength = barWidth / 2 + tickWidth;\n var needleLength = baseLength * (options.needleEnd / 100);\n var sX = void 0,\n eX = void 0,\n sY = void 0,\n eY = void 0;\n var draw = options.needleType.toLowerCase() === 'arrow' ? drawLinearArrowNeedle : drawLinearLineNeedle;\n var barStart = (width - barWidth) / 2;\n var needleStart = baseLength * (options.needleStart / 100);\n var nLeft = barStart - tickWidth - needleStart;\n var nRight = barStart + barWidth + tickWidth + needleStart;\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + length - barMargin - barOffset - position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nLeft);\n eX = sX + needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nRight);\n eX = sX - needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength, true);\n }\n } else {\n //noinspection JSUnresolvedFunction\n sX = round(X + barMargin + barOffset + position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nLeft);\n eY = sY + needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nRight);\n eY = sY - needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength, true);\n }\n }\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns needle color style\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} length\n * @param {boolean} [isRight]\n * @return {CanvasGradient|string}\n */\nfunction needleStyle(context, options, length, isRight) {\n return options.colorNeedleEnd ? drawings.linearGradient(context, isRight ? options.colorNeedleEnd : options.colorNeedle, isRight ? options.colorNeedle : options.colorNeedleEnd, length, !context.barDimensions.isVertical) : options.colorNeedle;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws line needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearLineNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n context.lineWidth = options.needleWidth;\n context.strokeStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws arrow needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearArrowNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n //noinspection JSUnresolvedFunction\n var peakLength = round(length * 0.4);\n var bodyLength = length - peakLength;\n var isVertical = sX === eX;\n var halfWidth = options.needleWidth / 2;\n\n context.fillStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n\n if (isVertical) {\n if (sY > eY) bodyLength *= -1;\n\n context.moveTo(sX - halfWidth, sY);\n context.lineTo(sX + halfWidth, sY);\n context.lineTo(sX + halfWidth, sY + bodyLength);\n context.lineTo(sX, eY);\n context.lineTo(sX - halfWidth, sY + bodyLength);\n context.lineTo(sX - halfWidth, sY);\n } else {\n if (sX > eX) bodyLength *= -1;\n\n context.moveTo(sX, sY - halfWidth);\n context.lineTo(sX, sY + halfWidth);\n context.lineTo(sX + bodyLength, sY + halfWidth);\n context.lineTo(eX, sY);\n context.lineTo(sX + bodyLength, sY - halfWidth);\n context.lineTo(sX, sY - halfWidth);\n }\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box for linear gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} value\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearValueBox(context, options, value, x, y, w, h) {\n // currently value box is available only for vertical linear gauge,\n // as far as by design it is hard to find a proper place for\n // horizontal ones\n var boxWidth = (parseFloat(options.fontValueSize) || 0) * w / 200;\n var dy = (0.11 * h - boxWidth) / 2;\n\n context.barDimensions.isVertical && drawings.drawValueBox(context, options, value, x + w / 2, y + h - boxWidth - dy, w);\n}\n\n/**\n * Minimalistic HTML5 Canvas Linear Gauge\n */\n\nvar LinearGauge = function (_BaseGauge2) {\n _inherits(LinearGauge, _BaseGauge2);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event LinearGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event LinearGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event LinearGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event LinearGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event LinearGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event LinearGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event LinearGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge bar area is drawn\n *\n * @event LinearGauge#beforeBar\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event LinearGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event LinearGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event LinearGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {LinearGaugeOptions} options\n */\n function LinearGauge(options) {\n _classCallCheck(this, LinearGauge);\n\n options = Object.assign({}, defaultLinearGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (LinearGauge.__proto__ || Object.getPrototypeOf(LinearGauge)).call(this, LinearGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(LinearGauge, [{\n key: 'draw',\n\n\n /* istanbul ignore next */\n /**\n * Triggering linear gauge render on a canvas.\n *\n * @returns {LinearGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref2 = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref2[0];\n var y = _ref2[1];\n var w = _ref2[2];\n var h = _ref2[3];\n\n var options = this.options;\n\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n this.drawBox = drawLinearPlate(context, options, x, y, w, h);\n\n this.emit('beforeBar');\n drawLinearBar.apply(undefined, [context, options].concat(_toConsumableArray(this.drawBox)));\n\n canvas.context.barDimensions = context.barDimensions;\n\n this.emit('beforeHighlights');\n drawLinearBarHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawLinearMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawLinearMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawLinearMajorTicksNumbers(context, options);\n this.emit('beforeTitle');\n drawLinearTitle(context, options);\n this.emit('beforeUnits');\n drawLinearUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawLinearBarProgress.apply(undefined, [canvas.context, options].concat(_toConsumableArray(this.drawBox)));\n this.emit('beforeNeedle');\n drawLinearBarNeedle(canvas.context, options);\n this.emit('beforeValueBox');\n drawLinearValueBox.apply(undefined, [canvas.context, options, options.animatedValue ? this.options.value : this.value].concat(_toConsumableArray(this.drawBox)));\n\n _get(LinearGauge.prototype.__proto__ || Object.getPrototypeOf(LinearGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n /* istanbul ignore else */\n if (options.barStrokeWidth >= options.barWidth) {\n //noinspection JSUnresolvedFunction\n options.barStrokeWidth = round(options.barWidth / 2);\n }\n\n //noinspection JSUndefinedPropertyAssignment\n options.hasLeft = hasTicksBar('right', options);\n //noinspection JSUndefinedPropertyAssignment\n options.hasRight = hasTicksBar('left', options);\n\n if (options.value > options.maxValue) {\n options.value = options.maxValue;\n }\n\n if (options.value < options.minValue) {\n options.value = options.minValue;\n }\n\n return BaseGauge.configure(options);\n }\n }]);\n\n return LinearGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['LinearGauge'] = LinearGauge;\n}\n\nBaseGauge.initialize('LinearGauge', defaultLinearGaugeOptions);;typeof module !== \"undefined\" && Object.assign(ns, {Collection: Collection,GenericOptions: GenericOptions,Animation: Animation,BaseGauge: BaseGauge,drawings: drawings,SmartCanvas: SmartCanvas,vendorize: vendorize});}(typeof module !== \"undefined\" ? module.exports : window));"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/package.json b/package.json index d7af5981..481777dc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "canvas-gauges", - "version": "2.1.0", + "version": "2.1.1", "description": "Minimalist HTML5 Canvas Gauges", "main": "gauge.min.js", "directories": { From a2d88762997dcac10ee32ad00f258d37b401ca49 Mon Sep 17 00:00:00 2001 From: Ville Hakulinen Date: Mon, 19 Dec 2016 16:24:26 +0200 Subject: [PATCH 02/10] Calculate angle for major ticks based on actual values --- lib/RadialGauge.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/lib/RadialGauge.js b/lib/RadialGauge.js index 257a07f1..5e68511b 100644 --- a/lib/RadialGauge.js +++ b/lib/RadialGauge.js @@ -327,7 +327,9 @@ function drawRadialMajorTicks(context, options) { /* istanbul ignore next: private, not testable */ function radialNextAngle(options, i, s) { - return options.startAngle + i * (options.ticksAngle / (s - 1)); + let max = options.maxValue; + let currentTick = options.majorTicks[i]; + return options.startAngle + options.ticksAngle / max * currentTick; } /* istanbul ignore next: private, not testable */ From a20fa65d7db7b05bb02e2f2c1be1be8ea14d3266 Mon Sep 17 00:00:00 2001 From: Mykhailo Stadnyk Date: Sat, 24 Dec 2016 11:43:12 +0200 Subject: [PATCH 03/10] examples update --- examples/radial-bar.html | 118 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 118 insertions(+) create mode 100644 examples/radial-bar.html diff --git a/examples/radial-bar.html b/examples/radial-bar.html new file mode 100644 index 00000000..80f466c2 --- /dev/null +++ b/examples/radial-bar.html @@ -0,0 +1,118 @@ + + + + + Gauge Test + + + + + + + +
+ + + + + + + + + + + + + From 150e92685e36dccea5d5fa2c4b365cc2ba20ae95 Mon Sep 17 00:00:00 2001 From: Mykhailo Stadnyk Date: Sat, 24 Dec 2016 12:04:57 +0200 Subject: [PATCH 04/10] Revert "Calculate angle for major ticks based on actual values" --- lib/RadialGauge.js | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/lib/RadialGauge.js b/lib/RadialGauge.js index 5e68511b..257a07f1 100644 --- a/lib/RadialGauge.js +++ b/lib/RadialGauge.js @@ -327,9 +327,7 @@ function drawRadialMajorTicks(context, options) { /* istanbul ignore next: private, not testable */ function radialNextAngle(options, i, s) { - let max = options.maxValue; - let currentTick = options.majorTicks[i]; - return options.startAngle + options.ticksAngle / max * currentTick; + return options.startAngle + i * (options.ticksAngle / (s - 1)); } /* istanbul ignore next: private, not testable */ From 1cba79bc6846686d4fbe40dd3aefb92b5edf28bf Mon Sep 17 00:00:00 2001 From: Mykhailo Stadnyk Date: Sun, 25 Dec 2016 13:02:35 +0200 Subject: [PATCH 05/10] Fixed issue #94 - clear previous animations properly --- examples/async.html | 2 +- examples/events.html | 2 +- examples/radial-min-path.html | 2 +- examples/radial.html | 2 +- gauge.min.js | 4 ++-- gauge.min.js.map | 2 +- lib/Animation.js | 14 +++++++++++--- lib/BaseGauge.js | 9 +++++++++ test-coverage.svg | 2 +- 9 files changed, 28 insertions(+), 11 deletions(-) diff --git a/examples/async.html b/examples/async.html index 0b252b20..ffa19762 100644 --- a/examples/async.html +++ b/examples/async.html @@ -140,5 +140,5 @@ - + diff --git a/examples/events.html b/examples/events.html index 0f984692..39a18f5b 100644 --- a/examples/events.html +++ b/examples/events.html @@ -143,5 +143,5 @@ }); }); - + diff --git a/examples/radial-min-path.html b/examples/radial-min-path.html index 3d8dfb17..eb6fa6a4 100644 --- a/examples/radial-min-path.html +++ b/examples/radial-min-path.html @@ -143,5 +143,5 @@ }); } - + diff --git a/examples/radial.html b/examples/radial.html index aeb092f1..059594fb 100644 --- a/examples/radial.html +++ b/examples/radial.html @@ -142,5 +142,5 @@ }); } - + diff --git a/gauge.min.js b/gauge.min.js index d27cce75..fc64b518 100644 --- a/gauge.min.js +++ b/gauge.min.js @@ -23,6 +23,6 @@ * * @version 2.1.1 */ -!function(e){"use strict";function t(e){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t1&&(d=1),t&&t(1===d?d:r(d)),s0){for(a=e.toFixed(i).toString().split("."),n=r-a[0].length;o1?(r=~i.indexOf("."),~i.indexOf("-")?"-"+[t.majorTicksInt+t.majorTicksDec+2+(r?1:0)-i.length].join("0")+i.replace("-",""):[t.majorTicksInt+t.majorTicksDec+1+(r?1:0)-i.length].join("0")+i):i}function f(e){return e*Math.PI/180}function v(e,t){return{x:-e*Math.sin(t),y:e*Math.cos(t)}}function m(e,t,i,r){var o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,a=e.createLinearGradient(o?0:n,o?n:0,o?0:r,o?r:0);return a.addColorStop(0,t),a.addColorStop(1,i),a}function b(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(i)return e.restore(),!0;e.save();var r=t.borderShadowWidth;return r&&(e.shadowBlur=r,e.shadowColor=t.colorBorderShadow),!0}function g(e,t){t.needleShadow&&(e.shadowOffsetX=2,e.shadowOffsetY=2,e.shadowBlur=10,e.shadowColor=t.colorNeedleShadowDown)}function p(e,t,i){return e["font"+t+"Style"]+" "+e["font"+t+"Weight"]+" "+e["font"+t+"Size"]*i+"px "+e["font"+t]}function w(e){e.shadowOffsetX=null,e.shadowOffsetY=null,e.shadowBlur=null,e.shadowColor="",e.strokeStyle=null,e.lineWidth=0,e.save()}function y(e,t,i,r){t.valueTextShadow&&(e.shadowOffsetX=i,e.shadowOffsetY=i,e.shadowBlur=r,e.shadowColor=t.colorValueTextShadow)}function k(e,t,i,r,o,n){if(t.valueBox){w(e);var a=t.valueText||c(i,t),l=n/200,s=n/100,d=.4*s,u=1.2*s;e.font=p(t,"Value",l),y(e,t,d,u);var f=e.measureText(t.valueText?a:"-"+c(0,t)).width;w(e);var v=parseFloat(t.fontValueSize)*l+d+u,m=s*parseFloat(t.valueBoxStroke),b=2*n-2*m,g=f+10*s,k=1.1*v+d+u,x=s*t.valueBoxBorderRadius,T=(parseFloat(t.valueBoxWidth)||0)/100*b;T>g&&(g=T),g>b&&(g=b);var S=r-g/2,W=o-k/2,O=o-5.75*s;if(e.beginPath(),x?h(e,S,W,g,k,x):e.rect(S,W,g,k),m){var P=e.createRadialGradient(r,O,10*s,r,O,20*s);P.addColorStop(0,t.colorValueBoxRect),P.addColorStop(1,t.colorValueBoxRectEnd),e.strokeStyle=P,e.lineWidth=m,e.stroke()}t.colorValueBoxShadow&&(e.shadowBlur=1.2*s,e.shadowColor=t.colorValueBoxShadow),t.colorValueBoxBackground&&(e.fillStyle=t.colorValueBoxBackground,e.fill()),e.closePath(),e.restore(),y(e,t,d,u),e.fillStyle=t.colorValueText,e.textAlign="center",e.textBaseline="alphabetic",e.fillText(a,S+g/2,o+k/2-v/3),e.restore()}}function x(e){var t=e.value,i=e.minValue,r=e.maxValue,o=.01*(r-i);return{normal:tr?r:t,indented:tr?r+o:t}}function T(e,t,i,r,o){i.beginPath(),i.arc(0,0,ye(e),0,2*Se,!0),i.lineWidth=t,i.strokeStyle=o?Te.linearGradient(i,r,o,e):r,i.stroke(),i.closePath()}function S(e,t){return e.maxRadius||(e.maxRadius=e.max-t.borderShadowWidth-t.borderOuterWidth-t.borderMiddleWidth-t.borderInnerWidth+(t.borderOuterWidth?.5:0)+(t.borderMiddleWidth?.5:0)+(t.borderInnerWidth?.5:0)),e.maxRadius}function W(e,t){var i=t.borderShadowWidth,r=e.max-i-t.borderOuterWidth/2,o=r-t.borderOuterWidth/2-t.borderMiddleWidth/2+.5,n=o-t.borderMiddleWidth/2-t.borderInnerWidth/2+.5,a=S(e,t),l=void 0,s=!1;e.save(),t.borderOuterWidth&&(s=Te.drawShadow(e,t,s),T(r,t.borderOuterWidth,e,t.colorBorderOuter,t.colorBorderOuterEnd)),t.borderMiddleWidth&&(s=Te.drawShadow(e,t,s),T(o,t.borderMiddleWidth,e,t.colorBorderMiddle,t.colorBorderMiddleEnd)),t.borderInnerWidth&&(s=Te.drawShadow(e,t,s),T(n,t.borderInnerWidth,e,t.colorBorderInner,t.colorBorderInnerEnd)),Te.drawShadow(e,t,s),e.beginPath(),e.arc(0,0,ye(a),0,2*Se,!0),t.colorPlateEnd?(l=e.createRadialGradient(0,0,a/2,0,0,a),l.addColorStop(0,t.colorPlate),l.addColorStop(1,t.colorPlateEnd)):l=t.colorPlate,e.fillStyle=l,e.fill(),e.closePath(),e.restore()}function O(e,t){var i=e.max*(parseFloat(t.highlightsWidth)||0)/100;if(i){var r=ye(V(e,t)-i/2),o=0,n=t.highlights.length,a=(t.maxValue-t.minValue)/t.ticksAngle;for(e.save();on?o:n,n>o,o>n?i:r):a,t>0?Te.roundRect(e,i,r,o,n,t):e.rect(i,r,o,n),e.fill(),e.closePath()}function z(e,t,i,r,o,n,a,l,s){e.beginPath(),e.lineWidth=t,e.strokeStyle=s?Te.linearGradient(e,l,s,a,!0,o):l,i>0?Te.roundRect(e,r,o,n,a,i):e.rect(r,o,n,a),e.stroke(),e.closePath()}function L(e,t,i,r,o,n){e.save();var a=t.borderRadius,l=o-t.borderShadowWidth-t.borderOuterWidth,s=l-t.borderOuterWidth-t.borderMiddleWidth,d=s-t.borderMiddleWidth-t.borderInnerWidth,h=d-t.borderInnerWidth,c=n-t.borderShadowWidth-t.borderOuterWidth,u=c-t.borderOuterWidth-t.borderMiddleWidth,f=u-t.borderMiddleWidth-t.borderInnerWidth,v=f-t.borderInnerWidth,m=i-(s-l)/2,b=m-(d-s)/2,g=b-(h-d)/2,p=r-(u-c)/2,w=p-(f-u)/2,y=w-(v-f)/2,k=0,x=!1;return t.borderOuterWidth&&(x=Te.drawShadow(e,t,x),z(e,t.borderOuterWidth,a,i+t.borderOuterWidth/2-k,r+t.borderOuterWidth/2-k,l,c,t.colorBorderOuter,t.colorBorderOuterEnd),k+=.5),t.borderMiddleWidth&&(x=Te.drawShadow(e,t,x),z(e,t.borderMiddleWidth,a-=1+2*k,m+t.borderMiddleWidth/2-k,p+t.borderMiddleWidth/2-k,s+2*k,u+2*k,t.colorBorderMiddle,t.colorBorderMiddleEnd),k+=.5),t.borderInnerWidth&&(x=Te.drawShadow(e,t,x),z(e,t.borderInnerWidth,a-=1+2*k,b+t.borderInnerWidth/2-k,w+t.borderInnerWidth/2-k,d+2*k,f+2*k,t.colorBorderInner,t.colorBorderInnerEnd),k+=.5),Te.drawShadow(e,t,x),D(e,a,g,y,h+2*k,v+2*k,t.colorPlate,t.colorPlateEnd),e.restore(),[g,y,h,v]}function G(e,t,i,r,o,n){var a=be.pixelRatio,l=n>=o,s=l?.85*o:n,d=l?n:o;i=l?we(i+(o-s)/2):i;var h=!!t.title,c=!!t.units,u=!!t.valueBox,f=void 0,v=void 0,m=void 0;l?(v=we(.05*d),f=we(.075*d),m=we(.11*d),h&&(d-=f,r+=f),c&&(d-=v),u&&(d-=m)):(v=f=we(.15*s),h&&(s-=f,r+=f),c&&(s-=v));var b=2*t.barStrokeWidth,g=t.barBeginCircle?we(s*t.barBeginCircle/200-b/2):0,p=we(s*t.barWidth/100-b),w=we(d*t.barLength/100-b),y=we((d-w)/2),k=we(i+(l?s/2:y+g)),x=we(r+(l?d-y-g+b/2:s/2)),T=!l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s,S=l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s;return e.barDimensions={isVertical:l,width:s,length:d,barWidth:p,barLength:w,strokeWidth:b,barMargin:y,radius:g,pixelRatio:a,barOffset:null,titleMargin:h?f:0,unitsMargin:c?v:0,get ticksLength(){return this.barLength-this.barOffset-this.strokeWidth},X:i+T,Y:r+S,x0:k+T,y0:x+S,baseX:i,baseY:r,ticksPadding:t.ticksPadding/100},e.barDimensions}function F(e,t,i,r,o,n,a){var l=G(e,t,r,o,n,a),s=l.isVertical,d=l.width,h=l.barWidth,c=l.barLength,u=l.strokeWidth,f=l.barMargin,v=l.radius,m=l.x0,b=l.y0,g=l.X,p=l.Y,w=c;if(e.save(),e.beginPath(),t.barBeginCircle){var y=Te.radians(s?270:0),k=Math.asin(h/2/v),x=Math.cos(k),T=Math.sin(k),S=m+(s?v*T:v*x-u/2),W=s?b-v*x:b+v*T,O=ye(s?W-b:S-m);e.barDimensions.barOffset=we(O+v);var P=s?we(m-v*T):S,V=s?W:we(b-v*T);"progress"===i&&(c=e.barDimensions.barOffset+(c-e.barDimensions.barOffset)*(Te.normalizedValue(t).normal-t.minValue)/(t.maxValue-t.minValue));var B=we(S+c-e.barDimensions.barOffset+u/2),M=we(W-c+e.barDimensions.barOffset-u/2);e.arc(m,b,v,y+k,y-k),s?(e.moveTo(S,V),e.lineTo(S,M),e.lineTo(P,M),e.lineTo(P,V)):(e.moveTo(S,V),e.lineTo(B,V),e.lineTo(B,W),e.lineTo(S,W))}else{var A=we(s?g+(d-h)/2:g+f),C=we(s?p+c+f:p+(d-h)/2);"progress"===i&&(c*=(t.value-t.minValue)/(t.maxValue-t.minValue)),s?e.rect(A,C,h,-c):e.rect(A,C,c,h)}"progress"!==i&&t.barStrokeWidth&&(e.lineWidth=u,e.strokeStyle=t.colorBarStroke,e.stroke()),"progress"!==i&&t.colorBar?(e.fillStyle=t.colorBarEnd?Te.linearGradient(e,t.colorBar,t.colorBarEnd,c,s,s?p:g):t.colorBar,e.fill()):"progress"===i&&t.colorBarProgress&&(e.fillStyle=t.colorBarProgressEnd?Te.linearGradient(e,t.colorBarProgress,t.colorBarProgressEnd,w,s,s?p:g):t.colorBarProgress,e.fill()),e.closePath(),t.barBeginCircle&&(e.barDimensions.radius+=u),e.barDimensions.barWidth+=u,e.barDimensions.barLength+=u}function X(e,t,i,r,o,n){F(e,t,"",i,r,o,n)}function Y(e,t){return t.needleSide!==e||t.tickSide!==e||t.numberSide!==e}function U(e,t,i,r,o,n){t.barProgress&&F(e,t,"progress",i,r,o,n)}function H(e,t){var i=e.barDimensions,r=i.isVertical,o=i.width,n=i.length,a=i.barWidth,l=i.barOffset,s=i.barMargin,d=i.X,h=i.Y,c=i.ticksLength,u=i.ticksPadding,f=o*(parseFloat(t.highlightsWidth)||0)/100;if(t.highlights&&f){var v="right"!==t.tickSide,m="left"!==t.tickSide,b=0,g=t.highlights.length,p=(o-a)/2,w=t.maxValue-t.minValue,y=we(r?d+p:d+s+l),k=f,x=r?h+n-s-l:h+p,T=we((t.ticksWidth/100+u)*o)+(f-t.ticksWidth/100*o),S=we(a+u*o);for(e.save();bn&&(d*=-1),e.moveTo(i-c,r),e.lineTo(i+c,r),e.lineTo(i+c,r+d),e.lineTo(i,n),e.lineTo(i-c,r+d),e.lineTo(i-c,r)):(i>o&&(d*=-1),e.moveTo(i,r-c),e.lineTo(i,r+c),e.lineTo(i+d,r+c),e.lineTo(o,r),e.lineTo(i+d,r-c),e.lineTo(i,r-c)),e.fill(),e.closePath()}function ae(e,t,i,r,o,n,a){var l=(parseFloat(t.fontValueSize)||0)*n/200,s=(.11*a-l)/2;e.barDimensions.isVertical&&Te.drawValueBox(e,t,i,r+n/2,o+a-l-s,n)}var le=function(){function e(e,t){var i=[],r=!0,o=!1,n=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(i.push(a.value),!t||i.length!==t);r=!0);}catch(e){o=!0,n=e}finally{try{!r&&l.return&&l.return()}finally{if(o)throw n}}return i}return function(t,i){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),se=function e(t,i,r){null===t&&(t=Function.prototype);var o=Object.getOwnPropertyDescriptor(t,i);if(void 0===o){var n=Object.getPrototypeOf(t);return null===n?void 0:e(n,i,r)}if("value"in o)return o.value;var a=o.get;if(void 0!==a)return a.call(r)},de=function e(t,i,r,o){var n=Object.getOwnPropertyDescriptor(t,i);if(void 0===n){var a=Object.getPrototypeOf(t);null!==a&&e(a,i,r,o)}else if("value"in n&&n.writable)n.value=r;else{var l=n.set;void 0!==l&&l.call(o,r)}return r},he=function(){function e(e,t){for(var i=0;i>>0;if(0===o)return-1;var n=+t||0;if(Math.abs(n)===1/0&&(n=0),n>=o)return-1;for(i=Math.max(n>=0?n:o-Math.abs(n),0);i>>0,r=arguments[1],o=r>>0,n=o<0?Math.max(i+o,0):Math.min(o,i),a=arguments[2],l=void 0===a?i:a>>0,s=l<0?Math.max(i+l,0):Math.min(l,i);n1?r-1:0),n=1;n1?t-1:0),r=1;r=(7-4*t)/11)return-Math.pow((11-6*t-11*e)/4,2)+Math.pow(i,2)},elastic:function(e){return 1-fe.delastic(1-e)},delastic:function(e){var t=1.5;return Math.pow(2,10*(e-1))*Math.cos(20*Math.PI*t/3*e)}},ve=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:250,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};if(o(this,e),this.duration=i,this.rule=t,this.draw=r,this.end=n,"function"!=typeof this.draw)throw new TypeError("Invalid animation draw callback:",r);if("function"!=typeof this.end)throw new TypeError("Invalid animation end callback:",n)}return he(e,[{key:"animate",value:function(e,t){var i=this,r=window.performance&&window.performance.now?window.performance.now():n("animationStartTime")||Date.now();e=e||this.draw,t=t||this.end,this.frame=ue(function(o){return a(o,e,r,fe[i.rule]||i.rule,i.duration,t,i)})}},{key:"destroy",value:function(){if(this.frame){var e=n("cancelAnimationFrame")||function(e){};e(this.frame),this.frame=null}this.draw=null,this.end=null}}]),e}();ve.rules=fe;var me=function(){function t(i,r,n){o(this,t),this.options=i,this.element=r.toLowerCase(),this.type=t.toDashed(n),this.Type=e[n],this.mutationsObserved=!1,this.isObservable=!!window.MutationObserver,window.GAUGES_NO_AUTO_INIT||t.domReady(this.traverse.bind(this))}return he(t,[{key:"isValidNode",value:function(e){return!(!e.tagName||e.tagName.toLowerCase()!==this.element||e.getAttribute("data-type")!==this.type)}},{key:"traverse",value:function(){for(var e=document.getElementsByTagName(this.element),t=0,i=e.length;t1&&void 0!==arguments[1])||arguments[1],i=e.split(/-/),r=0,o=i.length,n="";r1&&void 0!==arguments[1]?arguments[1]:0;return e=parseFloat(e),!isNaN(e)&&isFinite(e)||(e=parseFloat(t)||0),e}},{key:"version",get:function(){return pe}}]),n}(ce);"undefined"!=typeof e&&(e.BaseGauge=xe,e.gauges=(window.document||{}).gauges=ke);var Te={roundRect:h,padValue:c,formatMajorTickNumber:u,radians:f,radialPoint:v,linearGradient:m,drawNeedleShadow:g,drawValueBox:k,verifyError:s,prepareTicks:d,drawShadow:b,font:p,normalizedValue:x},Se=Math.PI,We=Se/2,Oe=Object.assign({},ge,{ticksAngle:270,startAngle:45,colorNeedleCircleOuter:"#f0f0f0",colorNeedleCircleOuterEnd:"#ccc",colorNeedleCircleInner:"#e8e8e8",colorNeedleCircleInnerEnd:"#f5f5f5",needleCircleSize:10,needleCircleInner:!0,needleCircleOuter:!0,animationTarget:"needle",useMinPath:!1,barWidth:0}),Pe=function(e){function t(e){return o(this,t),e=Object.assign({},Oe,e||{}),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,t.configure(e)))}return r(t,e),he(t,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],n=i[2],a=i[3],l=this.options;if("needle"===l.animationTarget){if(!e.elementClone.initialized){var s=e.contextClone;s.clearRect(r,o,n,a),s.save(),this.emit("beforePlate"),W(s,l),this.emit("beforeHighlights"),O(s,l),this.emit("beforeMinorTicks"),P(s,l),this.emit("beforeMajorTicks"),B(s,l),this.emit("beforeNumbers"),C(s,l),this.emit("beforeTitle"),N(s,l),this.emit("beforeUnits"),j(s,l),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,n,a),e.context.save(),e.context.drawImage(e.elementClone,r,o,n,a),e.context.save(),this.emit("beforeProgressBar"),R(e.context,l),this.emit("beforeValueBox"),_(e.context,l,I(this)),this.emit("beforeNeedle"),E(e.context,l)}else{var d=-Te.radians((l.value-l.minValue)/(l.maxValue-l.minValue)*l.ticksAngle);if(e.context.clearRect(r,o,n,a),e.context.save(),this.emit("beforePlate"),W(e.context,l),e.context.rotate(d),this.emit("beforeHighlights"),O(e.context,l),this.emit("beforeMinorTicks"),P(e.context,l),this.emit("beforeMajorTicks"),B(e.context,l),this.emit("beforeNumbers"),C(e.context,l),this.emit("beforeProgressBar"),R(e.context,l),e.context.rotate(-d),e.context.save(),!e.elementClone.initialized){var h=e.contextClone;h.clearRect(r,o,n,a),h.save(),this.emit("beforeTitle"),N(h,l),this.emit("beforeUnits"),j(h,l),this.emit("beforeNeedle"),E(h,l),e.elementClone.initialized=!0}e.context.drawImage(e.elementClone,r,o,n,a)}this.emit("beforeValueBox"),_(e.context,l,I(this)),se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}},{key:"value",set:function(e){e=xe.ensureValue(e,this.options.minValue),this.options.animation&&360===this.options.ticksAngle&&this.options.useMinPath&&(this._value=e,e=this.options.value+((e-this.options.value)%360+540)%360-180),de(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",e,this)},get:function(){return se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",this)}}],[{key:"configure",value:function(e){return e.barWidth>50&&(e.barWidth=50),isNaN(e.startAngle)&&(e.startAngle=45),isNaN(e.ticksAngle)&&(e.ticksAngle=270),e.ticksAngle>360&&(e.ticksAngle=360),e.ticksAngle<0&&(e.ticksAngle=0),e.startAngle<0&&(e.startAngle=0),e.startAngle>360&&(e.startAngle=360),e}}]),t}(xe);"undefined"!=typeof e&&(e.RadialGauge=Pe),xe.initialize("RadialGauge",Oe);var Ve=Object.assign({},ge,{borderRadius:0,barBeginCircle:30,colorBarEnd:"",colorBarProgressEnd:"",needleWidth:6,tickSide:"both",needleSide:"both",numberSide:"both",ticksWidth:10,ticksWidthMinor:5,ticksPadding:5,barLength:85,fontTitleSize:26,highlightsWidth:10}),Be=function(e){function n(e){return o(this,n),e=Object.assign({},Ve,e||{}),i(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n.configure(e)))}return r(n,e),he(n,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],a=i[2],l=i[3],s=this.options;if(!e.elementClone.initialized){var d=e.contextClone;d.clearRect(r,o,a,l),d.save(),this.emit("beforePlate"),this.drawBox=L(d,s,r,o,a,l),this.emit("beforeBar"),X.apply(void 0,[d,s].concat(t(this.drawBox))),e.context.barDimensions=d.barDimensions,this.emit("beforeHighlights"),H(d,s),this.emit("beforeMinorTicks"),K(d,s),this.emit("beforeMajorTicks"),$(d,s),this.emit("beforeNumbers"),Q(d,s),this.emit("beforeTitle"),ee(d,s),this.emit("beforeUnits"),te(d,s),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,a,l),e.context.save(),e.context.drawImage(e.elementClone,r,o,a,l),e.context.save(),this.emit("beforeProgressBar"),U.apply(void 0,[e.context,s].concat(t(this.drawBox))),this.emit("beforeNeedle"),ie(e.context,s),this.emit("beforeValueBox"),ae.apply(void 0,[e.context,s,s.animatedValue?this.options.value:this.value].concat(t(this.drawBox))),se(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}}],[{key:"configure",value:function(e){return e.barStrokeWidth>=e.barWidth&&(e.barStrokeWidth=we(e.barWidth/2)),e.hasLeft=Y("right",e),e.hasRight=Y("left",e),e.value>e.maxValue&&(e.value=e.maxValue),e.value1&&(d=1),t&&t(1===d?d:r(d)),s0){for(a=e.toFixed(i).toString().split("."),n=r-a[0].length;o1?(r=~i.indexOf("."),~i.indexOf("-")?"-"+[t.majorTicksInt+t.majorTicksDec+2+(r?1:0)-i.length].join("0")+i.replace("-",""):[t.majorTicksInt+t.majorTicksDec+1+(r?1:0)-i.length].join("0")+i):i}function f(e){return e*Math.PI/180}function v(e,t){return{x:-e*Math.sin(t),y:e*Math.cos(t)}}function m(e,t,i,r){var o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,a=e.createLinearGradient(o?0:n,o?n:0,o?0:r,o?r:0);return a.addColorStop(0,t),a.addColorStop(1,i),a}function b(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(i)return e.restore(),!0;e.save();var r=t.borderShadowWidth;return r&&(e.shadowBlur=r,e.shadowColor=t.colorBorderShadow),!0}function g(e,t){t.needleShadow&&(e.shadowOffsetX=2,e.shadowOffsetY=2,e.shadowBlur=10,e.shadowColor=t.colorNeedleShadowDown)}function p(e,t,i){return e["font"+t+"Style"]+" "+e["font"+t+"Weight"]+" "+e["font"+t+"Size"]*i+"px "+e["font"+t]}function w(e){e.shadowOffsetX=null,e.shadowOffsetY=null,e.shadowBlur=null,e.shadowColor="",e.strokeStyle=null,e.lineWidth=0,e.save()}function y(e,t,i,r){t.valueTextShadow&&(e.shadowOffsetX=i,e.shadowOffsetY=i,e.shadowBlur=r,e.shadowColor=t.colorValueTextShadow)}function k(e,t,i,r,o,n){if(t.valueBox){w(e);var a=t.valueText||c(i,t),l=n/200,s=n/100,d=.4*s,u=1.2*s;e.font=p(t,"Value",l),y(e,t,d,u);var f=e.measureText(t.valueText?a:"-"+c(0,t)).width;w(e);var v=parseFloat(t.fontValueSize)*l+d+u,m=s*parseFloat(t.valueBoxStroke),b=2*n-2*m,g=f+10*s,k=1.1*v+d+u,x=s*t.valueBoxBorderRadius,T=(parseFloat(t.valueBoxWidth)||0)/100*b;T>g&&(g=T),g>b&&(g=b);var S=r-g/2,W=o-k/2,O=o-5.75*s;if(e.beginPath(),x?h(e,S,W,g,k,x):e.rect(S,W,g,k),m){var P=e.createRadialGradient(r,O,10*s,r,O,20*s);P.addColorStop(0,t.colorValueBoxRect),P.addColorStop(1,t.colorValueBoxRectEnd),e.strokeStyle=P,e.lineWidth=m,e.stroke()}t.colorValueBoxShadow&&(e.shadowBlur=1.2*s,e.shadowColor=t.colorValueBoxShadow),t.colorValueBoxBackground&&(e.fillStyle=t.colorValueBoxBackground,e.fill()),e.closePath(),e.restore(),y(e,t,d,u),e.fillStyle=t.colorValueText,e.textAlign="center",e.textBaseline="alphabetic",e.fillText(a,S+g/2,o+k/2-v/3),e.restore()}}function x(e){var t=e.value,i=e.minValue,r=e.maxValue,o=.01*(r-i);return{normal:tr?r:t,indented:tr?r+o:t}}function T(e,t,i,r,o){i.beginPath(),i.arc(0,0,ye(e),0,2*Se,!0),i.lineWidth=t,i.strokeStyle=o?Te.linearGradient(i,r,o,e):r,i.stroke(),i.closePath()}function S(e,t){return e.maxRadius||(e.maxRadius=e.max-t.borderShadowWidth-t.borderOuterWidth-t.borderMiddleWidth-t.borderInnerWidth+(t.borderOuterWidth?.5:0)+(t.borderMiddleWidth?.5:0)+(t.borderInnerWidth?.5:0)),e.maxRadius}function W(e,t){var i=t.borderShadowWidth,r=e.max-i-t.borderOuterWidth/2,o=r-t.borderOuterWidth/2-t.borderMiddleWidth/2+.5,n=o-t.borderMiddleWidth/2-t.borderInnerWidth/2+.5,a=S(e,t),l=void 0,s=!1;e.save(),t.borderOuterWidth&&(s=Te.drawShadow(e,t,s),T(r,t.borderOuterWidth,e,t.colorBorderOuter,t.colorBorderOuterEnd)),t.borderMiddleWidth&&(s=Te.drawShadow(e,t,s),T(o,t.borderMiddleWidth,e,t.colorBorderMiddle,t.colorBorderMiddleEnd)),t.borderInnerWidth&&(s=Te.drawShadow(e,t,s),T(n,t.borderInnerWidth,e,t.colorBorderInner,t.colorBorderInnerEnd)),Te.drawShadow(e,t,s),e.beginPath(),e.arc(0,0,ye(a),0,2*Se,!0),t.colorPlateEnd?(l=e.createRadialGradient(0,0,a/2,0,0,a),l.addColorStop(0,t.colorPlate),l.addColorStop(1,t.colorPlateEnd)):l=t.colorPlate,e.fillStyle=l,e.fill(),e.closePath(),e.restore()}function O(e,t){var i=e.max*(parseFloat(t.highlightsWidth)||0)/100;if(i){var r=ye(V(e,t)-i/2),o=0,n=t.highlights.length,a=(t.maxValue-t.minValue)/t.ticksAngle;for(e.save();on?o:n,n>o,o>n?i:r):a,t>0?Te.roundRect(e,i,r,o,n,t):e.rect(i,r,o,n),e.fill(),e.closePath()}function z(e,t,i,r,o,n,a,l,s){e.beginPath(),e.lineWidth=t,e.strokeStyle=s?Te.linearGradient(e,l,s,a,!0,o):l,i>0?Te.roundRect(e,r,o,n,a,i):e.rect(r,o,n,a),e.stroke(),e.closePath()}function L(e,t,i,r,o,n){e.save();var a=t.borderRadius,l=o-t.borderShadowWidth-t.borderOuterWidth,s=l-t.borderOuterWidth-t.borderMiddleWidth,d=s-t.borderMiddleWidth-t.borderInnerWidth,h=d-t.borderInnerWidth,c=n-t.borderShadowWidth-t.borderOuterWidth,u=c-t.borderOuterWidth-t.borderMiddleWidth,f=u-t.borderMiddleWidth-t.borderInnerWidth,v=f-t.borderInnerWidth,m=i-(s-l)/2,b=m-(d-s)/2,g=b-(h-d)/2,p=r-(u-c)/2,w=p-(f-u)/2,y=w-(v-f)/2,k=0,x=!1;return t.borderOuterWidth&&(x=Te.drawShadow(e,t,x),z(e,t.borderOuterWidth,a,i+t.borderOuterWidth/2-k,r+t.borderOuterWidth/2-k,l,c,t.colorBorderOuter,t.colorBorderOuterEnd),k+=.5),t.borderMiddleWidth&&(x=Te.drawShadow(e,t,x),z(e,t.borderMiddleWidth,a-=1+2*k,m+t.borderMiddleWidth/2-k,p+t.borderMiddleWidth/2-k,s+2*k,u+2*k,t.colorBorderMiddle,t.colorBorderMiddleEnd),k+=.5),t.borderInnerWidth&&(x=Te.drawShadow(e,t,x),z(e,t.borderInnerWidth,a-=1+2*k,b+t.borderInnerWidth/2-k,w+t.borderInnerWidth/2-k,d+2*k,f+2*k,t.colorBorderInner,t.colorBorderInnerEnd),k+=.5),Te.drawShadow(e,t,x),D(e,a,g,y,h+2*k,v+2*k,t.colorPlate,t.colorPlateEnd),e.restore(),[g,y,h,v]}function G(e,t,i,r,o,n){var a=be.pixelRatio,l=n>=o,s=l?.85*o:n,d=l?n:o;i=l?we(i+(o-s)/2):i;var h=!!t.title,c=!!t.units,u=!!t.valueBox,f=void 0,v=void 0,m=void 0;l?(v=we(.05*d),f=we(.075*d),m=we(.11*d),h&&(d-=f,r+=f),c&&(d-=v),u&&(d-=m)):(v=f=we(.15*s),h&&(s-=f,r+=f),c&&(s-=v));var b=2*t.barStrokeWidth,g=t.barBeginCircle?we(s*t.barBeginCircle/200-b/2):0,p=we(s*t.barWidth/100-b),w=we(d*t.barLength/100-b),y=we((d-w)/2),k=we(i+(l?s/2:y+g)),x=we(r+(l?d-y-g+b/2:s/2)),T=!l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s,S=l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s;return e.barDimensions={isVertical:l,width:s,length:d,barWidth:p,barLength:w,strokeWidth:b,barMargin:y,radius:g,pixelRatio:a,barOffset:null,titleMargin:h?f:0,unitsMargin:c?v:0,get ticksLength(){return this.barLength-this.barOffset-this.strokeWidth},X:i+T,Y:r+S,x0:k+T,y0:x+S,baseX:i,baseY:r,ticksPadding:t.ticksPadding/100},e.barDimensions}function F(e,t,i,r,o,n,a){var l=G(e,t,r,o,n,a),s=l.isVertical,d=l.width,h=l.barWidth,c=l.barLength,u=l.strokeWidth,f=l.barMargin,v=l.radius,m=l.x0,b=l.y0,g=l.X,p=l.Y,w=c;if(e.save(),e.beginPath(),t.barBeginCircle){var y=Te.radians(s?270:0),k=Math.asin(h/2/v),x=Math.cos(k),T=Math.sin(k),S=m+(s?v*T:v*x-u/2),W=s?b-v*x:b+v*T,O=ye(s?W-b:S-m);e.barDimensions.barOffset=we(O+v);var P=s?we(m-v*T):S,V=s?W:we(b-v*T);"progress"===i&&(c=e.barDimensions.barOffset+(c-e.barDimensions.barOffset)*(Te.normalizedValue(t).normal-t.minValue)/(t.maxValue-t.minValue));var B=we(S+c-e.barDimensions.barOffset+u/2),M=we(W-c+e.barDimensions.barOffset-u/2);e.arc(m,b,v,y+k,y-k),s?(e.moveTo(S,V),e.lineTo(S,M),e.lineTo(P,M),e.lineTo(P,V)):(e.moveTo(S,V),e.lineTo(B,V),e.lineTo(B,W),e.lineTo(S,W))}else{var A=we(s?g+(d-h)/2:g+f),C=we(s?p+c+f:p+(d-h)/2);"progress"===i&&(c*=(t.value-t.minValue)/(t.maxValue-t.minValue)),s?e.rect(A,C,h,-c):e.rect(A,C,c,h)}"progress"!==i&&t.barStrokeWidth&&(e.lineWidth=u,e.strokeStyle=t.colorBarStroke,e.stroke()),"progress"!==i&&t.colorBar?(e.fillStyle=t.colorBarEnd?Te.linearGradient(e,t.colorBar,t.colorBarEnd,c,s,s?p:g):t.colorBar,e.fill()):"progress"===i&&t.colorBarProgress&&(e.fillStyle=t.colorBarProgressEnd?Te.linearGradient(e,t.colorBarProgress,t.colorBarProgressEnd,w,s,s?p:g):t.colorBarProgress,e.fill()),e.closePath(),t.barBeginCircle&&(e.barDimensions.radius+=u),e.barDimensions.barWidth+=u,e.barDimensions.barLength+=u}function X(e,t,i,r,o,n){F(e,t,"",i,r,o,n)}function Y(e,t){return t.needleSide!==e||t.tickSide!==e||t.numberSide!==e}function U(e,t,i,r,o,n){t.barProgress&&F(e,t,"progress",i,r,o,n)}function H(e,t){var i=e.barDimensions,r=i.isVertical,o=i.width,n=i.length,a=i.barWidth,l=i.barOffset,s=i.barMargin,d=i.X,h=i.Y,c=i.ticksLength,u=i.ticksPadding,f=o*(parseFloat(t.highlightsWidth)||0)/100;if(t.highlights&&f){var v="right"!==t.tickSide,m="left"!==t.tickSide,b=0,g=t.highlights.length,p=(o-a)/2,w=t.maxValue-t.minValue,y=we(r?d+p:d+s+l),k=f,x=r?h+n-s-l:h+p,T=we((t.ticksWidth/100+u)*o)+(f-t.ticksWidth/100*o),S=we(a+u*o);for(e.save();bn&&(d*=-1),e.moveTo(i-c,r),e.lineTo(i+c,r),e.lineTo(i+c,r+d),e.lineTo(i,n),e.lineTo(i-c,r+d),e.lineTo(i-c,r)):(i>o&&(d*=-1),e.moveTo(i,r-c),e.lineTo(i,r+c),e.lineTo(i+d,r+c),e.lineTo(o,r),e.lineTo(i+d,r-c),e.lineTo(i,r-c)),e.fill(),e.closePath()}function ae(e,t,i,r,o,n,a){var l=(parseFloat(t.fontValueSize)||0)*n/200,s=(.11*a-l)/2;e.barDimensions.isVertical&&Te.drawValueBox(e,t,i,r+n/2,o+a-l-s,n)}var le=function(){function e(e,t){var i=[],r=!0,o=!1,n=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(i.push(a.value),!t||i.length!==t);r=!0);}catch(e){o=!0,n=e}finally{try{!r&&l.return&&l.return()}finally{if(o)throw n}}return i}return function(t,i){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),se=function e(t,i,r){null===t&&(t=Function.prototype);var o=Object.getOwnPropertyDescriptor(t,i);if(void 0===o){var n=Object.getPrototypeOf(t);return null===n?void 0:e(n,i,r)}if("value"in o)return o.value;var a=o.get;if(void 0!==a)return a.call(r)},de=function e(t,i,r,o){var n=Object.getOwnPropertyDescriptor(t,i);if(void 0===n){var a=Object.getPrototypeOf(t);null!==a&&e(a,i,r,o)}else if("value"in n&&n.writable)n.value=r;else{var l=n.set;void 0!==l&&l.call(o,r)}return r},he=function(){function e(e,t){for(var i=0;i>>0;if(0===o)return-1;var n=+t||0;if(Math.abs(n)===1/0&&(n=0),n>=o)return-1;for(i=Math.max(n>=0?n:o-Math.abs(n),0);i>>0,r=arguments[1],o=r>>0,n=o<0?Math.max(i+o,0):Math.min(o,i),a=arguments[2],l=void 0===a?i:a>>0,s=l<0?Math.max(i+l,0):Math.min(l,i);n1?r-1:0),n=1;n1?t-1:0),r=1;r=(7-4*t)/11)return-Math.pow((11-6*t-11*e)/4,2)+Math.pow(i,2)},elastic:function(e){return 1-fe.delastic(1-e)},delastic:function(e){var t=1.5;return Math.pow(2,10*(e-1))*Math.cos(20*Math.PI*t/3*e)}},ve=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:250,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};if(o(this,e),this.duration=i,this.rule=t,this.draw=r,this.end=n,"function"!=typeof this.draw)throw new TypeError("Invalid animation draw callback:",r);if("function"!=typeof this.end)throw new TypeError("Invalid animation end callback:",n)}return he(e,[{key:"animate",value:function(e,t){var i=this;this.cancel();var r=window.performance&&window.performance.now?window.performance.now():n("animationStartTime")||Date.now();e=e||this.draw,t=t||this.end,this.frame=ue(function(o){return a(o,e,r,fe[i.rule]||i.rule,i.duration,t,i)})}},{key:"cancel",value:function(){if(this.frame){var e=n("cancelAnimationFrame")||function(e){};e(this.frame),this.frame=null}}},{key:"destroy",value:function(){this.cancel(),this.draw=null,this.end=null}}]),e}();ve.rules=fe;var me=function(){function t(i,r,n){o(this,t),this.options=i,this.element=r.toLowerCase(),this.type=t.toDashed(n),this.Type=e[n],this.mutationsObserved=!1,this.isObservable=!!window.MutationObserver,window.GAUGES_NO_AUTO_INIT||t.domReady(this.traverse.bind(this))}return he(t,[{key:"isValidNode",value:function(e){return!(!e.tagName||e.tagName.toLowerCase()!==this.element||e.getAttribute("data-type")!==this.type)}},{key:"traverse",value:function(){for(var e=document.getElementsByTagName(this.element),t=0,i=e.length;t1&&void 0!==arguments[1])||arguments[1],i=e.split(/-/),r=0,o=i.length,n="";r1&&void 0!==arguments[1]?arguments[1]:0;return e=parseFloat(e),!isNaN(e)&&isFinite(e)||(e=parseFloat(t)||0),e}},{key:"version",get:function(){return pe}}]),n}(ce);"undefined"!=typeof e&&(e.BaseGauge=xe,e.gauges=(window.document||{}).gauges=ke);var Te={roundRect:h,padValue:c,formatMajorTickNumber:u,radians:f,radialPoint:v,linearGradient:m,drawNeedleShadow:g,drawValueBox:k,verifyError:s,prepareTicks:d,drawShadow:b,font:p,normalizedValue:x},Se=Math.PI,We=Se/2,Oe=Object.assign({},ge,{ticksAngle:270,startAngle:45,colorNeedleCircleOuter:"#f0f0f0",colorNeedleCircleOuterEnd:"#ccc",colorNeedleCircleInner:"#e8e8e8",colorNeedleCircleInnerEnd:"#f5f5f5",needleCircleSize:10,needleCircleInner:!0,needleCircleOuter:!0,animationTarget:"needle",useMinPath:!1,barWidth:0}),Pe=function(e){function t(e){return o(this,t),e=Object.assign({},Oe,e||{}),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,t.configure(e)))}return r(t,e),he(t,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],n=i[2],a=i[3],l=this.options;if("needle"===l.animationTarget){if(!e.elementClone.initialized){var s=e.contextClone;s.clearRect(r,o,n,a),s.save(),this.emit("beforePlate"),W(s,l),this.emit("beforeHighlights"),O(s,l),this.emit("beforeMinorTicks"),P(s,l),this.emit("beforeMajorTicks"),B(s,l),this.emit("beforeNumbers"),C(s,l),this.emit("beforeTitle"),N(s,l),this.emit("beforeUnits"),j(s,l),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,n,a),e.context.save(),e.context.drawImage(e.elementClone,r,o,n,a),e.context.save(),this.emit("beforeProgressBar"),R(e.context,l),this.emit("beforeValueBox"),_(e.context,l,I(this)),this.emit("beforeNeedle"),E(e.context,l)}else{var d=-Te.radians((l.value-l.minValue)/(l.maxValue-l.minValue)*l.ticksAngle);if(e.context.clearRect(r,o,n,a),e.context.save(),this.emit("beforePlate"),W(e.context,l),e.context.rotate(d),this.emit("beforeHighlights"),O(e.context,l),this.emit("beforeMinorTicks"),P(e.context,l),this.emit("beforeMajorTicks"),B(e.context,l),this.emit("beforeNumbers"),C(e.context,l),this.emit("beforeProgressBar"),R(e.context,l),e.context.rotate(-d),e.context.save(),!e.elementClone.initialized){var h=e.contextClone;h.clearRect(r,o,n,a),h.save(),this.emit("beforeTitle"),N(h,l),this.emit("beforeUnits"),j(h,l),this.emit("beforeNeedle"),E(h,l),e.elementClone.initialized=!0}e.context.drawImage(e.elementClone,r,o,n,a)}this.emit("beforeValueBox"),_(e.context,l,I(this)),se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}},{key:"value",set:function(e){e=xe.ensureValue(e,this.options.minValue),this.options.animation&&360===this.options.ticksAngle&&this.options.useMinPath&&(this._value=e,e=this.options.value+((e-this.options.value)%360+540)%360-180),de(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",e,this)},get:function(){return se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",this)}}],[{key:"configure",value:function(e){return e.barWidth>50&&(e.barWidth=50),isNaN(e.startAngle)&&(e.startAngle=45),isNaN(e.ticksAngle)&&(e.ticksAngle=270),e.ticksAngle>360&&(e.ticksAngle=360),e.ticksAngle<0&&(e.ticksAngle=0),e.startAngle<0&&(e.startAngle=0),e.startAngle>360&&(e.startAngle=360),e}}]),t}(xe);"undefined"!=typeof e&&(e.RadialGauge=Pe),xe.initialize("RadialGauge",Oe);var Ve=Object.assign({},ge,{borderRadius:0,barBeginCircle:30,colorBarEnd:"",colorBarProgressEnd:"",needleWidth:6,tickSide:"both",needleSide:"both",numberSide:"both",ticksWidth:10,ticksWidthMinor:5,ticksPadding:5,barLength:85,fontTitleSize:26,highlightsWidth:10}),Be=function(e){function n(e){return o(this,n),e=Object.assign({},Ve,e||{}),i(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n.configure(e)))}return r(n,e),he(n,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],a=i[2],l=i[3],s=this.options;if(!e.elementClone.initialized){var d=e.contextClone;d.clearRect(r,o,a,l),d.save(),this.emit("beforePlate"),this.drawBox=L(d,s,r,o,a,l),this.emit("beforeBar"),X.apply(void 0,[d,s].concat(t(this.drawBox))),e.context.barDimensions=d.barDimensions,this.emit("beforeHighlights"),H(d,s),this.emit("beforeMinorTicks"),K(d,s),this.emit("beforeMajorTicks"),$(d,s),this.emit("beforeNumbers"),Q(d,s),this.emit("beforeTitle"),ee(d,s),this.emit("beforeUnits"),te(d,s),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,a,l),e.context.save(),e.context.drawImage(e.elementClone,r,o,a,l),e.context.save(),this.emit("beforeProgressBar"),U.apply(void 0,[e.context,s].concat(t(this.drawBox))),this.emit("beforeNeedle"),ie(e.context,s),this.emit("beforeValueBox"),ae.apply(void 0,[e.context,s,s.animatedValue?this.options.value:this.value].concat(t(this.drawBox))),se(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}}],[{key:"configure",value:function(e){return e.barStrokeWidth>=e.barWidth&&(e.barStrokeWidth=we(e.barWidth/2)),e.hasLeft=Y("right",e),e.hasRight=Y("left",e),e.value>e.maxValue&&(e.value=e.maxValue),e.value\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n *\n * @version 2.1.1\n */\n(function(ns) {'use strict';\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if (\"value\" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };\n\nvar _set = function set(object, property, value, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent !== null) { set(parent, property, value, receiver); } } else if (\"value\" in desc && desc.writable) { desc.value = value; } else { var setter = desc.set; if (setter !== undefined) { setter.call(receiver, value); } } return value; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * @external {Object.assign} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n */\n/* istanbul ignore next */\nif (!Object.assign) {\n Object.defineProperty(Object, 'assign', {\n enumerable: false,\n configurable: true,\n writable: true,\n value: function value(target, firstSource) {\n 'use strict';\n\n if (target === undefined || target === null) {\n throw new TypeError('Cannot convert first argument to object');\n }\n\n var to = Object(target);\n var i = 1;\n\n for (; i < arguments.length; i++) {\n var nextSource = arguments[i];\n\n if (nextSource === undefined || nextSource === null) {\n continue;\n }\n\n var keysArray = Object.keys(Object(nextSource));\n var nextIndex = 0,\n len = keysArray.length;\n\n for (; nextIndex < len; nextIndex++) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n\n if (desc !== undefined && desc.enumerable) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n\n return to;\n }\n });\n}\n\n/**\n * @external {Array.indexOf} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf\n */\n/* istanbul ignore next */\nif (!Array.prototype.indexOf) {\n Array.prototype.indexOf = function (searchElement, fromIndex) {\n var k;\n\n if (this === null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n\n if (len === 0) {\n return -1;\n }\n\n var n = +fromIndex || 0;\n\n if (Math.abs(n) === Infinity) {\n n = 0;\n }\n\n if (n >= len) {\n return -1;\n }\n\n k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n while (k < len) {\n if (k in O && O[k] === searchElement) {\n return k;\n }\n\n k++;\n }\n\n return -1;\n };\n}\n\n/**\n * @external {Array.fill} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/fill\n */\n/* istanbul ignore next */\nif (!Array.prototype.fill) {\n Array.prototype.fill = function (value) {\n if (this === null) {\n throw new TypeError('this is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n var start = arguments[1];\n var relativeStart = start >> 0;\n var k = relativeStart < 0 ? Math.max(len + relativeStart, 0) : Math.min(relativeStart, len);\n var end = arguments[2];\n var relativeEnd = end === undefined ? len : end >> 0;\n var final = relativeEnd < 0 ? Math.max(len + relativeEnd, 0) : Math.min(relativeEnd, len);\n while (k < final) {\n O[k] = value;\n k++;\n }\n\n return O;\n };\n}\n\n/**\n * mocking window\n */\nif (typeof window === 'undefined') {\n window = typeof global === 'undefined' ? {} : global;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * Look-ups for a proper vendor-specific property and returns its value\n *\n * @example\n * var requestAnimationFrame = vendorize('requestAnimationFrame');\n * // it will refer properly to:\n * // - window.requestAnimationFrame by default or to\n * // - window.webkitRequestAnimationFrame or to\n * // - window.mozRequestAnimationFrame or to\n * // - window.msRequestAnimationFrame or to\n * // - window.oRequestAnimationFrame\n * // depending on the current browser vendor\n *\n * @author Mykhailo Stadnyk \n * @param {string} prop\n * @param {HTMLElement|Window|object} [from] - default is window\n * @returns {*}\n */\nfunction vendorize(prop, from) {\n /* istanbul ignore else: no reason to cover */\n if (!from) {\n from = typeof window === 'undefined' ? global : window;\n }\n\n if (typeof from[prop] !== 'undefined') {\n return from[prop];\n }\n\n var vendors = ['webkit', 'moz', 'ms', 'o'];\n var i = 0;\n var s = vendors.length;\n var capitalized = prop.charAt(0).toUpperCase() + prop.substr(1);\n\n for (; i < s; i++) {\n var vendorProp = from[vendors[i] + capitalized];\n\n /* istanbul ignore if: requires very complex environment to test (specific browser version) */\n if (typeof vendorProp !== 'undefined') {\n return vendorProp;\n }\n }\n\n return null;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Class EventEmitter - base event manager\n */\n\nvar EventEmitter = function () {\n /**\n * @constructor\n */\n function EventEmitter() {\n _classCallCheck(this, EventEmitter);\n\n this._events = {};\n\n this.addListener = this.on;\n this.removeListener = this.off;\n }\n\n /**\n * Returns all event listeners\n *\n * @return {object}\n */\n\n\n _createClass(EventEmitter, [{\n key: 'emit',\n\n\n /**\n * Emits given event bypassing to each registered handler given args\n *\n * @param {string} event\n * @param {...*} args\n */\n value: function emit(event) {\n if (this._events[event]) {\n var i = 0;\n var s = this._events[event].length;\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n for (; i < s; i++) {\n this._events[event][i] && this._events[event][i].apply(this, args);\n }\n }\n }\n\n /**\n * Registers given handler for given event to be called only once when\n * event is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'once',\n value: function once(event) {\n for (var _len2 = arguments.length, handlers = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n handlers[_key2 - 1] = arguments[_key2];\n }\n\n var i = 0;\n var s = handlers.length;\n var self = this;\n\n var _loop = function _loop() {\n var handler = handlers[i];\n var wrapper = function wrapper() {\n self.off(event, wrapper);\n handler.apply(self, arguments);\n };\n\n handlers[i] = wrapper;\n };\n\n for (; i < s; i++) {\n _loop();\n }\n\n this.on.apply(this, [event].concat(handlers));\n }\n\n /**\n * Registers given handlers for a given events to be called each time event\n * is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'on',\n value: function on(event) {\n if (!this._events[event]) {\n this._events[event] = [];\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n this._events[event].push(arguments.length <= i + 1 ? undefined : arguments[i + 1]);\n }\n }\n\n /**\n * Un-registers previously registered event handlers\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'off',\n value: function off(event) {\n if (!this._events[event]) {\n return;\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n var _handler = arguments.length <= i + 1 ? undefined : arguments[i + 1];\n var index = void 0;\n\n while (~(index = this._events[event].indexOf(_handler))) {\n this._events[event].splice(index, 1);\n }\n }\n }\n\n /**\n * Removes all listeners for a given event\n *\n * @param {string} event\n */\n\n }, {\n key: 'removeAllListeners',\n value: function removeAllListeners(event) {\n delete this._events[event];\n }\n }, {\n key: 'listeners',\n get: function get() {\n return this._events;\n }\n }]);\n\n return EventEmitter;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/* jshint -W079 */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/* istanbul ignore next */\n/**\n * @type {function(callback: function(time: number): number, element?: HTMLElement)}\n * @access private\n */\n\n\nvar requestAnimationFrame = vendorize('requestAnimationFrame') || function (callback) {\n return setTimeout(function () {\n return callback(new Date().getTime());\n }, 1000 / 60);\n};\n\n/**\n * Generic AnimationRule function interface\n *\n * @typedef {function(percent: number): number} AnimationRule\n */\n\n/**\n * Callback for animation step draw event.\n * It will be called each time animation step is executed, bypassing\n * as first argument a percent of animation completeness. It is expected\n * that this callback will do an actual work of animating an elements or\n * whatever, as far as animation engine is just calculating and executing\n * animation steps without any knowledge about things under animation.\n *\n * @typedef {function(percent: number): *} DrawEventCallback\n */\n\n/**\n * Callback for animation complete event.\n * It is called once each animation is complete.\n *\n * @typedef {function(): *} EndEventCallback\n */\n\n/**\n * Predefined known animation rules.\n * It's a simple collection of math for some most used animations.\n *\n * @typedef {{linear: AnimationRule, quad: AnimationRule, dequad: AnimationRule, quint: AnimationRule, dequint: AnimationRule, cycle: AnimationRule, decycle: AnimationRule, bounce: AnimationRule, debounce: AnimationRule, elastic: AnimationRule, delastic: AnimationRule}} AnimationRules\n */\n\n/* istanbul ignore next: no reason covering this */\nvar rules = {\n linear: function linear(p) {\n return p;\n },\n quad: function quad(p) {\n return Math.pow(p, 2);\n },\n dequad: function dequad(p) {\n return 1 - rules.quad(1 - p);\n },\n quint: function quint(p) {\n return Math.pow(p, 5);\n },\n dequint: function dequint(p) {\n return 1 - Math.pow(1 - p, 5);\n },\n cycle: function cycle(p) {\n return 1 - Math.sin(Math.acos(p));\n },\n decycle: function decycle(p) {\n return Math.sin(Math.acos(1 - p));\n },\n bounce: function bounce(p) {\n return 1 - rules.debounce(1 - p);\n },\n debounce: function debounce(p) {\n var a = 0,\n b = 1;\n for (; 1; a += b, b /= 2) {\n if (p >= (7 - 4 * a) / 11) {\n return -Math.pow((11 - 6 * a - 11 * p) / 4, 2) + Math.pow(b, 2);\n }\n }\n },\n elastic: function elastic(p) {\n return 1 - rules.delastic(1 - p);\n },\n delastic: function delastic(p) {\n var x = 1.5;\n return Math.pow(2, 10 * (p - 1)) * Math.cos(20 * Math.PI * x / 3 * p);\n }\n};\n\n/* istanbul ignore next: private, not testable */\n/**\n * Evaluates animation step and decides if the next step required or\n * stops animation calling a proper events.\n *\n * @access private\n * @param {number} time\n * @param {DrawEventCallback} draw\n * @param {number} start\n * @param {AnimationRule} rule\n * @param {number} duration\n * @param {EndEventCallback} end\n * @param {Animation} anim\n */\nfunction step(time, draw, start, rule, duration, end, anim) {\n if (typeof rule !== 'function') {\n throw new TypeError('Invalid animation rule:', rule);\n }\n\n var progress = time - start;\n var percent = progress / duration;\n\n if (percent > 1) {\n percent = 1;\n }\n\n draw && draw(percent === 1 ? percent : rule(percent));\n\n if (progress < duration) {\n anim.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rule, duration, end, anim);\n });\n } else {\n end && end();\n }\n}\n\n/**\n * Animation engine API for JavaScript-based animations.\n * This is simply an animation core framework which simplifies creation\n * of various animations for generic purposes.\n *\n * @example\n * // create 'linear' animation engine, 500ms duration\n * let linear = new Animation('linear', 500);\n *\n * // create 'elastic' animation engine\n * let elastic = new Animation('elastic');\n *\n * // define animation behavior\n * let bounced = new Animation('bounce', 500, percent => {\n * let value = parseInt(percent * 100, 10);\n *\n * $('div.bounced').css({\n * width: value + '%',\n * height: value + '%'\n * });\n * });\n *\n * // execute animation\n * bounced.animate();\n *\n * // execute animation and handle when its finished\n * bounced.animate(null, () => {\n * console.log('Animation finished!');\n * });\n */\n\nvar Animation = function () {\n\n /**\n * @constructor\n * @param {string|AnimationRule} rule\n * @param {number} duration\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n function Animation() {\n var rule = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'linear';\n var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;\n var draw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};\n var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};\n\n _classCallCheck(this, Animation);\n\n /**\n * Overall animation duration in milliseconds.\n * By default is equal to 250 ms.\n *\n * @type {number}\n */\n this.duration = duration;\n\n /**\n * Animation rule. By default is linear animation.\n * Animation rule is a subject to animation rules, which are\n * a simple object containing math-based methods for calculating\n * animation steps.\n *\n * @type {string|AnimationRule}\n */\n this.rule = rule;\n\n /**\n * Callback function for the animation step draw event.\n *\n * @type {DrawEventCallback}\n */\n this.draw = draw;\n\n /**\n * Callback for the animation complete event.\n *\n * @type {EndEventCallback}\n */\n this.end = end;\n\n if (typeof this.draw !== 'function') {\n throw new TypeError('Invalid animation draw callback:', draw);\n }\n\n if (typeof this.end !== 'function') {\n throw new TypeError('Invalid animation end callback:', end);\n }\n }\n\n /* istanbul ignore next: non-testable */\n /**\n * Performs animation calling each animation step draw callback and\n * end callback at the end of animation. Callbacks are optional to this\n * method call. If them are not bypassed will be used that ones which\n * was pre-set on constructing an Animation object or pre-set after\n * construction.\n *\n * @example\n * function draw(percent) {\n * $('.my-animated-divs').css({\n * width: parseInt(percent * 100, 10) + '%'\n * });\n * }\n * function done() {\n * console.log('Animation complete!');\n * }\n *\n * // Define 'draw' and 'end' callbacks on construction\n * var animation = new Animation('cycle', 500, draw, done);\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks after construction\n * var animation = new Animation('cycle', 500);\n * animation.draw = draw;\n * animation.end = done;\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks at animation\n * var animation = new Animation('cycle', 500);\n * animation.animate(draw, done);\n *\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n\n\n _createClass(Animation, [{\n key: 'animate',\n value: function animate(draw, end) {\n var _this = this;\n\n //noinspection JSUnresolvedVariable\n var start = window.performance && window.performance.now ? window.performance.now() : vendorize('animationStartTime') || Date.now();\n\n draw = draw || this.draw;\n end = end || this.end;\n\n /**\n * Current requested animation frame identifier\n *\n * @type {number}\n */\n this.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rules[_this.rule] || _this.rule, _this.duration, end, _this);\n });\n }\n\n /**\n * Destroys this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n if (this.frame) {\n var cancelAnimationFrame = vendorize('cancelAnimationFrame') ||\n /* istanbul ignore next */\n function (id) {};\n\n cancelAnimationFrame(this.frame);\n this.frame = null;\n }\n\n this.draw = null;\n this.end = null;\n }\n }]);\n\n return Animation;\n}();\n\n/**\n * Animation rules bound statically to Animation constructor.\n *\n * @type {AnimationRules}\n * @static\n */\n\n\nAnimation.rules = rules;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * @typedef {{ constructor: function(options: GenericOptions): GaugeInterface, draw: function(): GaugeInterface, destroy: function, update: function(options: GenericOptions) }} GaugeInterface\n */\n/**\n * @typedef {{parse: function, stringify: function}} JSON\n * @external {JSON} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON\n */\n/**\n * @ignore\n * @typedef {{MutationObserver: function}} ns\n */\n\n/**\n * DOM Observer.\n * It will observe DOM document for a configured element types and\n * instantiate associated Types for an existing or newly added DOM elements\n *\n * @example\n * class ProgressBar {\n * constructor(options) {}\n * draw() {}\n * }\n *\n * // It will observe DOM document for elements
\n * // having attribute 'data-type=\"progress\"'\n * // and instantiate for each new instance of ProgressBar\n *\n * new DomParser({color: 'red'}, 'div', 'progress', ProgressBar);\n *\n * // assume we could have HTML like this\n * //
\n * // in this case all matching attributes names for a given options will be\n * // parsed and bypassed to an instance from HTML attributes\n */\n\nvar DomObserver = function () {\n\n /**\n * @constructor\n * @param {object} options\n * @param {string} element\n * @param {string} type\n */\n function DomObserver(options, element, type) {\n _classCallCheck(this, DomObserver);\n\n //noinspection JSUnresolvedVariable\n /**\n * Default instantiation options for the given type\n *\n * @type {Object}\n */\n this.options = options;\n\n /**\n * Name of an element to lookup/observe\n *\n * @type {string}\n */\n this.element = element.toLowerCase();\n\n /**\n * data-type attribute value to lookup\n *\n * @type {string}\n */\n this.type = DomObserver.toDashed(type);\n\n /**\n * Actual type constructor to instantiate for each found element\n *\n * @type {Function}\n */\n this.Type = ns[type];\n\n /**\n * Signals if mutations observer for this type or not\n *\n * @type {boolean}\n */\n this.mutationsObserved = false;\n\n /**\n * Flag specifies whenever the browser supports observing\n * of DOM tree mutations or not\n *\n * @type {boolean}\n */\n this.isObservable = !!window.MutationObserver;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n if (!window.GAUGES_NO_AUTO_INIT) {\n DomObserver.domReady(this.traverse.bind(this));\n }\n }\n\n /**\n * Checks if given node is valid node to process\n *\n * @param {Node|HTMLElement} node\n * @returns {boolean}\n */\n\n\n _createClass(DomObserver, [{\n key: 'isValidNode',\n value: function isValidNode(node) {\n //noinspection JSUnresolvedVariable\n return !!(node.tagName && node.tagName.toLowerCase() === this.element && node.getAttribute('data-type') === this.type);\n }\n\n /**\n * Traverse entire current DOM tree and process matching nodes.\n * Usually it should be called only once on document initialization.\n */\n\n }, {\n key: 'traverse',\n value: function traverse() {\n var elements = document.getElementsByTagName(this.element);\n var i = 0,\n s = elements.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n this.process(elements[i]);\n }\n\n if (this.isObservable && !this.mutationsObserved) {\n new MutationObserver(this.observe.bind(this)).observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n characterData: true,\n attributeOldValue: true,\n characterDataOldValue: true\n });\n\n this.mutationsObserved = true;\n }\n }\n\n /**\n * Observes given mutation records for an elements to process\n *\n * @param {MutationRecord[]} records\n */\n\n }, {\n key: 'observe',\n value: function observe(records) {\n var i = 0;\n var s = records.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n var record = records[i];\n\n if (record.type === 'attributes' && record.attributeName === 'data-type' && this.isValidNode(record.target) && record.oldValue !== this.type) // skip false-positive mutations\n {\n setTimeout(this.process.bind(this, record.target));\n } else if (record.addedNodes && record.addedNodes.length) {\n var ii = 0;\n var ss = record.addedNodes.length;\n\n for (; ii < ss; ii++) {\n setTimeout(this.process.bind(this, record.addedNodes[ii]));\n }\n }\n }\n }\n\n /**\n * Parses given attribute value to a proper JavaScript value.\n * For example it will parse some stringified value to a proper type\n * value, e.g. 'true' => true, 'null' => null, '{\"prop\": 20}' => {prop: 20}\n *\n * @param {*} value\n * @return {*}\n */\n\n }, {\n key: 'process',\n\n\n /**\n * Processes a given node, instantiating a proper type constructor for it\n *\n * @param {Node|HTMLElement} node\n * @returns {GaugeInterface|null}\n */\n value: function process(node) {\n var _this2 = this;\n\n if (!this.isValidNode(node)) return null;\n\n var prop = void 0;\n var options = JSON.parse(JSON.stringify(this.options));\n var instance = null;\n\n for (prop in options) {\n /* istanbul ignore else: non-testable in most cases */\n if (options.hasOwnProperty(prop)) {\n var attributeName = DomObserver.toAttributeName(prop);\n var attributeValue = DomObserver.parse(node.getAttribute(attributeName));\n\n if (attributeValue !== null && attributeValue !== undefined) {\n options[prop] = attributeValue;\n }\n }\n }\n\n options.renderTo = node;\n instance = new this.Type(options);\n instance.draw && instance.draw();\n\n if (!this.isObservable) return instance;\n\n instance.observer = new MutationObserver(function (records) {\n records.forEach(function (record) {\n if (record.type === 'attributes') {\n var attr = record.attributeName.toLowerCase();\n var type = node.getAttribute(attr).toLowerCase();\n\n if (attr === 'data-type' && type && type !== _this2.type) {\n instance.observer.disconnect();\n delete instance.observer;\n instance.destroy && instance.destroy();\n } else if (attr.substr(0, 5) === 'data-') {\n var _prop = attr.substr(5).split('-').map(function (part, i) {\n return !i ? part : part.charAt(0).toUpperCase() + part.substr(1);\n }).join('');\n var _options = {};\n\n _options[_prop] = DomObserver.parse(node.getAttribute(record.attributeName));\n\n instance.update && instance.update(_options);\n }\n }\n });\n });\n\n //noinspection JSCheckFunctionSignatures\n instance.observer.observe(node, { attributes: true });\n\n return instance;\n }\n\n /**\n * Transforms camelCase string to dashed string\n *\n * @static\n * @param {string} camelCase\n * @return {string}\n */\n\n }], [{\n key: 'parse',\n value: function parse(value) {\n // parse boolean\n if (value === 'true') return true;\n if (value === 'false') return false;\n\n // parse undefined\n if (value === 'undefined') return undefined;\n\n // parse null\n if (value === 'null') return null;\n\n // Comma-separated strings to array parsing.\n // It won't match strings which contains non alphanumeric characters to\n // prevent strings like 'rgba(0,0,0,0)' or JSON-like from being parsed.\n // Typically it simply allows easily declare arrays as comma-separated\n // numbers or plain strings. If something more complicated is\n // required it can be declared using JSON format syntax\n if (/^[-+#.\\w\\d\\s]+(?:,[-+#.\\w\\d\\s]*)+$/.test(value)) {\n return value.split(',');\n }\n\n // parse JSON\n try {\n return JSON.parse(value);\n } catch (e) {}\n\n // plain value - no need to parse\n return value;\n }\n }, {\n key: 'toDashed',\n value: function toDashed(camelCase) {\n var arr = camelCase.split(/(?=[A-Z])/);\n var i = 1;\n var s = arr.length;\n var str = arr[0].toLowerCase();\n\n for (; i < s; i++) {\n str += '-' + arr[i].toLowerCase();\n }\n\n return str;\n }\n\n /**\n * Transforms dashed string to CamelCase representation\n *\n * @param {string} dashed\n * @param {boolean} [capitalized]\n * @return {string}\n */\n\n }, {\n key: 'toCamelCase',\n value: function toCamelCase(dashed) {\n var capitalized = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n var arr = dashed.split(/-/);\n var i = 0;\n var s = arr.length;\n var str = '';\n\n for (; i < s; i++) {\n if (!(i || capitalized)) {\n str += arr[i].toLowerCase();\n } else {\n str += arr[i][0].toUpperCase() + arr[i].substr(1).toLowerCase();\n }\n }\n\n return str;\n }\n\n /**\n * Transforms camel case property name to dash separated attribute name\n *\n * @static\n * @param {string} str\n * @returns {string}\n */\n\n }, {\n key: 'toAttributeName',\n value: function toAttributeName(str) {\n return 'data-' + DomObserver.toDashed(str);\n }\n\n /**\n * Cross-browser DOM ready handler\n *\n * @static\n * @param {Function} handler\n */\n\n }, {\n key: 'domReady',\n value: function domReady(handler) {\n if (/comp|inter|loaded/.test((window.document || {}).readyState + '')) return handler();\n\n if (window.addEventListener) window.addEventListener('DOMContentLoaded', handler, false);else if (window.attachEvent) window.attachEvent('onload', handler);\n }\n }]);\n\n return DomObserver;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/**\n * Drawings on canvas using hidden canvas as a cache for better\n * performance drawings during canvas animations. SmartCanvas also\n * adopts a canvas to\n */\n\n\nvar SmartCanvas = function () {\n\n /**\n * @constructor\n * @param {HTMLCanvasElement} canvas\n * @param {number} [width]\n * @param {number} [height]\n */\n function SmartCanvas(canvas, width, height) {\n _classCallCheck(this, SmartCanvas);\n\n SmartCanvas.collection.push(this);\n\n /**\n * Canvas base width\n *\n * @type {number}\n */\n this.width = width || 0;\n\n /**\n * Canvas base height\n *\n * @type {number}\n */\n this.height = height || 0;\n\n /**\n * Target drawings canvas element\n *\n * @type {HTMLCanvasElement}\n */\n this.element = canvas;\n\n this.init();\n }\n\n /**\n * Initializes canvases and contexts\n */\n\n\n _createClass(SmartCanvas, [{\n key: 'init',\n value: function init() {\n var pixelRatio = SmartCanvas.pixelRatio;\n\n this.element.width = this.width * pixelRatio;\n this.element.height = this.height * pixelRatio;\n\n this.element.style.width = this.width + 'px';\n this.element.style.height = this.height + 'px';\n\n /**\n * Canvas caching element\n *\n * @type {HTMLCanvasElement|Node}\n */\n this.elementClone = this.element.cloneNode(true);\n\n //noinspection JSUnresolvedVariable\n /**\n * Target drawings canvas element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.context = this.element.getContext('2d');\n\n /**\n * Canvas caching element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.contextClone = this.elementClone.getContext('2d');\n\n /**\n * Actual drawings width\n *\n * @type {number}\n */\n this.drawWidth = this.element.width;\n\n /**\n * Actual drawings height\n *\n * @type {number}\n */\n this.drawHeight = this.element.height;\n\n /**\n * X-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawX = this.drawWidth / 2;\n\n /**\n * Y-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawY = this.drawHeight / 2;\n\n /**\n * Minimal side length in pixels of the drawing\n *\n * @type {number}\n */\n this.minSide = this.drawX < this.drawY ? this.drawX : this.drawY;\n\n this.elementClone.initialized = false;\n\n this.contextClone.translate(this.drawX, this.drawY);\n this.contextClone.save();\n\n this.context.translate(this.drawX, this.drawY);\n this.context.save();\n\n this.context.max = this.contextClone.max = this.minSide;\n this.context.maxRadius = this.contextClone.maxRadius = null;\n }\n\n /**\n * Destroys this object, removing the references from memory\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = SmartCanvas.collection.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n SmartCanvas.collection.splice(index, 1);\n }\n\n this.context.clearRect(-this.drawX, -this.drawY, this.drawWidth, this.drawHeight);\n\n // dereference all created elements\n this.context.max = null;\n delete this.context.max;\n\n this.context.maxRadius = null;\n delete this.context.maxRadius;\n\n this.context = null;\n this.contextClone = null;\n this.elementClone = null;\n this.element = null;\n\n /**\n * On canvas redraw event callback\n *\n * @type {function|null|undefined}\n */\n this.onRedraw = null;\n }\n\n /**\n * Commits the drawings\n */\n\n }, {\n key: 'commit',\n value: function commit() {\n var scale = SmartCanvas.pixelRatio;\n\n if (scale !== 1) {\n this.contextClone.scale(scale, scale);\n this.contextClone.save();\n }\n\n return this;\n }\n\n /**\n * Redraw this object\n */\n\n }, {\n key: 'redraw',\n value: function redraw() {\n this.init();\n\n /**\n * On canvas redraw event callback\n *\n * @type {function(): *}\n */\n this.onRedraw && this.onRedraw();\n\n return this;\n }\n\n /**\n * Returns current device pixel ratio\n *\n * @returns {number}\n */\n\n }], [{\n key: 'redraw',\n\n\n /**\n * Forces redraw all canvas in the current collection\n */\n value: function redraw() {\n var i = 0;\n var s = SmartCanvas.collection.length;\n\n for (; i < s; i++) {\n SmartCanvas.collection[i].redraw();\n }\n }\n }, {\n key: 'pixelRatio',\n get: function get() {\n /* istanbul ignore next */\n //noinspection JSUnresolvedVariable\n return window.devicePixelRatio || 1;\n }\n }]);\n\n return SmartCanvas;\n}();\n\nSmartCanvas.collection = [];\n\n/* istanbul ignore next: very browser-specific testing required to cover */\n//noinspection JSUnresolvedVariable\nif (window.matchMedia) {\n //noinspection JSUnresolvedFunction\n window.matchMedia('screen and (min-resolution: 2dppx)').addListener(SmartCanvas.redraw);\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Describes rendering target element. Can be either string identifier of\n * the element or the element itself.\n *\n * @typedef {HTMLElement|string} RenderTarget\n */\n\n/**\n * Highlight area definition.\n * It describes highlight area starting from value to value using\n * color. Color can be describes with hex, rgb or rgba value.\n *\n * @typedef {{ from: number, to: number, color: string}} Highlight\n */\n\n/**\n * Shared generic gauges options\n *\n * @type {{renderTo: RenderTarget, width: number, height: number, minValue: number, maxValue: number, value: number, units: string|boolean, majorTicks: number[]|string[], minorTicks: number, strokeTicks: boolean, animatedValue: boolean, animateOnInit: boolean, title: string|boolean, borders: boolean, valueInt: number, valueDec: number, majorTicksInt: number, majorTicksDec: number, animation: boolean, animationDuration: number, animationRule: string|AnimationRule, colorPlate: string, colorPlateEnd: string, colorMajorTicks: string, colorMinorTicks: string, colorTitle: string, colorUnits: string, colorNumbers: string, colorNeedle: string, colorNeedleEnd: string, colorValueText: string, colorValueTextShadow: string, colorBorderShadow: string, colorBorderOuter: string, colorBorderOuterEnd: string, colorBorderMiddle: string, colorBorderMiddleEnd: string, colorBorderInner: string, colorBorderInnerEnd: string, colorValueBoxRect: string, colorValueBoxRectEnd: string, colorValueBoxBackground: string, colorValueBoxShadow: string, colorNeedleShadowUp: string, colorNeedleShadowDown: string, needle: boolean, needleShadow: boolean, needleType: string, needleStart: number, needleEnd: number, needleWidth: number, borderOuterWidth: number, borderMiddleWidth: number, borderInnerWidth: number, borderShadowWidth: number, valueBox: boolean, valueBoxWidth: number, valueBoxStroke: number, valueText: string, valueTextShadow: boolean, valueBoxBorderRadius: number, highlights: Highlight[], highlightsWidth: number, fontNumbers: string, fontTitle: string, fontUnits: string, fontValue: string, fontTitleSize: number, fontValueSize: number, fontUnitsSize: number, fontNumbersSize: number, fontNumbersStyle: string, fontTitleStyle: string, fontUnitsStyle: string, fontValueStyle: string, fontNumbersWeight: string, fontTitleWeight: string, fontUnitsWeight: string, fontValueWeight: string, barWidth: number, barStrokeWidth: number, barProgress: boolean, colorBar: string, colorBarStroke: string, colorBarProgress: string, colorBarShadow: string, barShadow: number}} GenericOptions\n */\nvar GenericOptions = {\n // basic options\n renderTo: null,\n width: 0,\n height: 0,\n minValue: 0,\n maxValue: 100,\n value: 0,\n units: false,\n majorTicks: [0, 20, 40, 60, 80, 100],\n minorTicks: 10,\n strokeTicks: true,\n animatedValue: false,\n animateOnInit: false,\n title: false,\n borders: true,\n\n // number formats\n valueInt: 3,\n valueDec: 2,\n majorTicksInt: 1,\n majorTicksDec: 0,\n\n // animations\n animation: true,\n animationDuration: 500,\n animationRule: 'cycle',\n\n // colors\n colorPlate: '#fff',\n colorPlateEnd: '',\n colorMajorTicks: '#444',\n colorMinorTicks: '#666',\n colorTitle: '#888',\n colorUnits: '#888',\n colorNumbers: '#444',\n colorNeedle: 'rgba(240,128,128,1)',\n colorNeedleEnd: 'rgba(255,160,122,.9)',\n colorValueText: '#444',\n colorValueTextShadow: 'rgba(0,0,0,0.3)',\n colorBorderShadow: 'rgba(0,0,0,0.5)',\n colorBorderOuter: '#ddd',\n colorBorderOuterEnd: '#aaa',\n colorBorderMiddle: '#eee',\n colorBorderMiddleEnd: '#f0f0f0',\n colorBorderInner: '#fafafa',\n colorBorderInnerEnd: '#ccc',\n colorValueBoxRect: '#888',\n colorValueBoxRectEnd: '#666',\n colorValueBoxBackground: '#babab2',\n colorValueBoxShadow: 'rgba(0,0,0,1)',\n colorNeedleShadowUp: 'rgba(2,255,255,0.2)',\n colorNeedleShadowDown: 'rgba(188,143,143,0.45)',\n colorBarStroke: '#222',\n colorBar: '#ccc',\n colorBarProgress: '#888',\n colorBarShadow: '#000',\n\n fontNumbers: 'Arial',\n fontTitle: 'Arial',\n fontUnits: 'Arial',\n fontValue: 'Arial',\n\n fontNumbersSize: 20,\n fontTitleSize: 24,\n fontUnitsSize: 22,\n fontValueSize: 26,\n\n fontNumbersStyle: 'normal',\n fontTitleStyle: 'normal',\n fontUnitsStyle: 'normal',\n fontValueStyle: 'normal',\n\n fontNumbersWeight: 'normal',\n fontTitleWeight: 'normal',\n fontUnitsWeight: 'normal',\n fontValueWeight: 'normal',\n\n // needle\n needle: true,\n needleShadow: true,\n needleType: 'arrow',\n needleStart: 5,\n needleEnd: 85,\n needleWidth: 4,\n\n // borders\n borderOuterWidth: 3,\n borderMiddleWidth: 3,\n borderInnerWidth: 3,\n borderShadowWidth: 3,\n\n // value and highlights\n valueBox: true,\n valueBoxStroke: 5,\n valueBoxWidth: 0,\n valueText: '',\n valueTextShadow: true,\n valueBoxBorderRadius: 2.5,\n\n // highlights\n highlights: [{ from: 20, to: 60, color: '#eee' }, { from: 60, to: 80, color: '#ccc' }, { from: 80, to: 100, color: '#999' }],\n highlightsWidth: 15,\n\n // progress bar\n barWidth: 20, // percents\n barStrokeWidth: 0, // pixels\n barProgress: true,\n barShadow: 0\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Gauge collections type.\n *\n * It is used ES5 declaration here, because babel\n * transpiles inheritance incorrectly in this case.\n *\n * @class Collection\n * @constructor\n */\nfunction Collection() {\n Array.prototype.constructor.apply(this, arguments);\n}\n\nCollection.prototype = Object.create(Array.prototype);\nCollection.prototype.constructor = Collection;\n\n/**\n * Returns gauge object by its identifier or index in the collection\n *\n * @param {string|number} id\n * @return {*}\n */\nCollection.prototype.get = function (id) {\n if (typeof id === 'string') {\n var i = 0;\n var s = this.length;\n\n for (; i < s; i++) {\n var canvas = this[i].options.renderTo.tagName ? this[i].options.renderTo :\n /* istanbul ignore next: should be tested with e2e tests */\n document.getElementById(this[i].options.renderTo || '');\n\n if (canvas.getAttribute('id') === id) {\n return this[i];\n }\n }\n } else if (typeof id === 'number') {\n return this[id];\n }\n\n return null;\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar version = '2.1.1';\n\nvar round = Math.round;\nvar abs = Math.abs;\n\nvar gauges = new Collection();\n\ngauges.version = version;\n\n/**\n * Basic abstract BaseGauge class implementing common functionality\n * for different type of gauges.\n *\n * It should not be instantiated directly but must be extended by a final\n * gauge implementation.\n *\n * @abstract\n * @example\n *\n * class MyCoolGauge extends BaseGauge {\n *\n * // theses methods below MUST be implemented:\n *\n * constructor(options) {\n * // ... do something with options\n * super(options);\n * // ... implement anything else\n * }\n *\n * draw() {\n * // ... some implementation here\n * return this;\n * }\n * }\n */\n\nvar BaseGauge = function (_EventEmitter) {\n _inherits(BaseGauge, _EventEmitter);\n\n /**\n * Fired each time gauge is initialized on a page\n *\n * @event BaseGauge#init\n */\n\n /**\n * Fired each time gauge scene is rendered\n *\n * @event BaseGauge#render\n */\n\n /**\n * Fired each time gauge object is destroyed\n *\n * @event BaseGauge#destroy\n */\n\n /**\n * Fired each time before animation is started on the gauge\n *\n * @event BaseGauge#animationStart\n */\n\n /**\n * Fired each time animation scene is complete\n *\n * @event BaseGauge#animate\n * @type {number} percent\n * @type {number} value\n */\n\n /**\n * Fired each time animation is complete on the gauge\n *\n * @event BaseGauge#animationEnd\n */\n\n /**\n * @constructor\n * @abstract\n * @param {GenericOptions} options\n */\n function BaseGauge(options) {\n _classCallCheck(this, BaseGauge);\n\n var _this3 = _possibleConstructorReturn(this, (BaseGauge.__proto__ || Object.getPrototypeOf(BaseGauge)).call(this));\n\n var className = _this3.constructor.name;\n\n if (className === 'BaseGauge') {\n throw new TypeError('Attempt to instantiate abstract class!');\n }\n\n gauges.push(_this3);\n\n //noinspection JSUnresolvedVariable\n /**\n * Gauges version string\n *\n * @type {string}\n */\n _this3.version = version;\n\n /**\n * Gauge type class\n *\n * @type {BaseGauge} type\n */\n _this3.type = ns[className] || BaseGauge;\n\n /**\n * True if gauge has been drawn for the first time, false otherwise.\n *\n * @type {boolean}\n */\n _this3.initialized = false;\n\n options.minValue = parseFloat(options.minValue);\n options.maxValue = parseFloat(options.maxValue);\n options.value = parseFloat(options.value) || 0;\n\n if (!options.borders) {\n options.borderInnerWidth = options.borderMiddleWidth = options.borderOuterWidth = 0;\n }\n\n if (!options.renderTo) {\n throw TypeError('Canvas element was not specified when creating ' + 'the Gauge object!');\n }\n\n var canvas = options.renderTo.tagName ? options.renderTo :\n /* istanbul ignore next: to be tested with e2e tests */\n document.getElementById(options.renderTo);\n\n if (!(canvas instanceof HTMLCanvasElement)) {\n throw TypeError('Given gauge canvas element is invalid!');\n }\n\n options.width = parseFloat(options.width) || 0;\n options.height = parseFloat(options.height) || 0;\n\n if (!options.width || !options.height) {\n if (!options.width) options.width = canvas.parentNode ? canvas.parentNode.offsetWidth : canvas.offsetWidth;\n if (!options.height) options.height = canvas.parentNode ? canvas.parentNode.offsetHeight : canvas.offsetHeight;\n }\n\n /**\n * Gauge options\n *\n * @type {GenericOptions} options\n */\n _this3.options = options || {};\n\n if (_this3.options.animateOnInit) {\n _this3._value = _this3.options.value;\n _this3.options.value = _this3.options.minValue;\n }\n\n /**\n * @type {SmartCanvas} canvas\n */\n _this3.canvas = new SmartCanvas(canvas, options.width, options.height);\n _this3.canvas.onRedraw = _this3.draw.bind(_this3);\n\n /**\n * @type {Animation} animation\n */\n _this3.animation = new Animation(options.animationRule, options.animationDuration);\n return _this3;\n }\n\n /**\n * Sets new value for this gauge.\n * If gauge is animated by configuration it will trigger a proper animation.\n * Upsetting a value triggers gauge redraw.\n *\n * @param {number} value\n */\n\n\n _createClass(BaseGauge, [{\n key: 'update',\n\n\n /**\n * Updates gauge configuration options at runtime and redraws the gauge\n *\n * @param {RadialGaugeOptions} options\n * @returns {BaseGauge}\n */\n value: function update(options) {\n Object.assign(this.options, this.type.configure(options || {}));\n\n this.canvas.width = this.options.width;\n this.canvas.height = this.options.height;\n\n this.animation.rule = this.options.animationRule;\n this.animation.duration = this.options.animationDuration;\n\n this.canvas.redraw();\n\n return this;\n }\n\n /**\n * Performs destruction of this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = gauges.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n //noinspection JSUnresolvedFunction\n gauges.splice(index, 1);\n }\n\n this.canvas.destroy();\n this.canvas = null;\n\n this.animation.destroy();\n this.animation = null;\n\n this.emit('destroy');\n }\n\n /**\n * Returns gauges version string\n *\n * @return {string}\n */\n\n }, {\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @abstract\n * @returns {BaseGauge}\n */\n value: function draw() {\n if (this.options.animateOnInit && !this.initialized) {\n this.value = this._value;\n this.initialized = true;\n this.emit('init');\n }\n\n this.emit('render');\n\n return this;\n }\n\n /**\n * Inject given gauge object into DOM\n *\n * @param {string} type\n * @param {GenericOptions} options\n */\n\n }, {\n key: 'value',\n set: function set(value) {\n var _this4 = this;\n\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n var fromValue = this.options.value;\n\n if (value === fromValue) return;\n\n if (this.options.animation) {\n /**\n * @type {number}\n * @access private\n */\n if (this._value === undefined) {\n this._value = value;\n }\n\n this.emit('animationStart');\n\n this.animation.animate(function (percent) {\n _this4.options.value = fromValue + (value - fromValue) * percent;\n\n _this4.draw();\n\n _this4.emit('animate', percent, _this4.options.value);\n }, function () {\n if (_this4._value !== undefined) {\n _this4.options.value = _this4._value;\n delete _this4._value;\n }\n\n _this4.draw();\n _this4.emit('animationEnd');\n });\n } else {\n this.options.value = value;\n this.draw();\n }\n }\n\n /**\n * Returns current value of the gauge\n *\n * @return {number}\n */\n ,\n get: function get() {\n return typeof this._value === 'undefined' ? this.options.value : this._value;\n }\n\n /**\n * Updates gauge options\n *\n * @param {*} options\n * @return {BaseGauge}\n * @access protected\n */\n\n }], [{\n key: 'configure',\n value: function configure(options) {\n return options;\n }\n }, {\n key: 'initialize',\n value: function initialize(type, options) {\n return new DomObserver(options, 'canvas', type);\n }\n\n /**\n * Initializes gauge from a given HTML element\n * (given element should be valid HTML canvas gauge definition)\n *\n * @param {HTMLElement} element\n */\n\n }, {\n key: 'fromElement',\n value: function fromElement(element) {\n var type = DomObserver.toCamelCase(element.getAttribute('data-type'));\n var attributes = element.attributes;\n var i = 0;\n var s = attributes.length;\n var options = {};\n\n if (!type) {\n return;\n }\n\n if (!/Gauge$/.test(type)) {\n type += 'Gauge';\n }\n\n for (; i < s; i++) {\n options[DomObserver.toCamelCase(attributes[i].name.replace(/^data-/, ''), false)] = DomObserver.parse(attributes[i].value);\n }\n\n new DomObserver(options, element.tagName, type).process(element);\n }\n\n /**\n * Ensures value is proper number\n *\n * @param {*} value\n * @param {number} min\n * @return {number}\n */\n\n }, {\n key: 'ensureValue',\n value: function ensureValue(value) {\n var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n value = parseFloat(value);\n\n if (isNaN(value) || !isFinite(value)) {\n value = parseFloat(min) || 0;\n }\n\n return value;\n }\n }, {\n key: 'version',\n get: function get() {\n return version;\n }\n }]);\n\n return BaseGauge;\n}(EventEmitter);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['BaseGauge'] = BaseGauge;\n ns['gauges'] = (window.document || {})['gauges'] = gauges;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @access private\n * @typedef {CanvasRenderingContext2D|{max: number, maxRadius: number, barDimensions: object}} Canvas2DContext\n */\n\n/* istanbul ignore next: private, not testable */\n/**\n * Examines if a given error is something to throw or to ignore\n *\n * @param {Error} err\n */\nfunction verifyError(err) {\n // there is some unpredictable error in FF in some circumstances\n // which we found simply safe to ignore than to fight with it\n // noinspection JSUnresolvedVariable\n if (err instanceof DOMException && err.result === 0x8053000b) {\n return; // ignore it\n }\n\n throw err;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Prepares major ticks data\n *\n * @access private\n * @param {GenericOptions|{ tickSide: string }} options\n * @return {[boolean, boolean]}\n */\nfunction prepareTicks(options) {\n if (!(options.majorTicks instanceof Array)) {\n options.majorTicks = options.majorTicks ? [options.majorTicks] : [];\n }\n\n if (!options.majorTicks.length) {\n options.majorTicks.push(drawings.formatMajorTickNumber(options.minValue, options));\n options.majorTicks.push(drawings.formatMajorTickNumber(options.maxValue, options));\n }\n\n return [options.tickSide !== 'right', options.tickSide !== 'left'];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rounded corners rectangle\n *\n * @param {Canvas2DContext} context\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @param {number} r\n */\nfunction roundRect(context, x, y, w, h, r) {\n context.beginPath();\n\n context.moveTo(x + r, y);\n context.lineTo(x + w - r, y);\n\n context.quadraticCurveTo(x + w, y, x + w, y + r);\n context.lineTo(x + w, y + h - r);\n\n context.quadraticCurveTo(x + w, y + h, x + w - r, y + h);\n context.lineTo(x + r, y + h);\n\n context.quadraticCurveTo(x, y + h, x, y + h - r);\n context.lineTo(x, y + r);\n\n context.quadraticCurveTo(x, y, x + r, y);\n\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Pads a given value with leading zeros using the given options\n *\n * @param {number} val\n * @param {RadialGaugeOptions|{valueInt: number, valueDec: number}} options\n * @returns {string}\n */\nfunction padValue(val, options) {\n var dec = options.valueDec;\n var int = options.valueInt;\n var i = 0;\n var s = void 0,\n strVal = void 0,\n n = void 0;\n\n val = parseFloat(val);\n n = val < 0;\n val = Math.abs(val);\n\n if (dec > 0) {\n strVal = val.toFixed(dec).toString().split('.');\n s = int - strVal[0].length;\n\n for (; i < s; ++i) {\n strVal[0] = '0' + strVal[0];\n }\n\n strVal = (n ? '-' : '') + strVal[0] + '.' + strVal[1];\n } else {\n strVal = Math.round(val).toString();\n s = int - strVal.length;\n\n for (; i < s; ++i) {\n strVal = '0' + strVal;\n }\n\n strVal = (n ? '-' : '') + strVal;\n }\n\n return strVal;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Formats a number for display on the dial's plate using the majorTicksFormat\n * config option.\n *\n * @param {number} num number to format\n * @param {object} options\n * @returns {string} formatted number\n */\nfunction formatMajorTickNumber(num, options) {\n var right = void 0,\n hasDec = false;\n\n // First, force the correct number of digits right of the decimal.\n if (options.majorTicksDec === 0) {\n right = Math.round(num).toString();\n } else {\n right = num.toFixed(options.majorTicksDec);\n }\n\n // Second, force the correct number of digits left of the decimal.\n if (options.majorTicksInt > 1) {\n // Does this number have a decimal?\n hasDec = ~right.indexOf('.');\n\n // Is this number a negative number?\n if (~right.indexOf('-')) {\n return '-' + [options.majorTicksInt + options.majorTicksDec + 2 + (hasDec ? 1 : 0) - right.length].join('0') + right.replace('-', '');\n } else {\n return [options.majorTicksInt + options.majorTicksDec + 1 + (hasDec ? 1 : 0) - right.length].join('0') + right;\n }\n }\n\n return right;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Transforms degrees to radians\n *\n * @param {number} degrees\n * @returns {number}\n */\nfunction radians(degrees) {\n return degrees * Math.PI / 180;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns radial point coordinates\n *\n * @param {number} radius\n * @param {number} angle\n * @returns {{x: number, y: number}}\n */\nfunction radialPoint(radius, angle) {\n return { x: -radius * Math.sin(angle), y: radius * Math.cos(angle) };\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Creates and returns linear gradient canvas object\n *\n * @param {Canvas2DContext} context\n * @param {string} colorFrom\n * @param {string} colorTo\n * @param {number} length\n * @param {boolean} [isVertical]\n * @param {number} [from]\n * @returns {CanvasGradient}\n */\nfunction linearGradient(context, colorFrom, colorTo, length) {\n var isVertical = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;\n var from = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n var grad = context.createLinearGradient(isVertical ? 0 : from, isVertical ? from : 0, isVertical ? 0 : length, isVertical ? length : 0);\n\n grad.addColorStop(0, colorFrom);\n grad.addColorStop(1, colorTo);\n\n return grad;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws the shadow if it was not drawn\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {boolean} shadowDrawn\n * @return {boolean}\n */\nfunction drawShadow(context, options) {\n var shadowDrawn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n if (shadowDrawn) {\n context.restore();\n return true;\n }\n\n context.save();\n\n var w = options.borderShadowWidth;\n\n if (w) {\n context.shadowBlur = w;\n context.shadowColor = options.colorBorderShadow;\n }\n\n return true;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle shadow\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawNeedleShadow(context, options) {\n if (!options.needleShadow) return;\n\n context.shadowOffsetX = 2;\n context.shadowOffsetY = 2;\n context.shadowBlur = 10;\n context.shadowColor = options.colorNeedleShadowDown;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Constructs font styles for canvas fonts\n *\n * @param {GenericOptions} options\n * @param {string} target\n * @param {number} baseSize\n */\nfunction font(options, target, baseSize) {\n return options['font' + target + 'Style'] + ' ' + options['font' + target + 'Weight'] + ' ' + options['font' + target + 'Size'] * baseSize + 'px ' + options['font' + target];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Resets some context settings\n *\n * @param {Canvas2DContext} context\n */\nfunction reset(context) {\n context.shadowOffsetX = null;\n context.shadowOffsetY = null;\n context.shadowBlur = null;\n context.shadowColor = '';\n context.strokeStyle = null;\n context.lineWidth = 0;\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Declares to drow value text shadow if configured\n *\n * @param context\n * @param options\n * @param offset\n * @param blur\n */\nfunction drawValueTextShadow(context, options, offset, blur) {\n if (options.valueTextShadow) {\n context.shadowOffsetX = offset;\n context.shadowOffsetY = offset;\n context.shadowBlur = blur;\n context.shadowColor = options.colorValueTextShadow;\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box at given position\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {number|string} value\n * @param {number} x\n * @param {number} y\n * @param {number} max\n */\nfunction drawValueBox(context, options, value, x, y, max) {\n if (!options.valueBox) return;\n\n reset(context);\n\n var text = options.valueText || padValue(value, options);\n var tunit = max / 200;\n var runit = max / 100;\n var offset = 0.4 * runit;\n var blur = 1.2 * runit;\n\n context.font = font(options, 'Value', tunit);\n drawValueTextShadow(context, options, offset, blur);\n\n var tw = context.measureText(options.valueText ? text : '-' + padValue(0, options)).width;\n\n reset(context);\n\n var th = parseFloat(options.fontValueSize) * tunit + offset + blur;\n var sw = runit * parseFloat(options.valueBoxStroke);\n var bmax = max * 2 - sw * 2;\n\n var bw = tw + 10 * runit;\n var bh = 1.1 * th + offset + blur;\n var br = runit * options.valueBoxBorderRadius;\n var obw = (parseFloat(options.valueBoxWidth) || 0) / 100 * bmax;\n\n obw > bw && (bw = obw);\n bw > bmax && (bw = bmax);\n\n var bx = x - bw / 2;\n var by = y - bh / 2;\n var gy = y - 5.75 * runit;\n\n context.beginPath();\n\n if (br) roundRect(context, bx, by, bw, bh, br);else context.rect(bx, by, bw, bh);\n\n if (sw) {\n var grd = context.createRadialGradient(x, gy, runit * 10, x, gy, runit * 20);\n\n grd.addColorStop(0, options.colorValueBoxRect);\n grd.addColorStop(1, options.colorValueBoxRectEnd);\n\n context.strokeStyle = grd;\n context.lineWidth = sw;\n context.stroke();\n }\n\n if (options.colorValueBoxShadow) {\n context.shadowBlur = 1.2 * runit;\n context.shadowColor = options.colorValueBoxShadow;\n }\n\n if (options.colorValueBoxBackground) {\n context.fillStyle = options.colorValueBoxBackground;\n context.fill();\n }\n\n context.closePath();\n context.restore();\n\n drawValueTextShadow(context, options, offset, blur);\n\n context.fillStyle = options.colorValueText;\n context.textAlign = 'center';\n context.textBaseline = 'alphabetic';\n context.fillText(text, bx + bw / 2, y + bh / 2 - th / 3);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns normalized value\n *\n * @param {GenericOptions} options\n * @return {{normal: number, indented: number}}\n */\nfunction normalizedValue(options) {\n var value = options.value;\n var min = options.minValue;\n var max = options.maxValue;\n var dt = (max - min) * 0.01;\n\n return {\n normal: value < min ? min : value > max ? max : value,\n indented: value < min ? min - dt : value > max ? max + dt : value\n };\n}\n\nvar drawings = {\n roundRect: roundRect,\n padValue: padValue,\n formatMajorTickNumber: formatMajorTickNumber,\n radians: radians,\n radialPoint: radialPoint,\n linearGradient: linearGradient,\n drawNeedleShadow: drawNeedleShadow,\n drawValueBox: drawValueBox,\n verifyError: verifyError,\n prepareTicks: prepareTicks,\n drawShadow: drawShadow,\n font: font,\n normalizedValue: normalizedValue\n};\n\ndrawings;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar PI = Math.PI;\nvar HPI = PI / 2;\n\n/**\n * Gauge configuration options\n *\n * @typedef {GenericOptions|{ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean}} RadialGaugeOptions\n */\n\n/**\n * Default gauge configuration options\n *\n * @access private\n * @type {RadialGaugeOptions}\n */\nvar defaultRadialGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n ticksAngle: 270,\n startAngle: 45,\n\n // colors\n colorNeedleCircleOuter: '#f0f0f0',\n colorNeedleCircleOuterEnd: '#ccc',\n colorNeedleCircleInner: '#e8e8e8',\n colorNeedleCircleInnerEnd: '#f5f5f5',\n\n // needle\n needleCircleSize: 10,\n needleCircleInner: true,\n needleCircleOuter: true,\n\n // custom animations\n animationTarget: 'needle', // 'needle' or 'plate'\n useMinPath: false,\n\n barWidth: 0\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gradient-filled circle on a canvas\n *\n * @access private\n * @param {number} radius\n * @param {number} width\n * @param {Canvas2DContext} context\n * @param {string} start gradient start color\n * @param {string} end gradient end color\n */\nfunction drawRadialBorder(radius, width, context, start, end) {\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(radius), 0, PI * 2, true);\n context.lineWidth = width;\n context.strokeStyle = end ? drawings.linearGradient(context, start, end, radius) : start;\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns max radius without borders for the gauge\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @return {number}\n */\nfunction maxRadialRadius(context, options) {\n if (!context.maxRadius) {\n context.maxRadius = context.max - options.borderShadowWidth - options.borderOuterWidth - options.borderMiddleWidth - options.borderInnerWidth + (options.borderOuterWidth ? 0.5 : 0) + (options.borderMiddleWidth ? 0.5 : 0) + (options.borderInnerWidth ? 0.5 : 0);\n }\n\n return context.maxRadius;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge plate on the canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialPlate(context, options) {\n var d0 = options.borderShadowWidth;\n var r0 = context.max - d0 - options.borderOuterWidth / 2;\n var r1 = r0 - options.borderOuterWidth / 2 - options.borderMiddleWidth / 2 + 0.5;\n var r2 = r1 - options.borderMiddleWidth / 2 - options.borderInnerWidth / 2 + 0.5;\n var r3 = maxRadialRadius(context, options);\n var grad = void 0;\n var shadowDrawn = false;\n\n context.save();\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r0, options.borderOuterWidth, context, options.colorBorderOuter, options.colorBorderOuterEnd);\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r1, options.borderMiddleWidth, context, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r2, options.borderInnerWidth, context, options.colorBorderInner, options.colorBorderInnerEnd);\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(r3), 0, PI * 2, true);\n\n if (options.colorPlateEnd) {\n grad = context.createRadialGradient(0, 0, r3 / 2, 0, 0, r3);\n grad.addColorStop(0, options.colorPlate);\n grad.addColorStop(1, options.colorPlateEnd);\n } else {\n grad = options.colorPlate;\n }\n\n context.fillStyle = grad;\n\n context.fill();\n context.closePath();\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge highlight areas on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialHighlights(context, options) {\n var hlWidth = context.max * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!hlWidth) return;\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options) - hlWidth / 2);\n var i = 0,\n s = options.highlights.length;\n var vd = (options.maxValue - options.minValue) / options.ticksAngle;\n\n context.save();\n\n for (; i < s; i++) {\n var hlt = options.highlights[i];\n\n context.beginPath();\n\n context.rotate(HPI);\n context.arc(0, 0, r, drawings.radians(options.startAngle + (hlt.from - options.minValue) / vd), drawings.radians(options.startAngle + (hlt.to - options.minValue) / vd), false);\n context.strokeStyle = hlt.color;\n context.lineWidth = hlWidth;\n context.stroke();\n context.closePath();\n\n context.restore();\n context.save();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks bar on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMinorTicks(context, options) {\n var radius = radialTicksRadius(context, options);\n\n context.lineWidth = SmartCanvas.pixelRatio;\n context.strokeStyle = options.colorMinorTicks;\n\n context.save();\n\n var s = options.minorTicks * (options.majorTicks.length - 1);\n var i = 0;\n\n for (; i < s; ++i) {\n var angle = options.startAngle + i * (options.ticksAngle / s);\n\n context.rotate(drawings.radians(angle));\n\n context.beginPath();\n context.moveTo(0, radius);\n context.lineTo(0, radius - context.max * 0.075);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns ticks radius\n *\n * @access private\n * @param context\n * @param options\n * @return {number}\n */\nfunction radialTicksRadius(context, options) {\n var unit = context.max / 100;\n\n return maxRadialRadius(context, options) - 5 * unit - (options.barWidth ? (parseFloat(options.barStrokeWidth) || 0) * 2 + ((parseFloat(options.barWidth) || 0) + 5) * unit : 0);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge major ticks bar on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMajorTicks(context, options) {\n drawings.prepareTicks(options);\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options));\n var i = void 0,\n colors = void 0;\n var s = options.majorTicks.length;\n var pixelRatio = SmartCanvas.pixelRatio;\n\n context.lineWidth = 2 * pixelRatio;\n context.save();\n\n colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(s).fill(options.colorMajorTicks);\n\n i = 0;\n for (; i < s; ++i) {\n context.strokeStyle = colors[i];\n context.rotate(drawings.radians(radialNextAngle(options, i, s)));\n\n context.beginPath();\n context.moveTo(0, r);\n context.lineTo(0, r - context.max * 0.15);\n closeStrokedPath(context);\n }\n\n if (options.strokeTicks) {\n context.strokeStyle = colors[0];\n context.rotate(HPI);\n\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\nfunction radialNextAngle(options, i, s) {\n return options.startAngle + i * (options.ticksAngle / (s - 1));\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Strokes, closes path and restores previous context state\n *\n * @param {Canvas2DContext} context\n */\nfunction closeStrokedPath(context) {\n context.stroke();\n context.restore();\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar numbers\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNumbers(context, options) {\n var radius = radialTicksRadius(context, options) - context.max * 0.25;\n var points = {};\n var i = 0;\n var s = options.majorTicks.length;\n var isAnimated = options.animationTarget !== 'needle';\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(s).fill(options.colorNumbers);\n\n var plateValueAngle = isAnimated ? -(options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle : 0;\n\n if (isAnimated) {\n context.save();\n context.rotate(-drawings.radians(plateValueAngle));\n }\n\n for (; i < s; ++i) {\n var angle = plateValueAngle + radialNextAngle(options, i, s);\n var point = drawings.radialPoint(radius, drawings.radians(angle));\n\n if (angle === 360) angle = 0;\n\n if (points[angle]) {\n continue; //already drawn at this place, skipping\n }\n\n points[angle] = true;\n\n context.font = drawings.font(options, 'Numbers', context.max / 200);\n context.fillStyle = colors[i];\n context.lineWidth = 0;\n context.textAlign = 'center';\n context.fillText(options.majorTicks[i], point.x, point.y + 3);\n }\n\n isAnimated && context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge title\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialTitle(context, options) {\n if (!options.title) return;\n\n context.save();\n context.font = drawings.font(options, 'Title', context.max / 200);\n context.fillStyle = options.colorTitle;\n context.textAlign = 'center';\n context.fillText(options.title, 0, -context.max / 4.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws units name on the gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialUnits(context, options) {\n if (!options.units) return;\n\n context.save();\n context.font = drawings.font(options, 'Units', context.max / 200);\n context.fillStyle = options.colorUnits;\n context.textAlign = 'center';\n context.fillText(options.units, 0, context.max / 3.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNeedle(context, options) {\n if (!options.needle) return;\n\n var value = options.ticksAngle < 360 ? drawings.normalizedValue(options).indented : options.value;\n var max = maxRadialRadius(context, options);\n //noinspection JSUnresolvedFunction\n var r1 = abs(max / 100 * options.needleCircleSize);\n //noinspection JSUnresolvedFunction\n var r2 = abs(max / 100 * options.needleCircleSize * 0.75);\n //noinspection JSUnresolvedFunction\n var rIn = abs(max / 100 * options.needleEnd);\n //noinspection JSUnresolvedFunction\n var rStart = abs(options.needleStart ? max / 100 * options.needleStart : 0);\n //noinspection JSUnresolvedFunction\n var rOut = abs(max * 0.2);\n var pad1 = max / 100 * options.needleWidth;\n var pad2 = max / 100 * options.needleWidth / 2;\n var pixelRatio = SmartCanvas.pixelRatio;\n var isFixed = options.animationTarget !== 'needle';\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n context.rotate(drawings.radians(isFixed ? options.startAngle : options.startAngle + (value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle));\n\n context.fillStyle = drawings.linearGradient(context, options.colorNeedle, options.colorNeedleEnd, rIn - rOut);\n\n if (options.needleType === 'arrow') {\n context.beginPath();\n context.moveTo(-pad2, -rOut);\n context.lineTo(-pad1, 0);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(pixelRatio, rIn);\n context.lineTo(pad1, 0);\n context.lineTo(pad2, -rOut);\n context.closePath();\n context.fill();\n\n context.beginPath();\n context.lineTo(-0.5 * pixelRatio, rIn);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(-pad1, 0);\n context.lineTo(-pad2, -rOut);\n context.lineTo(pad2 / 2 * pixelRatio - 2 * pixelRatio, -rOut);\n context.closePath();\n context.fillStyle = options.colorNeedleShadowUp;\n context.fill();\n } else {\n // simple line needle\n context.beginPath();\n context.moveTo(-pad2, rIn);\n context.lineTo(-pad2, rStart);\n context.lineTo(pad2, rStart);\n context.lineTo(pad2, rIn);\n context.closePath();\n context.fill();\n }\n\n if (options.needleCircleSize) {\n context.restore();\n\n drawings.drawNeedleShadow(context, options);\n\n if (options.needleCircleOuter) {\n context.beginPath();\n context.arc(0, 0, r1, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleOuter, options.colorNeedleCircleOuterEnd, r1);\n context.fill();\n context.closePath();\n }\n\n if (options.needleCircleInner) {\n context.beginPath();\n context.arc(0, 0, r2, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleInner, options.colorNeedleCircleInnerEnd, r2);\n context.fill();\n context.closePath();\n }\n\n context.restore();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge value box\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @param {number} value\n */\nfunction drawRadialValueBox(context, options, value) {\n drawings.drawValueBox(context, options, value, 0, context.max - context.max * 0.33, context.max);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge progress bar\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialProgressBar(context, options) {\n var unit = context.max / 100;\n var rMax = maxRadialRadius(context, options) - 5 * unit;\n var sw = parseFloat(options.barStrokeWidth) || 0;\n var w = (parseFloat(options.barWidth) || 0) * unit;\n var rMin = rMax - sw * 2 - w;\n var half = (rMax - rMin) / 2;\n var r = rMin + half;\n var delta = sw / r;\n var sa = options.startAngle;\n var ea = options.startAngle + options.ticksAngle;\n\n context.save();\n context.rotate(HPI);\n\n if (sw) {\n // draw stroke\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa) - delta, drawings.radians(ea) + delta, false);\n context.strokeStyle = options.colorBarStroke;\n context.lineWidth = half * 2;\n context.stroke();\n context.closePath();\n }\n\n if (w) {\n // draw bar\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(ea), false);\n context.strokeStyle = options.colorBar;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n\n if (options.barShadow) {\n // draw shadow\n context.beginPath();\n context.arc(0, 0, rMax, drawings.radians(sa), drawings.radians(ea), false);\n context.clip();\n\n context.beginPath();\n context.strokeStyle = options.colorBar;\n context.lineWidth = 1;\n context.shadowBlur = options.barShadow;\n context.shadowColor = options.colorBarShadow;\n context.shadowOffsetX = 0;\n context.shadowOffsetY = 0;\n context.arc(0, 0, rMax, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n context.stroke();\n context.closePath();\n\n context.restore();\n context.rotate(HPI);\n }\n\n // draw bar progress\n if (options.barProgress) {\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(sa + (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle), false);\n context.strokeStyle = options.colorBarProgress;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n }\n }\n\n context.restore();\n}\n\n/**\n * Find and return gauge value to display\n *\n * @param {RadialGauge} gauge\n */\nfunction displayValue(gauge) {\n if (gauge.options.animatedValue) {\n return gauge.options.value;\n }\n\n return gauge.value;\n}\n\n/**\n * Minimalistic HTML5 Canvas Gauge\n * @example\n * var gauge = new RadialGauge({\n * renderTo: 'gauge-id', // identifier of HTML canvas element or element itself\n * width: 400,\n * height: 400,\n * units: 'Km/h',\n * title: false,\n * value: 0,\n * minValue: 0,\n * maxValue: 220,\n * majorTicks: [\n * '0','20','40','60','80','100','120','140','160','180','200','220'\n * ],\n * minorTicks: 2,\n * strokeTicks: false,\n * highlights: [\n * { from: 0, to: 50, color: 'rgba(0,255,0,.15)' },\n * { from: 50, to: 100, color: 'rgba(255,255,0,.15)' },\n * { from: 100, to: 150, color: 'rgba(255,30,0,.25)' },\n * { from: 150, to: 200, color: 'rgba(255,0,225,.25)' },\n * { from: 200, to: 220, color: 'rgba(0,0,255,.25)' }\n * ],\n * colorPlate: '#222',\n * colorMajorTicks: '#f5f5f5',\n * colorMinorTicks: '#ddd',\n * colorTitle: '#fff',\n * colorUnits: '#ccc',\n * colorNumbers: '#eee',\n * colorNeedleStart: 'rgba(240, 128, 128, 1)',\n * colorNeedleEnd: 'rgba(255, 160, 122, .9)',\n * valueBox: true,\n * animationRule: 'bounce'\n * });\n * // draw initially\n * gauge.draw();\n * // animate\n * setInterval(() => {\n * gauge.value = Math.random() * -220 + 220;\n * }, 1000);\n */\n\nvar RadialGauge = function (_BaseGauge) {\n _inherits(RadialGauge, _BaseGauge);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event RadialGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event RadialGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event RadialGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event RadialGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event RadialGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event RadialGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event RadialGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event RadialGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event RadialGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event RadialGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {RadialGaugeOptions} options\n */\n function RadialGauge(options) {\n _classCallCheck(this, RadialGauge);\n\n options = Object.assign({}, defaultRadialGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (RadialGauge.__proto__ || Object.getPrototypeOf(RadialGauge)).call(this, RadialGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(RadialGauge, [{\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @returns {RadialGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref[0];\n var y = _ref[1];\n var w = _ref[2];\n var h = _ref[3];\n\n var options = this.options;\n\n if (options.animationTarget === 'needle') {\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(context, options);\n this.emit('beforeHighlights');\n drawRadialHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(context, options);\n this.emit('beforeTitle');\n drawRadialTitle(context, options);\n this.emit('beforeUnits');\n drawRadialUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n this.emit('beforeNeedle');\n drawRadialNeedle(canvas.context, options);\n } else {\n var plateValueAngle = -drawings.radians((options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle);\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(canvas.context, options);\n\n canvas.context.rotate(plateValueAngle);\n\n // animated\n this.emit('beforeHighlights');\n drawRadialHighlights(canvas.context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(canvas.context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(canvas.context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(canvas.context, options);\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n\n // non-animated\n canvas.context.rotate(-plateValueAngle);\n canvas.context.save();\n\n if (!canvas.elementClone.initialized) {\n var _context = canvas.contextClone;\n\n // clear the cache\n _context.clearRect(x, y, w, h);\n _context.save();\n\n this.emit('beforeTitle');\n drawRadialTitle(_context, options);\n this.emit('beforeUnits');\n drawRadialUnits(_context, options);\n this.emit('beforeNeedle');\n drawRadialNeedle(_context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n }\n\n // value box animations\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n\n _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }, {\n key: 'value',\n\n\n /**\n * Sets the value for radial gauge\n *\n * @param {number} value\n */\n set: function set(value) {\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n if (this.options.animation && this.options.ticksAngle === 360 && this.options.useMinPath) {\n this._value = value;\n value = this.options.value + ((value - this.options.value) % 360 + 540) % 360 - 180;\n }\n\n _set(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', value, this);\n }\n\n /**\n * Returns current gauge value\n *\n * @return {number}\n */\n ,\n get: function get() {\n return _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', this);\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n if (options.barWidth > 50) options.barWidth = 50;\n\n /* istanbul ignore if */\n if (isNaN(options.startAngle)) options.startAngle = 45;\n /* istanbul ignore if */\n if (isNaN(options.ticksAngle)) options.ticksAngle = 270;\n\n /* istanbul ignore if */\n if (options.ticksAngle > 360) options.ticksAngle = 360;\n /* istanbul ignore if */\n if (options.ticksAngle < 0) options.ticksAngle = 0;\n\n /* istanbul ignore if */\n if (options.startAngle < 0) options.startAngle = 0;\n /* istanbul ignore if */\n if (options.startAngle > 360) options.startAngle = 360;\n\n return options;\n }\n }]);\n\n return RadialGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['RadialGauge'] = RadialGauge;\n}\n\nBaseGauge.initialize('RadialGauge', defaultRadialGaugeOptions);\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Linear gauge configuration options\n *\n * @typedef {GenericOptions|{borderRadius: number, barBeginCircle: number, tickSide: string, needleSide: string, numberSide: string, ticksWidth: number, ticksWidthMinor: number, ticksPadding: number, barLength: number, colorBarEnd: string, colorBarProgressEnd: string}} LinearGaugeOptions\n */\n\n/**\n * Default linear gauge configuration options\n *\n * @type {LinearGaugeOptions}\n */\nvar defaultLinearGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n borderRadius: 0,\n // width: 150,\n // height: 400,\n\n // bar\n barBeginCircle: 30, // percents\n colorBarEnd: '',\n colorBarProgressEnd: '',\n\n needleWidth: 6,\n\n tickSide: 'both', // available: 'left', 'right', 'both'\n needleSide: 'both', // available: 'left', 'right', 'both'\n\n numberSide: 'both', // available: 'left', 'right', 'both'\n\n ticksWidth: 10,\n ticksWidthMinor: 5,\n ticksPadding: 5,\n barLength: 85,\n fontTitleSize: 26,\n\n highlightsWidth: 10\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawRectangle(context, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.fillStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, w > h ? w : h, h > w, w > h ? x : y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} width width of the border\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawLinearBorder(context, width, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.lineWidth = width;\n context.strokeStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, h, true, y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge plate\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearPlate(context, options, x, y, w, h) {\n context.save();\n\n var r = options.borderRadius;\n var w1 = w - options.borderShadowWidth - options.borderOuterWidth;\n var w2 = w1 - options.borderOuterWidth - options.borderMiddleWidth;\n var w3 = w2 - options.borderMiddleWidth - options.borderInnerWidth;\n var w4 = w3 - options.borderInnerWidth;\n\n var h1 = h - options.borderShadowWidth - options.borderOuterWidth;\n var h2 = h1 - options.borderOuterWidth - options.borderMiddleWidth;\n var h3 = h2 - options.borderMiddleWidth - options.borderInnerWidth;\n var h4 = h3 - options.borderInnerWidth;\n\n var x2 = x - (w2 - w1) / 2;\n var x3 = x2 - (w3 - w2) / 2;\n var x4 = x3 - (w4 - w3) / 2;\n\n var y2 = y - (h2 - h1) / 2;\n var y3 = y2 - (h3 - h2) / 2;\n var y4 = y3 - (h4 - h3) / 2;\n var aliasingOffset = 0;\n var shadowDrawn = false;\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderOuterWidth, r, x + options.borderOuterWidth / 2 - aliasingOffset, y + options.borderOuterWidth / 2 - aliasingOffset, w1, h1, options.colorBorderOuter, options.colorBorderOuterEnd);\n aliasingOffset += 0.5;\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderMiddleWidth, r -= 1 + aliasingOffset * 2, x2 + options.borderMiddleWidth / 2 - aliasingOffset, y2 + options.borderMiddleWidth / 2 - aliasingOffset, w2 + aliasingOffset * 2, h2 + aliasingOffset * 2, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n aliasingOffset += 0.5;\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderInnerWidth, r -= 1 + aliasingOffset * 2, x3 + options.borderInnerWidth / 2 - aliasingOffset, y3 + options.borderInnerWidth / 2 - aliasingOffset, w3 + aliasingOffset * 2, h3 + aliasingOffset * 2, options.colorBorderInner, options.colorBorderInnerEnd);\n aliasingOffset += 0.5;\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n drawRectangle(context, r, x4, y4, w4 + aliasingOffset * 2, h4 + aliasingOffset * 2, options.colorPlate, options.colorPlateEnd);\n\n context.restore();\n\n return [x4, y4, w4, h4];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns linear gauge base bar dimensions.\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions|{barStrokeWidth: number, barBeginCircle: number, barWidth: number, hasLeft: boolean, hasRight: boolean}} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @return {{isVertical: boolean, width: number, length: number, barWidth: number, barLength: number, strokeWidth: number, barMargin: number, radius: number, x0: number, y0: number, barOffset: number, titleMargin: number, unitsMargin: number, X: number, Y: number, baseX: number, baseY: number, ticksPadding: number}}\n */\nfunction barDimensions(context, options, x, y, w, h) {\n var pixelRatio = SmartCanvas.pixelRatio;\n var isVertical = h >= w;\n var width = isVertical ? w * 0.85 : h;\n var length = isVertical ? h : w;\n\n //noinspection JSUnresolvedFunction\n x = isVertical ? round(x + (w - width) / 2) : x;\n\n var hasTitle = !!options.title;\n var hasUnits = !!options.units;\n var hasValue = !!options.valueBox;\n\n var titleMargin = void 0;\n var unitsMargin = void 0;\n var valueMargin = void 0;\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n unitsMargin = round(length * 0.05);\n //noinspection JSUnresolvedFunction\n titleMargin = round(length * 0.075);\n //noinspection JSUnresolvedFunction\n valueMargin = round(length * 0.11);\n\n if (hasTitle) {\n length -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) length -= unitsMargin;\n if (hasValue) length -= valueMargin;\n } else {\n //noinspection JSUnresolvedFunction\n unitsMargin = titleMargin = round(width * 0.15);\n\n if (hasTitle) {\n width -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) width -= unitsMargin;\n }\n\n var strokeWidth = options.barStrokeWidth * 2;\n //noinspection JSUnresolvedFunction\n var radius = options.barBeginCircle ? round(width * options.barBeginCircle / 200 - strokeWidth / 2) : 0;\n //noinspection JSUnresolvedFunction\n var barWidth = round(width * options.barWidth / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barLength = round(length * options.barLength / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barMargin = round((length - barLength) / 2);\n\n // coordinates for arc of the bar if configured\n //noinspection JSUnresolvedFunction\n var x0 = round(x + (isVertical ? width / 2 : barMargin + radius));\n //noinspection JSUnresolvedFunction\n var y0 = round(y + (isVertical ? length - barMargin - radius + strokeWidth / 2 : width / 2));\n var dx = isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n var dy = !isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n\n //noinspection JSUndefinedPropertyAssignment\n context.barDimensions = {\n isVertical: isVertical,\n width: width,\n length: length,\n barWidth: barWidth,\n barLength: barLength,\n strokeWidth: strokeWidth,\n barMargin: barMargin,\n radius: radius,\n pixelRatio: pixelRatio,\n barOffset: null,\n titleMargin: hasTitle ? titleMargin : 0,\n unitsMargin: hasUnits ? unitsMargin : 0,\n get ticksLength() {\n return this.barLength - this.barOffset - this.strokeWidth;\n },\n X: x + dx,\n Y: y + dy,\n x0: x0 + dx,\n y0: y0 + dy,\n baseX: x,\n baseY: y,\n ticksPadding: options.ticksPadding / 100\n };\n\n return context.barDimensions;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws bar shape from the given options on a given canvas context\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {string} type\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearBarShape(context, options, type, x, y, w, h) {\n var _barDimensions = barDimensions(context, options, x, y, w, h);\n\n var isVertical = _barDimensions.isVertical;\n var width = _barDimensions.width;\n var barWidth = _barDimensions.barWidth;\n var barLength = _barDimensions.barLength;\n var strokeWidth = _barDimensions.strokeWidth;\n var barMargin = _barDimensions.barMargin;\n var radius = _barDimensions.radius;\n var x0 = _barDimensions.x0;\n var y0 = _barDimensions.y0;\n var X = _barDimensions.X;\n var Y = _barDimensions.Y;\n\n var fullBarLength = barLength;\n\n context.save();\n context.beginPath();\n\n if (options.barBeginCircle) {\n var direction = drawings.radians(isVertical ? 270 : 0);\n var alpha = Math.asin(barWidth / 2 / radius);\n var cosAlpha = Math.cos(alpha);\n var sinAlpha = Math.sin(alpha);\n\n var x1 = x0 + (isVertical ? radius * sinAlpha : radius * cosAlpha - strokeWidth / 2);\n var y1 = isVertical ? y0 - radius * cosAlpha : y0 + radius * sinAlpha;\n //noinspection JSUnresolvedFunction\n var cutRadius = isVertical ? abs(y1 - y0) : abs(x1 - x0);\n\n //noinspection JSUnresolvedFunction\n context.barDimensions.barOffset = round(cutRadius + radius);\n\n // bottom point\n //noinspection JSUnresolvedFunction\n var x2 = isVertical ? round(x0 - radius * sinAlpha) : x1;\n //noinspection JSUnresolvedFunction\n var y2 = isVertical ? y1 : round(y0 - radius * sinAlpha);\n\n if (type === 'progress') {\n barLength = context.barDimensions.barOffset + (barLength - context.barDimensions.barOffset) * (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue);\n }\n\n // bar ends at\n //noinspection JSUnresolvedFunction\n var x3 = round(x1 + barLength - context.barDimensions.barOffset + strokeWidth / 2); // h\n //noinspection JSUnresolvedFunction\n var y3 = round(y1 - barLength + context.barDimensions.barOffset - strokeWidth / 2); // v\n\n context.arc(x0, y0, radius, direction + alpha, direction - alpha);\n\n if (isVertical) {\n context.moveTo(x1, y2);\n context.lineTo(x1, y3);\n context.lineTo(x2, y3);\n context.lineTo(x2, y2);\n } else {\n context.moveTo(x1, y2);\n context.lineTo(x3, y2);\n context.lineTo(x3, y1);\n context.lineTo(x1, y1);\n }\n } else {\n // simply rectangle\n //noinspection JSUnresolvedFunction\n var rx = round(isVertical ? X + (width - barWidth) / 2 : X + barMargin);\n //noinspection JSUnresolvedFunction\n var ry = round(isVertical ? Y + barLength + barMargin : Y + (width - barWidth) / 2);\n\n if (type === 'progress') {\n barLength *= (options.value - options.minValue) / (options.maxValue - options.minValue);\n }\n\n if (isVertical) context.rect(rx, ry, barWidth, -barLength);else context.rect(rx, ry, barLength, barWidth);\n }\n\n if (type !== 'progress' && options.barStrokeWidth) {\n context.lineWidth = strokeWidth;\n context.strokeStyle = options.colorBarStroke;\n //context.lineJoin = 'round';\n context.stroke();\n }\n\n if (type !== 'progress' && options.colorBar) {\n context.fillStyle = options.colorBarEnd ? drawings.linearGradient(context, options.colorBar, options.colorBarEnd, barLength, isVertical, isVertical ? Y : X) : options.colorBar;\n context.fill();\n } else if (type === 'progress' && options.colorBarProgress) {\n context.fillStyle = options.colorBarProgressEnd ? drawings.linearGradient(context, options.colorBarProgress, options.colorBarProgressEnd, fullBarLength, isVertical, isVertical ? Y : X) : options.colorBarProgress;\n context.fill();\n }\n\n context.closePath();\n\n // fix dimensions for further usage\n if (options.barBeginCircle) context.barDimensions.radius += strokeWidth;\n\n context.barDimensions.barWidth += strokeWidth;\n context.barDimensions.barLength += strokeWidth;\n}\n\n/**\n * Draws gauge bar\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBar(context, options, x, y, w, h) {\n drawLinearBarShape(context, options, '', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Helper function to calculate bar ticks presence on the sides\n *\n * @param {string} notWhich\n * @param {LinearGaugeOptions} options\n * @return {boolean}\n */\nfunction hasTicksBar(notWhich, options) {\n return options.needleSide !== notWhich || options.tickSide !== notWhich || options.numberSide !== notWhich;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar progress\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBarProgress(context, options, x, y, w, h) {\n options.barProgress && drawLinearBarShape(context, options, 'progress', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar highlighted areas\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarHighlights(context, options) {\n var _context$barDimension = context.barDimensions;\n var isVertical = _context$barDimension.isVertical;\n var width = _context$barDimension.width;\n var length = _context$barDimension.length;\n var barWidth = _context$barDimension.barWidth;\n var barOffset = _context$barDimension.barOffset;\n var barMargin = _context$barDimension.barMargin;\n var X = _context$barDimension.X;\n var Y = _context$barDimension.Y;\n var ticksLength = _context$barDimension.ticksLength;\n var ticksPadding = _context$barDimension.ticksPadding;\n\n var hlWidth = width * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!options.highlights || !hlWidth) return;\n\n var hasLeft = options.tickSide !== 'right';\n var hasRight = options.tickSide !== 'left';\n var i = 0;\n var s = options.highlights.length;\n var tickOffset = (width - barWidth) / 2;\n var interval = options.maxValue - options.minValue;\n //noinspection JSUnresolvedFunction\n var eX = round(isVertical ? X + tickOffset : X + barMargin + barOffset);\n var eH = hlWidth;\n var eY = isVertical ? Y + length - barMargin - barOffset : Y + tickOffset;\n //noinspection JSUnresolvedFunction\n var hLeft = round((options.ticksWidth / 100 + ticksPadding) * width) + (hlWidth - options.ticksWidth / 100 * width);\n //noinspection JSUnresolvedFunction\n var hRight = round(barWidth + ticksPadding * width);\n\n context.save();\n\n for (; i < s; i++) {\n var entry = options.highlights[i];\n //noinspection JSUnresolvedFunction\n var eStart = ticksLength * abs(options.minValue - entry.from) / interval;\n //noinspection JSUnresolvedFunction\n var eW = ticksLength * abs((entry.to - entry.from) / interval);\n\n context.beginPath();\n context.fillStyle = entry.color;\n\n if (isVertical) {\n if (hasLeft) context.rect(eX - hLeft, eY - eStart, eH, -eW);\n\n if (hasRight) context.rect(eX + hRight, eY - eStart, eH, -eW);\n } else {\n if (hasLeft) context.rect(eX + eStart, eY - hLeft, eW, eH);\n\n if (hasRight) context.rect(eX + eStart, eY + hRight, eW, eH);\n }\n\n context.fill();\n context.closePath();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws a tick line on a linear gauge\n *\n * @param {Canvas2DContext} context\n * @param x1\n * @param y1\n * @param x2\n * @param y2\n */\nfunction drawLinearTick(context, x1, y1, x2, y2) {\n context.beginPath();\n\n context.moveTo(x1, y1);\n context.lineTo(x2, y2);\n context.stroke();\n\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks\n *\n * @param {Canvas2DContext} context\n * @param {string} color\n * @param {number} ticksSize\n * @param {number} deltaLen\n * @param {boolean} hasLeft\n * @param {boolean} hasRight\n * @param {number} lineWidth\n * @param {number} lineLength\n */\nfunction drawLinearTicks(context, color, ticksSize, deltaLen, hasLeft, hasRight, lineWidth, lineLength) {\n var _context$barDimension2 = context.barDimensions;\n var isVertical = _context$barDimension2.isVertical;\n var length = _context$barDimension2.length;\n var barWidth = _context$barDimension2.barWidth;\n var barOffset = _context$barDimension2.barOffset;\n var barMargin = _context$barDimension2.barMargin;\n var pixelRatio = _context$barDimension2.pixelRatio;\n var width = _context$barDimension2.width;\n var X = _context$barDimension2.X;\n var Y = _context$barDimension2.Y;\n var ticksLength = _context$barDimension2.ticksLength;\n var ticksPadding = _context$barDimension2.ticksPadding;\n\n var tickOffset = (width - barWidth) / 2;\n var tickX = void 0,\n tickY = void 0;\n var i = 0;\n var tickLen = lineLength * width;\n var tickLeft = tickOffset - ticksPadding * width;\n var tickRight = tickOffset + barWidth + tickLen + ticksPadding * width;\n var tickSpace = ticksLength / (ticksSize - deltaLen);\n var colors = color instanceof Array ? color : new Array(ticksSize).fill(color);\n\n context.lineWidth = lineWidth * pixelRatio;\n context.save();\n\n for (; i < ticksSize; i++) {\n context.strokeStyle = colors[i];\n\n if (isVertical) {\n tickY = Y + length - barMargin - barOffset - i * tickSpace;\n\n if (hasLeft) {\n tickX = X + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n\n if (hasRight) {\n tickX = X + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n } else {\n tickX = X + barMargin + barOffset + i * tickSpace;\n\n if (hasLeft) {\n tickY = Y + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, tickX, round(tickY - tickLen));\n }\n\n if (hasRight) {\n tickY = Y + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, round(tickY), tickX, tickY - tickLen);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicks(context, options) {\n var _drawings$prepareTick = drawings.prepareTicks(options);\n\n var _drawings$prepareTick2 = _slicedToArray(_drawings$prepareTick, 2);\n\n var hasLeft = _drawings$prepareTick2[0];\n var hasRight = _drawings$prepareTick2[1];\n\n var lineWidth = 2;\n var colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(options.colorMajorTicks.length).fill(options.colorMajorTicks);\n\n drawLinearTicks(context, options.colorMajorTicks, options.majorTicks.length, 1, hasLeft, hasRight, lineWidth, options.ticksWidth / 100);\n\n if (options.strokeTicks) {\n var _context$barDimension3 = context.barDimensions;\n var isVertical = _context$barDimension3.isVertical;\n var length = _context$barDimension3.length;\n var width = _context$barDimension3.width;\n var barWidth = _context$barDimension3.barWidth;\n var barMargin = _context$barDimension3.barMargin;\n var barOffset = _context$barDimension3.barOffset;\n var X = _context$barDimension3.X;\n var Y = _context$barDimension3.Y;\n var ticksLength = _context$barDimension3.ticksLength;\n var pixelRatio = _context$barDimension3.pixelRatio;\n var ticksPadding = _context$barDimension3.ticksPadding;\n\n var rightTicks = (width - barWidth) / 2 + barWidth + ticksPadding * width;\n var leftTicks = (width - barWidth) / 2 - ticksPadding * width;\n var sX = void 0,\n sY = void 0,\n eX = void 0,\n eY = void 0;\n\n context.strokeStyle = colors[0];\n\n lineWidth *= pixelRatio;\n\n if (isVertical) {\n sY = Y + length - barMargin - barOffset + lineWidth / 2;\n eY = sY - ticksLength - lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n } else {\n sX = X + barMargin + barOffset - lineWidth / 2;\n eX = sX + ticksLength + lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks stroke\n *\n * @param {Canvas2DContext} context\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n */\nfunction drawLinearTickStroke(context, sX, sY, eX, eY) {\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMinorTicks(context, options) {\n var _drawings$prepareTick3 = drawings.prepareTicks(options);\n\n var _drawings$prepareTick4 = _slicedToArray(_drawings$prepareTick3, 2);\n\n var hasLeft = _drawings$prepareTick4[0];\n var hasRight = _drawings$prepareTick4[1];\n\n\n drawLinearTicks(context, options.colorMinorTicks, options.minorTicks * (options.majorTicks.length - 1), 0, hasLeft, hasRight, 1, options.ticksWidthMinor / 100);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major tick numbers\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicksNumbers(context, options) {\n var _context$barDimension4 = context.barDimensions;\n var isVertical = _context$barDimension4.isVertical;\n var length = _context$barDimension4.length;\n var width = _context$barDimension4.width;\n var barWidth = _context$barDimension4.barWidth;\n var barMargin = _context$barDimension4.barMargin;\n var barOffset = _context$barDimension4.barOffset;\n var X = _context$barDimension4.X;\n var Y = _context$barDimension4.Y;\n var ticksLength = _context$barDimension4.ticksLength;\n var ticksPadding = _context$barDimension4.ticksPadding;\n\n var ticks = options.majorTicks.length;\n var hasLeft = options.numberSide !== 'right';\n var hasRight = options.numberSide !== 'left';\n var textHeight = options.fontNumbersSize * width / 200;\n var i = 0;\n var ticksWidth = (options.ticksWidth / 100 + ticksPadding * 2) * width;\n var numLeft = (width - barWidth) / 2 - ticksWidth;\n var numRight = (width - barWidth) / 2 + barWidth + ticksWidth;\n var textX = void 0,\n textY = void 0,\n textWidth = void 0,\n numberOffset = void 0,\n tick = void 0;\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(ticks).fill(options.colorNumbers);\n\n context.font = drawings.font(options, 'Numbers', width / 200);\n context.lineWidth = 0;\n context.textAlign = 'center';\n\n for (; i < ticks; i++) {\n context.fillStyle = colors[i];\n tick = options.majorTicks[i];\n numberOffset = i * ticksLength / (ticks - 1);\n\n if (isVertical) {\n textY = Y + length - barMargin - barOffset - numberOffset + textHeight / 3;\n\n if (hasLeft) {\n context.textAlign = 'right';\n context.fillText(tick, X + numLeft, textY);\n }\n\n if (hasRight) {\n context.textAlign = 'left';\n context.fillText(tick, X + numRight, textY);\n }\n } else {\n textWidth = context.measureText(tick).width;\n textX = X + barMargin + barOffset + numberOffset;\n\n if (hasLeft) {\n context.fillText(tick, textX, Y + numLeft);\n }\n\n if (hasRight) {\n context.fillText(tick, textX, Y + numRight + textHeight);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge title\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearTitle(context, options) {\n if (!options.title) return;\n\n var _context$barDimension5 = context.barDimensions;\n var isVertical = _context$barDimension5.isVertical;\n var width = _context$barDimension5.width;\n var length = _context$barDimension5.length;\n var baseX = _context$barDimension5.baseX;\n var baseY = _context$barDimension5.baseY;\n var titleMargin = _context$barDimension5.titleMargin;\n\n var textHeight = options.fontTitleSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + titleMargin / 2 - (isVertical ? textHeight : textHeight / 2) - 0.025 * (isVertical ? length : width));\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Title', width / 200);\n context.lineWidth = 0;\n context.fillText(options.title, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge units\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearUnits(context, options) {\n if (!options.units) return;\n\n var _context$barDimension6 = context.barDimensions;\n var isVertical = _context$barDimension6.isVertical;\n var width = _context$barDimension6.width;\n var length = _context$barDimension6.length;\n var baseX = _context$barDimension6.baseX;\n var baseY = _context$barDimension6.baseY;\n var unitsMargin = _context$barDimension6.unitsMargin;\n\n var textHeight = options.fontUnitsSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + (isVertical ? length : width) + unitsMargin / 2 - textHeight / 2);\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Units', width / 200);\n context.lineWidth = 0;\n context.fillText(options.units, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge needles\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarNeedle(context, options) {\n if (!options.needle) return;\n\n var _context$barDimension7 = context.barDimensions;\n var isVertical = _context$barDimension7.isVertical;\n var width = _context$barDimension7.width;\n var length = _context$barDimension7.length;\n var barWidth = _context$barDimension7.barWidth;\n var barOffset = _context$barDimension7.barOffset;\n var barMargin = _context$barDimension7.barMargin;\n var ticksLength = _context$barDimension7.ticksLength;\n var X = _context$barDimension7.X;\n var Y = _context$barDimension7.Y;\n var ticksPadding = _context$barDimension7.ticksPadding;\n\n var hasLeft = options.needleSide !== 'right';\n var hasRight = options.needleSide !== 'left';\n var position = ticksLength * (drawings.normalizedValue(options).indented - options.minValue) / (options.maxValue - options.minValue);\n var tickWidth = (options.ticksWidth / 100 + ticksPadding) * width;\n var baseLength = barWidth / 2 + tickWidth;\n var needleLength = baseLength * (options.needleEnd / 100);\n var sX = void 0,\n eX = void 0,\n sY = void 0,\n eY = void 0;\n var draw = options.needleType.toLowerCase() === 'arrow' ? drawLinearArrowNeedle : drawLinearLineNeedle;\n var barStart = (width - barWidth) / 2;\n var needleStart = baseLength * (options.needleStart / 100);\n var nLeft = barStart - tickWidth - needleStart;\n var nRight = barStart + barWidth + tickWidth + needleStart;\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + length - barMargin - barOffset - position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nLeft);\n eX = sX + needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nRight);\n eX = sX - needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength, true);\n }\n } else {\n //noinspection JSUnresolvedFunction\n sX = round(X + barMargin + barOffset + position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nLeft);\n eY = sY + needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nRight);\n eY = sY - needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength, true);\n }\n }\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns needle color style\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} length\n * @param {boolean} [isRight]\n * @return {CanvasGradient|string}\n */\nfunction needleStyle(context, options, length, isRight) {\n return options.colorNeedleEnd ? drawings.linearGradient(context, isRight ? options.colorNeedleEnd : options.colorNeedle, isRight ? options.colorNeedle : options.colorNeedleEnd, length, !context.barDimensions.isVertical) : options.colorNeedle;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws line needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearLineNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n context.lineWidth = options.needleWidth;\n context.strokeStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws arrow needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearArrowNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n //noinspection JSUnresolvedFunction\n var peakLength = round(length * 0.4);\n var bodyLength = length - peakLength;\n var isVertical = sX === eX;\n var halfWidth = options.needleWidth / 2;\n\n context.fillStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n\n if (isVertical) {\n if (sY > eY) bodyLength *= -1;\n\n context.moveTo(sX - halfWidth, sY);\n context.lineTo(sX + halfWidth, sY);\n context.lineTo(sX + halfWidth, sY + bodyLength);\n context.lineTo(sX, eY);\n context.lineTo(sX - halfWidth, sY + bodyLength);\n context.lineTo(sX - halfWidth, sY);\n } else {\n if (sX > eX) bodyLength *= -1;\n\n context.moveTo(sX, sY - halfWidth);\n context.lineTo(sX, sY + halfWidth);\n context.lineTo(sX + bodyLength, sY + halfWidth);\n context.lineTo(eX, sY);\n context.lineTo(sX + bodyLength, sY - halfWidth);\n context.lineTo(sX, sY - halfWidth);\n }\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box for linear gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} value\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearValueBox(context, options, value, x, y, w, h) {\n // currently value box is available only for vertical linear gauge,\n // as far as by design it is hard to find a proper place for\n // horizontal ones\n var boxWidth = (parseFloat(options.fontValueSize) || 0) * w / 200;\n var dy = (0.11 * h - boxWidth) / 2;\n\n context.barDimensions.isVertical && drawings.drawValueBox(context, options, value, x + w / 2, y + h - boxWidth - dy, w);\n}\n\n/**\n * Minimalistic HTML5 Canvas Linear Gauge\n */\n\nvar LinearGauge = function (_BaseGauge2) {\n _inherits(LinearGauge, _BaseGauge2);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event LinearGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event LinearGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event LinearGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event LinearGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event LinearGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event LinearGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event LinearGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge bar area is drawn\n *\n * @event LinearGauge#beforeBar\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event LinearGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event LinearGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event LinearGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {LinearGaugeOptions} options\n */\n function LinearGauge(options) {\n _classCallCheck(this, LinearGauge);\n\n options = Object.assign({}, defaultLinearGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (LinearGauge.__proto__ || Object.getPrototypeOf(LinearGauge)).call(this, LinearGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(LinearGauge, [{\n key: 'draw',\n\n\n /* istanbul ignore next */\n /**\n * Triggering linear gauge render on a canvas.\n *\n * @returns {LinearGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref2 = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref2[0];\n var y = _ref2[1];\n var w = _ref2[2];\n var h = _ref2[3];\n\n var options = this.options;\n\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n this.drawBox = drawLinearPlate(context, options, x, y, w, h);\n\n this.emit('beforeBar');\n drawLinearBar.apply(undefined, [context, options].concat(_toConsumableArray(this.drawBox)));\n\n canvas.context.barDimensions = context.barDimensions;\n\n this.emit('beforeHighlights');\n drawLinearBarHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawLinearMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawLinearMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawLinearMajorTicksNumbers(context, options);\n this.emit('beforeTitle');\n drawLinearTitle(context, options);\n this.emit('beforeUnits');\n drawLinearUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawLinearBarProgress.apply(undefined, [canvas.context, options].concat(_toConsumableArray(this.drawBox)));\n this.emit('beforeNeedle');\n drawLinearBarNeedle(canvas.context, options);\n this.emit('beforeValueBox');\n drawLinearValueBox.apply(undefined, [canvas.context, options, options.animatedValue ? this.options.value : this.value].concat(_toConsumableArray(this.drawBox)));\n\n _get(LinearGauge.prototype.__proto__ || Object.getPrototypeOf(LinearGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n /* istanbul ignore else */\n if (options.barStrokeWidth >= options.barWidth) {\n //noinspection JSUnresolvedFunction\n options.barStrokeWidth = round(options.barWidth / 2);\n }\n\n //noinspection JSUndefinedPropertyAssignment\n options.hasLeft = hasTicksBar('right', options);\n //noinspection JSUndefinedPropertyAssignment\n options.hasRight = hasTicksBar('left', options);\n\n if (options.value > options.maxValue) {\n options.value = options.maxValue;\n }\n\n if (options.value < options.minValue) {\n options.value = options.minValue;\n }\n\n return BaseGauge.configure(options);\n }\n }]);\n\n return LinearGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['LinearGauge'] = LinearGauge;\n}\n\nBaseGauge.initialize('LinearGauge', defaultLinearGaugeOptions);;typeof module !== \"undefined\" && Object.assign(ns, {Collection: Collection,GenericOptions: GenericOptions,Animation: Animation,BaseGauge: BaseGauge,drawings: drawings,SmartCanvas: SmartCanvas,vendorize: vendorize});}(typeof module !== \"undefined\" ? module.exports : window));"],"sourceRoot":"/source/"} \ No newline at end of file +{"version":3,"sources":["gauge.min.js"],"names":["ns","_toConsumableArray","arr","Array","isArray","i","arr2","length","from","_possibleConstructorReturn","self","call","ReferenceError","_inherits","subClass","superClass","TypeError","prototype","Object","create","constructor","value","enumerable","writable","configurable","setPrototypeOf","__proto__","_classCallCheck","instance","Constructor","vendorize","prop","window","global","vendors","s","capitalized","charAt","toUpperCase","substr","vendorProp","step","time","draw","start","rule","duration","end","anim","progress","percent","frame","requestAnimationFrame","Collection","apply","this","arguments","verifyError","err","DOMException","result","prepareTicks","options","majorTicks","push","drawings","formatMajorTickNumber","minValue","maxValue","tickSide","roundRect","context","x","y","w","h","r","beginPath","moveTo","lineTo","quadraticCurveTo","closePath","padValue","val","dec","valueDec","int","valueInt","strVal","n","parseFloat","Math","abs","toFixed","toString","split","round","num","right","hasDec","majorTicksDec","majorTicksInt","indexOf","join","replace","radians","degrees","PI","radialPoint","radius","angle","sin","cos","linearGradient","colorFrom","colorTo","isVertical","undefined","grad","createLinearGradient","addColorStop","drawShadow","shadowDrawn","restore","save","borderShadowWidth","shadowBlur","shadowColor","colorBorderShadow","drawNeedleShadow","needleShadow","shadowOffsetX","shadowOffsetY","colorNeedleShadowDown","font","target","baseSize","reset","strokeStyle","lineWidth","drawValueTextShadow","offset","blur","valueTextShadow","colorValueTextShadow","drawValueBox","max","valueBox","text","valueText","tunit","runit","tw","measureText","width","th","fontValueSize","sw","valueBoxStroke","bmax","bw","bh","br","valueBoxBorderRadius","obw","valueBoxWidth","bx","by","gy","rect","grd","createRadialGradient","colorValueBoxRect","colorValueBoxRectEnd","stroke","colorValueBoxShadow","colorValueBoxBackground","fillStyle","fill","colorValueText","textAlign","textBaseline","fillText","normalizedValue","min","dt","normal","indented","drawRadialBorder","arc","maxRadialRadius","maxRadius","borderOuterWidth","borderMiddleWidth","borderInnerWidth","drawRadialPlate","d0","r0","r1","r2","r3","colorBorderOuter","colorBorderOuterEnd","colorBorderMiddle","colorBorderMiddleEnd","colorBorderInner","colorBorderInnerEnd","colorPlateEnd","colorPlate","drawRadialHighlights","hlWidth","highlightsWidth","radialTicksRadius","highlights","vd","ticksAngle","hlt","rotate","HPI","startAngle","to","color","drawRadialMinorTicks","SmartCanvas","pixelRatio","colorMinorTicks","minorTicks","closeStrokedPath","unit","barWidth","barStrokeWidth","drawRadialMajorTicks","colors","colorMajorTicks","radialNextAngle","strokeTicks","drawRadialNumbers","points","isAnimated","animationTarget","colorNumbers","plateValueAngle","point","drawRadialTitle","title","colorTitle","drawRadialUnits","units","colorUnits","drawRadialNeedle","needle","needleCircleSize","rIn","needleEnd","rStart","needleStart","rOut","pad1","needleWidth","pad2","isFixed","colorNeedle","colorNeedleEnd","needleType","colorNeedleShadowUp","needleCircleOuter","colorNeedleCircleOuter","colorNeedleCircleOuterEnd","needleCircleInner","colorNeedleCircleInner","colorNeedleCircleInnerEnd","drawRadialValueBox","drawRadialProgressBar","rMax","rMin","half","delta","sa","ea","colorBarStroke","colorBar","barShadow","clip","colorBarShadow","barProgress","colorBarProgress","displayValue","gauge","animatedValue","drawRectangle","colorStart","colorEnd","drawLinearBorder","drawLinearPlate","borderRadius","w1","w2","w3","w4","h1","h2","h3","h4","x2","x3","x4","y2","y3","y4","aliasingOffset","barDimensions","hasTitle","hasUnits","hasValue","titleMargin","unitsMargin","valueMargin","strokeWidth","barBeginCircle","barLength","barMargin","x0","y0","dx","hasLeft","hasRight","ticksWidth","dy","barOffset","ticksLength","X","Y","baseX","baseY","ticksPadding","drawLinearBarShape","type","_barDimensions","fullBarLength","direction","alpha","asin","cosAlpha","sinAlpha","x1","y1","cutRadius","rx","ry","colorBarEnd","colorBarProgressEnd","drawLinearBar","hasTicksBar","notWhich","needleSide","numberSide","drawLinearBarProgress","drawLinearBarHighlights","_context$barDimension","tickOffset","interval","eX","eH","eY","hLeft","hRight","entry","eStart","eW","drawLinearTick","drawLinearTicks","ticksSize","deltaLen","lineLength","_context$barDimension2","tickX","tickY","tickLen","tickLeft","tickRight","tickSpace","drawLinearMajorTicks","_drawings$prepareTick","_drawings$prepareTick2","_slicedToArray","_context$barDimension3","rightTicks","leftTicks","sX","sY","drawLinearTickStroke","drawLinearMinorTicks","_drawings$prepareTick3","_drawings$prepareTick4","ticksWidthMinor","drawLinearMajorTicksNumbers","_context$barDimension4","ticks","textHeight","fontNumbersSize","numLeft","numRight","textX","textY","textWidth","numberOffset","tick","drawLinearTitle","_context$barDimension5","fontTitleSize","drawLinearUnits","_context$barDimension6","fontUnitsSize","drawLinearBarNeedle","_context$barDimension7","position","tickWidth","baseLength","needleLength","toLowerCase","drawLinearArrowNeedle","drawLinearLineNeedle","barStart","nLeft","nRight","needleStyle","isRight","peakLength","bodyLength","halfWidth","drawLinearValueBox","boxWidth","sliceIterator","_arr","_n","_d","_e","_s","_i","Symbol","iterator","next","done","_get","get","object","property","receiver","Function","desc","getOwnPropertyDescriptor","parent","getPrototypeOf","getter","_set","set","setter","_createClass","defineProperties","props","descriptor","defineProperty","key","protoProps","staticProps","assign","firstSource","nextSource","keysArray","keys","nextIndex","len","nextKey","searchElement","fromIndex","k","O","Infinity","relativeStart","relativeEnd","final","EventEmitter","_events","addListener","on","removeListener","off","event","_len","args","_key","_len2","handlers","_key2","_loop","handler","wrapper","concat","_handler","index","splice","callback","setTimeout","Date","getTime","rules","linear","p","quad","pow","dequad","quint","dequint","cycle","acos","decycle","bounce","debounce","a","b","elastic","delastic","Animation","_this","cancel","performance","now","cancelAnimationFrame","id","DomObserver","element","toDashed","Type","mutationsObserved","isObservable","MutationObserver","GAUGES_NO_AUTO_INIT","domReady","traverse","bind","node","tagName","getAttribute","elements","document","getElementsByTagName","process","observe","body","childList","subtree","attributes","characterData","attributeOldValue","characterDataOldValue","records","record","attributeName","isValidNode","oldValue","addedNodes","ii","ss","_this2","JSON","parse","stringify","hasOwnProperty","toAttributeName","attributeValue","renderTo","observer","forEach","attr","disconnect","destroy","_prop","map","part","_options","update","test","e","camelCase","str","dashed","readyState","addEventListener","attachEvent","canvas","height","collection","init","style","elementClone","cloneNode","getContext","contextClone","drawWidth","drawHeight","drawX","drawY","minSide","initialized","translate","clearRect","onRedraw","scale","redraw","devicePixelRatio","matchMedia","GenericOptions","animateOnInit","borders","animation","animationDuration","animationRule","fontNumbers","fontTitle","fontUnits","fontValue","fontNumbersStyle","fontTitleStyle","fontUnitsStyle","fontValueStyle","fontNumbersWeight","fontTitleWeight","fontUnitsWeight","fontValueWeight","getElementById","version","gauges","BaseGauge","_EventEmitter","_this3","className","name","HTMLCanvasElement","parentNode","offsetWidth","offsetHeight","_value","configure","emit","_this4","ensureValue","fromValue","animate","console","log","toCamelCase","isNaN","isFinite","defaultRadialGaugeOptions","useMinPath","RadialGauge","_BaseGauge","_ref","commit","drawImage","_context","initialize","defaultLinearGaugeOptions","LinearGauge","_BaseGauge2","_ref2","drawBox","module","exports"],"mappings":"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","file":"gauge.min.js","sourcesContent":["/*!\n * The MIT License (MIT)\n * \n * Copyright (c) 2016 Mykhailo Stadnyk \n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n *\n * @version 2.1.1\n */\n(function(ns) {'use strict';\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if (\"value\" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };\n\nvar _set = function set(object, property, value, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent !== null) { set(parent, property, value, receiver); } } else if (\"value\" in desc && desc.writable) { desc.value = value; } else { var setter = desc.set; if (setter !== undefined) { setter.call(receiver, value); } } return value; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * @external {Object.assign} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n */\n/* istanbul ignore next */\nif (!Object.assign) {\n Object.defineProperty(Object, 'assign', {\n enumerable: false,\n configurable: true,\n writable: true,\n value: function value(target, firstSource) {\n 'use strict';\n\n if (target === undefined || target === null) {\n throw new TypeError('Cannot convert first argument to object');\n }\n\n var to = Object(target);\n var i = 1;\n\n for (; i < arguments.length; i++) {\n var nextSource = arguments[i];\n\n if (nextSource === undefined || nextSource === null) {\n continue;\n }\n\n var keysArray = Object.keys(Object(nextSource));\n var nextIndex = 0,\n len = keysArray.length;\n\n for (; nextIndex < len; nextIndex++) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n\n if (desc !== undefined && desc.enumerable) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n\n return to;\n }\n });\n}\n\n/**\n * @external {Array.indexOf} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf\n */\n/* istanbul ignore next */\nif (!Array.prototype.indexOf) {\n Array.prototype.indexOf = function (searchElement, fromIndex) {\n var k;\n\n if (this === null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n\n if (len === 0) {\n return -1;\n }\n\n var n = +fromIndex || 0;\n\n if (Math.abs(n) === Infinity) {\n n = 0;\n }\n\n if (n >= len) {\n return -1;\n }\n\n k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n while (k < len) {\n if (k in O && O[k] === searchElement) {\n return k;\n }\n\n k++;\n }\n\n return -1;\n };\n}\n\n/**\n * @external {Array.fill} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/fill\n */\n/* istanbul ignore next */\nif (!Array.prototype.fill) {\n Array.prototype.fill = function (value) {\n if (this === null) {\n throw new TypeError('this is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n var start = arguments[1];\n var relativeStart = start >> 0;\n var k = relativeStart < 0 ? Math.max(len + relativeStart, 0) : Math.min(relativeStart, len);\n var end = arguments[2];\n var relativeEnd = end === undefined ? len : end >> 0;\n var final = relativeEnd < 0 ? Math.max(len + relativeEnd, 0) : Math.min(relativeEnd, len);\n while (k < final) {\n O[k] = value;\n k++;\n }\n\n return O;\n };\n}\n\n/**\n * mocking window\n */\nif (typeof window === 'undefined') {\n window = typeof global === 'undefined' ? {} : global;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * Look-ups for a proper vendor-specific property and returns its value\n *\n * @example\n * var requestAnimationFrame = vendorize('requestAnimationFrame');\n * // it will refer properly to:\n * // - window.requestAnimationFrame by default or to\n * // - window.webkitRequestAnimationFrame or to\n * // - window.mozRequestAnimationFrame or to\n * // - window.msRequestAnimationFrame or to\n * // - window.oRequestAnimationFrame\n * // depending on the current browser vendor\n *\n * @author Mykhailo Stadnyk \n * @param {string} prop\n * @param {HTMLElement|Window|object} [from] - default is window\n * @returns {*}\n */\nfunction vendorize(prop, from) {\n /* istanbul ignore else: no reason to cover */\n if (!from) {\n from = typeof window === 'undefined' ? global : window;\n }\n\n if (typeof from[prop] !== 'undefined') {\n return from[prop];\n }\n\n var vendors = ['webkit', 'moz', 'ms', 'o'];\n var i = 0;\n var s = vendors.length;\n var capitalized = prop.charAt(0).toUpperCase() + prop.substr(1);\n\n for (; i < s; i++) {\n var vendorProp = from[vendors[i] + capitalized];\n\n /* istanbul ignore if: requires very complex environment to test (specific browser version) */\n if (typeof vendorProp !== 'undefined') {\n return vendorProp;\n }\n }\n\n return null;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Class EventEmitter - base event manager\n */\n\nvar EventEmitter = function () {\n /**\n * @constructor\n */\n function EventEmitter() {\n _classCallCheck(this, EventEmitter);\n\n this._events = {};\n\n this.addListener = this.on;\n this.removeListener = this.off;\n }\n\n /**\n * Returns all event listeners\n *\n * @return {object}\n */\n\n\n _createClass(EventEmitter, [{\n key: 'emit',\n\n\n /**\n * Emits given event bypassing to each registered handler given args\n *\n * @param {string} event\n * @param {...*} args\n */\n value: function emit(event) {\n if (this._events[event]) {\n var i = 0;\n var s = this._events[event].length;\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n for (; i < s; i++) {\n this._events[event][i] && this._events[event][i].apply(this, args);\n }\n }\n }\n\n /**\n * Registers given handler for given event to be called only once when\n * event is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'once',\n value: function once(event) {\n for (var _len2 = arguments.length, handlers = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n handlers[_key2 - 1] = arguments[_key2];\n }\n\n var i = 0;\n var s = handlers.length;\n var self = this;\n\n var _loop = function _loop() {\n var handler = handlers[i];\n var wrapper = function wrapper() {\n self.off(event, wrapper);\n handler.apply(self, arguments);\n };\n\n handlers[i] = wrapper;\n };\n\n for (; i < s; i++) {\n _loop();\n }\n\n this.on.apply(this, [event].concat(handlers));\n }\n\n /**\n * Registers given handlers for a given events to be called each time event\n * is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'on',\n value: function on(event) {\n if (!this._events[event]) {\n this._events[event] = [];\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n this._events[event].push(arguments.length <= i + 1 ? undefined : arguments[i + 1]);\n }\n }\n\n /**\n * Un-registers previously registered event handlers\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'off',\n value: function off(event) {\n if (!this._events[event]) {\n return;\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n var _handler = arguments.length <= i + 1 ? undefined : arguments[i + 1];\n var index = void 0;\n\n while (~(index = this._events[event].indexOf(_handler))) {\n this._events[event].splice(index, 1);\n }\n }\n }\n\n /**\n * Removes all listeners for a given event\n *\n * @param {string} event\n */\n\n }, {\n key: 'removeAllListeners',\n value: function removeAllListeners(event) {\n delete this._events[event];\n }\n }, {\n key: 'listeners',\n get: function get() {\n return this._events;\n }\n }]);\n\n return EventEmitter;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/* jshint -W079 */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/* istanbul ignore next */\n/**\n * @type {function(callback: function(time: number): number, element?: HTMLElement)}\n * @access private\n */\n\n\nvar requestAnimationFrame = vendorize('requestAnimationFrame') || function (callback) {\n return setTimeout(function () {\n return callback(new Date().getTime());\n }, 1000 / 60);\n};\n\n/**\n * Generic AnimationRule function interface\n *\n * @typedef {function(percent: number): number} AnimationRule\n */\n\n/**\n * Callback for animation step draw event.\n * It will be called each time animation step is executed, bypassing\n * as first argument a percent of animation completeness. It is expected\n * that this callback will do an actual work of animating an elements or\n * whatever, as far as animation engine is just calculating and executing\n * animation steps without any knowledge about things under animation.\n *\n * @typedef {function(percent: number): *} DrawEventCallback\n */\n\n/**\n * Callback for animation complete event.\n * It is called once each animation is complete.\n *\n * @typedef {function(): *} EndEventCallback\n */\n\n/**\n * Predefined known animation rules.\n * It's a simple collection of math for some most used animations.\n *\n * @typedef {{linear: AnimationRule, quad: AnimationRule, dequad: AnimationRule, quint: AnimationRule, dequint: AnimationRule, cycle: AnimationRule, decycle: AnimationRule, bounce: AnimationRule, debounce: AnimationRule, elastic: AnimationRule, delastic: AnimationRule}} AnimationRules\n */\n\n/* istanbul ignore next: no reason covering this */\nvar rules = {\n linear: function linear(p) {\n return p;\n },\n quad: function quad(p) {\n return Math.pow(p, 2);\n },\n dequad: function dequad(p) {\n return 1 - rules.quad(1 - p);\n },\n quint: function quint(p) {\n return Math.pow(p, 5);\n },\n dequint: function dequint(p) {\n return 1 - Math.pow(1 - p, 5);\n },\n cycle: function cycle(p) {\n return 1 - Math.sin(Math.acos(p));\n },\n decycle: function decycle(p) {\n return Math.sin(Math.acos(1 - p));\n },\n bounce: function bounce(p) {\n return 1 - rules.debounce(1 - p);\n },\n debounce: function debounce(p) {\n var a = 0,\n b = 1;\n for (; 1; a += b, b /= 2) {\n if (p >= (7 - 4 * a) / 11) {\n return -Math.pow((11 - 6 * a - 11 * p) / 4, 2) + Math.pow(b, 2);\n }\n }\n },\n elastic: function elastic(p) {\n return 1 - rules.delastic(1 - p);\n },\n delastic: function delastic(p) {\n var x = 1.5;\n return Math.pow(2, 10 * (p - 1)) * Math.cos(20 * Math.PI * x / 3 * p);\n }\n};\n\n/* istanbul ignore next: private, not testable */\n/**\n * Evaluates animation step and decides if the next step required or\n * stops animation calling a proper events.\n *\n * @access private\n * @param {number} time\n * @param {DrawEventCallback} draw\n * @param {number} start\n * @param {AnimationRule} rule\n * @param {number} duration\n * @param {EndEventCallback} end\n * @param {Animation} anim\n */\nfunction step(time, draw, start, rule, duration, end, anim) {\n if (typeof rule !== 'function') {\n throw new TypeError('Invalid animation rule:', rule);\n }\n\n var progress = time - start;\n var percent = progress / duration;\n\n if (percent > 1) {\n percent = 1;\n }\n\n draw && draw(percent === 1 ? percent : rule(percent));\n\n if (progress < duration) {\n anim.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rule, duration, end, anim);\n });\n } else {\n end && end();\n }\n}\n\n/**\n * Animation engine API for JavaScript-based animations.\n * This is simply an animation core framework which simplifies creation\n * of various animations for generic purposes.\n *\n * @example\n * // create 'linear' animation engine, 500ms duration\n * let linear = new Animation('linear', 500);\n *\n * // create 'elastic' animation engine\n * let elastic = new Animation('elastic');\n *\n * // define animation behavior\n * let bounced = new Animation('bounce', 500, percent => {\n * let value = parseInt(percent * 100, 10);\n *\n * $('div.bounced').css({\n * width: value + '%',\n * height: value + '%'\n * });\n * });\n *\n * // execute animation\n * bounced.animate();\n *\n * // execute animation and handle when its finished\n * bounced.animate(null, () => {\n * console.log('Animation finished!');\n * });\n */\n\nvar Animation = function () {\n\n /**\n * @constructor\n * @param {string|AnimationRule} rule\n * @param {number} duration\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n function Animation() {\n var rule = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'linear';\n var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;\n var draw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};\n var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};\n\n _classCallCheck(this, Animation);\n\n /**\n * Overall animation duration in milliseconds.\n * By default is equal to 250 ms.\n *\n * @type {number}\n */\n this.duration = duration;\n\n /**\n * Animation rule. By default is linear animation.\n * Animation rule is a subject to animation rules, which are\n * a simple object containing math-based methods for calculating\n * animation steps.\n *\n * @type {string|AnimationRule}\n */\n this.rule = rule;\n\n /**\n * Callback function for the animation step draw event.\n *\n * @type {DrawEventCallback}\n */\n this.draw = draw;\n\n /**\n * Callback for the animation complete event.\n *\n * @type {EndEventCallback}\n */\n this.end = end;\n\n if (typeof this.draw !== 'function') {\n throw new TypeError('Invalid animation draw callback:', draw);\n }\n\n if (typeof this.end !== 'function') {\n throw new TypeError('Invalid animation end callback:', end);\n }\n }\n\n /* istanbul ignore next: non-testable */\n /**\n * Performs animation calling each animation step draw callback and\n * end callback at the end of animation. Callbacks are optional to this\n * method call. If them are not bypassed will be used that ones which\n * was pre-set on constructing an Animation object or pre-set after\n * construction.\n *\n * @example\n * function draw(percent) {\n * $('.my-animated-divs').css({\n * width: parseInt(percent * 100, 10) + '%'\n * });\n * }\n * function done() {\n * console.log('Animation complete!');\n * }\n *\n * // Define 'draw' and 'end' callbacks on construction\n * var animation = new Animation('cycle', 500, draw, done);\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks after construction\n * var animation = new Animation('cycle', 500);\n * animation.draw = draw;\n * animation.end = done;\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks at animation\n * var animation = new Animation('cycle', 500);\n * animation.animate(draw, done);\n *\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n\n\n _createClass(Animation, [{\n key: 'animate',\n value: function animate(draw, end) {\n var _this = this;\n\n this.cancel();\n\n // noinspection JSUnresolvedVariable\n var start = window.performance && window.performance.now ? window.performance.now() : vendorize('animationStartTime') || Date.now();\n\n draw = draw || this.draw;\n end = end || this.end;\n\n /**\n * Current requested animation frame identifier\n *\n * @type {number}\n */\n this.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rules[_this.rule] || _this.rule, _this.duration, end, _this);\n });\n }\n\n /**\n * Cancels current animation if any\n */\n\n }, {\n key: 'cancel',\n value: function cancel() {\n if (this.frame) {\n var cancelAnimationFrame = vendorize('cancelAnimationFrame') ||\n /* istanbul ignore next */\n function (id) {};\n\n cancelAnimationFrame(this.frame);\n this.frame = null;\n }\n }\n\n /**\n * Destroys this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n this.cancel();\n this.draw = null;\n this.end = null;\n }\n }]);\n\n return Animation;\n}();\n\n/**\n * Animation rules bound statically to Animation constructor.\n *\n * @type {AnimationRules}\n * @static\n */\n\n\nAnimation.rules = rules;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * @typedef {{ constructor: function(options: GenericOptions): GaugeInterface, draw: function(): GaugeInterface, destroy: function, update: function(options: GenericOptions) }} GaugeInterface\n */\n/**\n * @typedef {{parse: function, stringify: function}} JSON\n * @external {JSON} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON\n */\n/**\n * @ignore\n * @typedef {{MutationObserver: function}} ns\n */\n\n/**\n * DOM Observer.\n * It will observe DOM document for a configured element types and\n * instantiate associated Types for an existing or newly added DOM elements\n *\n * @example\n * class ProgressBar {\n * constructor(options) {}\n * draw() {}\n * }\n *\n * // It will observe DOM document for elements
\n * // having attribute 'data-type=\"progress\"'\n * // and instantiate for each new instance of ProgressBar\n *\n * new DomParser({color: 'red'}, 'div', 'progress', ProgressBar);\n *\n * // assume we could have HTML like this\n * //
\n * // in this case all matching attributes names for a given options will be\n * // parsed and bypassed to an instance from HTML attributes\n */\n\nvar DomObserver = function () {\n\n /**\n * @constructor\n * @param {object} options\n * @param {string} element\n * @param {string} type\n */\n function DomObserver(options, element, type) {\n _classCallCheck(this, DomObserver);\n\n //noinspection JSUnresolvedVariable\n /**\n * Default instantiation options for the given type\n *\n * @type {Object}\n */\n this.options = options;\n\n /**\n * Name of an element to lookup/observe\n *\n * @type {string}\n */\n this.element = element.toLowerCase();\n\n /**\n * data-type attribute value to lookup\n *\n * @type {string}\n */\n this.type = DomObserver.toDashed(type);\n\n /**\n * Actual type constructor to instantiate for each found element\n *\n * @type {Function}\n */\n this.Type = ns[type];\n\n /**\n * Signals if mutations observer for this type or not\n *\n * @type {boolean}\n */\n this.mutationsObserved = false;\n\n /**\n * Flag specifies whenever the browser supports observing\n * of DOM tree mutations or not\n *\n * @type {boolean}\n */\n this.isObservable = !!window.MutationObserver;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n if (!window.GAUGES_NO_AUTO_INIT) {\n DomObserver.domReady(this.traverse.bind(this));\n }\n }\n\n /**\n * Checks if given node is valid node to process\n *\n * @param {Node|HTMLElement} node\n * @returns {boolean}\n */\n\n\n _createClass(DomObserver, [{\n key: 'isValidNode',\n value: function isValidNode(node) {\n //noinspection JSUnresolvedVariable\n return !!(node.tagName && node.tagName.toLowerCase() === this.element && node.getAttribute('data-type') === this.type);\n }\n\n /**\n * Traverse entire current DOM tree and process matching nodes.\n * Usually it should be called only once on document initialization.\n */\n\n }, {\n key: 'traverse',\n value: function traverse() {\n var elements = document.getElementsByTagName(this.element);\n var i = 0,\n s = elements.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n this.process(elements[i]);\n }\n\n if (this.isObservable && !this.mutationsObserved) {\n new MutationObserver(this.observe.bind(this)).observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n characterData: true,\n attributeOldValue: true,\n characterDataOldValue: true\n });\n\n this.mutationsObserved = true;\n }\n }\n\n /**\n * Observes given mutation records for an elements to process\n *\n * @param {MutationRecord[]} records\n */\n\n }, {\n key: 'observe',\n value: function observe(records) {\n var i = 0;\n var s = records.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n var record = records[i];\n\n if (record.type === 'attributes' && record.attributeName === 'data-type' && this.isValidNode(record.target) && record.oldValue !== this.type) // skip false-positive mutations\n {\n setTimeout(this.process.bind(this, record.target));\n } else if (record.addedNodes && record.addedNodes.length) {\n var ii = 0;\n var ss = record.addedNodes.length;\n\n for (; ii < ss; ii++) {\n setTimeout(this.process.bind(this, record.addedNodes[ii]));\n }\n }\n }\n }\n\n /**\n * Parses given attribute value to a proper JavaScript value.\n * For example it will parse some stringified value to a proper type\n * value, e.g. 'true' => true, 'null' => null, '{\"prop\": 20}' => {prop: 20}\n *\n * @param {*} value\n * @return {*}\n */\n\n }, {\n key: 'process',\n\n\n /**\n * Processes a given node, instantiating a proper type constructor for it\n *\n * @param {Node|HTMLElement} node\n * @returns {GaugeInterface|null}\n */\n value: function process(node) {\n var _this2 = this;\n\n if (!this.isValidNode(node)) return null;\n\n var prop = void 0;\n var options = JSON.parse(JSON.stringify(this.options));\n var instance = null;\n\n for (prop in options) {\n /* istanbul ignore else: non-testable in most cases */\n if (options.hasOwnProperty(prop)) {\n var attributeName = DomObserver.toAttributeName(prop);\n var attributeValue = DomObserver.parse(node.getAttribute(attributeName));\n\n if (attributeValue !== null && attributeValue !== undefined) {\n options[prop] = attributeValue;\n }\n }\n }\n\n options.renderTo = node;\n instance = new this.Type(options);\n instance.draw && instance.draw();\n\n if (!this.isObservable) return instance;\n\n instance.observer = new MutationObserver(function (records) {\n records.forEach(function (record) {\n if (record.type === 'attributes') {\n var attr = record.attributeName.toLowerCase();\n var type = node.getAttribute(attr).toLowerCase();\n\n if (attr === 'data-type' && type && type !== _this2.type) {\n instance.observer.disconnect();\n delete instance.observer;\n instance.destroy && instance.destroy();\n } else if (attr.substr(0, 5) === 'data-') {\n var _prop = attr.substr(5).split('-').map(function (part, i) {\n return !i ? part : part.charAt(0).toUpperCase() + part.substr(1);\n }).join('');\n var _options = {};\n\n _options[_prop] = DomObserver.parse(node.getAttribute(record.attributeName));\n\n instance.update && instance.update(_options);\n }\n }\n });\n });\n\n //noinspection JSCheckFunctionSignatures\n instance.observer.observe(node, { attributes: true });\n\n return instance;\n }\n\n /**\n * Transforms camelCase string to dashed string\n *\n * @static\n * @param {string} camelCase\n * @return {string}\n */\n\n }], [{\n key: 'parse',\n value: function parse(value) {\n // parse boolean\n if (value === 'true') return true;\n if (value === 'false') return false;\n\n // parse undefined\n if (value === 'undefined') return undefined;\n\n // parse null\n if (value === 'null') return null;\n\n // Comma-separated strings to array parsing.\n // It won't match strings which contains non alphanumeric characters to\n // prevent strings like 'rgba(0,0,0,0)' or JSON-like from being parsed.\n // Typically it simply allows easily declare arrays as comma-separated\n // numbers or plain strings. If something more complicated is\n // required it can be declared using JSON format syntax\n if (/^[-+#.\\w\\d\\s]+(?:,[-+#.\\w\\d\\s]*)+$/.test(value)) {\n return value.split(',');\n }\n\n // parse JSON\n try {\n return JSON.parse(value);\n } catch (e) {}\n\n // plain value - no need to parse\n return value;\n }\n }, {\n key: 'toDashed',\n value: function toDashed(camelCase) {\n var arr = camelCase.split(/(?=[A-Z])/);\n var i = 1;\n var s = arr.length;\n var str = arr[0].toLowerCase();\n\n for (; i < s; i++) {\n str += '-' + arr[i].toLowerCase();\n }\n\n return str;\n }\n\n /**\n * Transforms dashed string to CamelCase representation\n *\n * @param {string} dashed\n * @param {boolean} [capitalized]\n * @return {string}\n */\n\n }, {\n key: 'toCamelCase',\n value: function toCamelCase(dashed) {\n var capitalized = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n var arr = dashed.split(/-/);\n var i = 0;\n var s = arr.length;\n var str = '';\n\n for (; i < s; i++) {\n if (!(i || capitalized)) {\n str += arr[i].toLowerCase();\n } else {\n str += arr[i][0].toUpperCase() + arr[i].substr(1).toLowerCase();\n }\n }\n\n return str;\n }\n\n /**\n * Transforms camel case property name to dash separated attribute name\n *\n * @static\n * @param {string} str\n * @returns {string}\n */\n\n }, {\n key: 'toAttributeName',\n value: function toAttributeName(str) {\n return 'data-' + DomObserver.toDashed(str);\n }\n\n /**\n * Cross-browser DOM ready handler\n *\n * @static\n * @param {Function} handler\n */\n\n }, {\n key: 'domReady',\n value: function domReady(handler) {\n if (/comp|inter|loaded/.test((window.document || {}).readyState + '')) return handler();\n\n if (window.addEventListener) window.addEventListener('DOMContentLoaded', handler, false);else if (window.attachEvent) window.attachEvent('onload', handler);\n }\n }]);\n\n return DomObserver;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/**\n * Drawings on canvas using hidden canvas as a cache for better\n * performance drawings during canvas animations. SmartCanvas also\n * adopts a canvas to\n */\n\n\nvar SmartCanvas = function () {\n\n /**\n * @constructor\n * @param {HTMLCanvasElement} canvas\n * @param {number} [width]\n * @param {number} [height]\n */\n function SmartCanvas(canvas, width, height) {\n _classCallCheck(this, SmartCanvas);\n\n SmartCanvas.collection.push(this);\n\n /**\n * Canvas base width\n *\n * @type {number}\n */\n this.width = width || 0;\n\n /**\n * Canvas base height\n *\n * @type {number}\n */\n this.height = height || 0;\n\n /**\n * Target drawings canvas element\n *\n * @type {HTMLCanvasElement}\n */\n this.element = canvas;\n\n this.init();\n }\n\n /**\n * Initializes canvases and contexts\n */\n\n\n _createClass(SmartCanvas, [{\n key: 'init',\n value: function init() {\n var pixelRatio = SmartCanvas.pixelRatio;\n\n this.element.width = this.width * pixelRatio;\n this.element.height = this.height * pixelRatio;\n\n this.element.style.width = this.width + 'px';\n this.element.style.height = this.height + 'px';\n\n /**\n * Canvas caching element\n *\n * @type {HTMLCanvasElement|Node}\n */\n this.elementClone = this.element.cloneNode(true);\n\n //noinspection JSUnresolvedVariable\n /**\n * Target drawings canvas element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.context = this.element.getContext('2d');\n\n /**\n * Canvas caching element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.contextClone = this.elementClone.getContext('2d');\n\n /**\n * Actual drawings width\n *\n * @type {number}\n */\n this.drawWidth = this.element.width;\n\n /**\n * Actual drawings height\n *\n * @type {number}\n */\n this.drawHeight = this.element.height;\n\n /**\n * X-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawX = this.drawWidth / 2;\n\n /**\n * Y-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawY = this.drawHeight / 2;\n\n /**\n * Minimal side length in pixels of the drawing\n *\n * @type {number}\n */\n this.minSide = this.drawX < this.drawY ? this.drawX : this.drawY;\n\n this.elementClone.initialized = false;\n\n this.contextClone.translate(this.drawX, this.drawY);\n this.contextClone.save();\n\n this.context.translate(this.drawX, this.drawY);\n this.context.save();\n\n this.context.max = this.contextClone.max = this.minSide;\n this.context.maxRadius = this.contextClone.maxRadius = null;\n }\n\n /**\n * Destroys this object, removing the references from memory\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = SmartCanvas.collection.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n SmartCanvas.collection.splice(index, 1);\n }\n\n this.context.clearRect(-this.drawX, -this.drawY, this.drawWidth, this.drawHeight);\n\n // dereference all created elements\n this.context.max = null;\n delete this.context.max;\n\n this.context.maxRadius = null;\n delete this.context.maxRadius;\n\n this.context = null;\n this.contextClone = null;\n this.elementClone = null;\n this.element = null;\n\n /**\n * On canvas redraw event callback\n *\n * @type {function|null|undefined}\n */\n this.onRedraw = null;\n }\n\n /**\n * Commits the drawings\n */\n\n }, {\n key: 'commit',\n value: function commit() {\n var scale = SmartCanvas.pixelRatio;\n\n if (scale !== 1) {\n this.contextClone.scale(scale, scale);\n this.contextClone.save();\n }\n\n return this;\n }\n\n /**\n * Redraw this object\n */\n\n }, {\n key: 'redraw',\n value: function redraw() {\n this.init();\n\n /**\n * On canvas redraw event callback\n *\n * @type {function(): *}\n */\n this.onRedraw && this.onRedraw();\n\n return this;\n }\n\n /**\n * Returns current device pixel ratio\n *\n * @returns {number}\n */\n\n }], [{\n key: 'redraw',\n\n\n /**\n * Forces redraw all canvas in the current collection\n */\n value: function redraw() {\n var i = 0;\n var s = SmartCanvas.collection.length;\n\n for (; i < s; i++) {\n SmartCanvas.collection[i].redraw();\n }\n }\n }, {\n key: 'pixelRatio',\n get: function get() {\n /* istanbul ignore next */\n //noinspection JSUnresolvedVariable\n return window.devicePixelRatio || 1;\n }\n }]);\n\n return SmartCanvas;\n}();\n\nSmartCanvas.collection = [];\n\n/* istanbul ignore next: very browser-specific testing required to cover */\n//noinspection JSUnresolvedVariable\nif (window.matchMedia) {\n //noinspection JSUnresolvedFunction\n window.matchMedia('screen and (min-resolution: 2dppx)').addListener(SmartCanvas.redraw);\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Describes rendering target element. Can be either string identifier of\n * the element or the element itself.\n *\n * @typedef {HTMLElement|string} RenderTarget\n */\n\n/**\n * Highlight area definition.\n * It describes highlight area starting from value to value using\n * color. Color can be describes with hex, rgb or rgba value.\n *\n * @typedef {{ from: number, to: number, color: string}} Highlight\n */\n\n/**\n * Shared generic gauges options\n *\n * @type {{renderTo: RenderTarget, width: number, height: number, minValue: number, maxValue: number, value: number, units: string|boolean, majorTicks: number[]|string[], minorTicks: number, strokeTicks: boolean, animatedValue: boolean, animateOnInit: boolean, title: string|boolean, borders: boolean, valueInt: number, valueDec: number, majorTicksInt: number, majorTicksDec: number, animation: boolean, animationDuration: number, animationRule: string|AnimationRule, colorPlate: string, colorPlateEnd: string, colorMajorTicks: string, colorMinorTicks: string, colorTitle: string, colorUnits: string, colorNumbers: string, colorNeedle: string, colorNeedleEnd: string, colorValueText: string, colorValueTextShadow: string, colorBorderShadow: string, colorBorderOuter: string, colorBorderOuterEnd: string, colorBorderMiddle: string, colorBorderMiddleEnd: string, colorBorderInner: string, colorBorderInnerEnd: string, colorValueBoxRect: string, colorValueBoxRectEnd: string, colorValueBoxBackground: string, colorValueBoxShadow: string, colorNeedleShadowUp: string, colorNeedleShadowDown: string, needle: boolean, needleShadow: boolean, needleType: string, needleStart: number, needleEnd: number, needleWidth: number, borderOuterWidth: number, borderMiddleWidth: number, borderInnerWidth: number, borderShadowWidth: number, valueBox: boolean, valueBoxWidth: number, valueBoxStroke: number, valueText: string, valueTextShadow: boolean, valueBoxBorderRadius: number, highlights: Highlight[], highlightsWidth: number, fontNumbers: string, fontTitle: string, fontUnits: string, fontValue: string, fontTitleSize: number, fontValueSize: number, fontUnitsSize: number, fontNumbersSize: number, fontNumbersStyle: string, fontTitleStyle: string, fontUnitsStyle: string, fontValueStyle: string, fontNumbersWeight: string, fontTitleWeight: string, fontUnitsWeight: string, fontValueWeight: string, barWidth: number, barStrokeWidth: number, barProgress: boolean, colorBar: string, colorBarStroke: string, colorBarProgress: string, colorBarShadow: string, barShadow: number}} GenericOptions\n */\nvar GenericOptions = {\n // basic options\n renderTo: null,\n width: 0,\n height: 0,\n minValue: 0,\n maxValue: 100,\n value: 0,\n units: false,\n majorTicks: [0, 20, 40, 60, 80, 100],\n minorTicks: 10,\n strokeTicks: true,\n animatedValue: false,\n animateOnInit: false,\n title: false,\n borders: true,\n\n // number formats\n valueInt: 3,\n valueDec: 2,\n majorTicksInt: 1,\n majorTicksDec: 0,\n\n // animations\n animation: true,\n animationDuration: 500,\n animationRule: 'cycle',\n\n // colors\n colorPlate: '#fff',\n colorPlateEnd: '',\n colorMajorTicks: '#444',\n colorMinorTicks: '#666',\n colorTitle: '#888',\n colorUnits: '#888',\n colorNumbers: '#444',\n colorNeedle: 'rgba(240,128,128,1)',\n colorNeedleEnd: 'rgba(255,160,122,.9)',\n colorValueText: '#444',\n colorValueTextShadow: 'rgba(0,0,0,0.3)',\n colorBorderShadow: 'rgba(0,0,0,0.5)',\n colorBorderOuter: '#ddd',\n colorBorderOuterEnd: '#aaa',\n colorBorderMiddle: '#eee',\n colorBorderMiddleEnd: '#f0f0f0',\n colorBorderInner: '#fafafa',\n colorBorderInnerEnd: '#ccc',\n colorValueBoxRect: '#888',\n colorValueBoxRectEnd: '#666',\n colorValueBoxBackground: '#babab2',\n colorValueBoxShadow: 'rgba(0,0,0,1)',\n colorNeedleShadowUp: 'rgba(2,255,255,0.2)',\n colorNeedleShadowDown: 'rgba(188,143,143,0.45)',\n colorBarStroke: '#222',\n colorBar: '#ccc',\n colorBarProgress: '#888',\n colorBarShadow: '#000',\n\n fontNumbers: 'Arial',\n fontTitle: 'Arial',\n fontUnits: 'Arial',\n fontValue: 'Arial',\n\n fontNumbersSize: 20,\n fontTitleSize: 24,\n fontUnitsSize: 22,\n fontValueSize: 26,\n\n fontNumbersStyle: 'normal',\n fontTitleStyle: 'normal',\n fontUnitsStyle: 'normal',\n fontValueStyle: 'normal',\n\n fontNumbersWeight: 'normal',\n fontTitleWeight: 'normal',\n fontUnitsWeight: 'normal',\n fontValueWeight: 'normal',\n\n // needle\n needle: true,\n needleShadow: true,\n needleType: 'arrow',\n needleStart: 5,\n needleEnd: 85,\n needleWidth: 4,\n\n // borders\n borderOuterWidth: 3,\n borderMiddleWidth: 3,\n borderInnerWidth: 3,\n borderShadowWidth: 3,\n\n // value and highlights\n valueBox: true,\n valueBoxStroke: 5,\n valueBoxWidth: 0,\n valueText: '',\n valueTextShadow: true,\n valueBoxBorderRadius: 2.5,\n\n // highlights\n highlights: [{ from: 20, to: 60, color: '#eee' }, { from: 60, to: 80, color: '#ccc' }, { from: 80, to: 100, color: '#999' }],\n highlightsWidth: 15,\n\n // progress bar\n barWidth: 20, // percents\n barStrokeWidth: 0, // pixels\n barProgress: true,\n barShadow: 0\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Gauge collections type.\n *\n * It is used ES5 declaration here, because babel\n * transpiles inheritance incorrectly in this case.\n *\n * @class Collection\n * @constructor\n */\nfunction Collection() {\n Array.prototype.constructor.apply(this, arguments);\n}\n\nCollection.prototype = Object.create(Array.prototype);\nCollection.prototype.constructor = Collection;\n\n/**\n * Returns gauge object by its identifier or index in the collection\n *\n * @param {string|number} id\n * @return {*}\n */\nCollection.prototype.get = function (id) {\n if (typeof id === 'string') {\n var i = 0;\n var s = this.length;\n\n for (; i < s; i++) {\n var canvas = this[i].options.renderTo.tagName ? this[i].options.renderTo :\n /* istanbul ignore next: should be tested with e2e tests */\n document.getElementById(this[i].options.renderTo || '');\n\n if (canvas.getAttribute('id') === id) {\n return this[i];\n }\n }\n } else if (typeof id === 'number') {\n return this[id];\n }\n\n return null;\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar version = '2.1.1';\n\nvar round = Math.round;\nvar abs = Math.abs;\n\nvar gauges = new Collection();\n\ngauges.version = version;\n\n/**\n * Basic abstract BaseGauge class implementing common functionality\n * for different type of gauges.\n *\n * It should not be instantiated directly but must be extended by a final\n * gauge implementation.\n *\n * @abstract\n * @example\n *\n * class MyCoolGauge extends BaseGauge {\n *\n * // theses methods below MUST be implemented:\n *\n * constructor(options) {\n * // ... do something with options\n * super(options);\n * // ... implement anything else\n * }\n *\n * draw() {\n * // ... some implementation here\n * return this;\n * }\n * }\n */\n\nvar BaseGauge = function (_EventEmitter) {\n _inherits(BaseGauge, _EventEmitter);\n\n /**\n * Fired each time gauge is initialized on a page\n *\n * @event BaseGauge#init\n */\n\n /**\n * Fired each time gauge scene is rendered\n *\n * @event BaseGauge#render\n */\n\n /**\n * Fired each time gauge object is destroyed\n *\n * @event BaseGauge#destroy\n */\n\n /**\n * Fired each time before animation is started on the gauge\n *\n * @event BaseGauge#animationStart\n */\n\n /**\n * Fired each time animation scene is complete\n *\n * @event BaseGauge#animate\n * @type {number} percent\n * @type {number} value\n */\n\n /**\n * Fired each time animation is complete on the gauge\n *\n * @event BaseGauge#animationEnd\n */\n\n /**\n * @constructor\n * @abstract\n * @param {GenericOptions} options\n */\n function BaseGauge(options) {\n _classCallCheck(this, BaseGauge);\n\n var _this3 = _possibleConstructorReturn(this, (BaseGauge.__proto__ || Object.getPrototypeOf(BaseGauge)).call(this));\n\n var className = _this3.constructor.name;\n\n if (className === 'BaseGauge') {\n throw new TypeError('Attempt to instantiate abstract class!');\n }\n\n gauges.push(_this3);\n\n //noinspection JSUnresolvedVariable\n /**\n * Gauges version string\n *\n * @type {string}\n */\n _this3.version = version;\n\n /**\n * Gauge type class\n *\n * @type {BaseGauge} type\n */\n _this3.type = ns[className] || BaseGauge;\n\n /**\n * True if gauge has been drawn for the first time, false otherwise.\n *\n * @type {boolean}\n */\n _this3.initialized = false;\n\n options.minValue = parseFloat(options.minValue);\n options.maxValue = parseFloat(options.maxValue);\n options.value = parseFloat(options.value) || 0;\n\n if (!options.borders) {\n options.borderInnerWidth = options.borderMiddleWidth = options.borderOuterWidth = 0;\n }\n\n if (!options.renderTo) {\n throw TypeError('Canvas element was not specified when creating ' + 'the Gauge object!');\n }\n\n var canvas = options.renderTo.tagName ? options.renderTo :\n /* istanbul ignore next: to be tested with e2e tests */\n document.getElementById(options.renderTo);\n\n if (!(canvas instanceof HTMLCanvasElement)) {\n throw TypeError('Given gauge canvas element is invalid!');\n }\n\n options.width = parseFloat(options.width) || 0;\n options.height = parseFloat(options.height) || 0;\n\n if (!options.width || !options.height) {\n if (!options.width) options.width = canvas.parentNode ? canvas.parentNode.offsetWidth : canvas.offsetWidth;\n if (!options.height) options.height = canvas.parentNode ? canvas.parentNode.offsetHeight : canvas.offsetHeight;\n }\n\n /**\n * Gauge options\n *\n * @type {GenericOptions} options\n */\n _this3.options = options || {};\n\n if (_this3.options.animateOnInit) {\n _this3._value = _this3.options.value;\n _this3.options.value = _this3.options.minValue;\n }\n\n /**\n * @type {SmartCanvas} canvas\n */\n _this3.canvas = new SmartCanvas(canvas, options.width, options.height);\n _this3.canvas.onRedraw = _this3.draw.bind(_this3);\n\n /**\n * @type {Animation} animation\n */\n _this3.animation = new Animation(options.animationRule, options.animationDuration);\n return _this3;\n }\n\n /**\n * Sets new value for this gauge.\n * If gauge is animated by configuration it will trigger a proper animation.\n * Upsetting a value triggers gauge redraw.\n *\n * @param {number} value\n */\n\n\n _createClass(BaseGauge, [{\n key: 'update',\n\n\n /**\n * Updates gauge configuration options at runtime and redraws the gauge\n *\n * @param {RadialGaugeOptions} options\n * @returns {BaseGauge}\n */\n value: function update(options) {\n Object.assign(this.options, this.type.configure(options || {}));\n\n this.canvas.width = this.options.width;\n this.canvas.height = this.options.height;\n\n this.animation.rule = this.options.animationRule;\n this.animation.duration = this.options.animationDuration;\n\n this.canvas.redraw();\n\n return this;\n }\n\n /**\n * Performs destruction of this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = gauges.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n //noinspection JSUnresolvedFunction\n gauges.splice(index, 1);\n }\n\n this.canvas.destroy();\n this.canvas = null;\n\n this.animation.destroy();\n this.animation = null;\n\n this.emit('destroy');\n }\n\n /**\n * Returns gauges version string\n *\n * @return {string}\n */\n\n }, {\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @abstract\n * @returns {BaseGauge}\n */\n value: function draw() {\n if (this.options.animateOnInit && !this.initialized) {\n this.value = this._value;\n this.initialized = true;\n this.emit('init');\n }\n\n this.emit('render');\n\n return this;\n }\n\n /**\n * Inject given gauge object into DOM\n *\n * @param {string} type\n * @param {GenericOptions} options\n */\n\n }, {\n key: 'value',\n set: function set(value) {\n var _this4 = this;\n\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n var fromValue = this.options.value;\n\n if (value === fromValue) return;\n\n if (this.options.animation) {\n if (this.animation.frame) {\n // animation is already in progress -\n // forget related old animation value\n // @see https://github.com/Mikhus/canvas-gauges/issues/94\n delete this._value;\n }\n\n /**\n * @type {number}\n * @access private\n */\n if (this._value === undefined) {\n this._value = value;\n }\n\n this.emit('animationStart');\n\n this.animation.animate(function (percent) {\n _this4.options.value = fromValue + (value - fromValue) * percent;\n\n _this4.draw();\n\n _this4.emit('animate', percent, _this4.options.value);\n console.log('animation progress', _this4.options.value, _this4._value);\n }, function () {\n if (_this4._value !== undefined) {\n _this4.options.value = _this4._value;\n delete _this4._value;\n }\n\n _this4.draw();\n _this4.emit('animationEnd');\n console.log('animation end');\n });\n } else {\n this.options.value = value;\n this.draw();\n }\n }\n\n /**\n * Returns current value of the gauge\n *\n * @return {number}\n */\n ,\n get: function get() {\n return typeof this._value === 'undefined' ? this.options.value : this._value;\n }\n\n /**\n * Updates gauge options\n *\n * @param {*} options\n * @return {BaseGauge}\n * @access protected\n */\n\n }], [{\n key: 'configure',\n value: function configure(options) {\n return options;\n }\n }, {\n key: 'initialize',\n value: function initialize(type, options) {\n return new DomObserver(options, 'canvas', type);\n }\n\n /**\n * Initializes gauge from a given HTML element\n * (given element should be valid HTML canvas gauge definition)\n *\n * @param {HTMLElement} element\n */\n\n }, {\n key: 'fromElement',\n value: function fromElement(element) {\n var type = DomObserver.toCamelCase(element.getAttribute('data-type'));\n var attributes = element.attributes;\n var i = 0;\n var s = attributes.length;\n var options = {};\n\n if (!type) {\n return;\n }\n\n if (!/Gauge$/.test(type)) {\n type += 'Gauge';\n }\n\n for (; i < s; i++) {\n options[DomObserver.toCamelCase(attributes[i].name.replace(/^data-/, ''), false)] = DomObserver.parse(attributes[i].value);\n }\n\n new DomObserver(options, element.tagName, type).process(element);\n }\n\n /**\n * Ensures value is proper number\n *\n * @param {*} value\n * @param {number} min\n * @return {number}\n */\n\n }, {\n key: 'ensureValue',\n value: function ensureValue(value) {\n var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n value = parseFloat(value);\n\n if (isNaN(value) || !isFinite(value)) {\n value = parseFloat(min) || 0;\n }\n\n return value;\n }\n }, {\n key: 'version',\n get: function get() {\n return version;\n }\n }]);\n\n return BaseGauge;\n}(EventEmitter);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['BaseGauge'] = BaseGauge;\n ns['gauges'] = (window.document || {})['gauges'] = gauges;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @access private\n * @typedef {CanvasRenderingContext2D|{max: number, maxRadius: number, barDimensions: object}} Canvas2DContext\n */\n\n/* istanbul ignore next: private, not testable */\n/**\n * Examines if a given error is something to throw or to ignore\n *\n * @param {Error} err\n */\nfunction verifyError(err) {\n // there is some unpredictable error in FF in some circumstances\n // which we found simply safe to ignore than to fight with it\n // noinspection JSUnresolvedVariable\n if (err instanceof DOMException && err.result === 0x8053000b) {\n return; // ignore it\n }\n\n throw err;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Prepares major ticks data\n *\n * @access private\n * @param {GenericOptions|{ tickSide: string }} options\n * @return {[boolean, boolean]}\n */\nfunction prepareTicks(options) {\n if (!(options.majorTicks instanceof Array)) {\n options.majorTicks = options.majorTicks ? [options.majorTicks] : [];\n }\n\n if (!options.majorTicks.length) {\n options.majorTicks.push(drawings.formatMajorTickNumber(options.minValue, options));\n options.majorTicks.push(drawings.formatMajorTickNumber(options.maxValue, options));\n }\n\n return [options.tickSide !== 'right', options.tickSide !== 'left'];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rounded corners rectangle\n *\n * @param {Canvas2DContext} context\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @param {number} r\n */\nfunction roundRect(context, x, y, w, h, r) {\n context.beginPath();\n\n context.moveTo(x + r, y);\n context.lineTo(x + w - r, y);\n\n context.quadraticCurveTo(x + w, y, x + w, y + r);\n context.lineTo(x + w, y + h - r);\n\n context.quadraticCurveTo(x + w, y + h, x + w - r, y + h);\n context.lineTo(x + r, y + h);\n\n context.quadraticCurveTo(x, y + h, x, y + h - r);\n context.lineTo(x, y + r);\n\n context.quadraticCurveTo(x, y, x + r, y);\n\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Pads a given value with leading zeros using the given options\n *\n * @param {number} val\n * @param {RadialGaugeOptions|{valueInt: number, valueDec: number}} options\n * @returns {string}\n */\nfunction padValue(val, options) {\n var dec = options.valueDec;\n var int = options.valueInt;\n var i = 0;\n var s = void 0,\n strVal = void 0,\n n = void 0;\n\n val = parseFloat(val);\n n = val < 0;\n val = Math.abs(val);\n\n if (dec > 0) {\n strVal = val.toFixed(dec).toString().split('.');\n s = int - strVal[0].length;\n\n for (; i < s; ++i) {\n strVal[0] = '0' + strVal[0];\n }\n\n strVal = (n ? '-' : '') + strVal[0] + '.' + strVal[1];\n } else {\n strVal = Math.round(val).toString();\n s = int - strVal.length;\n\n for (; i < s; ++i) {\n strVal = '0' + strVal;\n }\n\n strVal = (n ? '-' : '') + strVal;\n }\n\n return strVal;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Formats a number for display on the dial's plate using the majorTicksFormat\n * config option.\n *\n * @param {number} num number to format\n * @param {object} options\n * @returns {string} formatted number\n */\nfunction formatMajorTickNumber(num, options) {\n var right = void 0,\n hasDec = false;\n\n // First, force the correct number of digits right of the decimal.\n if (options.majorTicksDec === 0) {\n right = Math.round(num).toString();\n } else {\n right = num.toFixed(options.majorTicksDec);\n }\n\n // Second, force the correct number of digits left of the decimal.\n if (options.majorTicksInt > 1) {\n // Does this number have a decimal?\n hasDec = ~right.indexOf('.');\n\n // Is this number a negative number?\n if (~right.indexOf('-')) {\n return '-' + [options.majorTicksInt + options.majorTicksDec + 2 + (hasDec ? 1 : 0) - right.length].join('0') + right.replace('-', '');\n } else {\n return [options.majorTicksInt + options.majorTicksDec + 1 + (hasDec ? 1 : 0) - right.length].join('0') + right;\n }\n }\n\n return right;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Transforms degrees to radians\n *\n * @param {number} degrees\n * @returns {number}\n */\nfunction radians(degrees) {\n return degrees * Math.PI / 180;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns radial point coordinates\n *\n * @param {number} radius\n * @param {number} angle\n * @returns {{x: number, y: number}}\n */\nfunction radialPoint(radius, angle) {\n return { x: -radius * Math.sin(angle), y: radius * Math.cos(angle) };\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Creates and returns linear gradient canvas object\n *\n * @param {Canvas2DContext} context\n * @param {string} colorFrom\n * @param {string} colorTo\n * @param {number} length\n * @param {boolean} [isVertical]\n * @param {number} [from]\n * @returns {CanvasGradient}\n */\nfunction linearGradient(context, colorFrom, colorTo, length) {\n var isVertical = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;\n var from = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n var grad = context.createLinearGradient(isVertical ? 0 : from, isVertical ? from : 0, isVertical ? 0 : length, isVertical ? length : 0);\n\n grad.addColorStop(0, colorFrom);\n grad.addColorStop(1, colorTo);\n\n return grad;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws the shadow if it was not drawn\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {boolean} shadowDrawn\n * @return {boolean}\n */\nfunction drawShadow(context, options) {\n var shadowDrawn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n if (shadowDrawn) {\n context.restore();\n return true;\n }\n\n context.save();\n\n var w = options.borderShadowWidth;\n\n if (w) {\n context.shadowBlur = w;\n context.shadowColor = options.colorBorderShadow;\n }\n\n return true;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle shadow\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawNeedleShadow(context, options) {\n if (!options.needleShadow) return;\n\n context.shadowOffsetX = 2;\n context.shadowOffsetY = 2;\n context.shadowBlur = 10;\n context.shadowColor = options.colorNeedleShadowDown;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Constructs font styles for canvas fonts\n *\n * @param {GenericOptions} options\n * @param {string} target\n * @param {number} baseSize\n */\nfunction font(options, target, baseSize) {\n return options['font' + target + 'Style'] + ' ' + options['font' + target + 'Weight'] + ' ' + options['font' + target + 'Size'] * baseSize + 'px ' + options['font' + target];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Resets some context settings\n *\n * @param {Canvas2DContext} context\n */\nfunction reset(context) {\n context.shadowOffsetX = null;\n context.shadowOffsetY = null;\n context.shadowBlur = null;\n context.shadowColor = '';\n context.strokeStyle = null;\n context.lineWidth = 0;\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Declares to drow value text shadow if configured\n *\n * @param context\n * @param options\n * @param offset\n * @param blur\n */\nfunction drawValueTextShadow(context, options, offset, blur) {\n if (options.valueTextShadow) {\n context.shadowOffsetX = offset;\n context.shadowOffsetY = offset;\n context.shadowBlur = blur;\n context.shadowColor = options.colorValueTextShadow;\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box at given position\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {number|string} value\n * @param {number} x\n * @param {number} y\n * @param {number} max\n */\nfunction drawValueBox(context, options, value, x, y, max) {\n if (!options.valueBox) return;\n\n reset(context);\n\n var text = options.valueText || padValue(value, options);\n var tunit = max / 200;\n var runit = max / 100;\n var offset = 0.4 * runit;\n var blur = 1.2 * runit;\n\n context.font = font(options, 'Value', tunit);\n drawValueTextShadow(context, options, offset, blur);\n\n var tw = context.measureText(options.valueText ? text : '-' + padValue(0, options)).width;\n\n reset(context);\n\n var th = parseFloat(options.fontValueSize) * tunit + offset + blur;\n var sw = runit * parseFloat(options.valueBoxStroke);\n var bmax = max * 2 - sw * 2;\n\n var bw = tw + 10 * runit;\n var bh = 1.1 * th + offset + blur;\n var br = runit * options.valueBoxBorderRadius;\n var obw = (parseFloat(options.valueBoxWidth) || 0) / 100 * bmax;\n\n obw > bw && (bw = obw);\n bw > bmax && (bw = bmax);\n\n var bx = x - bw / 2;\n var by = y - bh / 2;\n var gy = y - 5.75 * runit;\n\n context.beginPath();\n\n if (br) roundRect(context, bx, by, bw, bh, br);else context.rect(bx, by, bw, bh);\n\n if (sw) {\n var grd = context.createRadialGradient(x, gy, runit * 10, x, gy, runit * 20);\n\n grd.addColorStop(0, options.colorValueBoxRect);\n grd.addColorStop(1, options.colorValueBoxRectEnd);\n\n context.strokeStyle = grd;\n context.lineWidth = sw;\n context.stroke();\n }\n\n if (options.colorValueBoxShadow) {\n context.shadowBlur = 1.2 * runit;\n context.shadowColor = options.colorValueBoxShadow;\n }\n\n if (options.colorValueBoxBackground) {\n context.fillStyle = options.colorValueBoxBackground;\n context.fill();\n }\n\n context.closePath();\n context.restore();\n\n drawValueTextShadow(context, options, offset, blur);\n\n context.fillStyle = options.colorValueText;\n context.textAlign = 'center';\n context.textBaseline = 'alphabetic';\n context.fillText(text, bx + bw / 2, y + bh / 2 - th / 3);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns normalized value\n *\n * @param {GenericOptions} options\n * @return {{normal: number, indented: number}}\n */\nfunction normalizedValue(options) {\n var value = options.value;\n var min = options.minValue;\n var max = options.maxValue;\n var dt = (max - min) * 0.01;\n\n return {\n normal: value < min ? min : value > max ? max : value,\n indented: value < min ? min - dt : value > max ? max + dt : value\n };\n}\n\nvar drawings = {\n roundRect: roundRect,\n padValue: padValue,\n formatMajorTickNumber: formatMajorTickNumber,\n radians: radians,\n radialPoint: radialPoint,\n linearGradient: linearGradient,\n drawNeedleShadow: drawNeedleShadow,\n drawValueBox: drawValueBox,\n verifyError: verifyError,\n prepareTicks: prepareTicks,\n drawShadow: drawShadow,\n font: font,\n normalizedValue: normalizedValue\n};\n\ndrawings;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar PI = Math.PI;\nvar HPI = PI / 2;\n\n/**\n * Gauge configuration options\n *\n * @typedef {GenericOptions|{ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean}} RadialGaugeOptions\n */\n\n/**\n * Default gauge configuration options\n *\n * @access private\n * @type {RadialGaugeOptions}\n */\nvar defaultRadialGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n ticksAngle: 270,\n startAngle: 45,\n\n // colors\n colorNeedleCircleOuter: '#f0f0f0',\n colorNeedleCircleOuterEnd: '#ccc',\n colorNeedleCircleInner: '#e8e8e8',\n colorNeedleCircleInnerEnd: '#f5f5f5',\n\n // needle\n needleCircleSize: 10,\n needleCircleInner: true,\n needleCircleOuter: true,\n\n // custom animations\n animationTarget: 'needle', // 'needle' or 'plate'\n useMinPath: false,\n\n barWidth: 0\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gradient-filled circle on a canvas\n *\n * @access private\n * @param {number} radius\n * @param {number} width\n * @param {Canvas2DContext} context\n * @param {string} start gradient start color\n * @param {string} end gradient end color\n */\nfunction drawRadialBorder(radius, width, context, start, end) {\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(radius), 0, PI * 2, true);\n context.lineWidth = width;\n context.strokeStyle = end ? drawings.linearGradient(context, start, end, radius) : start;\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns max radius without borders for the gauge\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @return {number}\n */\nfunction maxRadialRadius(context, options) {\n if (!context.maxRadius) {\n context.maxRadius = context.max - options.borderShadowWidth - options.borderOuterWidth - options.borderMiddleWidth - options.borderInnerWidth + (options.borderOuterWidth ? 0.5 : 0) + (options.borderMiddleWidth ? 0.5 : 0) + (options.borderInnerWidth ? 0.5 : 0);\n }\n\n return context.maxRadius;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge plate on the canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialPlate(context, options) {\n var d0 = options.borderShadowWidth;\n var r0 = context.max - d0 - options.borderOuterWidth / 2;\n var r1 = r0 - options.borderOuterWidth / 2 - options.borderMiddleWidth / 2 + 0.5;\n var r2 = r1 - options.borderMiddleWidth / 2 - options.borderInnerWidth / 2 + 0.5;\n var r3 = maxRadialRadius(context, options);\n var grad = void 0;\n var shadowDrawn = false;\n\n context.save();\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r0, options.borderOuterWidth, context, options.colorBorderOuter, options.colorBorderOuterEnd);\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r1, options.borderMiddleWidth, context, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r2, options.borderInnerWidth, context, options.colorBorderInner, options.colorBorderInnerEnd);\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(r3), 0, PI * 2, true);\n\n if (options.colorPlateEnd) {\n grad = context.createRadialGradient(0, 0, r3 / 2, 0, 0, r3);\n grad.addColorStop(0, options.colorPlate);\n grad.addColorStop(1, options.colorPlateEnd);\n } else {\n grad = options.colorPlate;\n }\n\n context.fillStyle = grad;\n\n context.fill();\n context.closePath();\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge highlight areas on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialHighlights(context, options) {\n var hlWidth = context.max * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!hlWidth) return;\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options) - hlWidth / 2);\n var i = 0,\n s = options.highlights.length;\n var vd = (options.maxValue - options.minValue) / options.ticksAngle;\n\n context.save();\n\n for (; i < s; i++) {\n var hlt = options.highlights[i];\n\n context.beginPath();\n\n context.rotate(HPI);\n context.arc(0, 0, r, drawings.radians(options.startAngle + (hlt.from - options.minValue) / vd), drawings.radians(options.startAngle + (hlt.to - options.minValue) / vd), false);\n context.strokeStyle = hlt.color;\n context.lineWidth = hlWidth;\n context.stroke();\n context.closePath();\n\n context.restore();\n context.save();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks bar on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMinorTicks(context, options) {\n var radius = radialTicksRadius(context, options);\n\n context.lineWidth = SmartCanvas.pixelRatio;\n context.strokeStyle = options.colorMinorTicks;\n\n context.save();\n\n var s = options.minorTicks * (options.majorTicks.length - 1);\n var i = 0;\n\n for (; i < s; ++i) {\n var angle = options.startAngle + i * (options.ticksAngle / s);\n\n context.rotate(drawings.radians(angle));\n\n context.beginPath();\n context.moveTo(0, radius);\n context.lineTo(0, radius - context.max * 0.075);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns ticks radius\n *\n * @access private\n * @param context\n * @param options\n * @return {number}\n */\nfunction radialTicksRadius(context, options) {\n var unit = context.max / 100;\n\n return maxRadialRadius(context, options) - 5 * unit - (options.barWidth ? (parseFloat(options.barStrokeWidth) || 0) * 2 + ((parseFloat(options.barWidth) || 0) + 5) * unit : 0);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge major ticks bar on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMajorTicks(context, options) {\n drawings.prepareTicks(options);\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options));\n var i = void 0,\n colors = void 0;\n var s = options.majorTicks.length;\n var pixelRatio = SmartCanvas.pixelRatio;\n\n context.lineWidth = 2 * pixelRatio;\n context.save();\n\n colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(s).fill(options.colorMajorTicks);\n\n i = 0;\n for (; i < s; ++i) {\n context.strokeStyle = colors[i];\n context.rotate(drawings.radians(radialNextAngle(options, i, s)));\n\n context.beginPath();\n context.moveTo(0, r);\n context.lineTo(0, r - context.max * 0.15);\n closeStrokedPath(context);\n }\n\n if (options.strokeTicks) {\n context.strokeStyle = colors[0];\n context.rotate(HPI);\n\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\nfunction radialNextAngle(options, i, s) {\n return options.startAngle + i * (options.ticksAngle / (s - 1));\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Strokes, closes path and restores previous context state\n *\n * @param {Canvas2DContext} context\n */\nfunction closeStrokedPath(context) {\n context.stroke();\n context.restore();\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar numbers\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNumbers(context, options) {\n var radius = radialTicksRadius(context, options) - context.max * 0.25;\n var points = {};\n var i = 0;\n var s = options.majorTicks.length;\n var isAnimated = options.animationTarget !== 'needle';\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(s).fill(options.colorNumbers);\n\n var plateValueAngle = isAnimated ? -(options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle : 0;\n\n if (isAnimated) {\n context.save();\n context.rotate(-drawings.radians(plateValueAngle));\n }\n\n for (; i < s; ++i) {\n var angle = plateValueAngle + radialNextAngle(options, i, s);\n var point = drawings.radialPoint(radius, drawings.radians(angle));\n\n if (angle === 360) angle = 0;\n\n if (points[angle]) {\n continue; //already drawn at this place, skipping\n }\n\n points[angle] = true;\n\n context.font = drawings.font(options, 'Numbers', context.max / 200);\n context.fillStyle = colors[i];\n context.lineWidth = 0;\n context.textAlign = 'center';\n context.fillText(options.majorTicks[i], point.x, point.y + 3);\n }\n\n isAnimated && context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge title\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialTitle(context, options) {\n if (!options.title) return;\n\n context.save();\n context.font = drawings.font(options, 'Title', context.max / 200);\n context.fillStyle = options.colorTitle;\n context.textAlign = 'center';\n context.fillText(options.title, 0, -context.max / 4.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws units name on the gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialUnits(context, options) {\n if (!options.units) return;\n\n context.save();\n context.font = drawings.font(options, 'Units', context.max / 200);\n context.fillStyle = options.colorUnits;\n context.textAlign = 'center';\n context.fillText(options.units, 0, context.max / 3.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNeedle(context, options) {\n if (!options.needle) return;\n\n var value = options.ticksAngle < 360 ? drawings.normalizedValue(options).indented : options.value;\n var max = maxRadialRadius(context, options);\n //noinspection JSUnresolvedFunction\n var r1 = abs(max / 100 * options.needleCircleSize);\n //noinspection JSUnresolvedFunction\n var r2 = abs(max / 100 * options.needleCircleSize * 0.75);\n //noinspection JSUnresolvedFunction\n var rIn = abs(max / 100 * options.needleEnd);\n //noinspection JSUnresolvedFunction\n var rStart = abs(options.needleStart ? max / 100 * options.needleStart : 0);\n //noinspection JSUnresolvedFunction\n var rOut = abs(max * 0.2);\n var pad1 = max / 100 * options.needleWidth;\n var pad2 = max / 100 * options.needleWidth / 2;\n var pixelRatio = SmartCanvas.pixelRatio;\n var isFixed = options.animationTarget !== 'needle';\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n context.rotate(drawings.radians(isFixed ? options.startAngle : options.startAngle + (value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle));\n\n context.fillStyle = drawings.linearGradient(context, options.colorNeedle, options.colorNeedleEnd, rIn - rOut);\n\n if (options.needleType === 'arrow') {\n context.beginPath();\n context.moveTo(-pad2, -rOut);\n context.lineTo(-pad1, 0);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(pixelRatio, rIn);\n context.lineTo(pad1, 0);\n context.lineTo(pad2, -rOut);\n context.closePath();\n context.fill();\n\n context.beginPath();\n context.lineTo(-0.5 * pixelRatio, rIn);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(-pad1, 0);\n context.lineTo(-pad2, -rOut);\n context.lineTo(pad2 / 2 * pixelRatio - 2 * pixelRatio, -rOut);\n context.closePath();\n context.fillStyle = options.colorNeedleShadowUp;\n context.fill();\n } else {\n // simple line needle\n context.beginPath();\n context.moveTo(-pad2, rIn);\n context.lineTo(-pad2, rStart);\n context.lineTo(pad2, rStart);\n context.lineTo(pad2, rIn);\n context.closePath();\n context.fill();\n }\n\n if (options.needleCircleSize) {\n context.restore();\n\n drawings.drawNeedleShadow(context, options);\n\n if (options.needleCircleOuter) {\n context.beginPath();\n context.arc(0, 0, r1, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleOuter, options.colorNeedleCircleOuterEnd, r1);\n context.fill();\n context.closePath();\n }\n\n if (options.needleCircleInner) {\n context.beginPath();\n context.arc(0, 0, r2, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleInner, options.colorNeedleCircleInnerEnd, r2);\n context.fill();\n context.closePath();\n }\n\n context.restore();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge value box\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @param {number} value\n */\nfunction drawRadialValueBox(context, options, value) {\n drawings.drawValueBox(context, options, value, 0, context.max - context.max * 0.33, context.max);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge progress bar\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialProgressBar(context, options) {\n var unit = context.max / 100;\n var rMax = maxRadialRadius(context, options) - 5 * unit;\n var sw = parseFloat(options.barStrokeWidth) || 0;\n var w = (parseFloat(options.barWidth) || 0) * unit;\n var rMin = rMax - sw * 2 - w;\n var half = (rMax - rMin) / 2;\n var r = rMin + half;\n var delta = sw / r;\n var sa = options.startAngle;\n var ea = options.startAngle + options.ticksAngle;\n\n context.save();\n context.rotate(HPI);\n\n if (sw) {\n // draw stroke\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa) - delta, drawings.radians(ea) + delta, false);\n context.strokeStyle = options.colorBarStroke;\n context.lineWidth = half * 2;\n context.stroke();\n context.closePath();\n }\n\n if (w) {\n // draw bar\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(ea), false);\n context.strokeStyle = options.colorBar;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n\n if (options.barShadow) {\n // draw shadow\n context.beginPath();\n context.arc(0, 0, rMax, drawings.radians(sa), drawings.radians(ea), false);\n context.clip();\n\n context.beginPath();\n context.strokeStyle = options.colorBar;\n context.lineWidth = 1;\n context.shadowBlur = options.barShadow;\n context.shadowColor = options.colorBarShadow;\n context.shadowOffsetX = 0;\n context.shadowOffsetY = 0;\n context.arc(0, 0, rMax, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n context.stroke();\n context.closePath();\n\n context.restore();\n context.rotate(HPI);\n }\n\n // draw bar progress\n if (options.barProgress) {\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(sa + (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle), false);\n context.strokeStyle = options.colorBarProgress;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n }\n }\n\n context.restore();\n}\n\n/**\n * Find and return gauge value to display\n *\n * @param {RadialGauge} gauge\n */\nfunction displayValue(gauge) {\n if (gauge.options.animatedValue) {\n return gauge.options.value;\n }\n\n return gauge.value;\n}\n\n/**\n * Minimalistic HTML5 Canvas Gauge\n * @example\n * var gauge = new RadialGauge({\n * renderTo: 'gauge-id', // identifier of HTML canvas element or element itself\n * width: 400,\n * height: 400,\n * units: 'Km/h',\n * title: false,\n * value: 0,\n * minValue: 0,\n * maxValue: 220,\n * majorTicks: [\n * '0','20','40','60','80','100','120','140','160','180','200','220'\n * ],\n * minorTicks: 2,\n * strokeTicks: false,\n * highlights: [\n * { from: 0, to: 50, color: 'rgba(0,255,0,.15)' },\n * { from: 50, to: 100, color: 'rgba(255,255,0,.15)' },\n * { from: 100, to: 150, color: 'rgba(255,30,0,.25)' },\n * { from: 150, to: 200, color: 'rgba(255,0,225,.25)' },\n * { from: 200, to: 220, color: 'rgba(0,0,255,.25)' }\n * ],\n * colorPlate: '#222',\n * colorMajorTicks: '#f5f5f5',\n * colorMinorTicks: '#ddd',\n * colorTitle: '#fff',\n * colorUnits: '#ccc',\n * colorNumbers: '#eee',\n * colorNeedleStart: 'rgba(240, 128, 128, 1)',\n * colorNeedleEnd: 'rgba(255, 160, 122, .9)',\n * valueBox: true,\n * animationRule: 'bounce'\n * });\n * // draw initially\n * gauge.draw();\n * // animate\n * setInterval(() => {\n * gauge.value = Math.random() * -220 + 220;\n * }, 1000);\n */\n\nvar RadialGauge = function (_BaseGauge) {\n _inherits(RadialGauge, _BaseGauge);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event RadialGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event RadialGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event RadialGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event RadialGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event RadialGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event RadialGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event RadialGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event RadialGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event RadialGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event RadialGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {RadialGaugeOptions} options\n */\n function RadialGauge(options) {\n _classCallCheck(this, RadialGauge);\n\n options = Object.assign({}, defaultRadialGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (RadialGauge.__proto__ || Object.getPrototypeOf(RadialGauge)).call(this, RadialGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(RadialGauge, [{\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @returns {RadialGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref[0];\n var y = _ref[1];\n var w = _ref[2];\n var h = _ref[3];\n\n var options = this.options;\n\n if (options.animationTarget === 'needle') {\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(context, options);\n this.emit('beforeHighlights');\n drawRadialHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(context, options);\n this.emit('beforeTitle');\n drawRadialTitle(context, options);\n this.emit('beforeUnits');\n drawRadialUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n this.emit('beforeNeedle');\n drawRadialNeedle(canvas.context, options);\n } else {\n var plateValueAngle = -drawings.radians((options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle);\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(canvas.context, options);\n\n canvas.context.rotate(plateValueAngle);\n\n // animated\n this.emit('beforeHighlights');\n drawRadialHighlights(canvas.context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(canvas.context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(canvas.context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(canvas.context, options);\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n\n // non-animated\n canvas.context.rotate(-plateValueAngle);\n canvas.context.save();\n\n if (!canvas.elementClone.initialized) {\n var _context = canvas.contextClone;\n\n // clear the cache\n _context.clearRect(x, y, w, h);\n _context.save();\n\n this.emit('beforeTitle');\n drawRadialTitle(_context, options);\n this.emit('beforeUnits');\n drawRadialUnits(_context, options);\n this.emit('beforeNeedle');\n drawRadialNeedle(_context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n }\n\n // value box animations\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n\n _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }, {\n key: 'value',\n\n\n /**\n * Sets the value for radial gauge\n *\n * @param {number} value\n */\n set: function set(value) {\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n if (this.options.animation && this.options.ticksAngle === 360 && this.options.useMinPath) {\n this._value = value;\n value = this.options.value + ((value - this.options.value) % 360 + 540) % 360 - 180;\n }\n\n _set(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', value, this);\n }\n\n /**\n * Returns current gauge value\n *\n * @return {number}\n */\n ,\n get: function get() {\n return _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', this);\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n if (options.barWidth > 50) options.barWidth = 50;\n\n /* istanbul ignore if */\n if (isNaN(options.startAngle)) options.startAngle = 45;\n /* istanbul ignore if */\n if (isNaN(options.ticksAngle)) options.ticksAngle = 270;\n\n /* istanbul ignore if */\n if (options.ticksAngle > 360) options.ticksAngle = 360;\n /* istanbul ignore if */\n if (options.ticksAngle < 0) options.ticksAngle = 0;\n\n /* istanbul ignore if */\n if (options.startAngle < 0) options.startAngle = 0;\n /* istanbul ignore if */\n if (options.startAngle > 360) options.startAngle = 360;\n\n return options;\n }\n }]);\n\n return RadialGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['RadialGauge'] = RadialGauge;\n}\n\nBaseGauge.initialize('RadialGauge', defaultRadialGaugeOptions);\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Linear gauge configuration options\n *\n * @typedef {GenericOptions|{borderRadius: number, barBeginCircle: number, tickSide: string, needleSide: string, numberSide: string, ticksWidth: number, ticksWidthMinor: number, ticksPadding: number, barLength: number, colorBarEnd: string, colorBarProgressEnd: string}} LinearGaugeOptions\n */\n\n/**\n * Default linear gauge configuration options\n *\n * @type {LinearGaugeOptions}\n */\nvar defaultLinearGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n borderRadius: 0,\n // width: 150,\n // height: 400,\n\n // bar\n barBeginCircle: 30, // percents\n colorBarEnd: '',\n colorBarProgressEnd: '',\n\n needleWidth: 6,\n\n tickSide: 'both', // available: 'left', 'right', 'both'\n needleSide: 'both', // available: 'left', 'right', 'both'\n\n numberSide: 'both', // available: 'left', 'right', 'both'\n\n ticksWidth: 10,\n ticksWidthMinor: 5,\n ticksPadding: 5,\n barLength: 85,\n fontTitleSize: 26,\n\n highlightsWidth: 10\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawRectangle(context, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.fillStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, w > h ? w : h, h > w, w > h ? x : y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} width width of the border\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawLinearBorder(context, width, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.lineWidth = width;\n context.strokeStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, h, true, y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge plate\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearPlate(context, options, x, y, w, h) {\n context.save();\n\n var r = options.borderRadius;\n var w1 = w - options.borderShadowWidth - options.borderOuterWidth;\n var w2 = w1 - options.borderOuterWidth - options.borderMiddleWidth;\n var w3 = w2 - options.borderMiddleWidth - options.borderInnerWidth;\n var w4 = w3 - options.borderInnerWidth;\n\n var h1 = h - options.borderShadowWidth - options.borderOuterWidth;\n var h2 = h1 - options.borderOuterWidth - options.borderMiddleWidth;\n var h3 = h2 - options.borderMiddleWidth - options.borderInnerWidth;\n var h4 = h3 - options.borderInnerWidth;\n\n var x2 = x - (w2 - w1) / 2;\n var x3 = x2 - (w3 - w2) / 2;\n var x4 = x3 - (w4 - w3) / 2;\n\n var y2 = y - (h2 - h1) / 2;\n var y3 = y2 - (h3 - h2) / 2;\n var y4 = y3 - (h4 - h3) / 2;\n var aliasingOffset = 0;\n var shadowDrawn = false;\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderOuterWidth, r, x + options.borderOuterWidth / 2 - aliasingOffset, y + options.borderOuterWidth / 2 - aliasingOffset, w1, h1, options.colorBorderOuter, options.colorBorderOuterEnd);\n aliasingOffset += 0.5;\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderMiddleWidth, r -= 1 + aliasingOffset * 2, x2 + options.borderMiddleWidth / 2 - aliasingOffset, y2 + options.borderMiddleWidth / 2 - aliasingOffset, w2 + aliasingOffset * 2, h2 + aliasingOffset * 2, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n aliasingOffset += 0.5;\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderInnerWidth, r -= 1 + aliasingOffset * 2, x3 + options.borderInnerWidth / 2 - aliasingOffset, y3 + options.borderInnerWidth / 2 - aliasingOffset, w3 + aliasingOffset * 2, h3 + aliasingOffset * 2, options.colorBorderInner, options.colorBorderInnerEnd);\n aliasingOffset += 0.5;\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n drawRectangle(context, r, x4, y4, w4 + aliasingOffset * 2, h4 + aliasingOffset * 2, options.colorPlate, options.colorPlateEnd);\n\n context.restore();\n\n return [x4, y4, w4, h4];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns linear gauge base bar dimensions.\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions|{barStrokeWidth: number, barBeginCircle: number, barWidth: number, hasLeft: boolean, hasRight: boolean}} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @return {{isVertical: boolean, width: number, length: number, barWidth: number, barLength: number, strokeWidth: number, barMargin: number, radius: number, x0: number, y0: number, barOffset: number, titleMargin: number, unitsMargin: number, X: number, Y: number, baseX: number, baseY: number, ticksPadding: number}}\n */\nfunction barDimensions(context, options, x, y, w, h) {\n var pixelRatio = SmartCanvas.pixelRatio;\n var isVertical = h >= w;\n var width = isVertical ? w * 0.85 : h;\n var length = isVertical ? h : w;\n\n //noinspection JSUnresolvedFunction\n x = isVertical ? round(x + (w - width) / 2) : x;\n\n var hasTitle = !!options.title;\n var hasUnits = !!options.units;\n var hasValue = !!options.valueBox;\n\n var titleMargin = void 0;\n var unitsMargin = void 0;\n var valueMargin = void 0;\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n unitsMargin = round(length * 0.05);\n //noinspection JSUnresolvedFunction\n titleMargin = round(length * 0.075);\n //noinspection JSUnresolvedFunction\n valueMargin = round(length * 0.11);\n\n if (hasTitle) {\n length -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) length -= unitsMargin;\n if (hasValue) length -= valueMargin;\n } else {\n //noinspection JSUnresolvedFunction\n unitsMargin = titleMargin = round(width * 0.15);\n\n if (hasTitle) {\n width -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) width -= unitsMargin;\n }\n\n var strokeWidth = options.barStrokeWidth * 2;\n //noinspection JSUnresolvedFunction\n var radius = options.barBeginCircle ? round(width * options.barBeginCircle / 200 - strokeWidth / 2) : 0;\n //noinspection JSUnresolvedFunction\n var barWidth = round(width * options.barWidth / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barLength = round(length * options.barLength / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barMargin = round((length - barLength) / 2);\n\n // coordinates for arc of the bar if configured\n //noinspection JSUnresolvedFunction\n var x0 = round(x + (isVertical ? width / 2 : barMargin + radius));\n //noinspection JSUnresolvedFunction\n var y0 = round(y + (isVertical ? length - barMargin - radius + strokeWidth / 2 : width / 2));\n var dx = isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n var dy = !isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n\n //noinspection JSUndefinedPropertyAssignment\n context.barDimensions = {\n isVertical: isVertical,\n width: width,\n length: length,\n barWidth: barWidth,\n barLength: barLength,\n strokeWidth: strokeWidth,\n barMargin: barMargin,\n radius: radius,\n pixelRatio: pixelRatio,\n barOffset: null,\n titleMargin: hasTitle ? titleMargin : 0,\n unitsMargin: hasUnits ? unitsMargin : 0,\n get ticksLength() {\n return this.barLength - this.barOffset - this.strokeWidth;\n },\n X: x + dx,\n Y: y + dy,\n x0: x0 + dx,\n y0: y0 + dy,\n baseX: x,\n baseY: y,\n ticksPadding: options.ticksPadding / 100\n };\n\n return context.barDimensions;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws bar shape from the given options on a given canvas context\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {string} type\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearBarShape(context, options, type, x, y, w, h) {\n var _barDimensions = barDimensions(context, options, x, y, w, h);\n\n var isVertical = _barDimensions.isVertical;\n var width = _barDimensions.width;\n var barWidth = _barDimensions.barWidth;\n var barLength = _barDimensions.barLength;\n var strokeWidth = _barDimensions.strokeWidth;\n var barMargin = _barDimensions.barMargin;\n var radius = _barDimensions.radius;\n var x0 = _barDimensions.x0;\n var y0 = _barDimensions.y0;\n var X = _barDimensions.X;\n var Y = _barDimensions.Y;\n\n var fullBarLength = barLength;\n\n context.save();\n context.beginPath();\n\n if (options.barBeginCircle) {\n var direction = drawings.radians(isVertical ? 270 : 0);\n var alpha = Math.asin(barWidth / 2 / radius);\n var cosAlpha = Math.cos(alpha);\n var sinAlpha = Math.sin(alpha);\n\n var x1 = x0 + (isVertical ? radius * sinAlpha : radius * cosAlpha - strokeWidth / 2);\n var y1 = isVertical ? y0 - radius * cosAlpha : y0 + radius * sinAlpha;\n //noinspection JSUnresolvedFunction\n var cutRadius = isVertical ? abs(y1 - y0) : abs(x1 - x0);\n\n //noinspection JSUnresolvedFunction\n context.barDimensions.barOffset = round(cutRadius + radius);\n\n // bottom point\n //noinspection JSUnresolvedFunction\n var x2 = isVertical ? round(x0 - radius * sinAlpha) : x1;\n //noinspection JSUnresolvedFunction\n var y2 = isVertical ? y1 : round(y0 - radius * sinAlpha);\n\n if (type === 'progress') {\n barLength = context.barDimensions.barOffset + (barLength - context.barDimensions.barOffset) * (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue);\n }\n\n // bar ends at\n //noinspection JSUnresolvedFunction\n var x3 = round(x1 + barLength - context.barDimensions.barOffset + strokeWidth / 2); // h\n //noinspection JSUnresolvedFunction\n var y3 = round(y1 - barLength + context.barDimensions.barOffset - strokeWidth / 2); // v\n\n context.arc(x0, y0, radius, direction + alpha, direction - alpha);\n\n if (isVertical) {\n context.moveTo(x1, y2);\n context.lineTo(x1, y3);\n context.lineTo(x2, y3);\n context.lineTo(x2, y2);\n } else {\n context.moveTo(x1, y2);\n context.lineTo(x3, y2);\n context.lineTo(x3, y1);\n context.lineTo(x1, y1);\n }\n } else {\n // simply rectangle\n //noinspection JSUnresolvedFunction\n var rx = round(isVertical ? X + (width - barWidth) / 2 : X + barMargin);\n //noinspection JSUnresolvedFunction\n var ry = round(isVertical ? Y + barLength + barMargin : Y + (width - barWidth) / 2);\n\n if (type === 'progress') {\n barLength *= (options.value - options.minValue) / (options.maxValue - options.minValue);\n }\n\n if (isVertical) context.rect(rx, ry, barWidth, -barLength);else context.rect(rx, ry, barLength, barWidth);\n }\n\n if (type !== 'progress' && options.barStrokeWidth) {\n context.lineWidth = strokeWidth;\n context.strokeStyle = options.colorBarStroke;\n //context.lineJoin = 'round';\n context.stroke();\n }\n\n if (type !== 'progress' && options.colorBar) {\n context.fillStyle = options.colorBarEnd ? drawings.linearGradient(context, options.colorBar, options.colorBarEnd, barLength, isVertical, isVertical ? Y : X) : options.colorBar;\n context.fill();\n } else if (type === 'progress' && options.colorBarProgress) {\n context.fillStyle = options.colorBarProgressEnd ? drawings.linearGradient(context, options.colorBarProgress, options.colorBarProgressEnd, fullBarLength, isVertical, isVertical ? Y : X) : options.colorBarProgress;\n context.fill();\n }\n\n context.closePath();\n\n // fix dimensions for further usage\n if (options.barBeginCircle) context.barDimensions.radius += strokeWidth;\n\n context.barDimensions.barWidth += strokeWidth;\n context.barDimensions.barLength += strokeWidth;\n}\n\n/**\n * Draws gauge bar\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBar(context, options, x, y, w, h) {\n drawLinearBarShape(context, options, '', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Helper function to calculate bar ticks presence on the sides\n *\n * @param {string} notWhich\n * @param {LinearGaugeOptions} options\n * @return {boolean}\n */\nfunction hasTicksBar(notWhich, options) {\n return options.needleSide !== notWhich || options.tickSide !== notWhich || options.numberSide !== notWhich;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar progress\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBarProgress(context, options, x, y, w, h) {\n options.barProgress && drawLinearBarShape(context, options, 'progress', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar highlighted areas\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarHighlights(context, options) {\n var _context$barDimension = context.barDimensions;\n var isVertical = _context$barDimension.isVertical;\n var width = _context$barDimension.width;\n var length = _context$barDimension.length;\n var barWidth = _context$barDimension.barWidth;\n var barOffset = _context$barDimension.barOffset;\n var barMargin = _context$barDimension.barMargin;\n var X = _context$barDimension.X;\n var Y = _context$barDimension.Y;\n var ticksLength = _context$barDimension.ticksLength;\n var ticksPadding = _context$barDimension.ticksPadding;\n\n var hlWidth = width * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!options.highlights || !hlWidth) return;\n\n var hasLeft = options.tickSide !== 'right';\n var hasRight = options.tickSide !== 'left';\n var i = 0;\n var s = options.highlights.length;\n var tickOffset = (width - barWidth) / 2;\n var interval = options.maxValue - options.minValue;\n //noinspection JSUnresolvedFunction\n var eX = round(isVertical ? X + tickOffset : X + barMargin + barOffset);\n var eH = hlWidth;\n var eY = isVertical ? Y + length - barMargin - barOffset : Y + tickOffset;\n //noinspection JSUnresolvedFunction\n var hLeft = round((options.ticksWidth / 100 + ticksPadding) * width) + (hlWidth - options.ticksWidth / 100 * width);\n //noinspection JSUnresolvedFunction\n var hRight = round(barWidth + ticksPadding * width);\n\n context.save();\n\n for (; i < s; i++) {\n var entry = options.highlights[i];\n //noinspection JSUnresolvedFunction\n var eStart = ticksLength * abs(options.minValue - entry.from) / interval;\n //noinspection JSUnresolvedFunction\n var eW = ticksLength * abs((entry.to - entry.from) / interval);\n\n context.beginPath();\n context.fillStyle = entry.color;\n\n if (isVertical) {\n if (hasLeft) context.rect(eX - hLeft, eY - eStart, eH, -eW);\n\n if (hasRight) context.rect(eX + hRight, eY - eStart, eH, -eW);\n } else {\n if (hasLeft) context.rect(eX + eStart, eY - hLeft, eW, eH);\n\n if (hasRight) context.rect(eX + eStart, eY + hRight, eW, eH);\n }\n\n context.fill();\n context.closePath();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws a tick line on a linear gauge\n *\n * @param {Canvas2DContext} context\n * @param x1\n * @param y1\n * @param x2\n * @param y2\n */\nfunction drawLinearTick(context, x1, y1, x2, y2) {\n context.beginPath();\n\n context.moveTo(x1, y1);\n context.lineTo(x2, y2);\n context.stroke();\n\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks\n *\n * @param {Canvas2DContext} context\n * @param {string} color\n * @param {number} ticksSize\n * @param {number} deltaLen\n * @param {boolean} hasLeft\n * @param {boolean} hasRight\n * @param {number} lineWidth\n * @param {number} lineLength\n */\nfunction drawLinearTicks(context, color, ticksSize, deltaLen, hasLeft, hasRight, lineWidth, lineLength) {\n var _context$barDimension2 = context.barDimensions;\n var isVertical = _context$barDimension2.isVertical;\n var length = _context$barDimension2.length;\n var barWidth = _context$barDimension2.barWidth;\n var barOffset = _context$barDimension2.barOffset;\n var barMargin = _context$barDimension2.barMargin;\n var pixelRatio = _context$barDimension2.pixelRatio;\n var width = _context$barDimension2.width;\n var X = _context$barDimension2.X;\n var Y = _context$barDimension2.Y;\n var ticksLength = _context$barDimension2.ticksLength;\n var ticksPadding = _context$barDimension2.ticksPadding;\n\n var tickOffset = (width - barWidth) / 2;\n var tickX = void 0,\n tickY = void 0;\n var i = 0;\n var tickLen = lineLength * width;\n var tickLeft = tickOffset - ticksPadding * width;\n var tickRight = tickOffset + barWidth + tickLen + ticksPadding * width;\n var tickSpace = ticksLength / (ticksSize - deltaLen);\n var colors = color instanceof Array ? color : new Array(ticksSize).fill(color);\n\n context.lineWidth = lineWidth * pixelRatio;\n context.save();\n\n for (; i < ticksSize; i++) {\n context.strokeStyle = colors[i];\n\n if (isVertical) {\n tickY = Y + length - barMargin - barOffset - i * tickSpace;\n\n if (hasLeft) {\n tickX = X + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n\n if (hasRight) {\n tickX = X + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n } else {\n tickX = X + barMargin + barOffset + i * tickSpace;\n\n if (hasLeft) {\n tickY = Y + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, tickX, round(tickY - tickLen));\n }\n\n if (hasRight) {\n tickY = Y + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, round(tickY), tickX, tickY - tickLen);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicks(context, options) {\n var _drawings$prepareTick = drawings.prepareTicks(options);\n\n var _drawings$prepareTick2 = _slicedToArray(_drawings$prepareTick, 2);\n\n var hasLeft = _drawings$prepareTick2[0];\n var hasRight = _drawings$prepareTick2[1];\n\n var lineWidth = 2;\n var colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(options.colorMajorTicks.length).fill(options.colorMajorTicks);\n\n drawLinearTicks(context, options.colorMajorTicks, options.majorTicks.length, 1, hasLeft, hasRight, lineWidth, options.ticksWidth / 100);\n\n if (options.strokeTicks) {\n var _context$barDimension3 = context.barDimensions;\n var isVertical = _context$barDimension3.isVertical;\n var length = _context$barDimension3.length;\n var width = _context$barDimension3.width;\n var barWidth = _context$barDimension3.barWidth;\n var barMargin = _context$barDimension3.barMargin;\n var barOffset = _context$barDimension3.barOffset;\n var X = _context$barDimension3.X;\n var Y = _context$barDimension3.Y;\n var ticksLength = _context$barDimension3.ticksLength;\n var pixelRatio = _context$barDimension3.pixelRatio;\n var ticksPadding = _context$barDimension3.ticksPadding;\n\n var rightTicks = (width - barWidth) / 2 + barWidth + ticksPadding * width;\n var leftTicks = (width - barWidth) / 2 - ticksPadding * width;\n var sX = void 0,\n sY = void 0,\n eX = void 0,\n eY = void 0;\n\n context.strokeStyle = colors[0];\n\n lineWidth *= pixelRatio;\n\n if (isVertical) {\n sY = Y + length - barMargin - barOffset + lineWidth / 2;\n eY = sY - ticksLength - lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n } else {\n sX = X + barMargin + barOffset - lineWidth / 2;\n eX = sX + ticksLength + lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks stroke\n *\n * @param {Canvas2DContext} context\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n */\nfunction drawLinearTickStroke(context, sX, sY, eX, eY) {\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMinorTicks(context, options) {\n var _drawings$prepareTick3 = drawings.prepareTicks(options);\n\n var _drawings$prepareTick4 = _slicedToArray(_drawings$prepareTick3, 2);\n\n var hasLeft = _drawings$prepareTick4[0];\n var hasRight = _drawings$prepareTick4[1];\n\n\n drawLinearTicks(context, options.colorMinorTicks, options.minorTicks * (options.majorTicks.length - 1), 0, hasLeft, hasRight, 1, options.ticksWidthMinor / 100);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major tick numbers\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicksNumbers(context, options) {\n var _context$barDimension4 = context.barDimensions;\n var isVertical = _context$barDimension4.isVertical;\n var length = _context$barDimension4.length;\n var width = _context$barDimension4.width;\n var barWidth = _context$barDimension4.barWidth;\n var barMargin = _context$barDimension4.barMargin;\n var barOffset = _context$barDimension4.barOffset;\n var X = _context$barDimension4.X;\n var Y = _context$barDimension4.Y;\n var ticksLength = _context$barDimension4.ticksLength;\n var ticksPadding = _context$barDimension4.ticksPadding;\n\n var ticks = options.majorTicks.length;\n var hasLeft = options.numberSide !== 'right';\n var hasRight = options.numberSide !== 'left';\n var textHeight = options.fontNumbersSize * width / 200;\n var i = 0;\n var ticksWidth = (options.ticksWidth / 100 + ticksPadding * 2) * width;\n var numLeft = (width - barWidth) / 2 - ticksWidth;\n var numRight = (width - barWidth) / 2 + barWidth + ticksWidth;\n var textX = void 0,\n textY = void 0,\n textWidth = void 0,\n numberOffset = void 0,\n tick = void 0;\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(ticks).fill(options.colorNumbers);\n\n context.font = drawings.font(options, 'Numbers', width / 200);\n context.lineWidth = 0;\n context.textAlign = 'center';\n\n for (; i < ticks; i++) {\n context.fillStyle = colors[i];\n tick = options.majorTicks[i];\n numberOffset = i * ticksLength / (ticks - 1);\n\n if (isVertical) {\n textY = Y + length - barMargin - barOffset - numberOffset + textHeight / 3;\n\n if (hasLeft) {\n context.textAlign = 'right';\n context.fillText(tick, X + numLeft, textY);\n }\n\n if (hasRight) {\n context.textAlign = 'left';\n context.fillText(tick, X + numRight, textY);\n }\n } else {\n textWidth = context.measureText(tick).width;\n textX = X + barMargin + barOffset + numberOffset;\n\n if (hasLeft) {\n context.fillText(tick, textX, Y + numLeft);\n }\n\n if (hasRight) {\n context.fillText(tick, textX, Y + numRight + textHeight);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge title\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearTitle(context, options) {\n if (!options.title) return;\n\n var _context$barDimension5 = context.barDimensions;\n var isVertical = _context$barDimension5.isVertical;\n var width = _context$barDimension5.width;\n var length = _context$barDimension5.length;\n var baseX = _context$barDimension5.baseX;\n var baseY = _context$barDimension5.baseY;\n var titleMargin = _context$barDimension5.titleMargin;\n\n var textHeight = options.fontTitleSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + titleMargin / 2 - (isVertical ? textHeight : textHeight / 2) - 0.025 * (isVertical ? length : width));\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Title', width / 200);\n context.lineWidth = 0;\n context.fillText(options.title, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge units\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearUnits(context, options) {\n if (!options.units) return;\n\n var _context$barDimension6 = context.barDimensions;\n var isVertical = _context$barDimension6.isVertical;\n var width = _context$barDimension6.width;\n var length = _context$barDimension6.length;\n var baseX = _context$barDimension6.baseX;\n var baseY = _context$barDimension6.baseY;\n var unitsMargin = _context$barDimension6.unitsMargin;\n\n var textHeight = options.fontUnitsSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + (isVertical ? length : width) + unitsMargin / 2 - textHeight / 2);\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Units', width / 200);\n context.lineWidth = 0;\n context.fillText(options.units, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge needles\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarNeedle(context, options) {\n if (!options.needle) return;\n\n var _context$barDimension7 = context.barDimensions;\n var isVertical = _context$barDimension7.isVertical;\n var width = _context$barDimension7.width;\n var length = _context$barDimension7.length;\n var barWidth = _context$barDimension7.barWidth;\n var barOffset = _context$barDimension7.barOffset;\n var barMargin = _context$barDimension7.barMargin;\n var ticksLength = _context$barDimension7.ticksLength;\n var X = _context$barDimension7.X;\n var Y = _context$barDimension7.Y;\n var ticksPadding = _context$barDimension7.ticksPadding;\n\n var hasLeft = options.needleSide !== 'right';\n var hasRight = options.needleSide !== 'left';\n var position = ticksLength * (drawings.normalizedValue(options).indented - options.minValue) / (options.maxValue - options.minValue);\n var tickWidth = (options.ticksWidth / 100 + ticksPadding) * width;\n var baseLength = barWidth / 2 + tickWidth;\n var needleLength = baseLength * (options.needleEnd / 100);\n var sX = void 0,\n eX = void 0,\n sY = void 0,\n eY = void 0;\n var draw = options.needleType.toLowerCase() === 'arrow' ? drawLinearArrowNeedle : drawLinearLineNeedle;\n var barStart = (width - barWidth) / 2;\n var needleStart = baseLength * (options.needleStart / 100);\n var nLeft = barStart - tickWidth - needleStart;\n var nRight = barStart + barWidth + tickWidth + needleStart;\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + length - barMargin - barOffset - position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nLeft);\n eX = sX + needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nRight);\n eX = sX - needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength, true);\n }\n } else {\n //noinspection JSUnresolvedFunction\n sX = round(X + barMargin + barOffset + position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nLeft);\n eY = sY + needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nRight);\n eY = sY - needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength, true);\n }\n }\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns needle color style\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} length\n * @param {boolean} [isRight]\n * @return {CanvasGradient|string}\n */\nfunction needleStyle(context, options, length, isRight) {\n return options.colorNeedleEnd ? drawings.linearGradient(context, isRight ? options.colorNeedleEnd : options.colorNeedle, isRight ? options.colorNeedle : options.colorNeedleEnd, length, !context.barDimensions.isVertical) : options.colorNeedle;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws line needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearLineNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n context.lineWidth = options.needleWidth;\n context.strokeStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws arrow needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearArrowNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n //noinspection JSUnresolvedFunction\n var peakLength = round(length * 0.4);\n var bodyLength = length - peakLength;\n var isVertical = sX === eX;\n var halfWidth = options.needleWidth / 2;\n\n context.fillStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n\n if (isVertical) {\n if (sY > eY) bodyLength *= -1;\n\n context.moveTo(sX - halfWidth, sY);\n context.lineTo(sX + halfWidth, sY);\n context.lineTo(sX + halfWidth, sY + bodyLength);\n context.lineTo(sX, eY);\n context.lineTo(sX - halfWidth, sY + bodyLength);\n context.lineTo(sX - halfWidth, sY);\n } else {\n if (sX > eX) bodyLength *= -1;\n\n context.moveTo(sX, sY - halfWidth);\n context.lineTo(sX, sY + halfWidth);\n context.lineTo(sX + bodyLength, sY + halfWidth);\n context.lineTo(eX, sY);\n context.lineTo(sX + bodyLength, sY - halfWidth);\n context.lineTo(sX, sY - halfWidth);\n }\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box for linear gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} value\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearValueBox(context, options, value, x, y, w, h) {\n // currently value box is available only for vertical linear gauge,\n // as far as by design it is hard to find a proper place for\n // horizontal ones\n var boxWidth = (parseFloat(options.fontValueSize) || 0) * w / 200;\n var dy = (0.11 * h - boxWidth) / 2;\n\n context.barDimensions.isVertical && drawings.drawValueBox(context, options, value, x + w / 2, y + h - boxWidth - dy, w);\n}\n\n/**\n * Minimalistic HTML5 Canvas Linear Gauge\n */\n\nvar LinearGauge = function (_BaseGauge2) {\n _inherits(LinearGauge, _BaseGauge2);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event LinearGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event LinearGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event LinearGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event LinearGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event LinearGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event LinearGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event LinearGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge bar area is drawn\n *\n * @event LinearGauge#beforeBar\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event LinearGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event LinearGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event LinearGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {LinearGaugeOptions} options\n */\n function LinearGauge(options) {\n _classCallCheck(this, LinearGauge);\n\n options = Object.assign({}, defaultLinearGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (LinearGauge.__proto__ || Object.getPrototypeOf(LinearGauge)).call(this, LinearGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(LinearGauge, [{\n key: 'draw',\n\n\n /* istanbul ignore next */\n /**\n * Triggering linear gauge render on a canvas.\n *\n * @returns {LinearGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref2 = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref2[0];\n var y = _ref2[1];\n var w = _ref2[2];\n var h = _ref2[3];\n\n var options = this.options;\n\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n this.drawBox = drawLinearPlate(context, options, x, y, w, h);\n\n this.emit('beforeBar');\n drawLinearBar.apply(undefined, [context, options].concat(_toConsumableArray(this.drawBox)));\n\n canvas.context.barDimensions = context.barDimensions;\n\n this.emit('beforeHighlights');\n drawLinearBarHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawLinearMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawLinearMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawLinearMajorTicksNumbers(context, options);\n this.emit('beforeTitle');\n drawLinearTitle(context, options);\n this.emit('beforeUnits');\n drawLinearUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawLinearBarProgress.apply(undefined, [canvas.context, options].concat(_toConsumableArray(this.drawBox)));\n this.emit('beforeNeedle');\n drawLinearBarNeedle(canvas.context, options);\n this.emit('beforeValueBox');\n drawLinearValueBox.apply(undefined, [canvas.context, options, options.animatedValue ? this.options.value : this.value].concat(_toConsumableArray(this.drawBox)));\n\n _get(LinearGauge.prototype.__proto__ || Object.getPrototypeOf(LinearGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n /* istanbul ignore else */\n if (options.barStrokeWidth >= options.barWidth) {\n //noinspection JSUnresolvedFunction\n options.barStrokeWidth = round(options.barWidth / 2);\n }\n\n //noinspection JSUndefinedPropertyAssignment\n options.hasLeft = hasTicksBar('right', options);\n //noinspection JSUndefinedPropertyAssignment\n options.hasRight = hasTicksBar('left', options);\n\n if (options.value > options.maxValue) {\n options.value = options.maxValue;\n }\n\n if (options.value < options.minValue) {\n options.value = options.minValue;\n }\n\n return BaseGauge.configure(options);\n }\n }]);\n\n return LinearGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['LinearGauge'] = LinearGauge;\n}\n\nBaseGauge.initialize('LinearGauge', defaultLinearGaugeOptions);;typeof module !== \"undefined\" && Object.assign(ns, {Collection: Collection,GenericOptions: GenericOptions,Animation: Animation,BaseGauge: BaseGauge,drawings: drawings,SmartCanvas: SmartCanvas,vendorize: vendorize});}(typeof module !== \"undefined\" ? module.exports : window));"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/lib/Animation.js b/lib/Animation.js index 8b60558b..ae872c2e 100644 --- a/lib/Animation.js +++ b/lib/Animation.js @@ -253,7 +253,9 @@ export default class Animation { * @param {EndEventCallback} [end] */ animate(draw, end) { - //noinspection JSUnresolvedVariable + this.cancel(); + + // noinspection JSUnresolvedVariable const start = window.performance && window.performance.now ? window.performance.now() : (vendorize('animationStartTime') || Date.now()); @@ -272,9 +274,9 @@ export default class Animation { } /** - * Destroys this object properly + * Cancels current animation if any */ - destroy() { + cancel() { if (this.frame) { const cancelAnimationFrame = vendorize('cancelAnimationFrame') || /* istanbul ignore next */ @@ -283,7 +285,13 @@ export default class Animation { cancelAnimationFrame(this.frame); this.frame = null; } + } + /** + * Destroys this object properly + */ + destroy() { + this.cancel(); this.draw = null; this.end = null; } diff --git a/lib/BaseGauge.js b/lib/BaseGauge.js index 20f9dc4d..164efd74 100644 --- a/lib/BaseGauge.js +++ b/lib/BaseGauge.js @@ -216,6 +216,13 @@ export default class BaseGauge extends EventEmitter { if (value === fromValue) return; if (this.options.animation) { + if (this.animation.frame) { + // animation is already in progress - + // forget related old animation value + // @see https://github.com/Mikhus/canvas-gauges/issues/94 + delete this._value; + } + /** * @type {number} * @access private @@ -232,6 +239,7 @@ export default class BaseGauge extends EventEmitter { this.draw(); this.emit('animate', percent, this.options.value); + console.log('animation progress', this.options.value, this._value); }, () => { if (this._value !== undefined) { this.options.value = this._value; @@ -240,6 +248,7 @@ export default class BaseGauge extends EventEmitter { this.draw(); this.emit('animationEnd'); + console.log('animation end'); }); } diff --git a/test-coverage.svg b/test-coverage.svg index 92a2f066..eedb1ac4 100644 --- a/test-coverage.svg +++ b/test-coverage.svg @@ -1 +1 @@ -coveragecoverage84.89%84.89% \ No newline at end of file +coveragecoverage84.89%84.89% \ No newline at end of file From 008b8d05205ab981934996a38285222dfef3b53c Mon Sep 17 00:00:00 2001 From: Mykhailo Stadnyk Date: Sun, 25 Dec 2016 13:31:24 +0200 Subject: [PATCH 06/10] Fixed issue #91 - problem with plate borders draw on a device with high pixel ratio --- docs-coverage.svg | 2 +- gauge.min.js | 4 ++-- gauge.min.js.map | 2 +- lib/LinearGauge.js | 49 +++++++++++++++++++++++++--------------------- lib/RadialGauge.js | 27 +++++++++++++------------ test-coverage.svg | 2 +- 6 files changed, 47 insertions(+), 39 deletions(-) diff --git a/docs-coverage.svg b/docs-coverage.svg index a51e7b82..0836e3fa 100644 --- a/docs-coverage.svg +++ b/docs-coverage.svg @@ -1 +1 @@ -docsdocs95.04%95.04% \ No newline at end of file +docsdocs95.09%95.09% \ No newline at end of file diff --git a/gauge.min.js b/gauge.min.js index fc64b518..a6cdebee 100644 --- a/gauge.min.js +++ b/gauge.min.js @@ -23,6 +23,6 @@ * * @version 2.1.1 */ -!function(e){"use strict";function t(e){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t1&&(d=1),t&&t(1===d?d:r(d)),s0){for(a=e.toFixed(i).toString().split("."),n=r-a[0].length;o1?(r=~i.indexOf("."),~i.indexOf("-")?"-"+[t.majorTicksInt+t.majorTicksDec+2+(r?1:0)-i.length].join("0")+i.replace("-",""):[t.majorTicksInt+t.majorTicksDec+1+(r?1:0)-i.length].join("0")+i):i}function f(e){return e*Math.PI/180}function v(e,t){return{x:-e*Math.sin(t),y:e*Math.cos(t)}}function m(e,t,i,r){var o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,a=e.createLinearGradient(o?0:n,o?n:0,o?0:r,o?r:0);return a.addColorStop(0,t),a.addColorStop(1,i),a}function b(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(i)return e.restore(),!0;e.save();var r=t.borderShadowWidth;return r&&(e.shadowBlur=r,e.shadowColor=t.colorBorderShadow),!0}function g(e,t){t.needleShadow&&(e.shadowOffsetX=2,e.shadowOffsetY=2,e.shadowBlur=10,e.shadowColor=t.colorNeedleShadowDown)}function p(e,t,i){return e["font"+t+"Style"]+" "+e["font"+t+"Weight"]+" "+e["font"+t+"Size"]*i+"px "+e["font"+t]}function w(e){e.shadowOffsetX=null,e.shadowOffsetY=null,e.shadowBlur=null,e.shadowColor="",e.strokeStyle=null,e.lineWidth=0,e.save()}function y(e,t,i,r){t.valueTextShadow&&(e.shadowOffsetX=i,e.shadowOffsetY=i,e.shadowBlur=r,e.shadowColor=t.colorValueTextShadow)}function k(e,t,i,r,o,n){if(t.valueBox){w(e);var a=t.valueText||c(i,t),l=n/200,s=n/100,d=.4*s,u=1.2*s;e.font=p(t,"Value",l),y(e,t,d,u);var f=e.measureText(t.valueText?a:"-"+c(0,t)).width;w(e);var v=parseFloat(t.fontValueSize)*l+d+u,m=s*parseFloat(t.valueBoxStroke),b=2*n-2*m,g=f+10*s,k=1.1*v+d+u,x=s*t.valueBoxBorderRadius,T=(parseFloat(t.valueBoxWidth)||0)/100*b;T>g&&(g=T),g>b&&(g=b);var S=r-g/2,W=o-k/2,O=o-5.75*s;if(e.beginPath(),x?h(e,S,W,g,k,x):e.rect(S,W,g,k),m){var P=e.createRadialGradient(r,O,10*s,r,O,20*s);P.addColorStop(0,t.colorValueBoxRect),P.addColorStop(1,t.colorValueBoxRectEnd),e.strokeStyle=P,e.lineWidth=m,e.stroke()}t.colorValueBoxShadow&&(e.shadowBlur=1.2*s,e.shadowColor=t.colorValueBoxShadow),t.colorValueBoxBackground&&(e.fillStyle=t.colorValueBoxBackground,e.fill()),e.closePath(),e.restore(),y(e,t,d,u),e.fillStyle=t.colorValueText,e.textAlign="center",e.textBaseline="alphabetic",e.fillText(a,S+g/2,o+k/2-v/3),e.restore()}}function x(e){var t=e.value,i=e.minValue,r=e.maxValue,o=.01*(r-i);return{normal:tr?r:t,indented:tr?r+o:t}}function T(e,t,i,r,o){i.beginPath(),i.arc(0,0,ye(e),0,2*Se,!0),i.lineWidth=t,i.strokeStyle=o?Te.linearGradient(i,r,o,e):r,i.stroke(),i.closePath()}function S(e,t){return e.maxRadius||(e.maxRadius=e.max-t.borderShadowWidth-t.borderOuterWidth-t.borderMiddleWidth-t.borderInnerWidth+(t.borderOuterWidth?.5:0)+(t.borderMiddleWidth?.5:0)+(t.borderInnerWidth?.5:0)),e.maxRadius}function W(e,t){var i=t.borderShadowWidth,r=e.max-i-t.borderOuterWidth/2,o=r-t.borderOuterWidth/2-t.borderMiddleWidth/2+.5,n=o-t.borderMiddleWidth/2-t.borderInnerWidth/2+.5,a=S(e,t),l=void 0,s=!1;e.save(),t.borderOuterWidth&&(s=Te.drawShadow(e,t,s),T(r,t.borderOuterWidth,e,t.colorBorderOuter,t.colorBorderOuterEnd)),t.borderMiddleWidth&&(s=Te.drawShadow(e,t,s),T(o,t.borderMiddleWidth,e,t.colorBorderMiddle,t.colorBorderMiddleEnd)),t.borderInnerWidth&&(s=Te.drawShadow(e,t,s),T(n,t.borderInnerWidth,e,t.colorBorderInner,t.colorBorderInnerEnd)),Te.drawShadow(e,t,s),e.beginPath(),e.arc(0,0,ye(a),0,2*Se,!0),t.colorPlateEnd?(l=e.createRadialGradient(0,0,a/2,0,0,a),l.addColorStop(0,t.colorPlate),l.addColorStop(1,t.colorPlateEnd)):l=t.colorPlate,e.fillStyle=l,e.fill(),e.closePath(),e.restore()}function O(e,t){var i=e.max*(parseFloat(t.highlightsWidth)||0)/100;if(i){var r=ye(V(e,t)-i/2),o=0,n=t.highlights.length,a=(t.maxValue-t.minValue)/t.ticksAngle;for(e.save();on?o:n,n>o,o>n?i:r):a,t>0?Te.roundRect(e,i,r,o,n,t):e.rect(i,r,o,n),e.fill(),e.closePath()}function z(e,t,i,r,o,n,a,l,s){e.beginPath(),e.lineWidth=t,e.strokeStyle=s?Te.linearGradient(e,l,s,a,!0,o):l,i>0?Te.roundRect(e,r,o,n,a,i):e.rect(r,o,n,a),e.stroke(),e.closePath()}function L(e,t,i,r,o,n){e.save();var a=t.borderRadius,l=o-t.borderShadowWidth-t.borderOuterWidth,s=l-t.borderOuterWidth-t.borderMiddleWidth,d=s-t.borderMiddleWidth-t.borderInnerWidth,h=d-t.borderInnerWidth,c=n-t.borderShadowWidth-t.borderOuterWidth,u=c-t.borderOuterWidth-t.borderMiddleWidth,f=u-t.borderMiddleWidth-t.borderInnerWidth,v=f-t.borderInnerWidth,m=i-(s-l)/2,b=m-(d-s)/2,g=b-(h-d)/2,p=r-(u-c)/2,w=p-(f-u)/2,y=w-(v-f)/2,k=0,x=!1;return t.borderOuterWidth&&(x=Te.drawShadow(e,t,x),z(e,t.borderOuterWidth,a,i+t.borderOuterWidth/2-k,r+t.borderOuterWidth/2-k,l,c,t.colorBorderOuter,t.colorBorderOuterEnd),k+=.5),t.borderMiddleWidth&&(x=Te.drawShadow(e,t,x),z(e,t.borderMiddleWidth,a-=1+2*k,m+t.borderMiddleWidth/2-k,p+t.borderMiddleWidth/2-k,s+2*k,u+2*k,t.colorBorderMiddle,t.colorBorderMiddleEnd),k+=.5),t.borderInnerWidth&&(x=Te.drawShadow(e,t,x),z(e,t.borderInnerWidth,a-=1+2*k,b+t.borderInnerWidth/2-k,w+t.borderInnerWidth/2-k,d+2*k,f+2*k,t.colorBorderInner,t.colorBorderInnerEnd),k+=.5),Te.drawShadow(e,t,x),D(e,a,g,y,h+2*k,v+2*k,t.colorPlate,t.colorPlateEnd),e.restore(),[g,y,h,v]}function G(e,t,i,r,o,n){var a=be.pixelRatio,l=n>=o,s=l?.85*o:n,d=l?n:o;i=l?we(i+(o-s)/2):i;var h=!!t.title,c=!!t.units,u=!!t.valueBox,f=void 0,v=void 0,m=void 0;l?(v=we(.05*d),f=we(.075*d),m=we(.11*d),h&&(d-=f,r+=f),c&&(d-=v),u&&(d-=m)):(v=f=we(.15*s),h&&(s-=f,r+=f),c&&(s-=v));var b=2*t.barStrokeWidth,g=t.barBeginCircle?we(s*t.barBeginCircle/200-b/2):0,p=we(s*t.barWidth/100-b),w=we(d*t.barLength/100-b),y=we((d-w)/2),k=we(i+(l?s/2:y+g)),x=we(r+(l?d-y-g+b/2:s/2)),T=!l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s,S=l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s;return e.barDimensions={isVertical:l,width:s,length:d,barWidth:p,barLength:w,strokeWidth:b,barMargin:y,radius:g,pixelRatio:a,barOffset:null,titleMargin:h?f:0,unitsMargin:c?v:0,get ticksLength(){return this.barLength-this.barOffset-this.strokeWidth},X:i+T,Y:r+S,x0:k+T,y0:x+S,baseX:i,baseY:r,ticksPadding:t.ticksPadding/100},e.barDimensions}function F(e,t,i,r,o,n,a){var l=G(e,t,r,o,n,a),s=l.isVertical,d=l.width,h=l.barWidth,c=l.barLength,u=l.strokeWidth,f=l.barMargin,v=l.radius,m=l.x0,b=l.y0,g=l.X,p=l.Y,w=c;if(e.save(),e.beginPath(),t.barBeginCircle){var y=Te.radians(s?270:0),k=Math.asin(h/2/v),x=Math.cos(k),T=Math.sin(k),S=m+(s?v*T:v*x-u/2),W=s?b-v*x:b+v*T,O=ye(s?W-b:S-m);e.barDimensions.barOffset=we(O+v);var P=s?we(m-v*T):S,V=s?W:we(b-v*T);"progress"===i&&(c=e.barDimensions.barOffset+(c-e.barDimensions.barOffset)*(Te.normalizedValue(t).normal-t.minValue)/(t.maxValue-t.minValue));var B=we(S+c-e.barDimensions.barOffset+u/2),M=we(W-c+e.barDimensions.barOffset-u/2);e.arc(m,b,v,y+k,y-k),s?(e.moveTo(S,V),e.lineTo(S,M),e.lineTo(P,M),e.lineTo(P,V)):(e.moveTo(S,V),e.lineTo(B,V),e.lineTo(B,W),e.lineTo(S,W))}else{var A=we(s?g+(d-h)/2:g+f),C=we(s?p+c+f:p+(d-h)/2);"progress"===i&&(c*=(t.value-t.minValue)/(t.maxValue-t.minValue)),s?e.rect(A,C,h,-c):e.rect(A,C,c,h)}"progress"!==i&&t.barStrokeWidth&&(e.lineWidth=u,e.strokeStyle=t.colorBarStroke,e.stroke()),"progress"!==i&&t.colorBar?(e.fillStyle=t.colorBarEnd?Te.linearGradient(e,t.colorBar,t.colorBarEnd,c,s,s?p:g):t.colorBar,e.fill()):"progress"===i&&t.colorBarProgress&&(e.fillStyle=t.colorBarProgressEnd?Te.linearGradient(e,t.colorBarProgress,t.colorBarProgressEnd,w,s,s?p:g):t.colorBarProgress,e.fill()),e.closePath(),t.barBeginCircle&&(e.barDimensions.radius+=u),e.barDimensions.barWidth+=u,e.barDimensions.barLength+=u}function X(e,t,i,r,o,n){F(e,t,"",i,r,o,n)}function Y(e,t){return t.needleSide!==e||t.tickSide!==e||t.numberSide!==e}function U(e,t,i,r,o,n){t.barProgress&&F(e,t,"progress",i,r,o,n)}function H(e,t){var i=e.barDimensions,r=i.isVertical,o=i.width,n=i.length,a=i.barWidth,l=i.barOffset,s=i.barMargin,d=i.X,h=i.Y,c=i.ticksLength,u=i.ticksPadding,f=o*(parseFloat(t.highlightsWidth)||0)/100;if(t.highlights&&f){var v="right"!==t.tickSide,m="left"!==t.tickSide,b=0,g=t.highlights.length,p=(o-a)/2,w=t.maxValue-t.minValue,y=we(r?d+p:d+s+l),k=f,x=r?h+n-s-l:h+p,T=we((t.ticksWidth/100+u)*o)+(f-t.ticksWidth/100*o),S=we(a+u*o);for(e.save();bn&&(d*=-1),e.moveTo(i-c,r),e.lineTo(i+c,r),e.lineTo(i+c,r+d),e.lineTo(i,n),e.lineTo(i-c,r+d),e.lineTo(i-c,r)):(i>o&&(d*=-1),e.moveTo(i,r-c),e.lineTo(i,r+c),e.lineTo(i+d,r+c),e.lineTo(o,r),e.lineTo(i+d,r-c),e.lineTo(i,r-c)),e.fill(),e.closePath()}function ae(e,t,i,r,o,n,a){var l=(parseFloat(t.fontValueSize)||0)*n/200,s=(.11*a-l)/2;e.barDimensions.isVertical&&Te.drawValueBox(e,t,i,r+n/2,o+a-l-s,n)}var le=function(){function e(e,t){var i=[],r=!0,o=!1,n=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(i.push(a.value),!t||i.length!==t);r=!0);}catch(e){o=!0,n=e}finally{try{!r&&l.return&&l.return()}finally{if(o)throw n}}return i}return function(t,i){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),se=function e(t,i,r){null===t&&(t=Function.prototype);var o=Object.getOwnPropertyDescriptor(t,i);if(void 0===o){var n=Object.getPrototypeOf(t);return null===n?void 0:e(n,i,r)}if("value"in o)return o.value;var a=o.get;if(void 0!==a)return a.call(r)},de=function e(t,i,r,o){var n=Object.getOwnPropertyDescriptor(t,i);if(void 0===n){var a=Object.getPrototypeOf(t);null!==a&&e(a,i,r,o)}else if("value"in n&&n.writable)n.value=r;else{var l=n.set;void 0!==l&&l.call(o,r)}return r},he=function(){function e(e,t){for(var i=0;i>>0;if(0===o)return-1;var n=+t||0;if(Math.abs(n)===1/0&&(n=0),n>=o)return-1;for(i=Math.max(n>=0?n:o-Math.abs(n),0);i>>0,r=arguments[1],o=r>>0,n=o<0?Math.max(i+o,0):Math.min(o,i),a=arguments[2],l=void 0===a?i:a>>0,s=l<0?Math.max(i+l,0):Math.min(l,i);n1?r-1:0),n=1;n1?t-1:0),r=1;r=(7-4*t)/11)return-Math.pow((11-6*t-11*e)/4,2)+Math.pow(i,2)},elastic:function(e){return 1-fe.delastic(1-e)},delastic:function(e){var t=1.5;return Math.pow(2,10*(e-1))*Math.cos(20*Math.PI*t/3*e)}},ve=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:250,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};if(o(this,e),this.duration=i,this.rule=t,this.draw=r,this.end=n,"function"!=typeof this.draw)throw new TypeError("Invalid animation draw callback:",r);if("function"!=typeof this.end)throw new TypeError("Invalid animation end callback:",n)}return he(e,[{key:"animate",value:function(e,t){var i=this;this.cancel();var r=window.performance&&window.performance.now?window.performance.now():n("animationStartTime")||Date.now();e=e||this.draw,t=t||this.end,this.frame=ue(function(o){return a(o,e,r,fe[i.rule]||i.rule,i.duration,t,i)})}},{key:"cancel",value:function(){if(this.frame){var e=n("cancelAnimationFrame")||function(e){};e(this.frame),this.frame=null}}},{key:"destroy",value:function(){this.cancel(),this.draw=null,this.end=null}}]),e}();ve.rules=fe;var me=function(){function t(i,r,n){o(this,t),this.options=i,this.element=r.toLowerCase(),this.type=t.toDashed(n),this.Type=e[n],this.mutationsObserved=!1,this.isObservable=!!window.MutationObserver,window.GAUGES_NO_AUTO_INIT||t.domReady(this.traverse.bind(this))}return he(t,[{key:"isValidNode",value:function(e){return!(!e.tagName||e.tagName.toLowerCase()!==this.element||e.getAttribute("data-type")!==this.type)}},{key:"traverse",value:function(){for(var e=document.getElementsByTagName(this.element),t=0,i=e.length;t1&&void 0!==arguments[1])||arguments[1],i=e.split(/-/),r=0,o=i.length,n="";r1&&void 0!==arguments[1]?arguments[1]:0;return e=parseFloat(e),!isNaN(e)&&isFinite(e)||(e=parseFloat(t)||0),e}},{key:"version",get:function(){return pe}}]),n}(ce);"undefined"!=typeof e&&(e.BaseGauge=xe,e.gauges=(window.document||{}).gauges=ke);var Te={roundRect:h,padValue:c,formatMajorTickNumber:u,radians:f,radialPoint:v,linearGradient:m,drawNeedleShadow:g,drawValueBox:k,verifyError:s,prepareTicks:d,drawShadow:b,font:p,normalizedValue:x},Se=Math.PI,We=Se/2,Oe=Object.assign({},ge,{ticksAngle:270,startAngle:45,colorNeedleCircleOuter:"#f0f0f0",colorNeedleCircleOuterEnd:"#ccc",colorNeedleCircleInner:"#e8e8e8",colorNeedleCircleInnerEnd:"#f5f5f5",needleCircleSize:10,needleCircleInner:!0,needleCircleOuter:!0,animationTarget:"needle",useMinPath:!1,barWidth:0}),Pe=function(e){function t(e){return o(this,t),e=Object.assign({},Oe,e||{}),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,t.configure(e)))}return r(t,e),he(t,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],n=i[2],a=i[3],l=this.options;if("needle"===l.animationTarget){if(!e.elementClone.initialized){var s=e.contextClone;s.clearRect(r,o,n,a),s.save(),this.emit("beforePlate"),W(s,l),this.emit("beforeHighlights"),O(s,l),this.emit("beforeMinorTicks"),P(s,l),this.emit("beforeMajorTicks"),B(s,l),this.emit("beforeNumbers"),C(s,l),this.emit("beforeTitle"),N(s,l),this.emit("beforeUnits"),j(s,l),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,n,a),e.context.save(),e.context.drawImage(e.elementClone,r,o,n,a),e.context.save(),this.emit("beforeProgressBar"),R(e.context,l),this.emit("beforeValueBox"),_(e.context,l,I(this)),this.emit("beforeNeedle"),E(e.context,l)}else{var d=-Te.radians((l.value-l.minValue)/(l.maxValue-l.minValue)*l.ticksAngle);if(e.context.clearRect(r,o,n,a),e.context.save(),this.emit("beforePlate"),W(e.context,l),e.context.rotate(d),this.emit("beforeHighlights"),O(e.context,l),this.emit("beforeMinorTicks"),P(e.context,l),this.emit("beforeMajorTicks"),B(e.context,l),this.emit("beforeNumbers"),C(e.context,l),this.emit("beforeProgressBar"),R(e.context,l),e.context.rotate(-d),e.context.save(),!e.elementClone.initialized){var h=e.contextClone;h.clearRect(r,o,n,a),h.save(),this.emit("beforeTitle"),N(h,l),this.emit("beforeUnits"),j(h,l),this.emit("beforeNeedle"),E(h,l),e.elementClone.initialized=!0}e.context.drawImage(e.elementClone,r,o,n,a)}this.emit("beforeValueBox"),_(e.context,l,I(this)),se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}},{key:"value",set:function(e){e=xe.ensureValue(e,this.options.minValue),this.options.animation&&360===this.options.ticksAngle&&this.options.useMinPath&&(this._value=e,e=this.options.value+((e-this.options.value)%360+540)%360-180),de(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",e,this)},get:function(){return se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",this)}}],[{key:"configure",value:function(e){return e.barWidth>50&&(e.barWidth=50),isNaN(e.startAngle)&&(e.startAngle=45),isNaN(e.ticksAngle)&&(e.ticksAngle=270),e.ticksAngle>360&&(e.ticksAngle=360),e.ticksAngle<0&&(e.ticksAngle=0),e.startAngle<0&&(e.startAngle=0),e.startAngle>360&&(e.startAngle=360),e}}]),t}(xe);"undefined"!=typeof e&&(e.RadialGauge=Pe),xe.initialize("RadialGauge",Oe);var Ve=Object.assign({},ge,{borderRadius:0,barBeginCircle:30,colorBarEnd:"",colorBarProgressEnd:"",needleWidth:6,tickSide:"both",needleSide:"both",numberSide:"both",ticksWidth:10,ticksWidthMinor:5,ticksPadding:5,barLength:85,fontTitleSize:26,highlightsWidth:10}),Be=function(e){function n(e){return o(this,n),e=Object.assign({},Ve,e||{}),i(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n.configure(e)))}return r(n,e),he(n,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],a=i[2],l=i[3],s=this.options;if(!e.elementClone.initialized){var d=e.contextClone;d.clearRect(r,o,a,l),d.save(),this.emit("beforePlate"),this.drawBox=L(d,s,r,o,a,l),this.emit("beforeBar"),X.apply(void 0,[d,s].concat(t(this.drawBox))),e.context.barDimensions=d.barDimensions,this.emit("beforeHighlights"),H(d,s),this.emit("beforeMinorTicks"),K(d,s),this.emit("beforeMajorTicks"),$(d,s),this.emit("beforeNumbers"),Q(d,s),this.emit("beforeTitle"),ee(d,s),this.emit("beforeUnits"),te(d,s),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,a,l),e.context.save(),e.context.drawImage(e.elementClone,r,o,a,l),e.context.save(),this.emit("beforeProgressBar"),U.apply(void 0,[e.context,s].concat(t(this.drawBox))),this.emit("beforeNeedle"),ie(e.context,s),this.emit("beforeValueBox"),ae.apply(void 0,[e.context,s,s.animatedValue?this.options.value:this.value].concat(t(this.drawBox))),se(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}}],[{key:"configure",value:function(e){return e.barStrokeWidth>=e.barWidth&&(e.barStrokeWidth=we(e.barWidth/2)),e.hasLeft=Y("right",e),e.hasRight=Y("left",e),e.value>e.maxValue&&(e.value=e.maxValue),e.value1&&(d=1),t&&t(1===d?d:r(d)),s0){for(a=e.toFixed(i).toString().split("."),n=r-a[0].length;o1?(r=~i.indexOf("."),~i.indexOf("-")?"-"+[t.majorTicksInt+t.majorTicksDec+2+(r?1:0)-i.length].join("0")+i.replace("-",""):[t.majorTicksInt+t.majorTicksDec+1+(r?1:0)-i.length].join("0")+i):i}function f(e){return e*Math.PI/180}function v(e,t){return{x:-e*Math.sin(t),y:e*Math.cos(t)}}function m(e,t,i,r){var o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,a=e.createLinearGradient(o?0:n,o?n:0,o?0:r,o?r:0);return a.addColorStop(0,t),a.addColorStop(1,i),a}function b(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(i)return e.restore(),!0;e.save();var r=t.borderShadowWidth;return r&&(e.shadowBlur=r,e.shadowColor=t.colorBorderShadow),!0}function g(e,t){t.needleShadow&&(e.shadowOffsetX=2,e.shadowOffsetY=2,e.shadowBlur=10,e.shadowColor=t.colorNeedleShadowDown)}function p(e,t,i){return e["font"+t+"Style"]+" "+e["font"+t+"Weight"]+" "+e["font"+t+"Size"]*i+"px "+e["font"+t]}function w(e){e.shadowOffsetX=null,e.shadowOffsetY=null,e.shadowBlur=null,e.shadowColor="",e.strokeStyle=null,e.lineWidth=0,e.save()}function y(e,t,i,r){t.valueTextShadow&&(e.shadowOffsetX=i,e.shadowOffsetY=i,e.shadowBlur=r,e.shadowColor=t.colorValueTextShadow)}function k(e,t,i,r,o,n){if(t.valueBox){w(e);var a=t.valueText||c(i,t),l=n/200,s=n/100,d=.4*s,u=1.2*s;e.font=p(t,"Value",l),y(e,t,d,u);var f=e.measureText(t.valueText?a:"-"+c(0,t)).width;w(e);var v=parseFloat(t.fontValueSize)*l+d+u,m=s*parseFloat(t.valueBoxStroke),b=2*n-2*m,g=f+10*s,k=1.1*v+d+u,x=s*t.valueBoxBorderRadius,T=(parseFloat(t.valueBoxWidth)||0)/100*b;T>g&&(g=T),g>b&&(g=b);var S=r-g/2,W=o-k/2,O=o-5.75*s;if(e.beginPath(),x?h(e,S,W,g,k,x):e.rect(S,W,g,k),m){var P=e.createRadialGradient(r,O,10*s,r,O,20*s);P.addColorStop(0,t.colorValueBoxRect),P.addColorStop(1,t.colorValueBoxRectEnd),e.strokeStyle=P,e.lineWidth=m,e.stroke()}t.colorValueBoxShadow&&(e.shadowBlur=1.2*s,e.shadowColor=t.colorValueBoxShadow),t.colorValueBoxBackground&&(e.fillStyle=t.colorValueBoxBackground,e.fill()),e.closePath(),e.restore(),y(e,t,d,u),e.fillStyle=t.colorValueText,e.textAlign="center",e.textBaseline="alphabetic",e.fillText(a,S+g/2,o+k/2-v/3),e.restore()}}function x(e){var t=e.value,i=e.minValue,r=e.maxValue,o=.01*(r-i);return{normal:tr?r:t,indented:tr?r+o:t}}function T(e,t,i,r,o){i.beginPath(),i.arc(0,0,ye(e),0,2*Se,!0),i.lineWidth=t,i.strokeStyle=o?Te.linearGradient(i,r,o,e):r,i.stroke(),i.closePath()}function S(e,t){var i=be.pixelRatio;return e.maxRadius||(e.maxRadius=e.max-t.borderShadowWidth-t.borderOuterWidth*i-t.borderMiddleWidth*i-t.borderInnerWidth*i+(t.borderOuterWidth?.5:0)+(t.borderMiddleWidth?.5:0)+(t.borderInnerWidth?.5:0)),e.maxRadius}function W(e,t){var i=be.pixelRatio,r=t.borderShadowWidth*i,o=e.max-r-t.borderOuterWidth*i/2,n=o-t.borderOuterWidth*i/2-t.borderMiddleWidth*i/2+.5,a=n-t.borderMiddleWidth*i/2-t.borderInnerWidth*i/2+.5,l=S(e,t),s=void 0,d=!1;e.save(),t.borderOuterWidth&&(d=Te.drawShadow(e,t,d),T(o,t.borderOuterWidth*i,e,t.colorBorderOuter,t.colorBorderOuterEnd)),t.borderMiddleWidth&&(d=Te.drawShadow(e,t,d),T(n,t.borderMiddleWidth*i,e,t.colorBorderMiddle,t.colorBorderMiddleEnd)),t.borderInnerWidth&&(d=Te.drawShadow(e,t,d),T(a,t.borderInnerWidth*i,e,t.colorBorderInner,t.colorBorderInnerEnd)),Te.drawShadow(e,t,d),e.beginPath(),e.arc(0,0,ye(l),0,2*Se,!0),t.colorPlateEnd?(s=e.createRadialGradient(0,0,l/2,0,0,l),s.addColorStop(0,t.colorPlate),s.addColorStop(1,t.colorPlateEnd)):s=t.colorPlate,e.fillStyle=s,e.fill(),e.closePath(),e.restore()}function O(e,t){var i=e.max*(parseFloat(t.highlightsWidth)||0)/100;if(i){var r=ye(V(e,t)-i/2),o=0,n=t.highlights.length,a=(t.maxValue-t.minValue)/t.ticksAngle;for(e.save();on?o:n,n>o,o>n?i:r):a,t>0?Te.roundRect(e,i,r,o,n,t):e.rect(i,r,o,n),e.fill(),e.closePath()}function z(e,t,i,r,o,n,a,l,s){e.beginPath(),e.lineWidth=t,e.strokeStyle=s?Te.linearGradient(e,l,s,a,!0,o):l,i>0?Te.roundRect(e,r,o,n,a,i):e.rect(r,o,n,a),e.stroke(),e.closePath()}function L(e,t,i,r,o,n){var a=be.pixelRatio;e.save();var l=t.borderRadius*a,s=o-t.borderShadowWidth-t.borderOuterWidth*a,d=s-t.borderOuterWidth*a-t.borderMiddleWidth*a,h=d-t.borderMiddleWidth*a-t.borderInnerWidth*a,c=h-t.borderInnerWidth*a,u=n-t.borderShadowWidth-t.borderOuterWidth*a,f=u-t.borderOuterWidth*a-t.borderMiddleWidth*a,v=f-t.borderMiddleWidth*a-t.borderInnerWidth*a,m=v-t.borderInnerWidth*a,b=i-(d-s)/2,g=b-(h-d)/2,p=g-(c-h)/2,w=r-(f-u)/2,y=w-(v-f)/2,k=y-(m-v)/2,x=0,T=!1;return t.borderOuterWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderOuterWidth*a,l,i+t.borderOuterWidth*a/2-x,r+t.borderOuterWidth*a/2-x,s,u,t.colorBorderOuter,t.colorBorderOuterEnd),x+=.5*a),t.borderMiddleWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderMiddleWidth*a,l-=1+2*x,b+t.borderMiddleWidth*a/2-x,w+t.borderMiddleWidth*a/2-x,d+2*x,f+2*x,t.colorBorderMiddle,t.colorBorderMiddleEnd),x+=.5*a),t.borderInnerWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderInnerWidth*a,l-=1+2*x,g+t.borderInnerWidth*a/2-x,y+t.borderInnerWidth*a/2-x,h+2*x,v+2*x,t.colorBorderInner,t.colorBorderInnerEnd),x+=.5*a),Te.drawShadow(e,t,T),D(e,l,p,k,c+2*x,m+2*x,t.colorPlate,t.colorPlateEnd),e.restore(),[p,k,c,m]}function G(e,t,i,r,o,n){var a=be.pixelRatio,l=n>=o,s=l?.85*o:n,d=l?n:o;i=l?we(i+(o-s)/2):i;var h=!!t.title,c=!!t.units,u=!!t.valueBox,f=void 0,v=void 0,m=void 0;l?(v=we(.05*d),f=we(.075*d),m=we(.11*d),h&&(d-=f,r+=f),c&&(d-=v),u&&(d-=m)):(v=f=we(.15*s),h&&(s-=f,r+=f),c&&(s-=v));var b=2*t.barStrokeWidth,g=t.barBeginCircle?we(s*t.barBeginCircle/200-b/2):0,p=we(s*t.barWidth/100-b),w=we(d*t.barLength/100-b),y=we((d-w)/2),k=we(i+(l?s/2:y+g)),x=we(r+(l?d-y-g+b/2:s/2)),T=!l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s,S=l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s;return e.barDimensions={isVertical:l,width:s,length:d,barWidth:p,barLength:w,strokeWidth:b,barMargin:y,radius:g,pixelRatio:a,barOffset:null,titleMargin:h?f:0,unitsMargin:c?v:0,get ticksLength(){return this.barLength-this.barOffset-this.strokeWidth},X:i+T,Y:r+S,x0:k+T,y0:x+S,baseX:i,baseY:r,ticksPadding:t.ticksPadding/100},e.barDimensions}function F(e,t,i,r,o,n,a){var l=G(e,t,r,o,n,a),s=l.isVertical,d=l.width,h=l.barWidth,c=l.barLength,u=l.strokeWidth,f=l.barMargin,v=l.radius,m=l.x0,b=l.y0,g=l.X,p=l.Y,w=c;if(e.save(),e.beginPath(),t.barBeginCircle){var y=Te.radians(s?270:0),k=Math.asin(h/2/v),x=Math.cos(k),T=Math.sin(k),S=m+(s?v*T:v*x-u/2),W=s?b-v*x:b+v*T,O=ye(s?W-b:S-m);e.barDimensions.barOffset=we(O+v);var P=s?we(m-v*T):S,V=s?W:we(b-v*T);"progress"===i&&(c=e.barDimensions.barOffset+(c-e.barDimensions.barOffset)*(Te.normalizedValue(t).normal-t.minValue)/(t.maxValue-t.minValue));var B=we(S+c-e.barDimensions.barOffset+u/2),M=we(W-c+e.barDimensions.barOffset-u/2);e.arc(m,b,v,y+k,y-k),s?(e.moveTo(S,V),e.lineTo(S,M),e.lineTo(P,M),e.lineTo(P,V)):(e.moveTo(S,V),e.lineTo(B,V),e.lineTo(B,W),e.lineTo(S,W))}else{var A=we(s?g+(d-h)/2:g+f),C=we(s?p+c+f:p+(d-h)/2);"progress"===i&&(c*=(t.value-t.minValue)/(t.maxValue-t.minValue)),s?e.rect(A,C,h,-c):e.rect(A,C,c,h)}"progress"!==i&&t.barStrokeWidth&&(e.lineWidth=u,e.strokeStyle=t.colorBarStroke,e.stroke()),"progress"!==i&&t.colorBar?(e.fillStyle=t.colorBarEnd?Te.linearGradient(e,t.colorBar,t.colorBarEnd,c,s,s?p:g):t.colorBar,e.fill()):"progress"===i&&t.colorBarProgress&&(e.fillStyle=t.colorBarProgressEnd?Te.linearGradient(e,t.colorBarProgress,t.colorBarProgressEnd,w,s,s?p:g):t.colorBarProgress,e.fill()),e.closePath(),t.barBeginCircle&&(e.barDimensions.radius+=u),e.barDimensions.barWidth+=u,e.barDimensions.barLength+=u}function X(e,t,i,r,o,n){F(e,t,"",i,r,o,n)}function Y(e,t){return t.needleSide!==e||t.tickSide!==e||t.numberSide!==e}function U(e,t,i,r,o,n){t.barProgress&&F(e,t,"progress",i,r,o,n)}function H(e,t){var i=e.barDimensions,r=i.isVertical,o=i.width,n=i.length,a=i.barWidth,l=i.barOffset,s=i.barMargin,d=i.X,h=i.Y,c=i.ticksLength,u=i.ticksPadding,f=o*(parseFloat(t.highlightsWidth)||0)/100;if(t.highlights&&f){var v="right"!==t.tickSide,m="left"!==t.tickSide,b=0,g=t.highlights.length,p=(o-a)/2,w=t.maxValue-t.minValue,y=we(r?d+p:d+s+l),k=f,x=r?h+n-s-l:h+p,T=we((t.ticksWidth/100+u)*o)+(f-t.ticksWidth/100*o),S=we(a+u*o);for(e.save();bn&&(d*=-1),e.moveTo(i-c,r),e.lineTo(i+c,r),e.lineTo(i+c,r+d),e.lineTo(i,n),e.lineTo(i-c,r+d),e.lineTo(i-c,r)):(i>o&&(d*=-1),e.moveTo(i,r-c),e.lineTo(i,r+c),e.lineTo(i+d,r+c),e.lineTo(o,r),e.lineTo(i+d,r-c),e.lineTo(i,r-c)),e.fill(),e.closePath()}function ae(e,t,i,r,o,n,a){var l=(parseFloat(t.fontValueSize)||0)*n/200,s=(.11*a-l)/2;e.barDimensions.isVertical&&Te.drawValueBox(e,t,i,r+n/2,o+a-l-s,n)}var le=function(){function e(e,t){var i=[],r=!0,o=!1,n=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(i.push(a.value),!t||i.length!==t);r=!0);}catch(e){o=!0,n=e}finally{try{!r&&l.return&&l.return()}finally{if(o)throw n}}return i}return function(t,i){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),se=function e(t,i,r){null===t&&(t=Function.prototype);var o=Object.getOwnPropertyDescriptor(t,i);if(void 0===o){var n=Object.getPrototypeOf(t);return null===n?void 0:e(n,i,r)}if("value"in o)return o.value;var a=o.get;if(void 0!==a)return a.call(r)},de=function e(t,i,r,o){var n=Object.getOwnPropertyDescriptor(t,i);if(void 0===n){var a=Object.getPrototypeOf(t);null!==a&&e(a,i,r,o)}else if("value"in n&&n.writable)n.value=r;else{var l=n.set;void 0!==l&&l.call(o,r)}return r},he=function(){function e(e,t){for(var i=0;i>>0;if(0===o)return-1;var n=+t||0;if(Math.abs(n)===1/0&&(n=0),n>=o)return-1;for(i=Math.max(n>=0?n:o-Math.abs(n),0);i>>0,r=arguments[1],o=r>>0,n=o<0?Math.max(i+o,0):Math.min(o,i),a=arguments[2],l=void 0===a?i:a>>0,s=l<0?Math.max(i+l,0):Math.min(l,i);n1?r-1:0),n=1;n1?t-1:0),r=1;r=(7-4*t)/11)return-Math.pow((11-6*t-11*e)/4,2)+Math.pow(i,2)},elastic:function(e){return 1-fe.delastic(1-e)},delastic:function(e){var t=1.5;return Math.pow(2,10*(e-1))*Math.cos(20*Math.PI*t/3*e)}},ve=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:250,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};if(o(this,e),this.duration=i,this.rule=t,this.draw=r,this.end=n,"function"!=typeof this.draw)throw new TypeError("Invalid animation draw callback:",r);if("function"!=typeof this.end)throw new TypeError("Invalid animation end callback:",n)}return he(e,[{key:"animate",value:function(e,t){var i=this;this.cancel();var r=window.performance&&window.performance.now?window.performance.now():n("animationStartTime")||Date.now();e=e||this.draw,t=t||this.end,this.frame=ue(function(o){return a(o,e,r,fe[i.rule]||i.rule,i.duration,t,i)})}},{key:"cancel",value:function(){if(this.frame){var e=n("cancelAnimationFrame")||function(e){};e(this.frame),this.frame=null}}},{key:"destroy",value:function(){this.cancel(),this.draw=null,this.end=null}}]),e}();ve.rules=fe;var me=function(){function t(i,r,n){o(this,t),this.options=i,this.element=r.toLowerCase(),this.type=t.toDashed(n),this.Type=e[n],this.mutationsObserved=!1,this.isObservable=!!window.MutationObserver,window.GAUGES_NO_AUTO_INIT||t.domReady(this.traverse.bind(this))}return he(t,[{key:"isValidNode",value:function(e){return!(!e.tagName||e.tagName.toLowerCase()!==this.element||e.getAttribute("data-type")!==this.type)}},{key:"traverse",value:function(){for(var e=document.getElementsByTagName(this.element),t=0,i=e.length;t1&&void 0!==arguments[1])||arguments[1],i=e.split(/-/),r=0,o=i.length,n="";r1&&void 0!==arguments[1]?arguments[1]:0;return e=parseFloat(e),!isNaN(e)&&isFinite(e)||(e=parseFloat(t)||0),e}},{key:"version",get:function(){return pe}}]),n}(ce);"undefined"!=typeof e&&(e.BaseGauge=xe,e.gauges=(window.document||{}).gauges=ke);var Te={roundRect:h,padValue:c,formatMajorTickNumber:u,radians:f,radialPoint:v,linearGradient:m,drawNeedleShadow:g,drawValueBox:k,verifyError:s,prepareTicks:d,drawShadow:b,font:p,normalizedValue:x},Se=Math.PI,We=Se/2,Oe=Object.assign({},ge,{ticksAngle:270,startAngle:45,colorNeedleCircleOuter:"#f0f0f0",colorNeedleCircleOuterEnd:"#ccc",colorNeedleCircleInner:"#e8e8e8",colorNeedleCircleInnerEnd:"#f5f5f5",needleCircleSize:10,needleCircleInner:!0,needleCircleOuter:!0,animationTarget:"needle",useMinPath:!1,barWidth:0}),Pe=function(e){function t(e){return o(this,t),e=Object.assign({},Oe,e||{}),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,t.configure(e)))}return r(t,e),he(t,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],n=i[2],a=i[3],l=this.options;if("needle"===l.animationTarget){if(!e.elementClone.initialized){var s=e.contextClone;s.clearRect(r,o,n,a),s.save(),this.emit("beforePlate"),W(s,l),this.emit("beforeHighlights"),O(s,l),this.emit("beforeMinorTicks"),P(s,l),this.emit("beforeMajorTicks"),B(s,l),this.emit("beforeNumbers"),C(s,l),this.emit("beforeTitle"),N(s,l),this.emit("beforeUnits"),j(s,l),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,n,a),e.context.save(),e.context.drawImage(e.elementClone,r,o,n,a),e.context.save(),this.emit("beforeProgressBar"),R(e.context,l),this.emit("beforeValueBox"),_(e.context,l,I(this)),this.emit("beforeNeedle"),E(e.context,l)}else{var d=-Te.radians((l.value-l.minValue)/(l.maxValue-l.minValue)*l.ticksAngle);if(e.context.clearRect(r,o,n,a),e.context.save(),this.emit("beforePlate"),W(e.context,l),e.context.rotate(d),this.emit("beforeHighlights"),O(e.context,l),this.emit("beforeMinorTicks"),P(e.context,l),this.emit("beforeMajorTicks"),B(e.context,l),this.emit("beforeNumbers"),C(e.context,l),this.emit("beforeProgressBar"),R(e.context,l),e.context.rotate(-d),e.context.save(),!e.elementClone.initialized){var h=e.contextClone;h.clearRect(r,o,n,a),h.save(),this.emit("beforeTitle"),N(h,l),this.emit("beforeUnits"),j(h,l),this.emit("beforeNeedle"),E(h,l),e.elementClone.initialized=!0}e.context.drawImage(e.elementClone,r,o,n,a)}this.emit("beforeValueBox"),_(e.context,l,I(this)),se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}},{key:"value",set:function(e){e=xe.ensureValue(e,this.options.minValue),this.options.animation&&360===this.options.ticksAngle&&this.options.useMinPath&&(this._value=e,e=this.options.value+((e-this.options.value)%360+540)%360-180),de(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",e,this)},get:function(){return se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",this)}}],[{key:"configure",value:function(e){return e.barWidth>50&&(e.barWidth=50),isNaN(e.startAngle)&&(e.startAngle=45),isNaN(e.ticksAngle)&&(e.ticksAngle=270),e.ticksAngle>360&&(e.ticksAngle=360),e.ticksAngle<0&&(e.ticksAngle=0),e.startAngle<0&&(e.startAngle=0),e.startAngle>360&&(e.startAngle=360),e}}]),t}(xe);"undefined"!=typeof e&&(e.RadialGauge=Pe),xe.initialize("RadialGauge",Oe);var Ve=Object.assign({},ge,{borderRadius:0,barBeginCircle:30,colorBarEnd:"",colorBarProgressEnd:"",needleWidth:6,tickSide:"both",needleSide:"both",numberSide:"both",ticksWidth:10,ticksWidthMinor:5,ticksPadding:5,barLength:85,fontTitleSize:26,highlightsWidth:10}),Be=function(e){function n(e){return o(this,n),e=Object.assign({},Ve,e||{}),i(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n.configure(e)))}return r(n,e),he(n,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],a=i[2],l=i[3],s=this.options;if(!e.elementClone.initialized){var d=e.contextClone;d.clearRect(r,o,a,l),d.save(),this.emit("beforePlate"),this.drawBox=L(d,s,r,o,a,l),this.emit("beforeBar"),X.apply(void 0,[d,s].concat(t(this.drawBox))),e.context.barDimensions=d.barDimensions,this.emit("beforeHighlights"),H(d,s),this.emit("beforeMinorTicks"),K(d,s),this.emit("beforeMajorTicks"),$(d,s),this.emit("beforeNumbers"),Q(d,s),this.emit("beforeTitle"),ee(d,s),this.emit("beforeUnits"),te(d,s),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,a,l),e.context.save(),e.context.drawImage(e.elementClone,r,o,a,l),e.context.save(),this.emit("beforeProgressBar"),U.apply(void 0,[e.context,s].concat(t(this.drawBox))),this.emit("beforeNeedle"),ie(e.context,s),this.emit("beforeValueBox"),ae.apply(void 0,[e.context,s,s.animatedValue?this.options.value:this.value].concat(t(this.drawBox))),se(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}}],[{key:"configure",value:function(e){return e.barStrokeWidth>=e.barWidth&&(e.barStrokeWidth=we(e.barWidth/2)),e.hasLeft=Y("right",e),e.hasRight=Y("left",e),e.value>e.maxValue&&(e.value=e.maxValue),e.value\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n *\n * @version 2.1.1\n */\n(function(ns) {'use strict';\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if (\"value\" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };\n\nvar _set = function set(object, property, value, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent !== null) { set(parent, property, value, receiver); } } else if (\"value\" in desc && desc.writable) { desc.value = value; } else { var setter = desc.set; if (setter !== undefined) { setter.call(receiver, value); } } return value; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * @external {Object.assign} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n */\n/* istanbul ignore next */\nif (!Object.assign) {\n Object.defineProperty(Object, 'assign', {\n enumerable: false,\n configurable: true,\n writable: true,\n value: function value(target, firstSource) {\n 'use strict';\n\n if (target === undefined || target === null) {\n throw new TypeError('Cannot convert first argument to object');\n }\n\n var to = Object(target);\n var i = 1;\n\n for (; i < arguments.length; i++) {\n var nextSource = arguments[i];\n\n if (nextSource === undefined || nextSource === null) {\n continue;\n }\n\n var keysArray = Object.keys(Object(nextSource));\n var nextIndex = 0,\n len = keysArray.length;\n\n for (; nextIndex < len; nextIndex++) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n\n if (desc !== undefined && desc.enumerable) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n\n return to;\n }\n });\n}\n\n/**\n * @external {Array.indexOf} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf\n */\n/* istanbul ignore next */\nif (!Array.prototype.indexOf) {\n Array.prototype.indexOf = function (searchElement, fromIndex) {\n var k;\n\n if (this === null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n\n if (len === 0) {\n return -1;\n }\n\n var n = +fromIndex || 0;\n\n if (Math.abs(n) === Infinity) {\n n = 0;\n }\n\n if (n >= len) {\n return -1;\n }\n\n k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n while (k < len) {\n if (k in O && O[k] === searchElement) {\n return k;\n }\n\n k++;\n }\n\n return -1;\n };\n}\n\n/**\n * @external {Array.fill} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/fill\n */\n/* istanbul ignore next */\nif (!Array.prototype.fill) {\n Array.prototype.fill = function (value) {\n if (this === null) {\n throw new TypeError('this is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n var start = arguments[1];\n var relativeStart = start >> 0;\n var k = relativeStart < 0 ? Math.max(len + relativeStart, 0) : Math.min(relativeStart, len);\n var end = arguments[2];\n var relativeEnd = end === undefined ? len : end >> 0;\n var final = relativeEnd < 0 ? Math.max(len + relativeEnd, 0) : Math.min(relativeEnd, len);\n while (k < final) {\n O[k] = value;\n k++;\n }\n\n return O;\n };\n}\n\n/**\n * mocking window\n */\nif (typeof window === 'undefined') {\n window = typeof global === 'undefined' ? {} : global;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * Look-ups for a proper vendor-specific property and returns its value\n *\n * @example\n * var requestAnimationFrame = vendorize('requestAnimationFrame');\n * // it will refer properly to:\n * // - window.requestAnimationFrame by default or to\n * // - window.webkitRequestAnimationFrame or to\n * // - window.mozRequestAnimationFrame or to\n * // - window.msRequestAnimationFrame or to\n * // - window.oRequestAnimationFrame\n * // depending on the current browser vendor\n *\n * @author Mykhailo Stadnyk \n * @param {string} prop\n * @param {HTMLElement|Window|object} [from] - default is window\n * @returns {*}\n */\nfunction vendorize(prop, from) {\n /* istanbul ignore else: no reason to cover */\n if (!from) {\n from = typeof window === 'undefined' ? global : window;\n }\n\n if (typeof from[prop] !== 'undefined') {\n return from[prop];\n }\n\n var vendors = ['webkit', 'moz', 'ms', 'o'];\n var i = 0;\n var s = vendors.length;\n var capitalized = prop.charAt(0).toUpperCase() + prop.substr(1);\n\n for (; i < s; i++) {\n var vendorProp = from[vendors[i] + capitalized];\n\n /* istanbul ignore if: requires very complex environment to test (specific browser version) */\n if (typeof vendorProp !== 'undefined') {\n return vendorProp;\n }\n }\n\n return null;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Class EventEmitter - base event manager\n */\n\nvar EventEmitter = function () {\n /**\n * @constructor\n */\n function EventEmitter() {\n _classCallCheck(this, EventEmitter);\n\n this._events = {};\n\n this.addListener = this.on;\n this.removeListener = this.off;\n }\n\n /**\n * Returns all event listeners\n *\n * @return {object}\n */\n\n\n _createClass(EventEmitter, [{\n key: 'emit',\n\n\n /**\n * Emits given event bypassing to each registered handler given args\n *\n * @param {string} event\n * @param {...*} args\n */\n value: function emit(event) {\n if (this._events[event]) {\n var i = 0;\n var s = this._events[event].length;\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n for (; i < s; i++) {\n this._events[event][i] && this._events[event][i].apply(this, args);\n }\n }\n }\n\n /**\n * Registers given handler for given event to be called only once when\n * event is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'once',\n value: function once(event) {\n for (var _len2 = arguments.length, handlers = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n handlers[_key2 - 1] = arguments[_key2];\n }\n\n var i = 0;\n var s = handlers.length;\n var self = this;\n\n var _loop = function _loop() {\n var handler = handlers[i];\n var wrapper = function wrapper() {\n self.off(event, wrapper);\n handler.apply(self, arguments);\n };\n\n handlers[i] = wrapper;\n };\n\n for (; i < s; i++) {\n _loop();\n }\n\n this.on.apply(this, [event].concat(handlers));\n }\n\n /**\n * Registers given handlers for a given events to be called each time event\n * is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'on',\n value: function on(event) {\n if (!this._events[event]) {\n this._events[event] = [];\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n this._events[event].push(arguments.length <= i + 1 ? undefined : arguments[i + 1]);\n }\n }\n\n /**\n * Un-registers previously registered event handlers\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'off',\n value: function off(event) {\n if (!this._events[event]) {\n return;\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n var _handler = arguments.length <= i + 1 ? undefined : arguments[i + 1];\n var index = void 0;\n\n while (~(index = this._events[event].indexOf(_handler))) {\n this._events[event].splice(index, 1);\n }\n }\n }\n\n /**\n * Removes all listeners for a given event\n *\n * @param {string} event\n */\n\n }, {\n key: 'removeAllListeners',\n value: function removeAllListeners(event) {\n delete this._events[event];\n }\n }, {\n key: 'listeners',\n get: function get() {\n return this._events;\n }\n }]);\n\n return EventEmitter;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/* jshint -W079 */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/* istanbul ignore next */\n/**\n * @type {function(callback: function(time: number): number, element?: HTMLElement)}\n * @access private\n */\n\n\nvar requestAnimationFrame = vendorize('requestAnimationFrame') || function (callback) {\n return setTimeout(function () {\n return callback(new Date().getTime());\n }, 1000 / 60);\n};\n\n/**\n * Generic AnimationRule function interface\n *\n * @typedef {function(percent: number): number} AnimationRule\n */\n\n/**\n * Callback for animation step draw event.\n * It will be called each time animation step is executed, bypassing\n * as first argument a percent of animation completeness. It is expected\n * that this callback will do an actual work of animating an elements or\n * whatever, as far as animation engine is just calculating and executing\n * animation steps without any knowledge about things under animation.\n *\n * @typedef {function(percent: number): *} DrawEventCallback\n */\n\n/**\n * Callback for animation complete event.\n * It is called once each animation is complete.\n *\n * @typedef {function(): *} EndEventCallback\n */\n\n/**\n * Predefined known animation rules.\n * It's a simple collection of math for some most used animations.\n *\n * @typedef {{linear: AnimationRule, quad: AnimationRule, dequad: AnimationRule, quint: AnimationRule, dequint: AnimationRule, cycle: AnimationRule, decycle: AnimationRule, bounce: AnimationRule, debounce: AnimationRule, elastic: AnimationRule, delastic: AnimationRule}} AnimationRules\n */\n\n/* istanbul ignore next: no reason covering this */\nvar rules = {\n linear: function linear(p) {\n return p;\n },\n quad: function quad(p) {\n return Math.pow(p, 2);\n },\n dequad: function dequad(p) {\n return 1 - rules.quad(1 - p);\n },\n quint: function quint(p) {\n return Math.pow(p, 5);\n },\n dequint: function dequint(p) {\n return 1 - Math.pow(1 - p, 5);\n },\n cycle: function cycle(p) {\n return 1 - Math.sin(Math.acos(p));\n },\n decycle: function decycle(p) {\n return Math.sin(Math.acos(1 - p));\n },\n bounce: function bounce(p) {\n return 1 - rules.debounce(1 - p);\n },\n debounce: function debounce(p) {\n var a = 0,\n b = 1;\n for (; 1; a += b, b /= 2) {\n if (p >= (7 - 4 * a) / 11) {\n return -Math.pow((11 - 6 * a - 11 * p) / 4, 2) + Math.pow(b, 2);\n }\n }\n },\n elastic: function elastic(p) {\n return 1 - rules.delastic(1 - p);\n },\n delastic: function delastic(p) {\n var x = 1.5;\n return Math.pow(2, 10 * (p - 1)) * Math.cos(20 * Math.PI * x / 3 * p);\n }\n};\n\n/* istanbul ignore next: private, not testable */\n/**\n * Evaluates animation step and decides if the next step required or\n * stops animation calling a proper events.\n *\n * @access private\n * @param {number} time\n * @param {DrawEventCallback} draw\n * @param {number} start\n * @param {AnimationRule} rule\n * @param {number} duration\n * @param {EndEventCallback} end\n * @param {Animation} anim\n */\nfunction step(time, draw, start, rule, duration, end, anim) {\n if (typeof rule !== 'function') {\n throw new TypeError('Invalid animation rule:', rule);\n }\n\n var progress = time - start;\n var percent = progress / duration;\n\n if (percent > 1) {\n percent = 1;\n }\n\n draw && draw(percent === 1 ? percent : rule(percent));\n\n if (progress < duration) {\n anim.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rule, duration, end, anim);\n });\n } else {\n end && end();\n }\n}\n\n/**\n * Animation engine API for JavaScript-based animations.\n * This is simply an animation core framework which simplifies creation\n * of various animations for generic purposes.\n *\n * @example\n * // create 'linear' animation engine, 500ms duration\n * let linear = new Animation('linear', 500);\n *\n * // create 'elastic' animation engine\n * let elastic = new Animation('elastic');\n *\n * // define animation behavior\n * let bounced = new Animation('bounce', 500, percent => {\n * let value = parseInt(percent * 100, 10);\n *\n * $('div.bounced').css({\n * width: value + '%',\n * height: value + '%'\n * });\n * });\n *\n * // execute animation\n * bounced.animate();\n *\n * // execute animation and handle when its finished\n * bounced.animate(null, () => {\n * console.log('Animation finished!');\n * });\n */\n\nvar Animation = function () {\n\n /**\n * @constructor\n * @param {string|AnimationRule} rule\n * @param {number} duration\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n function Animation() {\n var rule = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'linear';\n var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;\n var draw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};\n var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};\n\n _classCallCheck(this, Animation);\n\n /**\n * Overall animation duration in milliseconds.\n * By default is equal to 250 ms.\n *\n * @type {number}\n */\n this.duration = duration;\n\n /**\n * Animation rule. By default is linear animation.\n * Animation rule is a subject to animation rules, which are\n * a simple object containing math-based methods for calculating\n * animation steps.\n *\n * @type {string|AnimationRule}\n */\n this.rule = rule;\n\n /**\n * Callback function for the animation step draw event.\n *\n * @type {DrawEventCallback}\n */\n this.draw = draw;\n\n /**\n * Callback for the animation complete event.\n *\n * @type {EndEventCallback}\n */\n this.end = end;\n\n if (typeof this.draw !== 'function') {\n throw new TypeError('Invalid animation draw callback:', draw);\n }\n\n if (typeof this.end !== 'function') {\n throw new TypeError('Invalid animation end callback:', end);\n }\n }\n\n /* istanbul ignore next: non-testable */\n /**\n * Performs animation calling each animation step draw callback and\n * end callback at the end of animation. Callbacks are optional to this\n * method call. If them are not bypassed will be used that ones which\n * was pre-set on constructing an Animation object or pre-set after\n * construction.\n *\n * @example\n * function draw(percent) {\n * $('.my-animated-divs').css({\n * width: parseInt(percent * 100, 10) + '%'\n * });\n * }\n * function done() {\n * console.log('Animation complete!');\n * }\n *\n * // Define 'draw' and 'end' callbacks on construction\n * var animation = new Animation('cycle', 500, draw, done);\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks after construction\n * var animation = new Animation('cycle', 500);\n * animation.draw = draw;\n * animation.end = done;\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks at animation\n * var animation = new Animation('cycle', 500);\n * animation.animate(draw, done);\n *\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n\n\n _createClass(Animation, [{\n key: 'animate',\n value: function animate(draw, end) {\n var _this = this;\n\n this.cancel();\n\n // noinspection JSUnresolvedVariable\n var start = window.performance && window.performance.now ? window.performance.now() : vendorize('animationStartTime') || Date.now();\n\n draw = draw || this.draw;\n end = end || this.end;\n\n /**\n * Current requested animation frame identifier\n *\n * @type {number}\n */\n this.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rules[_this.rule] || _this.rule, _this.duration, end, _this);\n });\n }\n\n /**\n * Cancels current animation if any\n */\n\n }, {\n key: 'cancel',\n value: function cancel() {\n if (this.frame) {\n var cancelAnimationFrame = vendorize('cancelAnimationFrame') ||\n /* istanbul ignore next */\n function (id) {};\n\n cancelAnimationFrame(this.frame);\n this.frame = null;\n }\n }\n\n /**\n * Destroys this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n this.cancel();\n this.draw = null;\n this.end = null;\n }\n }]);\n\n return Animation;\n}();\n\n/**\n * Animation rules bound statically to Animation constructor.\n *\n * @type {AnimationRules}\n * @static\n */\n\n\nAnimation.rules = rules;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * @typedef {{ constructor: function(options: GenericOptions): GaugeInterface, draw: function(): GaugeInterface, destroy: function, update: function(options: GenericOptions) }} GaugeInterface\n */\n/**\n * @typedef {{parse: function, stringify: function}} JSON\n * @external {JSON} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON\n */\n/**\n * @ignore\n * @typedef {{MutationObserver: function}} ns\n */\n\n/**\n * DOM Observer.\n * It will observe DOM document for a configured element types and\n * instantiate associated Types for an existing or newly added DOM elements\n *\n * @example\n * class ProgressBar {\n * constructor(options) {}\n * draw() {}\n * }\n *\n * // It will observe DOM document for elements
\n * // having attribute 'data-type=\"progress\"'\n * // and instantiate for each new instance of ProgressBar\n *\n * new DomParser({color: 'red'}, 'div', 'progress', ProgressBar);\n *\n * // assume we could have HTML like this\n * //
\n * // in this case all matching attributes names for a given options will be\n * // parsed and bypassed to an instance from HTML attributes\n */\n\nvar DomObserver = function () {\n\n /**\n * @constructor\n * @param {object} options\n * @param {string} element\n * @param {string} type\n */\n function DomObserver(options, element, type) {\n _classCallCheck(this, DomObserver);\n\n //noinspection JSUnresolvedVariable\n /**\n * Default instantiation options for the given type\n *\n * @type {Object}\n */\n this.options = options;\n\n /**\n * Name of an element to lookup/observe\n *\n * @type {string}\n */\n this.element = element.toLowerCase();\n\n /**\n * data-type attribute value to lookup\n *\n * @type {string}\n */\n this.type = DomObserver.toDashed(type);\n\n /**\n * Actual type constructor to instantiate for each found element\n *\n * @type {Function}\n */\n this.Type = ns[type];\n\n /**\n * Signals if mutations observer for this type or not\n *\n * @type {boolean}\n */\n this.mutationsObserved = false;\n\n /**\n * Flag specifies whenever the browser supports observing\n * of DOM tree mutations or not\n *\n * @type {boolean}\n */\n this.isObservable = !!window.MutationObserver;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n if (!window.GAUGES_NO_AUTO_INIT) {\n DomObserver.domReady(this.traverse.bind(this));\n }\n }\n\n /**\n * Checks if given node is valid node to process\n *\n * @param {Node|HTMLElement} node\n * @returns {boolean}\n */\n\n\n _createClass(DomObserver, [{\n key: 'isValidNode',\n value: function isValidNode(node) {\n //noinspection JSUnresolvedVariable\n return !!(node.tagName && node.tagName.toLowerCase() === this.element && node.getAttribute('data-type') === this.type);\n }\n\n /**\n * Traverse entire current DOM tree and process matching nodes.\n * Usually it should be called only once on document initialization.\n */\n\n }, {\n key: 'traverse',\n value: function traverse() {\n var elements = document.getElementsByTagName(this.element);\n var i = 0,\n s = elements.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n this.process(elements[i]);\n }\n\n if (this.isObservable && !this.mutationsObserved) {\n new MutationObserver(this.observe.bind(this)).observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n characterData: true,\n attributeOldValue: true,\n characterDataOldValue: true\n });\n\n this.mutationsObserved = true;\n }\n }\n\n /**\n * Observes given mutation records for an elements to process\n *\n * @param {MutationRecord[]} records\n */\n\n }, {\n key: 'observe',\n value: function observe(records) {\n var i = 0;\n var s = records.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n var record = records[i];\n\n if (record.type === 'attributes' && record.attributeName === 'data-type' && this.isValidNode(record.target) && record.oldValue !== this.type) // skip false-positive mutations\n {\n setTimeout(this.process.bind(this, record.target));\n } else if (record.addedNodes && record.addedNodes.length) {\n var ii = 0;\n var ss = record.addedNodes.length;\n\n for (; ii < ss; ii++) {\n setTimeout(this.process.bind(this, record.addedNodes[ii]));\n }\n }\n }\n }\n\n /**\n * Parses given attribute value to a proper JavaScript value.\n * For example it will parse some stringified value to a proper type\n * value, e.g. 'true' => true, 'null' => null, '{\"prop\": 20}' => {prop: 20}\n *\n * @param {*} value\n * @return {*}\n */\n\n }, {\n key: 'process',\n\n\n /**\n * Processes a given node, instantiating a proper type constructor for it\n *\n * @param {Node|HTMLElement} node\n * @returns {GaugeInterface|null}\n */\n value: function process(node) {\n var _this2 = this;\n\n if (!this.isValidNode(node)) return null;\n\n var prop = void 0;\n var options = JSON.parse(JSON.stringify(this.options));\n var instance = null;\n\n for (prop in options) {\n /* istanbul ignore else: non-testable in most cases */\n if (options.hasOwnProperty(prop)) {\n var attributeName = DomObserver.toAttributeName(prop);\n var attributeValue = DomObserver.parse(node.getAttribute(attributeName));\n\n if (attributeValue !== null && attributeValue !== undefined) {\n options[prop] = attributeValue;\n }\n }\n }\n\n options.renderTo = node;\n instance = new this.Type(options);\n instance.draw && instance.draw();\n\n if (!this.isObservable) return instance;\n\n instance.observer = new MutationObserver(function (records) {\n records.forEach(function (record) {\n if (record.type === 'attributes') {\n var attr = record.attributeName.toLowerCase();\n var type = node.getAttribute(attr).toLowerCase();\n\n if (attr === 'data-type' && type && type !== _this2.type) {\n instance.observer.disconnect();\n delete instance.observer;\n instance.destroy && instance.destroy();\n } else if (attr.substr(0, 5) === 'data-') {\n var _prop = attr.substr(5).split('-').map(function (part, i) {\n return !i ? part : part.charAt(0).toUpperCase() + part.substr(1);\n }).join('');\n var _options = {};\n\n _options[_prop] = DomObserver.parse(node.getAttribute(record.attributeName));\n\n instance.update && instance.update(_options);\n }\n }\n });\n });\n\n //noinspection JSCheckFunctionSignatures\n instance.observer.observe(node, { attributes: true });\n\n return instance;\n }\n\n /**\n * Transforms camelCase string to dashed string\n *\n * @static\n * @param {string} camelCase\n * @return {string}\n */\n\n }], [{\n key: 'parse',\n value: function parse(value) {\n // parse boolean\n if (value === 'true') return true;\n if (value === 'false') return false;\n\n // parse undefined\n if (value === 'undefined') return undefined;\n\n // parse null\n if (value === 'null') return null;\n\n // Comma-separated strings to array parsing.\n // It won't match strings which contains non alphanumeric characters to\n // prevent strings like 'rgba(0,0,0,0)' or JSON-like from being parsed.\n // Typically it simply allows easily declare arrays as comma-separated\n // numbers or plain strings. If something more complicated is\n // required it can be declared using JSON format syntax\n if (/^[-+#.\\w\\d\\s]+(?:,[-+#.\\w\\d\\s]*)+$/.test(value)) {\n return value.split(',');\n }\n\n // parse JSON\n try {\n return JSON.parse(value);\n } catch (e) {}\n\n // plain value - no need to parse\n return value;\n }\n }, {\n key: 'toDashed',\n value: function toDashed(camelCase) {\n var arr = camelCase.split(/(?=[A-Z])/);\n var i = 1;\n var s = arr.length;\n var str = arr[0].toLowerCase();\n\n for (; i < s; i++) {\n str += '-' + arr[i].toLowerCase();\n }\n\n return str;\n }\n\n /**\n * Transforms dashed string to CamelCase representation\n *\n * @param {string} dashed\n * @param {boolean} [capitalized]\n * @return {string}\n */\n\n }, {\n key: 'toCamelCase',\n value: function toCamelCase(dashed) {\n var capitalized = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n var arr = dashed.split(/-/);\n var i = 0;\n var s = arr.length;\n var str = '';\n\n for (; i < s; i++) {\n if (!(i || capitalized)) {\n str += arr[i].toLowerCase();\n } else {\n str += arr[i][0].toUpperCase() + arr[i].substr(1).toLowerCase();\n }\n }\n\n return str;\n }\n\n /**\n * Transforms camel case property name to dash separated attribute name\n *\n * @static\n * @param {string} str\n * @returns {string}\n */\n\n }, {\n key: 'toAttributeName',\n value: function toAttributeName(str) {\n return 'data-' + DomObserver.toDashed(str);\n }\n\n /**\n * Cross-browser DOM ready handler\n *\n * @static\n * @param {Function} handler\n */\n\n }, {\n key: 'domReady',\n value: function domReady(handler) {\n if (/comp|inter|loaded/.test((window.document || {}).readyState + '')) return handler();\n\n if (window.addEventListener) window.addEventListener('DOMContentLoaded', handler, false);else if (window.attachEvent) window.attachEvent('onload', handler);\n }\n }]);\n\n return DomObserver;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/**\n * Drawings on canvas using hidden canvas as a cache for better\n * performance drawings during canvas animations. SmartCanvas also\n * adopts a canvas to\n */\n\n\nvar SmartCanvas = function () {\n\n /**\n * @constructor\n * @param {HTMLCanvasElement} canvas\n * @param {number} [width]\n * @param {number} [height]\n */\n function SmartCanvas(canvas, width, height) {\n _classCallCheck(this, SmartCanvas);\n\n SmartCanvas.collection.push(this);\n\n /**\n * Canvas base width\n *\n * @type {number}\n */\n this.width = width || 0;\n\n /**\n * Canvas base height\n *\n * @type {number}\n */\n this.height = height || 0;\n\n /**\n * Target drawings canvas element\n *\n * @type {HTMLCanvasElement}\n */\n this.element = canvas;\n\n this.init();\n }\n\n /**\n * Initializes canvases and contexts\n */\n\n\n _createClass(SmartCanvas, [{\n key: 'init',\n value: function init() {\n var pixelRatio = SmartCanvas.pixelRatio;\n\n this.element.width = this.width * pixelRatio;\n this.element.height = this.height * pixelRatio;\n\n this.element.style.width = this.width + 'px';\n this.element.style.height = this.height + 'px';\n\n /**\n * Canvas caching element\n *\n * @type {HTMLCanvasElement|Node}\n */\n this.elementClone = this.element.cloneNode(true);\n\n //noinspection JSUnresolvedVariable\n /**\n * Target drawings canvas element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.context = this.element.getContext('2d');\n\n /**\n * Canvas caching element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.contextClone = this.elementClone.getContext('2d');\n\n /**\n * Actual drawings width\n *\n * @type {number}\n */\n this.drawWidth = this.element.width;\n\n /**\n * Actual drawings height\n *\n * @type {number}\n */\n this.drawHeight = this.element.height;\n\n /**\n * X-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawX = this.drawWidth / 2;\n\n /**\n * Y-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawY = this.drawHeight / 2;\n\n /**\n * Minimal side length in pixels of the drawing\n *\n * @type {number}\n */\n this.minSide = this.drawX < this.drawY ? this.drawX : this.drawY;\n\n this.elementClone.initialized = false;\n\n this.contextClone.translate(this.drawX, this.drawY);\n this.contextClone.save();\n\n this.context.translate(this.drawX, this.drawY);\n this.context.save();\n\n this.context.max = this.contextClone.max = this.minSide;\n this.context.maxRadius = this.contextClone.maxRadius = null;\n }\n\n /**\n * Destroys this object, removing the references from memory\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = SmartCanvas.collection.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n SmartCanvas.collection.splice(index, 1);\n }\n\n this.context.clearRect(-this.drawX, -this.drawY, this.drawWidth, this.drawHeight);\n\n // dereference all created elements\n this.context.max = null;\n delete this.context.max;\n\n this.context.maxRadius = null;\n delete this.context.maxRadius;\n\n this.context = null;\n this.contextClone = null;\n this.elementClone = null;\n this.element = null;\n\n /**\n * On canvas redraw event callback\n *\n * @type {function|null|undefined}\n */\n this.onRedraw = null;\n }\n\n /**\n * Commits the drawings\n */\n\n }, {\n key: 'commit',\n value: function commit() {\n var scale = SmartCanvas.pixelRatio;\n\n if (scale !== 1) {\n this.contextClone.scale(scale, scale);\n this.contextClone.save();\n }\n\n return this;\n }\n\n /**\n * Redraw this object\n */\n\n }, {\n key: 'redraw',\n value: function redraw() {\n this.init();\n\n /**\n * On canvas redraw event callback\n *\n * @type {function(): *}\n */\n this.onRedraw && this.onRedraw();\n\n return this;\n }\n\n /**\n * Returns current device pixel ratio\n *\n * @returns {number}\n */\n\n }], [{\n key: 'redraw',\n\n\n /**\n * Forces redraw all canvas in the current collection\n */\n value: function redraw() {\n var i = 0;\n var s = SmartCanvas.collection.length;\n\n for (; i < s; i++) {\n SmartCanvas.collection[i].redraw();\n }\n }\n }, {\n key: 'pixelRatio',\n get: function get() {\n /* istanbul ignore next */\n //noinspection JSUnresolvedVariable\n return window.devicePixelRatio || 1;\n }\n }]);\n\n return SmartCanvas;\n}();\n\nSmartCanvas.collection = [];\n\n/* istanbul ignore next: very browser-specific testing required to cover */\n//noinspection JSUnresolvedVariable\nif (window.matchMedia) {\n //noinspection JSUnresolvedFunction\n window.matchMedia('screen and (min-resolution: 2dppx)').addListener(SmartCanvas.redraw);\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Describes rendering target element. Can be either string identifier of\n * the element or the element itself.\n *\n * @typedef {HTMLElement|string} RenderTarget\n */\n\n/**\n * Highlight area definition.\n * It describes highlight area starting from value to value using\n * color. Color can be describes with hex, rgb or rgba value.\n *\n * @typedef {{ from: number, to: number, color: string}} Highlight\n */\n\n/**\n * Shared generic gauges options\n *\n * @type {{renderTo: RenderTarget, width: number, height: number, minValue: number, maxValue: number, value: number, units: string|boolean, majorTicks: number[]|string[], minorTicks: number, strokeTicks: boolean, animatedValue: boolean, animateOnInit: boolean, title: string|boolean, borders: boolean, valueInt: number, valueDec: number, majorTicksInt: number, majorTicksDec: number, animation: boolean, animationDuration: number, animationRule: string|AnimationRule, colorPlate: string, colorPlateEnd: string, colorMajorTicks: string, colorMinorTicks: string, colorTitle: string, colorUnits: string, colorNumbers: string, colorNeedle: string, colorNeedleEnd: string, colorValueText: string, colorValueTextShadow: string, colorBorderShadow: string, colorBorderOuter: string, colorBorderOuterEnd: string, colorBorderMiddle: string, colorBorderMiddleEnd: string, colorBorderInner: string, colorBorderInnerEnd: string, colorValueBoxRect: string, colorValueBoxRectEnd: string, colorValueBoxBackground: string, colorValueBoxShadow: string, colorNeedleShadowUp: string, colorNeedleShadowDown: string, needle: boolean, needleShadow: boolean, needleType: string, needleStart: number, needleEnd: number, needleWidth: number, borderOuterWidth: number, borderMiddleWidth: number, borderInnerWidth: number, borderShadowWidth: number, valueBox: boolean, valueBoxWidth: number, valueBoxStroke: number, valueText: string, valueTextShadow: boolean, valueBoxBorderRadius: number, highlights: Highlight[], highlightsWidth: number, fontNumbers: string, fontTitle: string, fontUnits: string, fontValue: string, fontTitleSize: number, fontValueSize: number, fontUnitsSize: number, fontNumbersSize: number, fontNumbersStyle: string, fontTitleStyle: string, fontUnitsStyle: string, fontValueStyle: string, fontNumbersWeight: string, fontTitleWeight: string, fontUnitsWeight: string, fontValueWeight: string, barWidth: number, barStrokeWidth: number, barProgress: boolean, colorBar: string, colorBarStroke: string, colorBarProgress: string, colorBarShadow: string, barShadow: number}} GenericOptions\n */\nvar GenericOptions = {\n // basic options\n renderTo: null,\n width: 0,\n height: 0,\n minValue: 0,\n maxValue: 100,\n value: 0,\n units: false,\n majorTicks: [0, 20, 40, 60, 80, 100],\n minorTicks: 10,\n strokeTicks: true,\n animatedValue: false,\n animateOnInit: false,\n title: false,\n borders: true,\n\n // number formats\n valueInt: 3,\n valueDec: 2,\n majorTicksInt: 1,\n majorTicksDec: 0,\n\n // animations\n animation: true,\n animationDuration: 500,\n animationRule: 'cycle',\n\n // colors\n colorPlate: '#fff',\n colorPlateEnd: '',\n colorMajorTicks: '#444',\n colorMinorTicks: '#666',\n colorTitle: '#888',\n colorUnits: '#888',\n colorNumbers: '#444',\n colorNeedle: 'rgba(240,128,128,1)',\n colorNeedleEnd: 'rgba(255,160,122,.9)',\n colorValueText: '#444',\n colorValueTextShadow: 'rgba(0,0,0,0.3)',\n colorBorderShadow: 'rgba(0,0,0,0.5)',\n colorBorderOuter: '#ddd',\n colorBorderOuterEnd: '#aaa',\n colorBorderMiddle: '#eee',\n colorBorderMiddleEnd: '#f0f0f0',\n colorBorderInner: '#fafafa',\n colorBorderInnerEnd: '#ccc',\n colorValueBoxRect: '#888',\n colorValueBoxRectEnd: '#666',\n colorValueBoxBackground: '#babab2',\n colorValueBoxShadow: 'rgba(0,0,0,1)',\n colorNeedleShadowUp: 'rgba(2,255,255,0.2)',\n colorNeedleShadowDown: 'rgba(188,143,143,0.45)',\n colorBarStroke: '#222',\n colorBar: '#ccc',\n colorBarProgress: '#888',\n colorBarShadow: '#000',\n\n fontNumbers: 'Arial',\n fontTitle: 'Arial',\n fontUnits: 'Arial',\n fontValue: 'Arial',\n\n fontNumbersSize: 20,\n fontTitleSize: 24,\n fontUnitsSize: 22,\n fontValueSize: 26,\n\n fontNumbersStyle: 'normal',\n fontTitleStyle: 'normal',\n fontUnitsStyle: 'normal',\n fontValueStyle: 'normal',\n\n fontNumbersWeight: 'normal',\n fontTitleWeight: 'normal',\n fontUnitsWeight: 'normal',\n fontValueWeight: 'normal',\n\n // needle\n needle: true,\n needleShadow: true,\n needleType: 'arrow',\n needleStart: 5,\n needleEnd: 85,\n needleWidth: 4,\n\n // borders\n borderOuterWidth: 3,\n borderMiddleWidth: 3,\n borderInnerWidth: 3,\n borderShadowWidth: 3,\n\n // value and highlights\n valueBox: true,\n valueBoxStroke: 5,\n valueBoxWidth: 0,\n valueText: '',\n valueTextShadow: true,\n valueBoxBorderRadius: 2.5,\n\n // highlights\n highlights: [{ from: 20, to: 60, color: '#eee' }, { from: 60, to: 80, color: '#ccc' }, { from: 80, to: 100, color: '#999' }],\n highlightsWidth: 15,\n\n // progress bar\n barWidth: 20, // percents\n barStrokeWidth: 0, // pixels\n barProgress: true,\n barShadow: 0\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Gauge collections type.\n *\n * It is used ES5 declaration here, because babel\n * transpiles inheritance incorrectly in this case.\n *\n * @class Collection\n * @constructor\n */\nfunction Collection() {\n Array.prototype.constructor.apply(this, arguments);\n}\n\nCollection.prototype = Object.create(Array.prototype);\nCollection.prototype.constructor = Collection;\n\n/**\n * Returns gauge object by its identifier or index in the collection\n *\n * @param {string|number} id\n * @return {*}\n */\nCollection.prototype.get = function (id) {\n if (typeof id === 'string') {\n var i = 0;\n var s = this.length;\n\n for (; i < s; i++) {\n var canvas = this[i].options.renderTo.tagName ? this[i].options.renderTo :\n /* istanbul ignore next: should be tested with e2e tests */\n document.getElementById(this[i].options.renderTo || '');\n\n if (canvas.getAttribute('id') === id) {\n return this[i];\n }\n }\n } else if (typeof id === 'number') {\n return this[id];\n }\n\n return null;\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar version = '2.1.1';\n\nvar round = Math.round;\nvar abs = Math.abs;\n\nvar gauges = new Collection();\n\ngauges.version = version;\n\n/**\n * Basic abstract BaseGauge class implementing common functionality\n * for different type of gauges.\n *\n * It should not be instantiated directly but must be extended by a final\n * gauge implementation.\n *\n * @abstract\n * @example\n *\n * class MyCoolGauge extends BaseGauge {\n *\n * // theses methods below MUST be implemented:\n *\n * constructor(options) {\n * // ... do something with options\n * super(options);\n * // ... implement anything else\n * }\n *\n * draw() {\n * // ... some implementation here\n * return this;\n * }\n * }\n */\n\nvar BaseGauge = function (_EventEmitter) {\n _inherits(BaseGauge, _EventEmitter);\n\n /**\n * Fired each time gauge is initialized on a page\n *\n * @event BaseGauge#init\n */\n\n /**\n * Fired each time gauge scene is rendered\n *\n * @event BaseGauge#render\n */\n\n /**\n * Fired each time gauge object is destroyed\n *\n * @event BaseGauge#destroy\n */\n\n /**\n * Fired each time before animation is started on the gauge\n *\n * @event BaseGauge#animationStart\n */\n\n /**\n * Fired each time animation scene is complete\n *\n * @event BaseGauge#animate\n * @type {number} percent\n * @type {number} value\n */\n\n /**\n * Fired each time animation is complete on the gauge\n *\n * @event BaseGauge#animationEnd\n */\n\n /**\n * @constructor\n * @abstract\n * @param {GenericOptions} options\n */\n function BaseGauge(options) {\n _classCallCheck(this, BaseGauge);\n\n var _this3 = _possibleConstructorReturn(this, (BaseGauge.__proto__ || Object.getPrototypeOf(BaseGauge)).call(this));\n\n var className = _this3.constructor.name;\n\n if (className === 'BaseGauge') {\n throw new TypeError('Attempt to instantiate abstract class!');\n }\n\n gauges.push(_this3);\n\n //noinspection JSUnresolvedVariable\n /**\n * Gauges version string\n *\n * @type {string}\n */\n _this3.version = version;\n\n /**\n * Gauge type class\n *\n * @type {BaseGauge} type\n */\n _this3.type = ns[className] || BaseGauge;\n\n /**\n * True if gauge has been drawn for the first time, false otherwise.\n *\n * @type {boolean}\n */\n _this3.initialized = false;\n\n options.minValue = parseFloat(options.minValue);\n options.maxValue = parseFloat(options.maxValue);\n options.value = parseFloat(options.value) || 0;\n\n if (!options.borders) {\n options.borderInnerWidth = options.borderMiddleWidth = options.borderOuterWidth = 0;\n }\n\n if (!options.renderTo) {\n throw TypeError('Canvas element was not specified when creating ' + 'the Gauge object!');\n }\n\n var canvas = options.renderTo.tagName ? options.renderTo :\n /* istanbul ignore next: to be tested with e2e tests */\n document.getElementById(options.renderTo);\n\n if (!(canvas instanceof HTMLCanvasElement)) {\n throw TypeError('Given gauge canvas element is invalid!');\n }\n\n options.width = parseFloat(options.width) || 0;\n options.height = parseFloat(options.height) || 0;\n\n if (!options.width || !options.height) {\n if (!options.width) options.width = canvas.parentNode ? canvas.parentNode.offsetWidth : canvas.offsetWidth;\n if (!options.height) options.height = canvas.parentNode ? canvas.parentNode.offsetHeight : canvas.offsetHeight;\n }\n\n /**\n * Gauge options\n *\n * @type {GenericOptions} options\n */\n _this3.options = options || {};\n\n if (_this3.options.animateOnInit) {\n _this3._value = _this3.options.value;\n _this3.options.value = _this3.options.minValue;\n }\n\n /**\n * @type {SmartCanvas} canvas\n */\n _this3.canvas = new SmartCanvas(canvas, options.width, options.height);\n _this3.canvas.onRedraw = _this3.draw.bind(_this3);\n\n /**\n * @type {Animation} animation\n */\n _this3.animation = new Animation(options.animationRule, options.animationDuration);\n return _this3;\n }\n\n /**\n * Sets new value for this gauge.\n * If gauge is animated by configuration it will trigger a proper animation.\n * Upsetting a value triggers gauge redraw.\n *\n * @param {number} value\n */\n\n\n _createClass(BaseGauge, [{\n key: 'update',\n\n\n /**\n * Updates gauge configuration options at runtime and redraws the gauge\n *\n * @param {RadialGaugeOptions} options\n * @returns {BaseGauge}\n */\n value: function update(options) {\n Object.assign(this.options, this.type.configure(options || {}));\n\n this.canvas.width = this.options.width;\n this.canvas.height = this.options.height;\n\n this.animation.rule = this.options.animationRule;\n this.animation.duration = this.options.animationDuration;\n\n this.canvas.redraw();\n\n return this;\n }\n\n /**\n * Performs destruction of this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = gauges.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n //noinspection JSUnresolvedFunction\n gauges.splice(index, 1);\n }\n\n this.canvas.destroy();\n this.canvas = null;\n\n this.animation.destroy();\n this.animation = null;\n\n this.emit('destroy');\n }\n\n /**\n * Returns gauges version string\n *\n * @return {string}\n */\n\n }, {\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @abstract\n * @returns {BaseGauge}\n */\n value: function draw() {\n if (this.options.animateOnInit && !this.initialized) {\n this.value = this._value;\n this.initialized = true;\n this.emit('init');\n }\n\n this.emit('render');\n\n return this;\n }\n\n /**\n * Inject given gauge object into DOM\n *\n * @param {string} type\n * @param {GenericOptions} options\n */\n\n }, {\n key: 'value',\n set: function set(value) {\n var _this4 = this;\n\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n var fromValue = this.options.value;\n\n if (value === fromValue) return;\n\n if (this.options.animation) {\n if (this.animation.frame) {\n // animation is already in progress -\n // forget related old animation value\n // @see https://github.com/Mikhus/canvas-gauges/issues/94\n delete this._value;\n }\n\n /**\n * @type {number}\n * @access private\n */\n if (this._value === undefined) {\n this._value = value;\n }\n\n this.emit('animationStart');\n\n this.animation.animate(function (percent) {\n _this4.options.value = fromValue + (value - fromValue) * percent;\n\n _this4.draw();\n\n _this4.emit('animate', percent, _this4.options.value);\n console.log('animation progress', _this4.options.value, _this4._value);\n }, function () {\n if (_this4._value !== undefined) {\n _this4.options.value = _this4._value;\n delete _this4._value;\n }\n\n _this4.draw();\n _this4.emit('animationEnd');\n console.log('animation end');\n });\n } else {\n this.options.value = value;\n this.draw();\n }\n }\n\n /**\n * Returns current value of the gauge\n *\n * @return {number}\n */\n ,\n get: function get() {\n return typeof this._value === 'undefined' ? this.options.value : this._value;\n }\n\n /**\n * Updates gauge options\n *\n * @param {*} options\n * @return {BaseGauge}\n * @access protected\n */\n\n }], [{\n key: 'configure',\n value: function configure(options) {\n return options;\n }\n }, {\n key: 'initialize',\n value: function initialize(type, options) {\n return new DomObserver(options, 'canvas', type);\n }\n\n /**\n * Initializes gauge from a given HTML element\n * (given element should be valid HTML canvas gauge definition)\n *\n * @param {HTMLElement} element\n */\n\n }, {\n key: 'fromElement',\n value: function fromElement(element) {\n var type = DomObserver.toCamelCase(element.getAttribute('data-type'));\n var attributes = element.attributes;\n var i = 0;\n var s = attributes.length;\n var options = {};\n\n if (!type) {\n return;\n }\n\n if (!/Gauge$/.test(type)) {\n type += 'Gauge';\n }\n\n for (; i < s; i++) {\n options[DomObserver.toCamelCase(attributes[i].name.replace(/^data-/, ''), false)] = DomObserver.parse(attributes[i].value);\n }\n\n new DomObserver(options, element.tagName, type).process(element);\n }\n\n /**\n * Ensures value is proper number\n *\n * @param {*} value\n * @param {number} min\n * @return {number}\n */\n\n }, {\n key: 'ensureValue',\n value: function ensureValue(value) {\n var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n value = parseFloat(value);\n\n if (isNaN(value) || !isFinite(value)) {\n value = parseFloat(min) || 0;\n }\n\n return value;\n }\n }, {\n key: 'version',\n get: function get() {\n return version;\n }\n }]);\n\n return BaseGauge;\n}(EventEmitter);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['BaseGauge'] = BaseGauge;\n ns['gauges'] = (window.document || {})['gauges'] = gauges;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @access private\n * @typedef {CanvasRenderingContext2D|{max: number, maxRadius: number, barDimensions: object}} Canvas2DContext\n */\n\n/* istanbul ignore next: private, not testable */\n/**\n * Examines if a given error is something to throw or to ignore\n *\n * @param {Error} err\n */\nfunction verifyError(err) {\n // there is some unpredictable error in FF in some circumstances\n // which we found simply safe to ignore than to fight with it\n // noinspection JSUnresolvedVariable\n if (err instanceof DOMException && err.result === 0x8053000b) {\n return; // ignore it\n }\n\n throw err;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Prepares major ticks data\n *\n * @access private\n * @param {GenericOptions|{ tickSide: string }} options\n * @return {[boolean, boolean]}\n */\nfunction prepareTicks(options) {\n if (!(options.majorTicks instanceof Array)) {\n options.majorTicks = options.majorTicks ? [options.majorTicks] : [];\n }\n\n if (!options.majorTicks.length) {\n options.majorTicks.push(drawings.formatMajorTickNumber(options.minValue, options));\n options.majorTicks.push(drawings.formatMajorTickNumber(options.maxValue, options));\n }\n\n return [options.tickSide !== 'right', options.tickSide !== 'left'];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rounded corners rectangle\n *\n * @param {Canvas2DContext} context\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @param {number} r\n */\nfunction roundRect(context, x, y, w, h, r) {\n context.beginPath();\n\n context.moveTo(x + r, y);\n context.lineTo(x + w - r, y);\n\n context.quadraticCurveTo(x + w, y, x + w, y + r);\n context.lineTo(x + w, y + h - r);\n\n context.quadraticCurveTo(x + w, y + h, x + w - r, y + h);\n context.lineTo(x + r, y + h);\n\n context.quadraticCurveTo(x, y + h, x, y + h - r);\n context.lineTo(x, y + r);\n\n context.quadraticCurveTo(x, y, x + r, y);\n\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Pads a given value with leading zeros using the given options\n *\n * @param {number} val\n * @param {RadialGaugeOptions|{valueInt: number, valueDec: number}} options\n * @returns {string}\n */\nfunction padValue(val, options) {\n var dec = options.valueDec;\n var int = options.valueInt;\n var i = 0;\n var s = void 0,\n strVal = void 0,\n n = void 0;\n\n val = parseFloat(val);\n n = val < 0;\n val = Math.abs(val);\n\n if (dec > 0) {\n strVal = val.toFixed(dec).toString().split('.');\n s = int - strVal[0].length;\n\n for (; i < s; ++i) {\n strVal[0] = '0' + strVal[0];\n }\n\n strVal = (n ? '-' : '') + strVal[0] + '.' + strVal[1];\n } else {\n strVal = Math.round(val).toString();\n s = int - strVal.length;\n\n for (; i < s; ++i) {\n strVal = '0' + strVal;\n }\n\n strVal = (n ? '-' : '') + strVal;\n }\n\n return strVal;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Formats a number for display on the dial's plate using the majorTicksFormat\n * config option.\n *\n * @param {number} num number to format\n * @param {object} options\n * @returns {string} formatted number\n */\nfunction formatMajorTickNumber(num, options) {\n var right = void 0,\n hasDec = false;\n\n // First, force the correct number of digits right of the decimal.\n if (options.majorTicksDec === 0) {\n right = Math.round(num).toString();\n } else {\n right = num.toFixed(options.majorTicksDec);\n }\n\n // Second, force the correct number of digits left of the decimal.\n if (options.majorTicksInt > 1) {\n // Does this number have a decimal?\n hasDec = ~right.indexOf('.');\n\n // Is this number a negative number?\n if (~right.indexOf('-')) {\n return '-' + [options.majorTicksInt + options.majorTicksDec + 2 + (hasDec ? 1 : 0) - right.length].join('0') + right.replace('-', '');\n } else {\n return [options.majorTicksInt + options.majorTicksDec + 1 + (hasDec ? 1 : 0) - right.length].join('0') + right;\n }\n }\n\n return right;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Transforms degrees to radians\n *\n * @param {number} degrees\n * @returns {number}\n */\nfunction radians(degrees) {\n return degrees * Math.PI / 180;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns radial point coordinates\n *\n * @param {number} radius\n * @param {number} angle\n * @returns {{x: number, y: number}}\n */\nfunction radialPoint(radius, angle) {\n return { x: -radius * Math.sin(angle), y: radius * Math.cos(angle) };\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Creates and returns linear gradient canvas object\n *\n * @param {Canvas2DContext} context\n * @param {string} colorFrom\n * @param {string} colorTo\n * @param {number} length\n * @param {boolean} [isVertical]\n * @param {number} [from]\n * @returns {CanvasGradient}\n */\nfunction linearGradient(context, colorFrom, colorTo, length) {\n var isVertical = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;\n var from = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n var grad = context.createLinearGradient(isVertical ? 0 : from, isVertical ? from : 0, isVertical ? 0 : length, isVertical ? length : 0);\n\n grad.addColorStop(0, colorFrom);\n grad.addColorStop(1, colorTo);\n\n return grad;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws the shadow if it was not drawn\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {boolean} shadowDrawn\n * @return {boolean}\n */\nfunction drawShadow(context, options) {\n var shadowDrawn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n if (shadowDrawn) {\n context.restore();\n return true;\n }\n\n context.save();\n\n var w = options.borderShadowWidth;\n\n if (w) {\n context.shadowBlur = w;\n context.shadowColor = options.colorBorderShadow;\n }\n\n return true;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle shadow\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawNeedleShadow(context, options) {\n if (!options.needleShadow) return;\n\n context.shadowOffsetX = 2;\n context.shadowOffsetY = 2;\n context.shadowBlur = 10;\n context.shadowColor = options.colorNeedleShadowDown;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Constructs font styles for canvas fonts\n *\n * @param {GenericOptions} options\n * @param {string} target\n * @param {number} baseSize\n */\nfunction font(options, target, baseSize) {\n return options['font' + target + 'Style'] + ' ' + options['font' + target + 'Weight'] + ' ' + options['font' + target + 'Size'] * baseSize + 'px ' + options['font' + target];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Resets some context settings\n *\n * @param {Canvas2DContext} context\n */\nfunction reset(context) {\n context.shadowOffsetX = null;\n context.shadowOffsetY = null;\n context.shadowBlur = null;\n context.shadowColor = '';\n context.strokeStyle = null;\n context.lineWidth = 0;\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Declares to drow value text shadow if configured\n *\n * @param context\n * @param options\n * @param offset\n * @param blur\n */\nfunction drawValueTextShadow(context, options, offset, blur) {\n if (options.valueTextShadow) {\n context.shadowOffsetX = offset;\n context.shadowOffsetY = offset;\n context.shadowBlur = blur;\n context.shadowColor = options.colorValueTextShadow;\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box at given position\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {number|string} value\n * @param {number} x\n * @param {number} y\n * @param {number} max\n */\nfunction drawValueBox(context, options, value, x, y, max) {\n if (!options.valueBox) return;\n\n reset(context);\n\n var text = options.valueText || padValue(value, options);\n var tunit = max / 200;\n var runit = max / 100;\n var offset = 0.4 * runit;\n var blur = 1.2 * runit;\n\n context.font = font(options, 'Value', tunit);\n drawValueTextShadow(context, options, offset, blur);\n\n var tw = context.measureText(options.valueText ? text : '-' + padValue(0, options)).width;\n\n reset(context);\n\n var th = parseFloat(options.fontValueSize) * tunit + offset + blur;\n var sw = runit * parseFloat(options.valueBoxStroke);\n var bmax = max * 2 - sw * 2;\n\n var bw = tw + 10 * runit;\n var bh = 1.1 * th + offset + blur;\n var br = runit * options.valueBoxBorderRadius;\n var obw = (parseFloat(options.valueBoxWidth) || 0) / 100 * bmax;\n\n obw > bw && (bw = obw);\n bw > bmax && (bw = bmax);\n\n var bx = x - bw / 2;\n var by = y - bh / 2;\n var gy = y - 5.75 * runit;\n\n context.beginPath();\n\n if (br) roundRect(context, bx, by, bw, bh, br);else context.rect(bx, by, bw, bh);\n\n if (sw) {\n var grd = context.createRadialGradient(x, gy, runit * 10, x, gy, runit * 20);\n\n grd.addColorStop(0, options.colorValueBoxRect);\n grd.addColorStop(1, options.colorValueBoxRectEnd);\n\n context.strokeStyle = grd;\n context.lineWidth = sw;\n context.stroke();\n }\n\n if (options.colorValueBoxShadow) {\n context.shadowBlur = 1.2 * runit;\n context.shadowColor = options.colorValueBoxShadow;\n }\n\n if (options.colorValueBoxBackground) {\n context.fillStyle = options.colorValueBoxBackground;\n context.fill();\n }\n\n context.closePath();\n context.restore();\n\n drawValueTextShadow(context, options, offset, blur);\n\n context.fillStyle = options.colorValueText;\n context.textAlign = 'center';\n context.textBaseline = 'alphabetic';\n context.fillText(text, bx + bw / 2, y + bh / 2 - th / 3);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns normalized value\n *\n * @param {GenericOptions} options\n * @return {{normal: number, indented: number}}\n */\nfunction normalizedValue(options) {\n var value = options.value;\n var min = options.minValue;\n var max = options.maxValue;\n var dt = (max - min) * 0.01;\n\n return {\n normal: value < min ? min : value > max ? max : value,\n indented: value < min ? min - dt : value > max ? max + dt : value\n };\n}\n\nvar drawings = {\n roundRect: roundRect,\n padValue: padValue,\n formatMajorTickNumber: formatMajorTickNumber,\n radians: radians,\n radialPoint: radialPoint,\n linearGradient: linearGradient,\n drawNeedleShadow: drawNeedleShadow,\n drawValueBox: drawValueBox,\n verifyError: verifyError,\n prepareTicks: prepareTicks,\n drawShadow: drawShadow,\n font: font,\n normalizedValue: normalizedValue\n};\n\ndrawings;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar PI = Math.PI;\nvar HPI = PI / 2;\n\n/**\n * Gauge configuration options\n *\n * @typedef {GenericOptions|{ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean}} RadialGaugeOptions\n */\n\n/**\n * Default gauge configuration options\n *\n * @access private\n * @type {RadialGaugeOptions}\n */\nvar defaultRadialGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n ticksAngle: 270,\n startAngle: 45,\n\n // colors\n colorNeedleCircleOuter: '#f0f0f0',\n colorNeedleCircleOuterEnd: '#ccc',\n colorNeedleCircleInner: '#e8e8e8',\n colorNeedleCircleInnerEnd: '#f5f5f5',\n\n // needle\n needleCircleSize: 10,\n needleCircleInner: true,\n needleCircleOuter: true,\n\n // custom animations\n animationTarget: 'needle', // 'needle' or 'plate'\n useMinPath: false,\n\n barWidth: 0\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gradient-filled circle on a canvas\n *\n * @access private\n * @param {number} radius\n * @param {number} width\n * @param {Canvas2DContext} context\n * @param {string} start gradient start color\n * @param {string} end gradient end color\n */\nfunction drawRadialBorder(radius, width, context, start, end) {\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(radius), 0, PI * 2, true);\n context.lineWidth = width;\n context.strokeStyle = end ? drawings.linearGradient(context, start, end, radius) : start;\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns max radius without borders for the gauge\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @return {number}\n */\nfunction maxRadialRadius(context, options) {\n if (!context.maxRadius) {\n context.maxRadius = context.max - options.borderShadowWidth - options.borderOuterWidth - options.borderMiddleWidth - options.borderInnerWidth + (options.borderOuterWidth ? 0.5 : 0) + (options.borderMiddleWidth ? 0.5 : 0) + (options.borderInnerWidth ? 0.5 : 0);\n }\n\n return context.maxRadius;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge plate on the canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialPlate(context, options) {\n var d0 = options.borderShadowWidth;\n var r0 = context.max - d0 - options.borderOuterWidth / 2;\n var r1 = r0 - options.borderOuterWidth / 2 - options.borderMiddleWidth / 2 + 0.5;\n var r2 = r1 - options.borderMiddleWidth / 2 - options.borderInnerWidth / 2 + 0.5;\n var r3 = maxRadialRadius(context, options);\n var grad = void 0;\n var shadowDrawn = false;\n\n context.save();\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r0, options.borderOuterWidth, context, options.colorBorderOuter, options.colorBorderOuterEnd);\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r1, options.borderMiddleWidth, context, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r2, options.borderInnerWidth, context, options.colorBorderInner, options.colorBorderInnerEnd);\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(r3), 0, PI * 2, true);\n\n if (options.colorPlateEnd) {\n grad = context.createRadialGradient(0, 0, r3 / 2, 0, 0, r3);\n grad.addColorStop(0, options.colorPlate);\n grad.addColorStop(1, options.colorPlateEnd);\n } else {\n grad = options.colorPlate;\n }\n\n context.fillStyle = grad;\n\n context.fill();\n context.closePath();\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge highlight areas on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialHighlights(context, options) {\n var hlWidth = context.max * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!hlWidth) return;\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options) - hlWidth / 2);\n var i = 0,\n s = options.highlights.length;\n var vd = (options.maxValue - options.minValue) / options.ticksAngle;\n\n context.save();\n\n for (; i < s; i++) {\n var hlt = options.highlights[i];\n\n context.beginPath();\n\n context.rotate(HPI);\n context.arc(0, 0, r, drawings.radians(options.startAngle + (hlt.from - options.minValue) / vd), drawings.radians(options.startAngle + (hlt.to - options.minValue) / vd), false);\n context.strokeStyle = hlt.color;\n context.lineWidth = hlWidth;\n context.stroke();\n context.closePath();\n\n context.restore();\n context.save();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks bar on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMinorTicks(context, options) {\n var radius = radialTicksRadius(context, options);\n\n context.lineWidth = SmartCanvas.pixelRatio;\n context.strokeStyle = options.colorMinorTicks;\n\n context.save();\n\n var s = options.minorTicks * (options.majorTicks.length - 1);\n var i = 0;\n\n for (; i < s; ++i) {\n var angle = options.startAngle + i * (options.ticksAngle / s);\n\n context.rotate(drawings.radians(angle));\n\n context.beginPath();\n context.moveTo(0, radius);\n context.lineTo(0, radius - context.max * 0.075);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns ticks radius\n *\n * @access private\n * @param context\n * @param options\n * @return {number}\n */\nfunction radialTicksRadius(context, options) {\n var unit = context.max / 100;\n\n return maxRadialRadius(context, options) - 5 * unit - (options.barWidth ? (parseFloat(options.barStrokeWidth) || 0) * 2 + ((parseFloat(options.barWidth) || 0) + 5) * unit : 0);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge major ticks bar on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMajorTicks(context, options) {\n drawings.prepareTicks(options);\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options));\n var i = void 0,\n colors = void 0;\n var s = options.majorTicks.length;\n var pixelRatio = SmartCanvas.pixelRatio;\n\n context.lineWidth = 2 * pixelRatio;\n context.save();\n\n colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(s).fill(options.colorMajorTicks);\n\n i = 0;\n for (; i < s; ++i) {\n context.strokeStyle = colors[i];\n context.rotate(drawings.radians(radialNextAngle(options, i, s)));\n\n context.beginPath();\n context.moveTo(0, r);\n context.lineTo(0, r - context.max * 0.15);\n closeStrokedPath(context);\n }\n\n if (options.strokeTicks) {\n context.strokeStyle = colors[0];\n context.rotate(HPI);\n\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\nfunction radialNextAngle(options, i, s) {\n return options.startAngle + i * (options.ticksAngle / (s - 1));\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Strokes, closes path and restores previous context state\n *\n * @param {Canvas2DContext} context\n */\nfunction closeStrokedPath(context) {\n context.stroke();\n context.restore();\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar numbers\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNumbers(context, options) {\n var radius = radialTicksRadius(context, options) - context.max * 0.25;\n var points = {};\n var i = 0;\n var s = options.majorTicks.length;\n var isAnimated = options.animationTarget !== 'needle';\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(s).fill(options.colorNumbers);\n\n var plateValueAngle = isAnimated ? -(options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle : 0;\n\n if (isAnimated) {\n context.save();\n context.rotate(-drawings.radians(plateValueAngle));\n }\n\n for (; i < s; ++i) {\n var angle = plateValueAngle + radialNextAngle(options, i, s);\n var point = drawings.radialPoint(radius, drawings.radians(angle));\n\n if (angle === 360) angle = 0;\n\n if (points[angle]) {\n continue; //already drawn at this place, skipping\n }\n\n points[angle] = true;\n\n context.font = drawings.font(options, 'Numbers', context.max / 200);\n context.fillStyle = colors[i];\n context.lineWidth = 0;\n context.textAlign = 'center';\n context.fillText(options.majorTicks[i], point.x, point.y + 3);\n }\n\n isAnimated && context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge title\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialTitle(context, options) {\n if (!options.title) return;\n\n context.save();\n context.font = drawings.font(options, 'Title', context.max / 200);\n context.fillStyle = options.colorTitle;\n context.textAlign = 'center';\n context.fillText(options.title, 0, -context.max / 4.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws units name on the gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialUnits(context, options) {\n if (!options.units) return;\n\n context.save();\n context.font = drawings.font(options, 'Units', context.max / 200);\n context.fillStyle = options.colorUnits;\n context.textAlign = 'center';\n context.fillText(options.units, 0, context.max / 3.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNeedle(context, options) {\n if (!options.needle) return;\n\n var value = options.ticksAngle < 360 ? drawings.normalizedValue(options).indented : options.value;\n var max = maxRadialRadius(context, options);\n //noinspection JSUnresolvedFunction\n var r1 = abs(max / 100 * options.needleCircleSize);\n //noinspection JSUnresolvedFunction\n var r2 = abs(max / 100 * options.needleCircleSize * 0.75);\n //noinspection JSUnresolvedFunction\n var rIn = abs(max / 100 * options.needleEnd);\n //noinspection JSUnresolvedFunction\n var rStart = abs(options.needleStart ? max / 100 * options.needleStart : 0);\n //noinspection JSUnresolvedFunction\n var rOut = abs(max * 0.2);\n var pad1 = max / 100 * options.needleWidth;\n var pad2 = max / 100 * options.needleWidth / 2;\n var pixelRatio = SmartCanvas.pixelRatio;\n var isFixed = options.animationTarget !== 'needle';\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n context.rotate(drawings.radians(isFixed ? options.startAngle : options.startAngle + (value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle));\n\n context.fillStyle = drawings.linearGradient(context, options.colorNeedle, options.colorNeedleEnd, rIn - rOut);\n\n if (options.needleType === 'arrow') {\n context.beginPath();\n context.moveTo(-pad2, -rOut);\n context.lineTo(-pad1, 0);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(pixelRatio, rIn);\n context.lineTo(pad1, 0);\n context.lineTo(pad2, -rOut);\n context.closePath();\n context.fill();\n\n context.beginPath();\n context.lineTo(-0.5 * pixelRatio, rIn);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(-pad1, 0);\n context.lineTo(-pad2, -rOut);\n context.lineTo(pad2 / 2 * pixelRatio - 2 * pixelRatio, -rOut);\n context.closePath();\n context.fillStyle = options.colorNeedleShadowUp;\n context.fill();\n } else {\n // simple line needle\n context.beginPath();\n context.moveTo(-pad2, rIn);\n context.lineTo(-pad2, rStart);\n context.lineTo(pad2, rStart);\n context.lineTo(pad2, rIn);\n context.closePath();\n context.fill();\n }\n\n if (options.needleCircleSize) {\n context.restore();\n\n drawings.drawNeedleShadow(context, options);\n\n if (options.needleCircleOuter) {\n context.beginPath();\n context.arc(0, 0, r1, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleOuter, options.colorNeedleCircleOuterEnd, r1);\n context.fill();\n context.closePath();\n }\n\n if (options.needleCircleInner) {\n context.beginPath();\n context.arc(0, 0, r2, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleInner, options.colorNeedleCircleInnerEnd, r2);\n context.fill();\n context.closePath();\n }\n\n context.restore();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge value box\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @param {number} value\n */\nfunction drawRadialValueBox(context, options, value) {\n drawings.drawValueBox(context, options, value, 0, context.max - context.max * 0.33, context.max);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge progress bar\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialProgressBar(context, options) {\n var unit = context.max / 100;\n var rMax = maxRadialRadius(context, options) - 5 * unit;\n var sw = parseFloat(options.barStrokeWidth) || 0;\n var w = (parseFloat(options.barWidth) || 0) * unit;\n var rMin = rMax - sw * 2 - w;\n var half = (rMax - rMin) / 2;\n var r = rMin + half;\n var delta = sw / r;\n var sa = options.startAngle;\n var ea = options.startAngle + options.ticksAngle;\n\n context.save();\n context.rotate(HPI);\n\n if (sw) {\n // draw stroke\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa) - delta, drawings.radians(ea) + delta, false);\n context.strokeStyle = options.colorBarStroke;\n context.lineWidth = half * 2;\n context.stroke();\n context.closePath();\n }\n\n if (w) {\n // draw bar\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(ea), false);\n context.strokeStyle = options.colorBar;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n\n if (options.barShadow) {\n // draw shadow\n context.beginPath();\n context.arc(0, 0, rMax, drawings.radians(sa), drawings.radians(ea), false);\n context.clip();\n\n context.beginPath();\n context.strokeStyle = options.colorBar;\n context.lineWidth = 1;\n context.shadowBlur = options.barShadow;\n context.shadowColor = options.colorBarShadow;\n context.shadowOffsetX = 0;\n context.shadowOffsetY = 0;\n context.arc(0, 0, rMax, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n context.stroke();\n context.closePath();\n\n context.restore();\n context.rotate(HPI);\n }\n\n // draw bar progress\n if (options.barProgress) {\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(sa + (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle), false);\n context.strokeStyle = options.colorBarProgress;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n }\n }\n\n context.restore();\n}\n\n/**\n * Find and return gauge value to display\n *\n * @param {RadialGauge} gauge\n */\nfunction displayValue(gauge) {\n if (gauge.options.animatedValue) {\n return gauge.options.value;\n }\n\n return gauge.value;\n}\n\n/**\n * Minimalistic HTML5 Canvas Gauge\n * @example\n * var gauge = new RadialGauge({\n * renderTo: 'gauge-id', // identifier of HTML canvas element or element itself\n * width: 400,\n * height: 400,\n * units: 'Km/h',\n * title: false,\n * value: 0,\n * minValue: 0,\n * maxValue: 220,\n * majorTicks: [\n * '0','20','40','60','80','100','120','140','160','180','200','220'\n * ],\n * minorTicks: 2,\n * strokeTicks: false,\n * highlights: [\n * { from: 0, to: 50, color: 'rgba(0,255,0,.15)' },\n * { from: 50, to: 100, color: 'rgba(255,255,0,.15)' },\n * { from: 100, to: 150, color: 'rgba(255,30,0,.25)' },\n * { from: 150, to: 200, color: 'rgba(255,0,225,.25)' },\n * { from: 200, to: 220, color: 'rgba(0,0,255,.25)' }\n * ],\n * colorPlate: '#222',\n * colorMajorTicks: '#f5f5f5',\n * colorMinorTicks: '#ddd',\n * colorTitle: '#fff',\n * colorUnits: '#ccc',\n * colorNumbers: '#eee',\n * colorNeedleStart: 'rgba(240, 128, 128, 1)',\n * colorNeedleEnd: 'rgba(255, 160, 122, .9)',\n * valueBox: true,\n * animationRule: 'bounce'\n * });\n * // draw initially\n * gauge.draw();\n * // animate\n * setInterval(() => {\n * gauge.value = Math.random() * -220 + 220;\n * }, 1000);\n */\n\nvar RadialGauge = function (_BaseGauge) {\n _inherits(RadialGauge, _BaseGauge);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event RadialGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event RadialGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event RadialGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event RadialGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event RadialGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event RadialGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event RadialGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event RadialGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event RadialGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event RadialGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {RadialGaugeOptions} options\n */\n function RadialGauge(options) {\n _classCallCheck(this, RadialGauge);\n\n options = Object.assign({}, defaultRadialGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (RadialGauge.__proto__ || Object.getPrototypeOf(RadialGauge)).call(this, RadialGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(RadialGauge, [{\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @returns {RadialGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref[0];\n var y = _ref[1];\n var w = _ref[2];\n var h = _ref[3];\n\n var options = this.options;\n\n if (options.animationTarget === 'needle') {\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(context, options);\n this.emit('beforeHighlights');\n drawRadialHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(context, options);\n this.emit('beforeTitle');\n drawRadialTitle(context, options);\n this.emit('beforeUnits');\n drawRadialUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n this.emit('beforeNeedle');\n drawRadialNeedle(canvas.context, options);\n } else {\n var plateValueAngle = -drawings.radians((options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle);\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(canvas.context, options);\n\n canvas.context.rotate(plateValueAngle);\n\n // animated\n this.emit('beforeHighlights');\n drawRadialHighlights(canvas.context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(canvas.context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(canvas.context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(canvas.context, options);\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n\n // non-animated\n canvas.context.rotate(-plateValueAngle);\n canvas.context.save();\n\n if (!canvas.elementClone.initialized) {\n var _context = canvas.contextClone;\n\n // clear the cache\n _context.clearRect(x, y, w, h);\n _context.save();\n\n this.emit('beforeTitle');\n drawRadialTitle(_context, options);\n this.emit('beforeUnits');\n drawRadialUnits(_context, options);\n this.emit('beforeNeedle');\n drawRadialNeedle(_context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n }\n\n // value box animations\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n\n _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }, {\n key: 'value',\n\n\n /**\n * Sets the value for radial gauge\n *\n * @param {number} value\n */\n set: function set(value) {\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n if (this.options.animation && this.options.ticksAngle === 360 && this.options.useMinPath) {\n this._value = value;\n value = this.options.value + ((value - this.options.value) % 360 + 540) % 360 - 180;\n }\n\n _set(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', value, this);\n }\n\n /**\n * Returns current gauge value\n *\n * @return {number}\n */\n ,\n get: function get() {\n return _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', this);\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n if (options.barWidth > 50) options.barWidth = 50;\n\n /* istanbul ignore if */\n if (isNaN(options.startAngle)) options.startAngle = 45;\n /* istanbul ignore if */\n if (isNaN(options.ticksAngle)) options.ticksAngle = 270;\n\n /* istanbul ignore if */\n if (options.ticksAngle > 360) options.ticksAngle = 360;\n /* istanbul ignore if */\n if (options.ticksAngle < 0) options.ticksAngle = 0;\n\n /* istanbul ignore if */\n if (options.startAngle < 0) options.startAngle = 0;\n /* istanbul ignore if */\n if (options.startAngle > 360) options.startAngle = 360;\n\n return options;\n }\n }]);\n\n return RadialGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['RadialGauge'] = RadialGauge;\n}\n\nBaseGauge.initialize('RadialGauge', defaultRadialGaugeOptions);\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Linear gauge configuration options\n *\n * @typedef {GenericOptions|{borderRadius: number, barBeginCircle: number, tickSide: string, needleSide: string, numberSide: string, ticksWidth: number, ticksWidthMinor: number, ticksPadding: number, barLength: number, colorBarEnd: string, colorBarProgressEnd: string}} LinearGaugeOptions\n */\n\n/**\n * Default linear gauge configuration options\n *\n * @type {LinearGaugeOptions}\n */\nvar defaultLinearGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n borderRadius: 0,\n // width: 150,\n // height: 400,\n\n // bar\n barBeginCircle: 30, // percents\n colorBarEnd: '',\n colorBarProgressEnd: '',\n\n needleWidth: 6,\n\n tickSide: 'both', // available: 'left', 'right', 'both'\n needleSide: 'both', // available: 'left', 'right', 'both'\n\n numberSide: 'both', // available: 'left', 'right', 'both'\n\n ticksWidth: 10,\n ticksWidthMinor: 5,\n ticksPadding: 5,\n barLength: 85,\n fontTitleSize: 26,\n\n highlightsWidth: 10\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawRectangle(context, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.fillStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, w > h ? w : h, h > w, w > h ? x : y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} width width of the border\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawLinearBorder(context, width, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.lineWidth = width;\n context.strokeStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, h, true, y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge plate\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearPlate(context, options, x, y, w, h) {\n context.save();\n\n var r = options.borderRadius;\n var w1 = w - options.borderShadowWidth - options.borderOuterWidth;\n var w2 = w1 - options.borderOuterWidth - options.borderMiddleWidth;\n var w3 = w2 - options.borderMiddleWidth - options.borderInnerWidth;\n var w4 = w3 - options.borderInnerWidth;\n\n var h1 = h - options.borderShadowWidth - options.borderOuterWidth;\n var h2 = h1 - options.borderOuterWidth - options.borderMiddleWidth;\n var h3 = h2 - options.borderMiddleWidth - options.borderInnerWidth;\n var h4 = h3 - options.borderInnerWidth;\n\n var x2 = x - (w2 - w1) / 2;\n var x3 = x2 - (w3 - w2) / 2;\n var x4 = x3 - (w4 - w3) / 2;\n\n var y2 = y - (h2 - h1) / 2;\n var y3 = y2 - (h3 - h2) / 2;\n var y4 = y3 - (h4 - h3) / 2;\n var aliasingOffset = 0;\n var shadowDrawn = false;\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderOuterWidth, r, x + options.borderOuterWidth / 2 - aliasingOffset, y + options.borderOuterWidth / 2 - aliasingOffset, w1, h1, options.colorBorderOuter, options.colorBorderOuterEnd);\n aliasingOffset += 0.5;\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderMiddleWidth, r -= 1 + aliasingOffset * 2, x2 + options.borderMiddleWidth / 2 - aliasingOffset, y2 + options.borderMiddleWidth / 2 - aliasingOffset, w2 + aliasingOffset * 2, h2 + aliasingOffset * 2, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n aliasingOffset += 0.5;\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderInnerWidth, r -= 1 + aliasingOffset * 2, x3 + options.borderInnerWidth / 2 - aliasingOffset, y3 + options.borderInnerWidth / 2 - aliasingOffset, w3 + aliasingOffset * 2, h3 + aliasingOffset * 2, options.colorBorderInner, options.colorBorderInnerEnd);\n aliasingOffset += 0.5;\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n drawRectangle(context, r, x4, y4, w4 + aliasingOffset * 2, h4 + aliasingOffset * 2, options.colorPlate, options.colorPlateEnd);\n\n context.restore();\n\n return [x4, y4, w4, h4];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns linear gauge base bar dimensions.\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions|{barStrokeWidth: number, barBeginCircle: number, barWidth: number, hasLeft: boolean, hasRight: boolean}} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @return {{isVertical: boolean, width: number, length: number, barWidth: number, barLength: number, strokeWidth: number, barMargin: number, radius: number, x0: number, y0: number, barOffset: number, titleMargin: number, unitsMargin: number, X: number, Y: number, baseX: number, baseY: number, ticksPadding: number}}\n */\nfunction barDimensions(context, options, x, y, w, h) {\n var pixelRatio = SmartCanvas.pixelRatio;\n var isVertical = h >= w;\n var width = isVertical ? w * 0.85 : h;\n var length = isVertical ? h : w;\n\n //noinspection JSUnresolvedFunction\n x = isVertical ? round(x + (w - width) / 2) : x;\n\n var hasTitle = !!options.title;\n var hasUnits = !!options.units;\n var hasValue = !!options.valueBox;\n\n var titleMargin = void 0;\n var unitsMargin = void 0;\n var valueMargin = void 0;\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n unitsMargin = round(length * 0.05);\n //noinspection JSUnresolvedFunction\n titleMargin = round(length * 0.075);\n //noinspection JSUnresolvedFunction\n valueMargin = round(length * 0.11);\n\n if (hasTitle) {\n length -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) length -= unitsMargin;\n if (hasValue) length -= valueMargin;\n } else {\n //noinspection JSUnresolvedFunction\n unitsMargin = titleMargin = round(width * 0.15);\n\n if (hasTitle) {\n width -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) width -= unitsMargin;\n }\n\n var strokeWidth = options.barStrokeWidth * 2;\n //noinspection JSUnresolvedFunction\n var radius = options.barBeginCircle ? round(width * options.barBeginCircle / 200 - strokeWidth / 2) : 0;\n //noinspection JSUnresolvedFunction\n var barWidth = round(width * options.barWidth / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barLength = round(length * options.barLength / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barMargin = round((length - barLength) / 2);\n\n // coordinates for arc of the bar if configured\n //noinspection JSUnresolvedFunction\n var x0 = round(x + (isVertical ? width / 2 : barMargin + radius));\n //noinspection JSUnresolvedFunction\n var y0 = round(y + (isVertical ? length - barMargin - radius + strokeWidth / 2 : width / 2));\n var dx = isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n var dy = !isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n\n //noinspection JSUndefinedPropertyAssignment\n context.barDimensions = {\n isVertical: isVertical,\n width: width,\n length: length,\n barWidth: barWidth,\n barLength: barLength,\n strokeWidth: strokeWidth,\n barMargin: barMargin,\n radius: radius,\n pixelRatio: pixelRatio,\n barOffset: null,\n titleMargin: hasTitle ? titleMargin : 0,\n unitsMargin: hasUnits ? unitsMargin : 0,\n get ticksLength() {\n return this.barLength - this.barOffset - this.strokeWidth;\n },\n X: x + dx,\n Y: y + dy,\n x0: x0 + dx,\n y0: y0 + dy,\n baseX: x,\n baseY: y,\n ticksPadding: options.ticksPadding / 100\n };\n\n return context.barDimensions;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws bar shape from the given options on a given canvas context\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {string} type\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearBarShape(context, options, type, x, y, w, h) {\n var _barDimensions = barDimensions(context, options, x, y, w, h);\n\n var isVertical = _barDimensions.isVertical;\n var width = _barDimensions.width;\n var barWidth = _barDimensions.barWidth;\n var barLength = _barDimensions.barLength;\n var strokeWidth = _barDimensions.strokeWidth;\n var barMargin = _barDimensions.barMargin;\n var radius = _barDimensions.radius;\n var x0 = _barDimensions.x0;\n var y0 = _barDimensions.y0;\n var X = _barDimensions.X;\n var Y = _barDimensions.Y;\n\n var fullBarLength = barLength;\n\n context.save();\n context.beginPath();\n\n if (options.barBeginCircle) {\n var direction = drawings.radians(isVertical ? 270 : 0);\n var alpha = Math.asin(barWidth / 2 / radius);\n var cosAlpha = Math.cos(alpha);\n var sinAlpha = Math.sin(alpha);\n\n var x1 = x0 + (isVertical ? radius * sinAlpha : radius * cosAlpha - strokeWidth / 2);\n var y1 = isVertical ? y0 - radius * cosAlpha : y0 + radius * sinAlpha;\n //noinspection JSUnresolvedFunction\n var cutRadius = isVertical ? abs(y1 - y0) : abs(x1 - x0);\n\n //noinspection JSUnresolvedFunction\n context.barDimensions.barOffset = round(cutRadius + radius);\n\n // bottom point\n //noinspection JSUnresolvedFunction\n var x2 = isVertical ? round(x0 - radius * sinAlpha) : x1;\n //noinspection JSUnresolvedFunction\n var y2 = isVertical ? y1 : round(y0 - radius * sinAlpha);\n\n if (type === 'progress') {\n barLength = context.barDimensions.barOffset + (barLength - context.barDimensions.barOffset) * (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue);\n }\n\n // bar ends at\n //noinspection JSUnresolvedFunction\n var x3 = round(x1 + barLength - context.barDimensions.barOffset + strokeWidth / 2); // h\n //noinspection JSUnresolvedFunction\n var y3 = round(y1 - barLength + context.barDimensions.barOffset - strokeWidth / 2); // v\n\n context.arc(x0, y0, radius, direction + alpha, direction - alpha);\n\n if (isVertical) {\n context.moveTo(x1, y2);\n context.lineTo(x1, y3);\n context.lineTo(x2, y3);\n context.lineTo(x2, y2);\n } else {\n context.moveTo(x1, y2);\n context.lineTo(x3, y2);\n context.lineTo(x3, y1);\n context.lineTo(x1, y1);\n }\n } else {\n // simply rectangle\n //noinspection JSUnresolvedFunction\n var rx = round(isVertical ? X + (width - barWidth) / 2 : X + barMargin);\n //noinspection JSUnresolvedFunction\n var ry = round(isVertical ? Y + barLength + barMargin : Y + (width - barWidth) / 2);\n\n if (type === 'progress') {\n barLength *= (options.value - options.minValue) / (options.maxValue - options.minValue);\n }\n\n if (isVertical) context.rect(rx, ry, barWidth, -barLength);else context.rect(rx, ry, barLength, barWidth);\n }\n\n if (type !== 'progress' && options.barStrokeWidth) {\n context.lineWidth = strokeWidth;\n context.strokeStyle = options.colorBarStroke;\n //context.lineJoin = 'round';\n context.stroke();\n }\n\n if (type !== 'progress' && options.colorBar) {\n context.fillStyle = options.colorBarEnd ? drawings.linearGradient(context, options.colorBar, options.colorBarEnd, barLength, isVertical, isVertical ? Y : X) : options.colorBar;\n context.fill();\n } else if (type === 'progress' && options.colorBarProgress) {\n context.fillStyle = options.colorBarProgressEnd ? drawings.linearGradient(context, options.colorBarProgress, options.colorBarProgressEnd, fullBarLength, isVertical, isVertical ? Y : X) : options.colorBarProgress;\n context.fill();\n }\n\n context.closePath();\n\n // fix dimensions for further usage\n if (options.barBeginCircle) context.barDimensions.radius += strokeWidth;\n\n context.barDimensions.barWidth += strokeWidth;\n context.barDimensions.barLength += strokeWidth;\n}\n\n/**\n * Draws gauge bar\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBar(context, options, x, y, w, h) {\n drawLinearBarShape(context, options, '', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Helper function to calculate bar ticks presence on the sides\n *\n * @param {string} notWhich\n * @param {LinearGaugeOptions} options\n * @return {boolean}\n */\nfunction hasTicksBar(notWhich, options) {\n return options.needleSide !== notWhich || options.tickSide !== notWhich || options.numberSide !== notWhich;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar progress\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBarProgress(context, options, x, y, w, h) {\n options.barProgress && drawLinearBarShape(context, options, 'progress', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar highlighted areas\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarHighlights(context, options) {\n var _context$barDimension = context.barDimensions;\n var isVertical = _context$barDimension.isVertical;\n var width = _context$barDimension.width;\n var length = _context$barDimension.length;\n var barWidth = _context$barDimension.barWidth;\n var barOffset = _context$barDimension.barOffset;\n var barMargin = _context$barDimension.barMargin;\n var X = _context$barDimension.X;\n var Y = _context$barDimension.Y;\n var ticksLength = _context$barDimension.ticksLength;\n var ticksPadding = _context$barDimension.ticksPadding;\n\n var hlWidth = width * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!options.highlights || !hlWidth) return;\n\n var hasLeft = options.tickSide !== 'right';\n var hasRight = options.tickSide !== 'left';\n var i = 0;\n var s = options.highlights.length;\n var tickOffset = (width - barWidth) / 2;\n var interval = options.maxValue - options.minValue;\n //noinspection JSUnresolvedFunction\n var eX = round(isVertical ? X + tickOffset : X + barMargin + barOffset);\n var eH = hlWidth;\n var eY = isVertical ? Y + length - barMargin - barOffset : Y + tickOffset;\n //noinspection JSUnresolvedFunction\n var hLeft = round((options.ticksWidth / 100 + ticksPadding) * width) + (hlWidth - options.ticksWidth / 100 * width);\n //noinspection JSUnresolvedFunction\n var hRight = round(barWidth + ticksPadding * width);\n\n context.save();\n\n for (; i < s; i++) {\n var entry = options.highlights[i];\n //noinspection JSUnresolvedFunction\n var eStart = ticksLength * abs(options.minValue - entry.from) / interval;\n //noinspection JSUnresolvedFunction\n var eW = ticksLength * abs((entry.to - entry.from) / interval);\n\n context.beginPath();\n context.fillStyle = entry.color;\n\n if (isVertical) {\n if (hasLeft) context.rect(eX - hLeft, eY - eStart, eH, -eW);\n\n if (hasRight) context.rect(eX + hRight, eY - eStart, eH, -eW);\n } else {\n if (hasLeft) context.rect(eX + eStart, eY - hLeft, eW, eH);\n\n if (hasRight) context.rect(eX + eStart, eY + hRight, eW, eH);\n }\n\n context.fill();\n context.closePath();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws a tick line on a linear gauge\n *\n * @param {Canvas2DContext} context\n * @param x1\n * @param y1\n * @param x2\n * @param y2\n */\nfunction drawLinearTick(context, x1, y1, x2, y2) {\n context.beginPath();\n\n context.moveTo(x1, y1);\n context.lineTo(x2, y2);\n context.stroke();\n\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks\n *\n * @param {Canvas2DContext} context\n * @param {string} color\n * @param {number} ticksSize\n * @param {number} deltaLen\n * @param {boolean} hasLeft\n * @param {boolean} hasRight\n * @param {number} lineWidth\n * @param {number} lineLength\n */\nfunction drawLinearTicks(context, color, ticksSize, deltaLen, hasLeft, hasRight, lineWidth, lineLength) {\n var _context$barDimension2 = context.barDimensions;\n var isVertical = _context$barDimension2.isVertical;\n var length = _context$barDimension2.length;\n var barWidth = _context$barDimension2.barWidth;\n var barOffset = _context$barDimension2.barOffset;\n var barMargin = _context$barDimension2.barMargin;\n var pixelRatio = _context$barDimension2.pixelRatio;\n var width = _context$barDimension2.width;\n var X = _context$barDimension2.X;\n var Y = _context$barDimension2.Y;\n var ticksLength = _context$barDimension2.ticksLength;\n var ticksPadding = _context$barDimension2.ticksPadding;\n\n var tickOffset = (width - barWidth) / 2;\n var tickX = void 0,\n tickY = void 0;\n var i = 0;\n var tickLen = lineLength * width;\n var tickLeft = tickOffset - ticksPadding * width;\n var tickRight = tickOffset + barWidth + tickLen + ticksPadding * width;\n var tickSpace = ticksLength / (ticksSize - deltaLen);\n var colors = color instanceof Array ? color : new Array(ticksSize).fill(color);\n\n context.lineWidth = lineWidth * pixelRatio;\n context.save();\n\n for (; i < ticksSize; i++) {\n context.strokeStyle = colors[i];\n\n if (isVertical) {\n tickY = Y + length - barMargin - barOffset - i * tickSpace;\n\n if (hasLeft) {\n tickX = X + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n\n if (hasRight) {\n tickX = X + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n } else {\n tickX = X + barMargin + barOffset + i * tickSpace;\n\n if (hasLeft) {\n tickY = Y + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, tickX, round(tickY - tickLen));\n }\n\n if (hasRight) {\n tickY = Y + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, round(tickY), tickX, tickY - tickLen);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicks(context, options) {\n var _drawings$prepareTick = drawings.prepareTicks(options);\n\n var _drawings$prepareTick2 = _slicedToArray(_drawings$prepareTick, 2);\n\n var hasLeft = _drawings$prepareTick2[0];\n var hasRight = _drawings$prepareTick2[1];\n\n var lineWidth = 2;\n var colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(options.colorMajorTicks.length).fill(options.colorMajorTicks);\n\n drawLinearTicks(context, options.colorMajorTicks, options.majorTicks.length, 1, hasLeft, hasRight, lineWidth, options.ticksWidth / 100);\n\n if (options.strokeTicks) {\n var _context$barDimension3 = context.barDimensions;\n var isVertical = _context$barDimension3.isVertical;\n var length = _context$barDimension3.length;\n var width = _context$barDimension3.width;\n var barWidth = _context$barDimension3.barWidth;\n var barMargin = _context$barDimension3.barMargin;\n var barOffset = _context$barDimension3.barOffset;\n var X = _context$barDimension3.X;\n var Y = _context$barDimension3.Y;\n var ticksLength = _context$barDimension3.ticksLength;\n var pixelRatio = _context$barDimension3.pixelRatio;\n var ticksPadding = _context$barDimension3.ticksPadding;\n\n var rightTicks = (width - barWidth) / 2 + barWidth + ticksPadding * width;\n var leftTicks = (width - barWidth) / 2 - ticksPadding * width;\n var sX = void 0,\n sY = void 0,\n eX = void 0,\n eY = void 0;\n\n context.strokeStyle = colors[0];\n\n lineWidth *= pixelRatio;\n\n if (isVertical) {\n sY = Y + length - barMargin - barOffset + lineWidth / 2;\n eY = sY - ticksLength - lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n } else {\n sX = X + barMargin + barOffset - lineWidth / 2;\n eX = sX + ticksLength + lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks stroke\n *\n * @param {Canvas2DContext} context\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n */\nfunction drawLinearTickStroke(context, sX, sY, eX, eY) {\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMinorTicks(context, options) {\n var _drawings$prepareTick3 = drawings.prepareTicks(options);\n\n var _drawings$prepareTick4 = _slicedToArray(_drawings$prepareTick3, 2);\n\n var hasLeft = _drawings$prepareTick4[0];\n var hasRight = _drawings$prepareTick4[1];\n\n\n drawLinearTicks(context, options.colorMinorTicks, options.minorTicks * (options.majorTicks.length - 1), 0, hasLeft, hasRight, 1, options.ticksWidthMinor / 100);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major tick numbers\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicksNumbers(context, options) {\n var _context$barDimension4 = context.barDimensions;\n var isVertical = _context$barDimension4.isVertical;\n var length = _context$barDimension4.length;\n var width = _context$barDimension4.width;\n var barWidth = _context$barDimension4.barWidth;\n var barMargin = _context$barDimension4.barMargin;\n var barOffset = _context$barDimension4.barOffset;\n var X = _context$barDimension4.X;\n var Y = _context$barDimension4.Y;\n var ticksLength = _context$barDimension4.ticksLength;\n var ticksPadding = _context$barDimension4.ticksPadding;\n\n var ticks = options.majorTicks.length;\n var hasLeft = options.numberSide !== 'right';\n var hasRight = options.numberSide !== 'left';\n var textHeight = options.fontNumbersSize * width / 200;\n var i = 0;\n var ticksWidth = (options.ticksWidth / 100 + ticksPadding * 2) * width;\n var numLeft = (width - barWidth) / 2 - ticksWidth;\n var numRight = (width - barWidth) / 2 + barWidth + ticksWidth;\n var textX = void 0,\n textY = void 0,\n textWidth = void 0,\n numberOffset = void 0,\n tick = void 0;\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(ticks).fill(options.colorNumbers);\n\n context.font = drawings.font(options, 'Numbers', width / 200);\n context.lineWidth = 0;\n context.textAlign = 'center';\n\n for (; i < ticks; i++) {\n context.fillStyle = colors[i];\n tick = options.majorTicks[i];\n numberOffset = i * ticksLength / (ticks - 1);\n\n if (isVertical) {\n textY = Y + length - barMargin - barOffset - numberOffset + textHeight / 3;\n\n if (hasLeft) {\n context.textAlign = 'right';\n context.fillText(tick, X + numLeft, textY);\n }\n\n if (hasRight) {\n context.textAlign = 'left';\n context.fillText(tick, X + numRight, textY);\n }\n } else {\n textWidth = context.measureText(tick).width;\n textX = X + barMargin + barOffset + numberOffset;\n\n if (hasLeft) {\n context.fillText(tick, textX, Y + numLeft);\n }\n\n if (hasRight) {\n context.fillText(tick, textX, Y + numRight + textHeight);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge title\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearTitle(context, options) {\n if (!options.title) return;\n\n var _context$barDimension5 = context.barDimensions;\n var isVertical = _context$barDimension5.isVertical;\n var width = _context$barDimension5.width;\n var length = _context$barDimension5.length;\n var baseX = _context$barDimension5.baseX;\n var baseY = _context$barDimension5.baseY;\n var titleMargin = _context$barDimension5.titleMargin;\n\n var textHeight = options.fontTitleSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + titleMargin / 2 - (isVertical ? textHeight : textHeight / 2) - 0.025 * (isVertical ? length : width));\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Title', width / 200);\n context.lineWidth = 0;\n context.fillText(options.title, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge units\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearUnits(context, options) {\n if (!options.units) return;\n\n var _context$barDimension6 = context.barDimensions;\n var isVertical = _context$barDimension6.isVertical;\n var width = _context$barDimension6.width;\n var length = _context$barDimension6.length;\n var baseX = _context$barDimension6.baseX;\n var baseY = _context$barDimension6.baseY;\n var unitsMargin = _context$barDimension6.unitsMargin;\n\n var textHeight = options.fontUnitsSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + (isVertical ? length : width) + unitsMargin / 2 - textHeight / 2);\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Units', width / 200);\n context.lineWidth = 0;\n context.fillText(options.units, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge needles\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarNeedle(context, options) {\n if (!options.needle) return;\n\n var _context$barDimension7 = context.barDimensions;\n var isVertical = _context$barDimension7.isVertical;\n var width = _context$barDimension7.width;\n var length = _context$barDimension7.length;\n var barWidth = _context$barDimension7.barWidth;\n var barOffset = _context$barDimension7.barOffset;\n var barMargin = _context$barDimension7.barMargin;\n var ticksLength = _context$barDimension7.ticksLength;\n var X = _context$barDimension7.X;\n var Y = _context$barDimension7.Y;\n var ticksPadding = _context$barDimension7.ticksPadding;\n\n var hasLeft = options.needleSide !== 'right';\n var hasRight = options.needleSide !== 'left';\n var position = ticksLength * (drawings.normalizedValue(options).indented - options.minValue) / (options.maxValue - options.minValue);\n var tickWidth = (options.ticksWidth / 100 + ticksPadding) * width;\n var baseLength = barWidth / 2 + tickWidth;\n var needleLength = baseLength * (options.needleEnd / 100);\n var sX = void 0,\n eX = void 0,\n sY = void 0,\n eY = void 0;\n var draw = options.needleType.toLowerCase() === 'arrow' ? drawLinearArrowNeedle : drawLinearLineNeedle;\n var barStart = (width - barWidth) / 2;\n var needleStart = baseLength * (options.needleStart / 100);\n var nLeft = barStart - tickWidth - needleStart;\n var nRight = barStart + barWidth + tickWidth + needleStart;\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + length - barMargin - barOffset - position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nLeft);\n eX = sX + needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nRight);\n eX = sX - needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength, true);\n }\n } else {\n //noinspection JSUnresolvedFunction\n sX = round(X + barMargin + barOffset + position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nLeft);\n eY = sY + needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nRight);\n eY = sY - needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength, true);\n }\n }\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns needle color style\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} length\n * @param {boolean} [isRight]\n * @return {CanvasGradient|string}\n */\nfunction needleStyle(context, options, length, isRight) {\n return options.colorNeedleEnd ? drawings.linearGradient(context, isRight ? options.colorNeedleEnd : options.colorNeedle, isRight ? options.colorNeedle : options.colorNeedleEnd, length, !context.barDimensions.isVertical) : options.colorNeedle;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws line needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearLineNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n context.lineWidth = options.needleWidth;\n context.strokeStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws arrow needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearArrowNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n //noinspection JSUnresolvedFunction\n var peakLength = round(length * 0.4);\n var bodyLength = length - peakLength;\n var isVertical = sX === eX;\n var halfWidth = options.needleWidth / 2;\n\n context.fillStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n\n if (isVertical) {\n if (sY > eY) bodyLength *= -1;\n\n context.moveTo(sX - halfWidth, sY);\n context.lineTo(sX + halfWidth, sY);\n context.lineTo(sX + halfWidth, sY + bodyLength);\n context.lineTo(sX, eY);\n context.lineTo(sX - halfWidth, sY + bodyLength);\n context.lineTo(sX - halfWidth, sY);\n } else {\n if (sX > eX) bodyLength *= -1;\n\n context.moveTo(sX, sY - halfWidth);\n context.lineTo(sX, sY + halfWidth);\n context.lineTo(sX + bodyLength, sY + halfWidth);\n context.lineTo(eX, sY);\n context.lineTo(sX + bodyLength, sY - halfWidth);\n context.lineTo(sX, sY - halfWidth);\n }\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box for linear gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} value\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearValueBox(context, options, value, x, y, w, h) {\n // currently value box is available only for vertical linear gauge,\n // as far as by design it is hard to find a proper place for\n // horizontal ones\n var boxWidth = (parseFloat(options.fontValueSize) || 0) * w / 200;\n var dy = (0.11 * h - boxWidth) / 2;\n\n context.barDimensions.isVertical && drawings.drawValueBox(context, options, value, x + w / 2, y + h - boxWidth - dy, w);\n}\n\n/**\n * Minimalistic HTML5 Canvas Linear Gauge\n */\n\nvar LinearGauge = function (_BaseGauge2) {\n _inherits(LinearGauge, _BaseGauge2);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event LinearGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event LinearGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event LinearGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event LinearGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event LinearGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event LinearGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event LinearGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge bar area is drawn\n *\n * @event LinearGauge#beforeBar\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event LinearGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event LinearGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event LinearGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {LinearGaugeOptions} options\n */\n function LinearGauge(options) {\n _classCallCheck(this, LinearGauge);\n\n options = Object.assign({}, defaultLinearGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (LinearGauge.__proto__ || Object.getPrototypeOf(LinearGauge)).call(this, LinearGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(LinearGauge, [{\n key: 'draw',\n\n\n /* istanbul ignore next */\n /**\n * Triggering linear gauge render on a canvas.\n *\n * @returns {LinearGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref2 = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref2[0];\n var y = _ref2[1];\n var w = _ref2[2];\n var h = _ref2[3];\n\n var options = this.options;\n\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n this.drawBox = drawLinearPlate(context, options, x, y, w, h);\n\n this.emit('beforeBar');\n drawLinearBar.apply(undefined, [context, options].concat(_toConsumableArray(this.drawBox)));\n\n canvas.context.barDimensions = context.barDimensions;\n\n this.emit('beforeHighlights');\n drawLinearBarHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawLinearMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawLinearMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawLinearMajorTicksNumbers(context, options);\n this.emit('beforeTitle');\n drawLinearTitle(context, options);\n this.emit('beforeUnits');\n drawLinearUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawLinearBarProgress.apply(undefined, [canvas.context, options].concat(_toConsumableArray(this.drawBox)));\n this.emit('beforeNeedle');\n drawLinearBarNeedle(canvas.context, options);\n this.emit('beforeValueBox');\n drawLinearValueBox.apply(undefined, [canvas.context, options, options.animatedValue ? this.options.value : this.value].concat(_toConsumableArray(this.drawBox)));\n\n _get(LinearGauge.prototype.__proto__ || Object.getPrototypeOf(LinearGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n /* istanbul ignore else */\n if (options.barStrokeWidth >= options.barWidth) {\n //noinspection JSUnresolvedFunction\n options.barStrokeWidth = round(options.barWidth / 2);\n }\n\n //noinspection JSUndefinedPropertyAssignment\n options.hasLeft = hasTicksBar('right', options);\n //noinspection JSUndefinedPropertyAssignment\n options.hasRight = hasTicksBar('left', options);\n\n if (options.value > options.maxValue) {\n options.value = options.maxValue;\n }\n\n if (options.value < options.minValue) {\n options.value = options.minValue;\n }\n\n return BaseGauge.configure(options);\n }\n }]);\n\n return LinearGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['LinearGauge'] = LinearGauge;\n}\n\nBaseGauge.initialize('LinearGauge', defaultLinearGaugeOptions);;typeof module !== \"undefined\" && Object.assign(ns, {Collection: Collection,GenericOptions: GenericOptions,Animation: Animation,BaseGauge: BaseGauge,drawings: drawings,SmartCanvas: SmartCanvas,vendorize: vendorize});}(typeof module !== \"undefined\" ? module.exports : window));"],"sourceRoot":"/source/"} \ No newline at end of file +{"version":3,"sources":["gauge.min.js"],"names":["ns","_toConsumableArray","arr","Array","isArray","i","arr2","length","from","_possibleConstructorReturn","self","call","ReferenceError","_inherits","subClass","superClass","TypeError","prototype","Object","create","constructor","value","enumerable","writable","configurable","setPrototypeOf","__proto__","_classCallCheck","instance","Constructor","vendorize","prop","window","global","vendors","s","capitalized","charAt","toUpperCase","substr","vendorProp","step","time","draw","start","rule","duration","end","anim","progress","percent","frame","requestAnimationFrame","Collection","apply","this","arguments","verifyError","err","DOMException","result","prepareTicks","options","majorTicks","push","drawings","formatMajorTickNumber","minValue","maxValue","tickSide","roundRect","context","x","y","w","h","r","beginPath","moveTo","lineTo","quadraticCurveTo","closePath","padValue","val","dec","valueDec","int","valueInt","strVal","n","parseFloat","Math","abs","toFixed","toString","split","round","num","right","hasDec","majorTicksDec","majorTicksInt","indexOf","join","replace","radians","degrees","PI","radialPoint","radius","angle","sin","cos","linearGradient","colorFrom","colorTo","isVertical","undefined","grad","createLinearGradient","addColorStop","drawShadow","shadowDrawn","restore","save","borderShadowWidth","shadowBlur","shadowColor","colorBorderShadow","drawNeedleShadow","needleShadow","shadowOffsetX","shadowOffsetY","colorNeedleShadowDown","font","target","baseSize","reset","strokeStyle","lineWidth","drawValueTextShadow","offset","blur","valueTextShadow","colorValueTextShadow","drawValueBox","max","valueBox","text","valueText","tunit","runit","tw","measureText","width","th","fontValueSize","sw","valueBoxStroke","bmax","bw","bh","br","valueBoxBorderRadius","obw","valueBoxWidth","bx","by","gy","rect","grd","createRadialGradient","colorValueBoxRect","colorValueBoxRectEnd","stroke","colorValueBoxShadow","colorValueBoxBackground","fillStyle","fill","colorValueText","textAlign","textBaseline","fillText","normalizedValue","min","dt","normal","indented","drawRadialBorder","arc","maxRadialRadius","pxRatio","SmartCanvas","pixelRatio","maxRadius","borderOuterWidth","borderMiddleWidth","borderInnerWidth","drawRadialPlate","d0","r0","r1","r2","r3","colorBorderOuter","colorBorderOuterEnd","colorBorderMiddle","colorBorderMiddleEnd","colorBorderInner","colorBorderInnerEnd","colorPlateEnd","colorPlate","drawRadialHighlights","hlWidth","highlightsWidth","radialTicksRadius","highlights","vd","ticksAngle","hlt","rotate","HPI","startAngle","to","color","drawRadialMinorTicks","colorMinorTicks","minorTicks","closeStrokedPath","unit","barWidth","barStrokeWidth","drawRadialMajorTicks","colors","colorMajorTicks","radialNextAngle","strokeTicks","drawRadialNumbers","points","isAnimated","animationTarget","colorNumbers","plateValueAngle","point","drawRadialTitle","title","colorTitle","drawRadialUnits","units","colorUnits","drawRadialNeedle","needle","needleCircleSize","rIn","needleEnd","rStart","needleStart","rOut","pad1","needleWidth","pad2","isFixed","colorNeedle","colorNeedleEnd","needleType","colorNeedleShadowUp","needleCircleOuter","colorNeedleCircleOuter","colorNeedleCircleOuterEnd","needleCircleInner","colorNeedleCircleInner","colorNeedleCircleInnerEnd","drawRadialValueBox","drawRadialProgressBar","rMax","rMin","half","delta","sa","ea","colorBarStroke","colorBar","barShadow","clip","colorBarShadow","barProgress","colorBarProgress","displayValue","gauge","animatedValue","drawRectangle","colorStart","colorEnd","drawLinearBorder","drawLinearPlate","borderRadius","w1","w2","w3","w4","h1","h2","h3","h4","x2","x3","x4","y2","y3","y4","aliasingOffset","barDimensions","hasTitle","hasUnits","hasValue","titleMargin","unitsMargin","valueMargin","strokeWidth","barBeginCircle","barLength","barMargin","x0","y0","dx","hasLeft","hasRight","ticksWidth","dy","barOffset","ticksLength","X","Y","baseX","baseY","ticksPadding","drawLinearBarShape","type","_barDimensions","fullBarLength","direction","alpha","asin","cosAlpha","sinAlpha","x1","y1","cutRadius","rx","ry","colorBarEnd","colorBarProgressEnd","drawLinearBar","hasTicksBar","notWhich","needleSide","numberSide","drawLinearBarProgress","drawLinearBarHighlights","_context$barDimension","tickOffset","interval","eX","eH","eY","hLeft","hRight","entry","eStart","eW","drawLinearTick","drawLinearTicks","ticksSize","deltaLen","lineLength","_context$barDimension2","tickX","tickY","tickLen","tickLeft","tickRight","tickSpace","drawLinearMajorTicks","_drawings$prepareTick","_drawings$prepareTick2","_slicedToArray","_context$barDimension3","rightTicks","leftTicks","sX","sY","drawLinearTickStroke","drawLinearMinorTicks","_drawings$prepareTick3","_drawings$prepareTick4","ticksWidthMinor","drawLinearMajorTicksNumbers","_context$barDimension4","ticks","textHeight","fontNumbersSize","numLeft","numRight","textX","textY","textWidth","numberOffset","tick","drawLinearTitle","_context$barDimension5","fontTitleSize","drawLinearUnits","_context$barDimension6","fontUnitsSize","drawLinearBarNeedle","_context$barDimension7","position","tickWidth","baseLength","needleLength","toLowerCase","drawLinearArrowNeedle","drawLinearLineNeedle","barStart","nLeft","nRight","needleStyle","isRight","peakLength","bodyLength","halfWidth","drawLinearValueBox","boxWidth","sliceIterator","_arr","_n","_d","_e","_s","_i","Symbol","iterator","next","done","_get","get","object","property","receiver","Function","desc","getOwnPropertyDescriptor","parent","getPrototypeOf","getter","_set","set","setter","_createClass","defineProperties","props","descriptor","defineProperty","key","protoProps","staticProps","assign","firstSource","nextSource","keysArray","keys","nextIndex","len","nextKey","searchElement","fromIndex","k","O","Infinity","relativeStart","relativeEnd","final","EventEmitter","_events","addListener","on","removeListener","off","event","_len","args","_key","_len2","handlers","_key2","_loop","handler","wrapper","concat","_handler","index","splice","callback","setTimeout","Date","getTime","rules","linear","p","quad","pow","dequad","quint","dequint","cycle","acos","decycle","bounce","debounce","a","b","elastic","delastic","Animation","_this","cancel","performance","now","cancelAnimationFrame","id","DomObserver","element","toDashed","Type","mutationsObserved","isObservable","MutationObserver","GAUGES_NO_AUTO_INIT","domReady","traverse","bind","node","tagName","getAttribute","elements","document","getElementsByTagName","process","observe","body","childList","subtree","attributes","characterData","attributeOldValue","characterDataOldValue","records","record","attributeName","isValidNode","oldValue","addedNodes","ii","ss","_this2","JSON","parse","stringify","hasOwnProperty","toAttributeName","attributeValue","renderTo","observer","forEach","attr","disconnect","destroy","_prop","map","part","_options","update","test","e","camelCase","str","dashed","readyState","addEventListener","attachEvent","canvas","height","collection","init","style","elementClone","cloneNode","getContext","contextClone","drawWidth","drawHeight","drawX","drawY","minSide","initialized","translate","clearRect","onRedraw","scale","redraw","devicePixelRatio","matchMedia","GenericOptions","animateOnInit","borders","animation","animationDuration","animationRule","fontNumbers","fontTitle","fontUnits","fontValue","fontNumbersStyle","fontTitleStyle","fontUnitsStyle","fontValueStyle","fontNumbersWeight","fontTitleWeight","fontUnitsWeight","fontValueWeight","getElementById","version","gauges","BaseGauge","_EventEmitter","_this3","className","name","HTMLCanvasElement","parentNode","offsetWidth","offsetHeight","_value","configure","emit","_this4","ensureValue","fromValue","animate","console","log","toCamelCase","isNaN","isFinite","defaultRadialGaugeOptions","useMinPath","RadialGauge","_BaseGauge","_ref","commit","drawImage","_context","initialize","defaultLinearGaugeOptions","LinearGauge","_BaseGauge2","_ref2","drawBox","module","exports"],"mappings":"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","file":"gauge.min.js","sourcesContent":["/*!\n * The MIT License (MIT)\n * \n * Copyright (c) 2016 Mykhailo Stadnyk \n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n *\n * @version 2.1.1\n */\n(function(ns) {'use strict';\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if (\"value\" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };\n\nvar _set = function set(object, property, value, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent !== null) { set(parent, property, value, receiver); } } else if (\"value\" in desc && desc.writable) { desc.value = value; } else { var setter = desc.set; if (setter !== undefined) { setter.call(receiver, value); } } return value; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * @external {Object.assign} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n */\n/* istanbul ignore next */\nif (!Object.assign) {\n Object.defineProperty(Object, 'assign', {\n enumerable: false,\n configurable: true,\n writable: true,\n value: function value(target, firstSource) {\n 'use strict';\n\n if (target === undefined || target === null) {\n throw new TypeError('Cannot convert first argument to object');\n }\n\n var to = Object(target);\n var i = 1;\n\n for (; i < arguments.length; i++) {\n var nextSource = arguments[i];\n\n if (nextSource === undefined || nextSource === null) {\n continue;\n }\n\n var keysArray = Object.keys(Object(nextSource));\n var nextIndex = 0,\n len = keysArray.length;\n\n for (; nextIndex < len; nextIndex++) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n\n if (desc !== undefined && desc.enumerable) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n\n return to;\n }\n });\n}\n\n/**\n * @external {Array.indexOf} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf\n */\n/* istanbul ignore next */\nif (!Array.prototype.indexOf) {\n Array.prototype.indexOf = function (searchElement, fromIndex) {\n var k;\n\n if (this === null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n\n if (len === 0) {\n return -1;\n }\n\n var n = +fromIndex || 0;\n\n if (Math.abs(n) === Infinity) {\n n = 0;\n }\n\n if (n >= len) {\n return -1;\n }\n\n k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n while (k < len) {\n if (k in O && O[k] === searchElement) {\n return k;\n }\n\n k++;\n }\n\n return -1;\n };\n}\n\n/**\n * @external {Array.fill} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/fill\n */\n/* istanbul ignore next */\nif (!Array.prototype.fill) {\n Array.prototype.fill = function (value) {\n if (this === null) {\n throw new TypeError('this is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n var start = arguments[1];\n var relativeStart = start >> 0;\n var k = relativeStart < 0 ? Math.max(len + relativeStart, 0) : Math.min(relativeStart, len);\n var end = arguments[2];\n var relativeEnd = end === undefined ? len : end >> 0;\n var final = relativeEnd < 0 ? Math.max(len + relativeEnd, 0) : Math.min(relativeEnd, len);\n while (k < final) {\n O[k] = value;\n k++;\n }\n\n return O;\n };\n}\n\n/**\n * mocking window\n */\nif (typeof window === 'undefined') {\n window = typeof global === 'undefined' ? {} : global;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * Look-ups for a proper vendor-specific property and returns its value\n *\n * @example\n * var requestAnimationFrame = vendorize('requestAnimationFrame');\n * // it will refer properly to:\n * // - window.requestAnimationFrame by default or to\n * // - window.webkitRequestAnimationFrame or to\n * // - window.mozRequestAnimationFrame or to\n * // - window.msRequestAnimationFrame or to\n * // - window.oRequestAnimationFrame\n * // depending on the current browser vendor\n *\n * @author Mykhailo Stadnyk \n * @param {string} prop\n * @param {HTMLElement|Window|object} [from] - default is window\n * @returns {*}\n */\nfunction vendorize(prop, from) {\n /* istanbul ignore else: no reason to cover */\n if (!from) {\n from = typeof window === 'undefined' ? global : window;\n }\n\n if (typeof from[prop] !== 'undefined') {\n return from[prop];\n }\n\n var vendors = ['webkit', 'moz', 'ms', 'o'];\n var i = 0;\n var s = vendors.length;\n var capitalized = prop.charAt(0).toUpperCase() + prop.substr(1);\n\n for (; i < s; i++) {\n var vendorProp = from[vendors[i] + capitalized];\n\n /* istanbul ignore if: requires very complex environment to test (specific browser version) */\n if (typeof vendorProp !== 'undefined') {\n return vendorProp;\n }\n }\n\n return null;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Class EventEmitter - base event manager\n */\n\nvar EventEmitter = function () {\n /**\n * @constructor\n */\n function EventEmitter() {\n _classCallCheck(this, EventEmitter);\n\n this._events = {};\n\n this.addListener = this.on;\n this.removeListener = this.off;\n }\n\n /**\n * Returns all event listeners\n *\n * @return {object}\n */\n\n\n _createClass(EventEmitter, [{\n key: 'emit',\n\n\n /**\n * Emits given event bypassing to each registered handler given args\n *\n * @param {string} event\n * @param {...*} args\n */\n value: function emit(event) {\n if (this._events[event]) {\n var i = 0;\n var s = this._events[event].length;\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n for (; i < s; i++) {\n this._events[event][i] && this._events[event][i].apply(this, args);\n }\n }\n }\n\n /**\n * Registers given handler for given event to be called only once when\n * event is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'once',\n value: function once(event) {\n for (var _len2 = arguments.length, handlers = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n handlers[_key2 - 1] = arguments[_key2];\n }\n\n var i = 0;\n var s = handlers.length;\n var self = this;\n\n var _loop = function _loop() {\n var handler = handlers[i];\n var wrapper = function wrapper() {\n self.off(event, wrapper);\n handler.apply(self, arguments);\n };\n\n handlers[i] = wrapper;\n };\n\n for (; i < s; i++) {\n _loop();\n }\n\n this.on.apply(this, [event].concat(handlers));\n }\n\n /**\n * Registers given handlers for a given events to be called each time event\n * is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'on',\n value: function on(event) {\n if (!this._events[event]) {\n this._events[event] = [];\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n this._events[event].push(arguments.length <= i + 1 ? undefined : arguments[i + 1]);\n }\n }\n\n /**\n * Un-registers previously registered event handlers\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'off',\n value: function off(event) {\n if (!this._events[event]) {\n return;\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n var _handler = arguments.length <= i + 1 ? undefined : arguments[i + 1];\n var index = void 0;\n\n while (~(index = this._events[event].indexOf(_handler))) {\n this._events[event].splice(index, 1);\n }\n }\n }\n\n /**\n * Removes all listeners for a given event\n *\n * @param {string} event\n */\n\n }, {\n key: 'removeAllListeners',\n value: function removeAllListeners(event) {\n delete this._events[event];\n }\n }, {\n key: 'listeners',\n get: function get() {\n return this._events;\n }\n }]);\n\n return EventEmitter;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/* jshint -W079 */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/* istanbul ignore next */\n/**\n * @type {function(callback: function(time: number): number, element?: HTMLElement)}\n * @access private\n */\n\n\nvar requestAnimationFrame = vendorize('requestAnimationFrame') || function (callback) {\n return setTimeout(function () {\n return callback(new Date().getTime());\n }, 1000 / 60);\n};\n\n/**\n * Generic AnimationRule function interface\n *\n * @typedef {function(percent: number): number} AnimationRule\n */\n\n/**\n * Callback for animation step draw event.\n * It will be called each time animation step is executed, bypassing\n * as first argument a percent of animation completeness. It is expected\n * that this callback will do an actual work of animating an elements or\n * whatever, as far as animation engine is just calculating and executing\n * animation steps without any knowledge about things under animation.\n *\n * @typedef {function(percent: number): *} DrawEventCallback\n */\n\n/**\n * Callback for animation complete event.\n * It is called once each animation is complete.\n *\n * @typedef {function(): *} EndEventCallback\n */\n\n/**\n * Predefined known animation rules.\n * It's a simple collection of math for some most used animations.\n *\n * @typedef {{linear: AnimationRule, quad: AnimationRule, dequad: AnimationRule, quint: AnimationRule, dequint: AnimationRule, cycle: AnimationRule, decycle: AnimationRule, bounce: AnimationRule, debounce: AnimationRule, elastic: AnimationRule, delastic: AnimationRule}} AnimationRules\n */\n\n/* istanbul ignore next: no reason covering this */\nvar rules = {\n linear: function linear(p) {\n return p;\n },\n quad: function quad(p) {\n return Math.pow(p, 2);\n },\n dequad: function dequad(p) {\n return 1 - rules.quad(1 - p);\n },\n quint: function quint(p) {\n return Math.pow(p, 5);\n },\n dequint: function dequint(p) {\n return 1 - Math.pow(1 - p, 5);\n },\n cycle: function cycle(p) {\n return 1 - Math.sin(Math.acos(p));\n },\n decycle: function decycle(p) {\n return Math.sin(Math.acos(1 - p));\n },\n bounce: function bounce(p) {\n return 1 - rules.debounce(1 - p);\n },\n debounce: function debounce(p) {\n var a = 0,\n b = 1;\n for (; 1; a += b, b /= 2) {\n if (p >= (7 - 4 * a) / 11) {\n return -Math.pow((11 - 6 * a - 11 * p) / 4, 2) + Math.pow(b, 2);\n }\n }\n },\n elastic: function elastic(p) {\n return 1 - rules.delastic(1 - p);\n },\n delastic: function delastic(p) {\n var x = 1.5;\n return Math.pow(2, 10 * (p - 1)) * Math.cos(20 * Math.PI * x / 3 * p);\n }\n};\n\n/* istanbul ignore next: private, not testable */\n/**\n * Evaluates animation step and decides if the next step required or\n * stops animation calling a proper events.\n *\n * @access private\n * @param {number} time\n * @param {DrawEventCallback} draw\n * @param {number} start\n * @param {AnimationRule} rule\n * @param {number} duration\n * @param {EndEventCallback} end\n * @param {Animation} anim\n */\nfunction step(time, draw, start, rule, duration, end, anim) {\n if (typeof rule !== 'function') {\n throw new TypeError('Invalid animation rule:', rule);\n }\n\n var progress = time - start;\n var percent = progress / duration;\n\n if (percent > 1) {\n percent = 1;\n }\n\n draw && draw(percent === 1 ? percent : rule(percent));\n\n if (progress < duration) {\n anim.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rule, duration, end, anim);\n });\n } else {\n end && end();\n }\n}\n\n/**\n * Animation engine API for JavaScript-based animations.\n * This is simply an animation core framework which simplifies creation\n * of various animations for generic purposes.\n *\n * @example\n * // create 'linear' animation engine, 500ms duration\n * let linear = new Animation('linear', 500);\n *\n * // create 'elastic' animation engine\n * let elastic = new Animation('elastic');\n *\n * // define animation behavior\n * let bounced = new Animation('bounce', 500, percent => {\n * let value = parseInt(percent * 100, 10);\n *\n * $('div.bounced').css({\n * width: value + '%',\n * height: value + '%'\n * });\n * });\n *\n * // execute animation\n * bounced.animate();\n *\n * // execute animation and handle when its finished\n * bounced.animate(null, () => {\n * console.log('Animation finished!');\n * });\n */\n\nvar Animation = function () {\n\n /**\n * @constructor\n * @param {string|AnimationRule} rule\n * @param {number} duration\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n function Animation() {\n var rule = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'linear';\n var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;\n var draw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};\n var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};\n\n _classCallCheck(this, Animation);\n\n /**\n * Overall animation duration in milliseconds.\n * By default is equal to 250 ms.\n *\n * @type {number}\n */\n this.duration = duration;\n\n /**\n * Animation rule. By default is linear animation.\n * Animation rule is a subject to animation rules, which are\n * a simple object containing math-based methods for calculating\n * animation steps.\n *\n * @type {string|AnimationRule}\n */\n this.rule = rule;\n\n /**\n * Callback function for the animation step draw event.\n *\n * @type {DrawEventCallback}\n */\n this.draw = draw;\n\n /**\n * Callback for the animation complete event.\n *\n * @type {EndEventCallback}\n */\n this.end = end;\n\n if (typeof this.draw !== 'function') {\n throw new TypeError('Invalid animation draw callback:', draw);\n }\n\n if (typeof this.end !== 'function') {\n throw new TypeError('Invalid animation end callback:', end);\n }\n }\n\n /* istanbul ignore next: non-testable */\n /**\n * Performs animation calling each animation step draw callback and\n * end callback at the end of animation. Callbacks are optional to this\n * method call. If them are not bypassed will be used that ones which\n * was pre-set on constructing an Animation object or pre-set after\n * construction.\n *\n * @example\n * function draw(percent) {\n * $('.my-animated-divs').css({\n * width: parseInt(percent * 100, 10) + '%'\n * });\n * }\n * function done() {\n * console.log('Animation complete!');\n * }\n *\n * // Define 'draw' and 'end' callbacks on construction\n * var animation = new Animation('cycle', 500, draw, done);\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks after construction\n * var animation = new Animation('cycle', 500);\n * animation.draw = draw;\n * animation.end = done;\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks at animation\n * var animation = new Animation('cycle', 500);\n * animation.animate(draw, done);\n *\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n\n\n _createClass(Animation, [{\n key: 'animate',\n value: function animate(draw, end) {\n var _this = this;\n\n this.cancel();\n\n // noinspection JSUnresolvedVariable\n var start = window.performance && window.performance.now ? window.performance.now() : vendorize('animationStartTime') || Date.now();\n\n draw = draw || this.draw;\n end = end || this.end;\n\n /**\n * Current requested animation frame identifier\n *\n * @type {number}\n */\n this.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rules[_this.rule] || _this.rule, _this.duration, end, _this);\n });\n }\n\n /**\n * Cancels current animation if any\n */\n\n }, {\n key: 'cancel',\n value: function cancel() {\n if (this.frame) {\n var cancelAnimationFrame = vendorize('cancelAnimationFrame') ||\n /* istanbul ignore next */\n function (id) {};\n\n cancelAnimationFrame(this.frame);\n this.frame = null;\n }\n }\n\n /**\n * Destroys this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n this.cancel();\n this.draw = null;\n this.end = null;\n }\n }]);\n\n return Animation;\n}();\n\n/**\n * Animation rules bound statically to Animation constructor.\n *\n * @type {AnimationRules}\n * @static\n */\n\n\nAnimation.rules = rules;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * @typedef {{ constructor: function(options: GenericOptions): GaugeInterface, draw: function(): GaugeInterface, destroy: function, update: function(options: GenericOptions) }} GaugeInterface\n */\n/**\n * @typedef {{parse: function, stringify: function}} JSON\n * @external {JSON} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON\n */\n/**\n * @ignore\n * @typedef {{MutationObserver: function}} ns\n */\n\n/**\n * DOM Observer.\n * It will observe DOM document for a configured element types and\n * instantiate associated Types for an existing or newly added DOM elements\n *\n * @example\n * class ProgressBar {\n * constructor(options) {}\n * draw() {}\n * }\n *\n * // It will observe DOM document for elements
\n * // having attribute 'data-type=\"progress\"'\n * // and instantiate for each new instance of ProgressBar\n *\n * new DomParser({color: 'red'}, 'div', 'progress', ProgressBar);\n *\n * // assume we could have HTML like this\n * //
\n * // in this case all matching attributes names for a given options will be\n * // parsed and bypassed to an instance from HTML attributes\n */\n\nvar DomObserver = function () {\n\n /**\n * @constructor\n * @param {object} options\n * @param {string} element\n * @param {string} type\n */\n function DomObserver(options, element, type) {\n _classCallCheck(this, DomObserver);\n\n //noinspection JSUnresolvedVariable\n /**\n * Default instantiation options for the given type\n *\n * @type {Object}\n */\n this.options = options;\n\n /**\n * Name of an element to lookup/observe\n *\n * @type {string}\n */\n this.element = element.toLowerCase();\n\n /**\n * data-type attribute value to lookup\n *\n * @type {string}\n */\n this.type = DomObserver.toDashed(type);\n\n /**\n * Actual type constructor to instantiate for each found element\n *\n * @type {Function}\n */\n this.Type = ns[type];\n\n /**\n * Signals if mutations observer for this type or not\n *\n * @type {boolean}\n */\n this.mutationsObserved = false;\n\n /**\n * Flag specifies whenever the browser supports observing\n * of DOM tree mutations or not\n *\n * @type {boolean}\n */\n this.isObservable = !!window.MutationObserver;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n if (!window.GAUGES_NO_AUTO_INIT) {\n DomObserver.domReady(this.traverse.bind(this));\n }\n }\n\n /**\n * Checks if given node is valid node to process\n *\n * @param {Node|HTMLElement} node\n * @returns {boolean}\n */\n\n\n _createClass(DomObserver, [{\n key: 'isValidNode',\n value: function isValidNode(node) {\n //noinspection JSUnresolvedVariable\n return !!(node.tagName && node.tagName.toLowerCase() === this.element && node.getAttribute('data-type') === this.type);\n }\n\n /**\n * Traverse entire current DOM tree and process matching nodes.\n * Usually it should be called only once on document initialization.\n */\n\n }, {\n key: 'traverse',\n value: function traverse() {\n var elements = document.getElementsByTagName(this.element);\n var i = 0,\n s = elements.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n this.process(elements[i]);\n }\n\n if (this.isObservable && !this.mutationsObserved) {\n new MutationObserver(this.observe.bind(this)).observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n characterData: true,\n attributeOldValue: true,\n characterDataOldValue: true\n });\n\n this.mutationsObserved = true;\n }\n }\n\n /**\n * Observes given mutation records for an elements to process\n *\n * @param {MutationRecord[]} records\n */\n\n }, {\n key: 'observe',\n value: function observe(records) {\n var i = 0;\n var s = records.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n var record = records[i];\n\n if (record.type === 'attributes' && record.attributeName === 'data-type' && this.isValidNode(record.target) && record.oldValue !== this.type) // skip false-positive mutations\n {\n setTimeout(this.process.bind(this, record.target));\n } else if (record.addedNodes && record.addedNodes.length) {\n var ii = 0;\n var ss = record.addedNodes.length;\n\n for (; ii < ss; ii++) {\n setTimeout(this.process.bind(this, record.addedNodes[ii]));\n }\n }\n }\n }\n\n /**\n * Parses given attribute value to a proper JavaScript value.\n * For example it will parse some stringified value to a proper type\n * value, e.g. 'true' => true, 'null' => null, '{\"prop\": 20}' => {prop: 20}\n *\n * @param {*} value\n * @return {*}\n */\n\n }, {\n key: 'process',\n\n\n /**\n * Processes a given node, instantiating a proper type constructor for it\n *\n * @param {Node|HTMLElement} node\n * @returns {GaugeInterface|null}\n */\n value: function process(node) {\n var _this2 = this;\n\n if (!this.isValidNode(node)) return null;\n\n var prop = void 0;\n var options = JSON.parse(JSON.stringify(this.options));\n var instance = null;\n\n for (prop in options) {\n /* istanbul ignore else: non-testable in most cases */\n if (options.hasOwnProperty(prop)) {\n var attributeName = DomObserver.toAttributeName(prop);\n var attributeValue = DomObserver.parse(node.getAttribute(attributeName));\n\n if (attributeValue !== null && attributeValue !== undefined) {\n options[prop] = attributeValue;\n }\n }\n }\n\n options.renderTo = node;\n instance = new this.Type(options);\n instance.draw && instance.draw();\n\n if (!this.isObservable) return instance;\n\n instance.observer = new MutationObserver(function (records) {\n records.forEach(function (record) {\n if (record.type === 'attributes') {\n var attr = record.attributeName.toLowerCase();\n var type = node.getAttribute(attr).toLowerCase();\n\n if (attr === 'data-type' && type && type !== _this2.type) {\n instance.observer.disconnect();\n delete instance.observer;\n instance.destroy && instance.destroy();\n } else if (attr.substr(0, 5) === 'data-') {\n var _prop = attr.substr(5).split('-').map(function (part, i) {\n return !i ? part : part.charAt(0).toUpperCase() + part.substr(1);\n }).join('');\n var _options = {};\n\n _options[_prop] = DomObserver.parse(node.getAttribute(record.attributeName));\n\n instance.update && instance.update(_options);\n }\n }\n });\n });\n\n //noinspection JSCheckFunctionSignatures\n instance.observer.observe(node, { attributes: true });\n\n return instance;\n }\n\n /**\n * Transforms camelCase string to dashed string\n *\n * @static\n * @param {string} camelCase\n * @return {string}\n */\n\n }], [{\n key: 'parse',\n value: function parse(value) {\n // parse boolean\n if (value === 'true') return true;\n if (value === 'false') return false;\n\n // parse undefined\n if (value === 'undefined') return undefined;\n\n // parse null\n if (value === 'null') return null;\n\n // Comma-separated strings to array parsing.\n // It won't match strings which contains non alphanumeric characters to\n // prevent strings like 'rgba(0,0,0,0)' or JSON-like from being parsed.\n // Typically it simply allows easily declare arrays as comma-separated\n // numbers or plain strings. If something more complicated is\n // required it can be declared using JSON format syntax\n if (/^[-+#.\\w\\d\\s]+(?:,[-+#.\\w\\d\\s]*)+$/.test(value)) {\n return value.split(',');\n }\n\n // parse JSON\n try {\n return JSON.parse(value);\n } catch (e) {}\n\n // plain value - no need to parse\n return value;\n }\n }, {\n key: 'toDashed',\n value: function toDashed(camelCase) {\n var arr = camelCase.split(/(?=[A-Z])/);\n var i = 1;\n var s = arr.length;\n var str = arr[0].toLowerCase();\n\n for (; i < s; i++) {\n str += '-' + arr[i].toLowerCase();\n }\n\n return str;\n }\n\n /**\n * Transforms dashed string to CamelCase representation\n *\n * @param {string} dashed\n * @param {boolean} [capitalized]\n * @return {string}\n */\n\n }, {\n key: 'toCamelCase',\n value: function toCamelCase(dashed) {\n var capitalized = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n var arr = dashed.split(/-/);\n var i = 0;\n var s = arr.length;\n var str = '';\n\n for (; i < s; i++) {\n if (!(i || capitalized)) {\n str += arr[i].toLowerCase();\n } else {\n str += arr[i][0].toUpperCase() + arr[i].substr(1).toLowerCase();\n }\n }\n\n return str;\n }\n\n /**\n * Transforms camel case property name to dash separated attribute name\n *\n * @static\n * @param {string} str\n * @returns {string}\n */\n\n }, {\n key: 'toAttributeName',\n value: function toAttributeName(str) {\n return 'data-' + DomObserver.toDashed(str);\n }\n\n /**\n * Cross-browser DOM ready handler\n *\n * @static\n * @param {Function} handler\n */\n\n }, {\n key: 'domReady',\n value: function domReady(handler) {\n if (/comp|inter|loaded/.test((window.document || {}).readyState + '')) return handler();\n\n if (window.addEventListener) window.addEventListener('DOMContentLoaded', handler, false);else if (window.attachEvent) window.attachEvent('onload', handler);\n }\n }]);\n\n return DomObserver;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/**\n * Drawings on canvas using hidden canvas as a cache for better\n * performance drawings during canvas animations. SmartCanvas also\n * adopts a canvas to\n */\n\n\nvar SmartCanvas = function () {\n\n /**\n * @constructor\n * @param {HTMLCanvasElement} canvas\n * @param {number} [width]\n * @param {number} [height]\n */\n function SmartCanvas(canvas, width, height) {\n _classCallCheck(this, SmartCanvas);\n\n SmartCanvas.collection.push(this);\n\n /**\n * Canvas base width\n *\n * @type {number}\n */\n this.width = width || 0;\n\n /**\n * Canvas base height\n *\n * @type {number}\n */\n this.height = height || 0;\n\n /**\n * Target drawings canvas element\n *\n * @type {HTMLCanvasElement}\n */\n this.element = canvas;\n\n this.init();\n }\n\n /**\n * Initializes canvases and contexts\n */\n\n\n _createClass(SmartCanvas, [{\n key: 'init',\n value: function init() {\n var pixelRatio = SmartCanvas.pixelRatio;\n\n this.element.width = this.width * pixelRatio;\n this.element.height = this.height * pixelRatio;\n\n this.element.style.width = this.width + 'px';\n this.element.style.height = this.height + 'px';\n\n /**\n * Canvas caching element\n *\n * @type {HTMLCanvasElement|Node}\n */\n this.elementClone = this.element.cloneNode(true);\n\n //noinspection JSUnresolvedVariable\n /**\n * Target drawings canvas element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.context = this.element.getContext('2d');\n\n /**\n * Canvas caching element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.contextClone = this.elementClone.getContext('2d');\n\n /**\n * Actual drawings width\n *\n * @type {number}\n */\n this.drawWidth = this.element.width;\n\n /**\n * Actual drawings height\n *\n * @type {number}\n */\n this.drawHeight = this.element.height;\n\n /**\n * X-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawX = this.drawWidth / 2;\n\n /**\n * Y-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawY = this.drawHeight / 2;\n\n /**\n * Minimal side length in pixels of the drawing\n *\n * @type {number}\n */\n this.minSide = this.drawX < this.drawY ? this.drawX : this.drawY;\n\n this.elementClone.initialized = false;\n\n this.contextClone.translate(this.drawX, this.drawY);\n this.contextClone.save();\n\n this.context.translate(this.drawX, this.drawY);\n this.context.save();\n\n this.context.max = this.contextClone.max = this.minSide;\n this.context.maxRadius = this.contextClone.maxRadius = null;\n }\n\n /**\n * Destroys this object, removing the references from memory\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = SmartCanvas.collection.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n SmartCanvas.collection.splice(index, 1);\n }\n\n this.context.clearRect(-this.drawX, -this.drawY, this.drawWidth, this.drawHeight);\n\n // dereference all created elements\n this.context.max = null;\n delete this.context.max;\n\n this.context.maxRadius = null;\n delete this.context.maxRadius;\n\n this.context = null;\n this.contextClone = null;\n this.elementClone = null;\n this.element = null;\n\n /**\n * On canvas redraw event callback\n *\n * @type {function|null|undefined}\n */\n this.onRedraw = null;\n }\n\n /**\n * Commits the drawings\n */\n\n }, {\n key: 'commit',\n value: function commit() {\n var scale = SmartCanvas.pixelRatio;\n\n if (scale !== 1) {\n this.contextClone.scale(scale, scale);\n this.contextClone.save();\n }\n\n return this;\n }\n\n /**\n * Redraw this object\n */\n\n }, {\n key: 'redraw',\n value: function redraw() {\n this.init();\n\n /**\n * On canvas redraw event callback\n *\n * @type {function(): *}\n */\n this.onRedraw && this.onRedraw();\n\n return this;\n }\n\n /**\n * Returns current device pixel ratio\n *\n * @returns {number}\n */\n\n }], [{\n key: 'redraw',\n\n\n /**\n * Forces redraw all canvas in the current collection\n */\n value: function redraw() {\n var i = 0;\n var s = SmartCanvas.collection.length;\n\n for (; i < s; i++) {\n SmartCanvas.collection[i].redraw();\n }\n }\n }, {\n key: 'pixelRatio',\n get: function get() {\n /* istanbul ignore next */\n //noinspection JSUnresolvedVariable\n return window.devicePixelRatio || 1;\n }\n }]);\n\n return SmartCanvas;\n}();\n\nSmartCanvas.collection = [];\n\n/* istanbul ignore next: very browser-specific testing required to cover */\n//noinspection JSUnresolvedVariable\nif (window.matchMedia) {\n //noinspection JSUnresolvedFunction\n window.matchMedia('screen and (min-resolution: 2dppx)').addListener(SmartCanvas.redraw);\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Describes rendering target element. Can be either string identifier of\n * the element or the element itself.\n *\n * @typedef {HTMLElement|string} RenderTarget\n */\n\n/**\n * Highlight area definition.\n * It describes highlight area starting from value to value using\n * color. Color can be describes with hex, rgb or rgba value.\n *\n * @typedef {{ from: number, to: number, color: string}} Highlight\n */\n\n/**\n * Shared generic gauges options\n *\n * @type {{renderTo: RenderTarget, width: number, height: number, minValue: number, maxValue: number, value: number, units: string|boolean, majorTicks: number[]|string[], minorTicks: number, strokeTicks: boolean, animatedValue: boolean, animateOnInit: boolean, title: string|boolean, borders: boolean, valueInt: number, valueDec: number, majorTicksInt: number, majorTicksDec: number, animation: boolean, animationDuration: number, animationRule: string|AnimationRule, colorPlate: string, colorPlateEnd: string, colorMajorTicks: string, colorMinorTicks: string, colorTitle: string, colorUnits: string, colorNumbers: string, colorNeedle: string, colorNeedleEnd: string, colorValueText: string, colorValueTextShadow: string, colorBorderShadow: string, colorBorderOuter: string, colorBorderOuterEnd: string, colorBorderMiddle: string, colorBorderMiddleEnd: string, colorBorderInner: string, colorBorderInnerEnd: string, colorValueBoxRect: string, colorValueBoxRectEnd: string, colorValueBoxBackground: string, colorValueBoxShadow: string, colorNeedleShadowUp: string, colorNeedleShadowDown: string, needle: boolean, needleShadow: boolean, needleType: string, needleStart: number, needleEnd: number, needleWidth: number, borderOuterWidth: number, borderMiddleWidth: number, borderInnerWidth: number, borderShadowWidth: number, valueBox: boolean, valueBoxWidth: number, valueBoxStroke: number, valueText: string, valueTextShadow: boolean, valueBoxBorderRadius: number, highlights: Highlight[], highlightsWidth: number, fontNumbers: string, fontTitle: string, fontUnits: string, fontValue: string, fontTitleSize: number, fontValueSize: number, fontUnitsSize: number, fontNumbersSize: number, fontNumbersStyle: string, fontTitleStyle: string, fontUnitsStyle: string, fontValueStyle: string, fontNumbersWeight: string, fontTitleWeight: string, fontUnitsWeight: string, fontValueWeight: string, barWidth: number, barStrokeWidth: number, barProgress: boolean, colorBar: string, colorBarStroke: string, colorBarProgress: string, colorBarShadow: string, barShadow: number}} GenericOptions\n */\nvar GenericOptions = {\n // basic options\n renderTo: null,\n width: 0,\n height: 0,\n minValue: 0,\n maxValue: 100,\n value: 0,\n units: false,\n majorTicks: [0, 20, 40, 60, 80, 100],\n minorTicks: 10,\n strokeTicks: true,\n animatedValue: false,\n animateOnInit: false,\n title: false,\n borders: true,\n\n // number formats\n valueInt: 3,\n valueDec: 2,\n majorTicksInt: 1,\n majorTicksDec: 0,\n\n // animations\n animation: true,\n animationDuration: 500,\n animationRule: 'cycle',\n\n // colors\n colorPlate: '#fff',\n colorPlateEnd: '',\n colorMajorTicks: '#444',\n colorMinorTicks: '#666',\n colorTitle: '#888',\n colorUnits: '#888',\n colorNumbers: '#444',\n colorNeedle: 'rgba(240,128,128,1)',\n colorNeedleEnd: 'rgba(255,160,122,.9)',\n colorValueText: '#444',\n colorValueTextShadow: 'rgba(0,0,0,0.3)',\n colorBorderShadow: 'rgba(0,0,0,0.5)',\n colorBorderOuter: '#ddd',\n colorBorderOuterEnd: '#aaa',\n colorBorderMiddle: '#eee',\n colorBorderMiddleEnd: '#f0f0f0',\n colorBorderInner: '#fafafa',\n colorBorderInnerEnd: '#ccc',\n colorValueBoxRect: '#888',\n colorValueBoxRectEnd: '#666',\n colorValueBoxBackground: '#babab2',\n colorValueBoxShadow: 'rgba(0,0,0,1)',\n colorNeedleShadowUp: 'rgba(2,255,255,0.2)',\n colorNeedleShadowDown: 'rgba(188,143,143,0.45)',\n colorBarStroke: '#222',\n colorBar: '#ccc',\n colorBarProgress: '#888',\n colorBarShadow: '#000',\n\n fontNumbers: 'Arial',\n fontTitle: 'Arial',\n fontUnits: 'Arial',\n fontValue: 'Arial',\n\n fontNumbersSize: 20,\n fontTitleSize: 24,\n fontUnitsSize: 22,\n fontValueSize: 26,\n\n fontNumbersStyle: 'normal',\n fontTitleStyle: 'normal',\n fontUnitsStyle: 'normal',\n fontValueStyle: 'normal',\n\n fontNumbersWeight: 'normal',\n fontTitleWeight: 'normal',\n fontUnitsWeight: 'normal',\n fontValueWeight: 'normal',\n\n // needle\n needle: true,\n needleShadow: true,\n needleType: 'arrow',\n needleStart: 5,\n needleEnd: 85,\n needleWidth: 4,\n\n // borders\n borderOuterWidth: 3,\n borderMiddleWidth: 3,\n borderInnerWidth: 3,\n borderShadowWidth: 3,\n\n // value and highlights\n valueBox: true,\n valueBoxStroke: 5,\n valueBoxWidth: 0,\n valueText: '',\n valueTextShadow: true,\n valueBoxBorderRadius: 2.5,\n\n // highlights\n highlights: [{ from: 20, to: 60, color: '#eee' }, { from: 60, to: 80, color: '#ccc' }, { from: 80, to: 100, color: '#999' }],\n highlightsWidth: 15,\n\n // progress bar\n barWidth: 20, // percents\n barStrokeWidth: 0, // pixels\n barProgress: true,\n barShadow: 0\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Gauge collections type.\n *\n * It is used ES5 declaration here, because babel\n * transpiles inheritance incorrectly in this case.\n *\n * @class Collection\n * @constructor\n */\nfunction Collection() {\n Array.prototype.constructor.apply(this, arguments);\n}\n\nCollection.prototype = Object.create(Array.prototype);\nCollection.prototype.constructor = Collection;\n\n/**\n * Returns gauge object by its identifier or index in the collection\n *\n * @param {string|number} id\n * @return {*}\n */\nCollection.prototype.get = function (id) {\n if (typeof id === 'string') {\n var i = 0;\n var s = this.length;\n\n for (; i < s; i++) {\n var canvas = this[i].options.renderTo.tagName ? this[i].options.renderTo :\n /* istanbul ignore next: should be tested with e2e tests */\n document.getElementById(this[i].options.renderTo || '');\n\n if (canvas.getAttribute('id') === id) {\n return this[i];\n }\n }\n } else if (typeof id === 'number') {\n return this[id];\n }\n\n return null;\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar version = '2.1.1';\n\nvar round = Math.round;\nvar abs = Math.abs;\n\nvar gauges = new Collection();\n\ngauges.version = version;\n\n/**\n * Basic abstract BaseGauge class implementing common functionality\n * for different type of gauges.\n *\n * It should not be instantiated directly but must be extended by a final\n * gauge implementation.\n *\n * @abstract\n * @example\n *\n * class MyCoolGauge extends BaseGauge {\n *\n * // theses methods below MUST be implemented:\n *\n * constructor(options) {\n * // ... do something with options\n * super(options);\n * // ... implement anything else\n * }\n *\n * draw() {\n * // ... some implementation here\n * return this;\n * }\n * }\n */\n\nvar BaseGauge = function (_EventEmitter) {\n _inherits(BaseGauge, _EventEmitter);\n\n /**\n * Fired each time gauge is initialized on a page\n *\n * @event BaseGauge#init\n */\n\n /**\n * Fired each time gauge scene is rendered\n *\n * @event BaseGauge#render\n */\n\n /**\n * Fired each time gauge object is destroyed\n *\n * @event BaseGauge#destroy\n */\n\n /**\n * Fired each time before animation is started on the gauge\n *\n * @event BaseGauge#animationStart\n */\n\n /**\n * Fired each time animation scene is complete\n *\n * @event BaseGauge#animate\n * @type {number} percent\n * @type {number} value\n */\n\n /**\n * Fired each time animation is complete on the gauge\n *\n * @event BaseGauge#animationEnd\n */\n\n /**\n * @constructor\n * @abstract\n * @param {GenericOptions} options\n */\n function BaseGauge(options) {\n _classCallCheck(this, BaseGauge);\n\n var _this3 = _possibleConstructorReturn(this, (BaseGauge.__proto__ || Object.getPrototypeOf(BaseGauge)).call(this));\n\n var className = _this3.constructor.name;\n\n if (className === 'BaseGauge') {\n throw new TypeError('Attempt to instantiate abstract class!');\n }\n\n gauges.push(_this3);\n\n //noinspection JSUnresolvedVariable\n /**\n * Gauges version string\n *\n * @type {string}\n */\n _this3.version = version;\n\n /**\n * Gauge type class\n *\n * @type {BaseGauge} type\n */\n _this3.type = ns[className] || BaseGauge;\n\n /**\n * True if gauge has been drawn for the first time, false otherwise.\n *\n * @type {boolean}\n */\n _this3.initialized = false;\n\n options.minValue = parseFloat(options.minValue);\n options.maxValue = parseFloat(options.maxValue);\n options.value = parseFloat(options.value) || 0;\n\n if (!options.borders) {\n options.borderInnerWidth = options.borderMiddleWidth = options.borderOuterWidth = 0;\n }\n\n if (!options.renderTo) {\n throw TypeError('Canvas element was not specified when creating ' + 'the Gauge object!');\n }\n\n var canvas = options.renderTo.tagName ? options.renderTo :\n /* istanbul ignore next: to be tested with e2e tests */\n document.getElementById(options.renderTo);\n\n if (!(canvas instanceof HTMLCanvasElement)) {\n throw TypeError('Given gauge canvas element is invalid!');\n }\n\n options.width = parseFloat(options.width) || 0;\n options.height = parseFloat(options.height) || 0;\n\n if (!options.width || !options.height) {\n if (!options.width) options.width = canvas.parentNode ? canvas.parentNode.offsetWidth : canvas.offsetWidth;\n if (!options.height) options.height = canvas.parentNode ? canvas.parentNode.offsetHeight : canvas.offsetHeight;\n }\n\n /**\n * Gauge options\n *\n * @type {GenericOptions} options\n */\n _this3.options = options || {};\n\n if (_this3.options.animateOnInit) {\n _this3._value = _this3.options.value;\n _this3.options.value = _this3.options.minValue;\n }\n\n /**\n * @type {SmartCanvas} canvas\n */\n _this3.canvas = new SmartCanvas(canvas, options.width, options.height);\n _this3.canvas.onRedraw = _this3.draw.bind(_this3);\n\n /**\n * @type {Animation} animation\n */\n _this3.animation = new Animation(options.animationRule, options.animationDuration);\n return _this3;\n }\n\n /**\n * Sets new value for this gauge.\n * If gauge is animated by configuration it will trigger a proper animation.\n * Upsetting a value triggers gauge redraw.\n *\n * @param {number} value\n */\n\n\n _createClass(BaseGauge, [{\n key: 'update',\n\n\n /**\n * Updates gauge configuration options at runtime and redraws the gauge\n *\n * @param {RadialGaugeOptions} options\n * @returns {BaseGauge}\n */\n value: function update(options) {\n Object.assign(this.options, this.type.configure(options || {}));\n\n this.canvas.width = this.options.width;\n this.canvas.height = this.options.height;\n\n this.animation.rule = this.options.animationRule;\n this.animation.duration = this.options.animationDuration;\n\n this.canvas.redraw();\n\n return this;\n }\n\n /**\n * Performs destruction of this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = gauges.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n //noinspection JSUnresolvedFunction\n gauges.splice(index, 1);\n }\n\n this.canvas.destroy();\n this.canvas = null;\n\n this.animation.destroy();\n this.animation = null;\n\n this.emit('destroy');\n }\n\n /**\n * Returns gauges version string\n *\n * @return {string}\n */\n\n }, {\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @abstract\n * @returns {BaseGauge}\n */\n value: function draw() {\n if (this.options.animateOnInit && !this.initialized) {\n this.value = this._value;\n this.initialized = true;\n this.emit('init');\n }\n\n this.emit('render');\n\n return this;\n }\n\n /**\n * Inject given gauge object into DOM\n *\n * @param {string} type\n * @param {GenericOptions} options\n */\n\n }, {\n key: 'value',\n set: function set(value) {\n var _this4 = this;\n\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n var fromValue = this.options.value;\n\n if (value === fromValue) return;\n\n if (this.options.animation) {\n if (this.animation.frame) {\n // animation is already in progress -\n // forget related old animation value\n // @see https://github.com/Mikhus/canvas-gauges/issues/94\n delete this._value;\n }\n\n /**\n * @type {number}\n * @access private\n */\n if (this._value === undefined) {\n this._value = value;\n }\n\n this.emit('animationStart');\n\n this.animation.animate(function (percent) {\n _this4.options.value = fromValue + (value - fromValue) * percent;\n\n _this4.draw();\n\n _this4.emit('animate', percent, _this4.options.value);\n console.log('animation progress', _this4.options.value, _this4._value);\n }, function () {\n if (_this4._value !== undefined) {\n _this4.options.value = _this4._value;\n delete _this4._value;\n }\n\n _this4.draw();\n _this4.emit('animationEnd');\n console.log('animation end');\n });\n } else {\n this.options.value = value;\n this.draw();\n }\n }\n\n /**\n * Returns current value of the gauge\n *\n * @return {number}\n */\n ,\n get: function get() {\n return typeof this._value === 'undefined' ? this.options.value : this._value;\n }\n\n /**\n * Updates gauge options\n *\n * @param {*} options\n * @return {BaseGauge}\n * @access protected\n */\n\n }], [{\n key: 'configure',\n value: function configure(options) {\n return options;\n }\n }, {\n key: 'initialize',\n value: function initialize(type, options) {\n return new DomObserver(options, 'canvas', type);\n }\n\n /**\n * Initializes gauge from a given HTML element\n * (given element should be valid HTML canvas gauge definition)\n *\n * @param {HTMLElement} element\n */\n\n }, {\n key: 'fromElement',\n value: function fromElement(element) {\n var type = DomObserver.toCamelCase(element.getAttribute('data-type'));\n var attributes = element.attributes;\n var i = 0;\n var s = attributes.length;\n var options = {};\n\n if (!type) {\n return;\n }\n\n if (!/Gauge$/.test(type)) {\n type += 'Gauge';\n }\n\n for (; i < s; i++) {\n options[DomObserver.toCamelCase(attributes[i].name.replace(/^data-/, ''), false)] = DomObserver.parse(attributes[i].value);\n }\n\n new DomObserver(options, element.tagName, type).process(element);\n }\n\n /**\n * Ensures value is proper number\n *\n * @param {*} value\n * @param {number} min\n * @return {number}\n */\n\n }, {\n key: 'ensureValue',\n value: function ensureValue(value) {\n var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n value = parseFloat(value);\n\n if (isNaN(value) || !isFinite(value)) {\n value = parseFloat(min) || 0;\n }\n\n return value;\n }\n }, {\n key: 'version',\n get: function get() {\n return version;\n }\n }]);\n\n return BaseGauge;\n}(EventEmitter);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['BaseGauge'] = BaseGauge;\n ns['gauges'] = (window.document || {})['gauges'] = gauges;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @access private\n * @typedef {CanvasRenderingContext2D|{max: number, maxRadius: number, barDimensions: object}} Canvas2DContext\n */\n\n/* istanbul ignore next: private, not testable */\n/**\n * Examines if a given error is something to throw or to ignore\n *\n * @param {Error} err\n */\nfunction verifyError(err) {\n // there is some unpredictable error in FF in some circumstances\n // which we found simply safe to ignore than to fight with it\n // noinspection JSUnresolvedVariable\n if (err instanceof DOMException && err.result === 0x8053000b) {\n return; // ignore it\n }\n\n throw err;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Prepares major ticks data\n *\n * @access private\n * @param {GenericOptions|{ tickSide: string }} options\n * @return {[boolean, boolean]}\n */\nfunction prepareTicks(options) {\n if (!(options.majorTicks instanceof Array)) {\n options.majorTicks = options.majorTicks ? [options.majorTicks] : [];\n }\n\n if (!options.majorTicks.length) {\n options.majorTicks.push(drawings.formatMajorTickNumber(options.minValue, options));\n options.majorTicks.push(drawings.formatMajorTickNumber(options.maxValue, options));\n }\n\n return [options.tickSide !== 'right', options.tickSide !== 'left'];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rounded corners rectangle\n *\n * @param {Canvas2DContext} context\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @param {number} r\n */\nfunction roundRect(context, x, y, w, h, r) {\n context.beginPath();\n\n context.moveTo(x + r, y);\n context.lineTo(x + w - r, y);\n\n context.quadraticCurveTo(x + w, y, x + w, y + r);\n context.lineTo(x + w, y + h - r);\n\n context.quadraticCurveTo(x + w, y + h, x + w - r, y + h);\n context.lineTo(x + r, y + h);\n\n context.quadraticCurveTo(x, y + h, x, y + h - r);\n context.lineTo(x, y + r);\n\n context.quadraticCurveTo(x, y, x + r, y);\n\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Pads a given value with leading zeros using the given options\n *\n * @param {number} val\n * @param {RadialGaugeOptions|{valueInt: number, valueDec: number}} options\n * @returns {string}\n */\nfunction padValue(val, options) {\n var dec = options.valueDec;\n var int = options.valueInt;\n var i = 0;\n var s = void 0,\n strVal = void 0,\n n = void 0;\n\n val = parseFloat(val);\n n = val < 0;\n val = Math.abs(val);\n\n if (dec > 0) {\n strVal = val.toFixed(dec).toString().split('.');\n s = int - strVal[0].length;\n\n for (; i < s; ++i) {\n strVal[0] = '0' + strVal[0];\n }\n\n strVal = (n ? '-' : '') + strVal[0] + '.' + strVal[1];\n } else {\n strVal = Math.round(val).toString();\n s = int - strVal.length;\n\n for (; i < s; ++i) {\n strVal = '0' + strVal;\n }\n\n strVal = (n ? '-' : '') + strVal;\n }\n\n return strVal;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Formats a number for display on the dial's plate using the majorTicksFormat\n * config option.\n *\n * @param {number} num number to format\n * @param {object} options\n * @returns {string} formatted number\n */\nfunction formatMajorTickNumber(num, options) {\n var right = void 0,\n hasDec = false;\n\n // First, force the correct number of digits right of the decimal.\n if (options.majorTicksDec === 0) {\n right = Math.round(num).toString();\n } else {\n right = num.toFixed(options.majorTicksDec);\n }\n\n // Second, force the correct number of digits left of the decimal.\n if (options.majorTicksInt > 1) {\n // Does this number have a decimal?\n hasDec = ~right.indexOf('.');\n\n // Is this number a negative number?\n if (~right.indexOf('-')) {\n return '-' + [options.majorTicksInt + options.majorTicksDec + 2 + (hasDec ? 1 : 0) - right.length].join('0') + right.replace('-', '');\n } else {\n return [options.majorTicksInt + options.majorTicksDec + 1 + (hasDec ? 1 : 0) - right.length].join('0') + right;\n }\n }\n\n return right;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Transforms degrees to radians\n *\n * @param {number} degrees\n * @returns {number}\n */\nfunction radians(degrees) {\n return degrees * Math.PI / 180;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns radial point coordinates\n *\n * @param {number} radius\n * @param {number} angle\n * @returns {{x: number, y: number}}\n */\nfunction radialPoint(radius, angle) {\n return { x: -radius * Math.sin(angle), y: radius * Math.cos(angle) };\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Creates and returns linear gradient canvas object\n *\n * @param {Canvas2DContext} context\n * @param {string} colorFrom\n * @param {string} colorTo\n * @param {number} length\n * @param {boolean} [isVertical]\n * @param {number} [from]\n * @returns {CanvasGradient}\n */\nfunction linearGradient(context, colorFrom, colorTo, length) {\n var isVertical = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;\n var from = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n var grad = context.createLinearGradient(isVertical ? 0 : from, isVertical ? from : 0, isVertical ? 0 : length, isVertical ? length : 0);\n\n grad.addColorStop(0, colorFrom);\n grad.addColorStop(1, colorTo);\n\n return grad;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws the shadow if it was not drawn\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {boolean} shadowDrawn\n * @return {boolean}\n */\nfunction drawShadow(context, options) {\n var shadowDrawn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n if (shadowDrawn) {\n context.restore();\n return true;\n }\n\n context.save();\n\n var w = options.borderShadowWidth;\n\n if (w) {\n context.shadowBlur = w;\n context.shadowColor = options.colorBorderShadow;\n }\n\n return true;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle shadow\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawNeedleShadow(context, options) {\n if (!options.needleShadow) return;\n\n context.shadowOffsetX = 2;\n context.shadowOffsetY = 2;\n context.shadowBlur = 10;\n context.shadowColor = options.colorNeedleShadowDown;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Constructs font styles for canvas fonts\n *\n * @param {GenericOptions} options\n * @param {string} target\n * @param {number} baseSize\n */\nfunction font(options, target, baseSize) {\n return options['font' + target + 'Style'] + ' ' + options['font' + target + 'Weight'] + ' ' + options['font' + target + 'Size'] * baseSize + 'px ' + options['font' + target];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Resets some context settings\n *\n * @param {Canvas2DContext} context\n */\nfunction reset(context) {\n context.shadowOffsetX = null;\n context.shadowOffsetY = null;\n context.shadowBlur = null;\n context.shadowColor = '';\n context.strokeStyle = null;\n context.lineWidth = 0;\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Declares to drow value text shadow if configured\n *\n * @param context\n * @param options\n * @param offset\n * @param blur\n */\nfunction drawValueTextShadow(context, options, offset, blur) {\n if (options.valueTextShadow) {\n context.shadowOffsetX = offset;\n context.shadowOffsetY = offset;\n context.shadowBlur = blur;\n context.shadowColor = options.colorValueTextShadow;\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box at given position\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {number|string} value\n * @param {number} x\n * @param {number} y\n * @param {number} max\n */\nfunction drawValueBox(context, options, value, x, y, max) {\n if (!options.valueBox) return;\n\n reset(context);\n\n var text = options.valueText || padValue(value, options);\n var tunit = max / 200;\n var runit = max / 100;\n var offset = 0.4 * runit;\n var blur = 1.2 * runit;\n\n context.font = font(options, 'Value', tunit);\n drawValueTextShadow(context, options, offset, blur);\n\n var tw = context.measureText(options.valueText ? text : '-' + padValue(0, options)).width;\n\n reset(context);\n\n var th = parseFloat(options.fontValueSize) * tunit + offset + blur;\n var sw = runit * parseFloat(options.valueBoxStroke);\n var bmax = max * 2 - sw * 2;\n\n var bw = tw + 10 * runit;\n var bh = 1.1 * th + offset + blur;\n var br = runit * options.valueBoxBorderRadius;\n var obw = (parseFloat(options.valueBoxWidth) || 0) / 100 * bmax;\n\n obw > bw && (bw = obw);\n bw > bmax && (bw = bmax);\n\n var bx = x - bw / 2;\n var by = y - bh / 2;\n var gy = y - 5.75 * runit;\n\n context.beginPath();\n\n if (br) roundRect(context, bx, by, bw, bh, br);else context.rect(bx, by, bw, bh);\n\n if (sw) {\n var grd = context.createRadialGradient(x, gy, runit * 10, x, gy, runit * 20);\n\n grd.addColorStop(0, options.colorValueBoxRect);\n grd.addColorStop(1, options.colorValueBoxRectEnd);\n\n context.strokeStyle = grd;\n context.lineWidth = sw;\n context.stroke();\n }\n\n if (options.colorValueBoxShadow) {\n context.shadowBlur = 1.2 * runit;\n context.shadowColor = options.colorValueBoxShadow;\n }\n\n if (options.colorValueBoxBackground) {\n context.fillStyle = options.colorValueBoxBackground;\n context.fill();\n }\n\n context.closePath();\n context.restore();\n\n drawValueTextShadow(context, options, offset, blur);\n\n context.fillStyle = options.colorValueText;\n context.textAlign = 'center';\n context.textBaseline = 'alphabetic';\n context.fillText(text, bx + bw / 2, y + bh / 2 - th / 3);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns normalized value\n *\n * @param {GenericOptions} options\n * @return {{normal: number, indented: number}}\n */\nfunction normalizedValue(options) {\n var value = options.value;\n var min = options.minValue;\n var max = options.maxValue;\n var dt = (max - min) * 0.01;\n\n return {\n normal: value < min ? min : value > max ? max : value,\n indented: value < min ? min - dt : value > max ? max + dt : value\n };\n}\n\nvar drawings = {\n roundRect: roundRect,\n padValue: padValue,\n formatMajorTickNumber: formatMajorTickNumber,\n radians: radians,\n radialPoint: radialPoint,\n linearGradient: linearGradient,\n drawNeedleShadow: drawNeedleShadow,\n drawValueBox: drawValueBox,\n verifyError: verifyError,\n prepareTicks: prepareTicks,\n drawShadow: drawShadow,\n font: font,\n normalizedValue: normalizedValue\n};\n\ndrawings;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar PI = Math.PI;\nvar HPI = PI / 2;\n\n/**\n * Gauge configuration options\n *\n * @typedef {GenericOptions|{ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean}} RadialGaugeOptions\n */\n\n/**\n * Default gauge configuration options\n *\n * @access private\n * @type {RadialGaugeOptions}\n */\nvar defaultRadialGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n ticksAngle: 270,\n startAngle: 45,\n\n // colors\n colorNeedleCircleOuter: '#f0f0f0',\n colorNeedleCircleOuterEnd: '#ccc',\n colorNeedleCircleInner: '#e8e8e8',\n colorNeedleCircleInnerEnd: '#f5f5f5',\n\n // needle\n needleCircleSize: 10,\n needleCircleInner: true,\n needleCircleOuter: true,\n\n // custom animations\n animationTarget: 'needle', // 'needle' or 'plate'\n useMinPath: false,\n\n barWidth: 0\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gradient-filled circle on a canvas\n *\n * @access private\n * @param {number} radius\n * @param {number} width\n * @param {Canvas2DContext} context\n * @param {string} start gradient start color\n * @param {string} end gradient end color\n */\nfunction drawRadialBorder(radius, width, context, start, end) {\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(radius), 0, PI * 2, true);\n context.lineWidth = width;\n context.strokeStyle = end ? drawings.linearGradient(context, start, end, radius) : start;\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns max radius without borders for the gauge\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @return {number}\n */\nfunction maxRadialRadius(context, options) {\n var pxRatio = SmartCanvas.pixelRatio;\n\n if (!context.maxRadius) {\n context.maxRadius = context.max - options.borderShadowWidth - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio + (options.borderOuterWidth ? 0.5 : 0) + (options.borderMiddleWidth ? 0.5 : 0) + (options.borderInnerWidth ? 0.5 : 0);\n }\n\n return context.maxRadius;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge plate on the canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialPlate(context, options) {\n var pxRatio = SmartCanvas.pixelRatio;\n var d0 = options.borderShadowWidth * pxRatio;\n var r0 = context.max - d0 - options.borderOuterWidth * pxRatio / 2;\n var r1 = r0 - options.borderOuterWidth * pxRatio / 2 - options.borderMiddleWidth * pxRatio / 2 + 0.5;\n var r2 = r1 - options.borderMiddleWidth * pxRatio / 2 - options.borderInnerWidth * pxRatio / 2 + 0.5;\n var r3 = maxRadialRadius(context, options);\n var grad = void 0;\n var shadowDrawn = false;\n\n context.save();\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r0, options.borderOuterWidth * pxRatio, context, options.colorBorderOuter, options.colorBorderOuterEnd);\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r1, options.borderMiddleWidth * pxRatio, context, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r2, options.borderInnerWidth * pxRatio, context, options.colorBorderInner, options.colorBorderInnerEnd);\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(r3), 0, PI * 2, true);\n\n if (options.colorPlateEnd) {\n grad = context.createRadialGradient(0, 0, r3 / 2, 0, 0, r3);\n grad.addColorStop(0, options.colorPlate);\n grad.addColorStop(1, options.colorPlateEnd);\n } else {\n grad = options.colorPlate;\n }\n\n context.fillStyle = grad;\n\n context.fill();\n context.closePath();\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge highlight areas on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialHighlights(context, options) {\n var hlWidth = context.max * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!hlWidth) return;\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options) - hlWidth / 2);\n var i = 0,\n s = options.highlights.length;\n var vd = (options.maxValue - options.minValue) / options.ticksAngle;\n\n context.save();\n\n for (; i < s; i++) {\n var hlt = options.highlights[i];\n\n context.beginPath();\n\n context.rotate(HPI);\n context.arc(0, 0, r, drawings.radians(options.startAngle + (hlt.from - options.minValue) / vd), drawings.radians(options.startAngle + (hlt.to - options.minValue) / vd), false);\n context.strokeStyle = hlt.color;\n context.lineWidth = hlWidth;\n context.stroke();\n context.closePath();\n\n context.restore();\n context.save();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks bar on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMinorTicks(context, options) {\n var radius = radialTicksRadius(context, options);\n\n context.lineWidth = SmartCanvas.pixelRatio;\n context.strokeStyle = options.colorMinorTicks;\n\n context.save();\n\n var s = options.minorTicks * (options.majorTicks.length - 1);\n var i = 0;\n\n for (; i < s; ++i) {\n var angle = options.startAngle + i * (options.ticksAngle / s);\n\n context.rotate(drawings.radians(angle));\n\n context.beginPath();\n context.moveTo(0, radius);\n context.lineTo(0, radius - context.max * 0.075);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns ticks radius\n *\n * @access private\n * @param context\n * @param options\n * @return {number}\n */\nfunction radialTicksRadius(context, options) {\n var unit = context.max / 100;\n\n return maxRadialRadius(context, options) - 5 * unit - (options.barWidth ? (parseFloat(options.barStrokeWidth) || 0) * 2 + ((parseFloat(options.barWidth) || 0) + 5) * unit : 0);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge major ticks bar on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMajorTicks(context, options) {\n drawings.prepareTicks(options);\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options));\n var i = void 0,\n colors = void 0;\n var s = options.majorTicks.length;\n var pixelRatio = SmartCanvas.pixelRatio;\n\n context.lineWidth = 2 * pixelRatio;\n context.save();\n\n colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(s).fill(options.colorMajorTicks);\n\n i = 0;\n for (; i < s; ++i) {\n context.strokeStyle = colors[i];\n context.rotate(drawings.radians(radialNextAngle(options, i, s)));\n\n context.beginPath();\n context.moveTo(0, r);\n context.lineTo(0, r - context.max * 0.15);\n closeStrokedPath(context);\n }\n\n if (options.strokeTicks) {\n context.strokeStyle = colors[0];\n context.rotate(HPI);\n\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\nfunction radialNextAngle(options, i, s) {\n return options.startAngle + i * (options.ticksAngle / (s - 1));\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Strokes, closes path and restores previous context state\n *\n * @param {Canvas2DContext} context\n */\nfunction closeStrokedPath(context) {\n context.stroke();\n context.restore();\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar numbers\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNumbers(context, options) {\n var radius = radialTicksRadius(context, options) - context.max * 0.25;\n var points = {};\n var i = 0;\n var s = options.majorTicks.length;\n var isAnimated = options.animationTarget !== 'needle';\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(s).fill(options.colorNumbers);\n\n var plateValueAngle = isAnimated ? -(options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle : 0;\n\n if (isAnimated) {\n context.save();\n context.rotate(-drawings.radians(plateValueAngle));\n }\n\n for (; i < s; ++i) {\n var angle = plateValueAngle + radialNextAngle(options, i, s);\n var point = drawings.radialPoint(radius, drawings.radians(angle));\n\n if (angle === 360) angle = 0;\n\n if (points[angle]) {\n continue; //already drawn at this place, skipping\n }\n\n points[angle] = true;\n\n context.font = drawings.font(options, 'Numbers', context.max / 200);\n context.fillStyle = colors[i];\n context.lineWidth = 0;\n context.textAlign = 'center';\n context.fillText(options.majorTicks[i], point.x, point.y + 3);\n }\n\n isAnimated && context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge title\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialTitle(context, options) {\n if (!options.title) return;\n\n context.save();\n context.font = drawings.font(options, 'Title', context.max / 200);\n context.fillStyle = options.colorTitle;\n context.textAlign = 'center';\n context.fillText(options.title, 0, -context.max / 4.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws units name on the gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialUnits(context, options) {\n if (!options.units) return;\n\n context.save();\n context.font = drawings.font(options, 'Units', context.max / 200);\n context.fillStyle = options.colorUnits;\n context.textAlign = 'center';\n context.fillText(options.units, 0, context.max / 3.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNeedle(context, options) {\n if (!options.needle) return;\n\n var value = options.ticksAngle < 360 ? drawings.normalizedValue(options).indented : options.value;\n var max = maxRadialRadius(context, options);\n //noinspection JSUnresolvedFunction\n var r1 = abs(max / 100 * options.needleCircleSize);\n //noinspection JSUnresolvedFunction\n var r2 = abs(max / 100 * options.needleCircleSize * 0.75);\n //noinspection JSUnresolvedFunction\n var rIn = abs(max / 100 * options.needleEnd);\n //noinspection JSUnresolvedFunction\n var rStart = abs(options.needleStart ? max / 100 * options.needleStart : 0);\n //noinspection JSUnresolvedFunction\n var rOut = abs(max * 0.2);\n var pad1 = max / 100 * options.needleWidth;\n var pad2 = max / 100 * options.needleWidth / 2;\n var pixelRatio = SmartCanvas.pixelRatio;\n var isFixed = options.animationTarget !== 'needle';\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n context.rotate(drawings.radians(isFixed ? options.startAngle : options.startAngle + (value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle));\n\n context.fillStyle = drawings.linearGradient(context, options.colorNeedle, options.colorNeedleEnd, rIn - rOut);\n\n if (options.needleType === 'arrow') {\n context.beginPath();\n context.moveTo(-pad2, -rOut);\n context.lineTo(-pad1, 0);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(pixelRatio, rIn);\n context.lineTo(pad1, 0);\n context.lineTo(pad2, -rOut);\n context.closePath();\n context.fill();\n\n context.beginPath();\n context.lineTo(-0.5 * pixelRatio, rIn);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(-pad1, 0);\n context.lineTo(-pad2, -rOut);\n context.lineTo(pad2 / 2 * pixelRatio - 2 * pixelRatio, -rOut);\n context.closePath();\n context.fillStyle = options.colorNeedleShadowUp;\n context.fill();\n } else {\n // simple line needle\n context.beginPath();\n context.moveTo(-pad2, rIn);\n context.lineTo(-pad2, rStart);\n context.lineTo(pad2, rStart);\n context.lineTo(pad2, rIn);\n context.closePath();\n context.fill();\n }\n\n if (options.needleCircleSize) {\n context.restore();\n\n drawings.drawNeedleShadow(context, options);\n\n if (options.needleCircleOuter) {\n context.beginPath();\n context.arc(0, 0, r1, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleOuter, options.colorNeedleCircleOuterEnd, r1);\n context.fill();\n context.closePath();\n }\n\n if (options.needleCircleInner) {\n context.beginPath();\n context.arc(0, 0, r2, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleInner, options.colorNeedleCircleInnerEnd, r2);\n context.fill();\n context.closePath();\n }\n\n context.restore();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge value box\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @param {number} value\n */\nfunction drawRadialValueBox(context, options, value) {\n drawings.drawValueBox(context, options, value, 0, context.max - context.max * 0.33, context.max);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge progress bar\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialProgressBar(context, options) {\n var unit = context.max / 100;\n var rMax = maxRadialRadius(context, options) - 5 * unit;\n var sw = parseFloat(options.barStrokeWidth) || 0;\n var w = (parseFloat(options.barWidth) || 0) * unit;\n var rMin = rMax - sw * 2 - w;\n var half = (rMax - rMin) / 2;\n var r = rMin + half;\n var delta = sw / r;\n var sa = options.startAngle;\n var ea = options.startAngle + options.ticksAngle;\n\n context.save();\n context.rotate(HPI);\n\n if (sw) {\n // draw stroke\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa) - delta, drawings.radians(ea) + delta, false);\n context.strokeStyle = options.colorBarStroke;\n context.lineWidth = half * 2;\n context.stroke();\n context.closePath();\n }\n\n if (w) {\n // draw bar\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(ea), false);\n context.strokeStyle = options.colorBar;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n\n if (options.barShadow) {\n // draw shadow\n context.beginPath();\n context.arc(0, 0, rMax, drawings.radians(sa), drawings.radians(ea), false);\n context.clip();\n\n context.beginPath();\n context.strokeStyle = options.colorBar;\n context.lineWidth = 1;\n context.shadowBlur = options.barShadow;\n context.shadowColor = options.colorBarShadow;\n context.shadowOffsetX = 0;\n context.shadowOffsetY = 0;\n context.arc(0, 0, rMax, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n context.stroke();\n context.closePath();\n\n context.restore();\n context.rotate(HPI);\n }\n\n // draw bar progress\n if (options.barProgress) {\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(sa + (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle), false);\n context.strokeStyle = options.colorBarProgress;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n }\n }\n\n context.restore();\n}\n\n/**\n * Find and return gauge value to display\n *\n * @param {RadialGauge} gauge\n */\nfunction displayValue(gauge) {\n if (gauge.options.animatedValue) {\n return gauge.options.value;\n }\n\n return gauge.value;\n}\n\n/**\n * Minimalistic HTML5 Canvas Gauge\n * @example\n * var gauge = new RadialGauge({\n * renderTo: 'gauge-id', // identifier of HTML canvas element or element itself\n * width: 400,\n * height: 400,\n * units: 'Km/h',\n * title: false,\n * value: 0,\n * minValue: 0,\n * maxValue: 220,\n * majorTicks: [\n * '0','20','40','60','80','100','120','140','160','180','200','220'\n * ],\n * minorTicks: 2,\n * strokeTicks: false,\n * highlights: [\n * { from: 0, to: 50, color: 'rgba(0,255,0,.15)' },\n * { from: 50, to: 100, color: 'rgba(255,255,0,.15)' },\n * { from: 100, to: 150, color: 'rgba(255,30,0,.25)' },\n * { from: 150, to: 200, color: 'rgba(255,0,225,.25)' },\n * { from: 200, to: 220, color: 'rgba(0,0,255,.25)' }\n * ],\n * colorPlate: '#222',\n * colorMajorTicks: '#f5f5f5',\n * colorMinorTicks: '#ddd',\n * colorTitle: '#fff',\n * colorUnits: '#ccc',\n * colorNumbers: '#eee',\n * colorNeedleStart: 'rgba(240, 128, 128, 1)',\n * colorNeedleEnd: 'rgba(255, 160, 122, .9)',\n * valueBox: true,\n * animationRule: 'bounce'\n * });\n * // draw initially\n * gauge.draw();\n * // animate\n * setInterval(() => {\n * gauge.value = Math.random() * -220 + 220;\n * }, 1000);\n */\n\nvar RadialGauge = function (_BaseGauge) {\n _inherits(RadialGauge, _BaseGauge);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event RadialGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event RadialGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event RadialGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event RadialGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event RadialGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event RadialGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event RadialGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event RadialGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event RadialGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event RadialGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {RadialGaugeOptions} options\n */\n function RadialGauge(options) {\n _classCallCheck(this, RadialGauge);\n\n options = Object.assign({}, defaultRadialGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (RadialGauge.__proto__ || Object.getPrototypeOf(RadialGauge)).call(this, RadialGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(RadialGauge, [{\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @returns {RadialGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref[0];\n var y = _ref[1];\n var w = _ref[2];\n var h = _ref[3];\n\n var options = this.options;\n\n if (options.animationTarget === 'needle') {\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(context, options);\n this.emit('beforeHighlights');\n drawRadialHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(context, options);\n this.emit('beforeTitle');\n drawRadialTitle(context, options);\n this.emit('beforeUnits');\n drawRadialUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n this.emit('beforeNeedle');\n drawRadialNeedle(canvas.context, options);\n } else {\n var plateValueAngle = -drawings.radians((options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle);\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(canvas.context, options);\n\n canvas.context.rotate(plateValueAngle);\n\n // animated\n this.emit('beforeHighlights');\n drawRadialHighlights(canvas.context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(canvas.context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(canvas.context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(canvas.context, options);\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n\n // non-animated\n canvas.context.rotate(-plateValueAngle);\n canvas.context.save();\n\n if (!canvas.elementClone.initialized) {\n var _context = canvas.contextClone;\n\n // clear the cache\n _context.clearRect(x, y, w, h);\n _context.save();\n\n this.emit('beforeTitle');\n drawRadialTitle(_context, options);\n this.emit('beforeUnits');\n drawRadialUnits(_context, options);\n this.emit('beforeNeedle');\n drawRadialNeedle(_context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n }\n\n // value box animations\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n\n _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }, {\n key: 'value',\n\n\n /**\n * Sets the value for radial gauge\n *\n * @param {number} value\n */\n set: function set(value) {\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n if (this.options.animation && this.options.ticksAngle === 360 && this.options.useMinPath) {\n this._value = value;\n value = this.options.value + ((value - this.options.value) % 360 + 540) % 360 - 180;\n }\n\n _set(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', value, this);\n }\n\n /**\n * Returns current gauge value\n *\n * @return {number}\n */\n ,\n get: function get() {\n return _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', this);\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n if (options.barWidth > 50) options.barWidth = 50;\n\n /* istanbul ignore if */\n if (isNaN(options.startAngle)) options.startAngle = 45;\n /* istanbul ignore if */\n if (isNaN(options.ticksAngle)) options.ticksAngle = 270;\n\n /* istanbul ignore if */\n if (options.ticksAngle > 360) options.ticksAngle = 360;\n /* istanbul ignore if */\n if (options.ticksAngle < 0) options.ticksAngle = 0;\n\n /* istanbul ignore if */\n if (options.startAngle < 0) options.startAngle = 0;\n /* istanbul ignore if */\n if (options.startAngle > 360) options.startAngle = 360;\n\n return options;\n }\n }]);\n\n return RadialGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['RadialGauge'] = RadialGauge;\n}\n\nBaseGauge.initialize('RadialGauge', defaultRadialGaugeOptions);\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Linear gauge configuration options\n *\n * @typedef {GenericOptions|{borderRadius: number, barBeginCircle: number, tickSide: string, needleSide: string, numberSide: string, ticksWidth: number, ticksWidthMinor: number, ticksPadding: number, barLength: number, colorBarEnd: string, colorBarProgressEnd: string}} LinearGaugeOptions\n */\n\n/**\n * Default linear gauge configuration options\n *\n * @type {LinearGaugeOptions}\n */\nvar defaultLinearGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n borderRadius: 0,\n // width: 150,\n // height: 400,\n\n // bar\n barBeginCircle: 30, // percents\n colorBarEnd: '',\n colorBarProgressEnd: '',\n\n needleWidth: 6,\n\n tickSide: 'both', // available: 'left', 'right', 'both'\n needleSide: 'both', // available: 'left', 'right', 'both'\n\n numberSide: 'both', // available: 'left', 'right', 'both'\n\n ticksWidth: 10,\n ticksWidthMinor: 5,\n ticksPadding: 5,\n barLength: 85,\n fontTitleSize: 26,\n\n highlightsWidth: 10\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawRectangle(context, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.fillStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, w > h ? w : h, h > w, w > h ? x : y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} width width of the border\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawLinearBorder(context, width, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.lineWidth = width;\n context.strokeStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, h, true, y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge plate\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearPlate(context, options, x, y, w, h) {\n var pxRatio = SmartCanvas.pixelRatio;\n context.save();\n\n var r = options.borderRadius * pxRatio;\n var w1 = w - options.borderShadowWidth - options.borderOuterWidth * pxRatio;\n var w2 = w1 - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio;\n var w3 = w2 - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio;\n var w4 = w3 - options.borderInnerWidth * pxRatio;\n\n var h1 = h - options.borderShadowWidth - options.borderOuterWidth * pxRatio;\n var h2 = h1 - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio;\n var h3 = h2 - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio;\n var h4 = h3 - options.borderInnerWidth * pxRatio;\n\n var x2 = x - (w2 - w1) / 2;\n var x3 = x2 - (w3 - w2) / 2;\n var x4 = x3 - (w4 - w3) / 2;\n\n var y2 = y - (h2 - h1) / 2;\n var y3 = y2 - (h3 - h2) / 2;\n var y4 = y3 - (h4 - h3) / 2;\n var aliasingOffset = 0;\n var shadowDrawn = false;\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderOuterWidth * pxRatio, r, x + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, y + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, w1, h1, options.colorBorderOuter, options.colorBorderOuterEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderMiddleWidth * pxRatio, r -= 1 + aliasingOffset * 2, x2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, y2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, w2 + aliasingOffset * 2, h2 + aliasingOffset * 2, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderInnerWidth * pxRatio, r -= 1 + aliasingOffset * 2, x3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, y3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, w3 + aliasingOffset * 2, h3 + aliasingOffset * 2, options.colorBorderInner, options.colorBorderInnerEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n drawRectangle(context, r, x4, y4, w4 + aliasingOffset * 2, h4 + aliasingOffset * 2, options.colorPlate, options.colorPlateEnd);\n\n context.restore();\n\n return [x4, y4, w4, h4];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns linear gauge base bar dimensions.\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions|{barStrokeWidth: number, barBeginCircle: number, barWidth: number, hasLeft: boolean, hasRight: boolean}} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @return {{isVertical: boolean, width: number, length: number, barWidth: number, barLength: number, strokeWidth: number, barMargin: number, radius: number, x0: number, y0: number, barOffset: number, titleMargin: number, unitsMargin: number, X: number, Y: number, baseX: number, baseY: number, ticksPadding: number}}\n */\nfunction barDimensions(context, options, x, y, w, h) {\n var pixelRatio = SmartCanvas.pixelRatio;\n var isVertical = h >= w;\n var width = isVertical ? w * 0.85 : h;\n var length = isVertical ? h : w;\n\n //noinspection JSUnresolvedFunction\n x = isVertical ? round(x + (w - width) / 2) : x;\n\n var hasTitle = !!options.title;\n var hasUnits = !!options.units;\n var hasValue = !!options.valueBox;\n\n var titleMargin = void 0;\n var unitsMargin = void 0;\n var valueMargin = void 0;\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n unitsMargin = round(length * 0.05);\n //noinspection JSUnresolvedFunction\n titleMargin = round(length * 0.075);\n //noinspection JSUnresolvedFunction\n valueMargin = round(length * 0.11);\n\n if (hasTitle) {\n length -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) length -= unitsMargin;\n if (hasValue) length -= valueMargin;\n } else {\n //noinspection JSUnresolvedFunction\n unitsMargin = titleMargin = round(width * 0.15);\n\n if (hasTitle) {\n width -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) width -= unitsMargin;\n }\n\n var strokeWidth = options.barStrokeWidth * 2;\n //noinspection JSUnresolvedFunction\n var radius = options.barBeginCircle ? round(width * options.barBeginCircle / 200 - strokeWidth / 2) : 0;\n //noinspection JSUnresolvedFunction\n var barWidth = round(width * options.barWidth / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barLength = round(length * options.barLength / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barMargin = round((length - barLength) / 2);\n\n // coordinates for arc of the bar if configured\n //noinspection JSUnresolvedFunction\n var x0 = round(x + (isVertical ? width / 2 : barMargin + radius));\n //noinspection JSUnresolvedFunction\n var y0 = round(y + (isVertical ? length - barMargin - radius + strokeWidth / 2 : width / 2));\n var dx = isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n var dy = !isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n\n //noinspection JSUndefinedPropertyAssignment\n context.barDimensions = {\n isVertical: isVertical,\n width: width,\n length: length,\n barWidth: barWidth,\n barLength: barLength,\n strokeWidth: strokeWidth,\n barMargin: barMargin,\n radius: radius,\n pixelRatio: pixelRatio,\n barOffset: null,\n titleMargin: hasTitle ? titleMargin : 0,\n unitsMargin: hasUnits ? unitsMargin : 0,\n get ticksLength() {\n return this.barLength - this.barOffset - this.strokeWidth;\n },\n X: x + dx,\n Y: y + dy,\n x0: x0 + dx,\n y0: y0 + dy,\n baseX: x,\n baseY: y,\n ticksPadding: options.ticksPadding / 100\n };\n\n return context.barDimensions;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws bar shape from the given options on a given canvas context\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {string} type\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearBarShape(context, options, type, x, y, w, h) {\n var _barDimensions = barDimensions(context, options, x, y, w, h);\n\n var isVertical = _barDimensions.isVertical;\n var width = _barDimensions.width;\n var barWidth = _barDimensions.barWidth;\n var barLength = _barDimensions.barLength;\n var strokeWidth = _barDimensions.strokeWidth;\n var barMargin = _barDimensions.barMargin;\n var radius = _barDimensions.radius;\n var x0 = _barDimensions.x0;\n var y0 = _barDimensions.y0;\n var X = _barDimensions.X;\n var Y = _barDimensions.Y;\n\n var fullBarLength = barLength;\n\n context.save();\n context.beginPath();\n\n if (options.barBeginCircle) {\n var direction = drawings.radians(isVertical ? 270 : 0);\n var alpha = Math.asin(barWidth / 2 / radius);\n var cosAlpha = Math.cos(alpha);\n var sinAlpha = Math.sin(alpha);\n\n var x1 = x0 + (isVertical ? radius * sinAlpha : radius * cosAlpha - strokeWidth / 2);\n var y1 = isVertical ? y0 - radius * cosAlpha : y0 + radius * sinAlpha;\n //noinspection JSUnresolvedFunction\n var cutRadius = isVertical ? abs(y1 - y0) : abs(x1 - x0);\n\n //noinspection JSUnresolvedFunction\n context.barDimensions.barOffset = round(cutRadius + radius);\n\n // bottom point\n //noinspection JSUnresolvedFunction\n var x2 = isVertical ? round(x0 - radius * sinAlpha) : x1;\n //noinspection JSUnresolvedFunction\n var y2 = isVertical ? y1 : round(y0 - radius * sinAlpha);\n\n if (type === 'progress') {\n barLength = context.barDimensions.barOffset + (barLength - context.barDimensions.barOffset) * (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue);\n }\n\n // bar ends at\n //noinspection JSUnresolvedFunction\n var x3 = round(x1 + barLength - context.barDimensions.barOffset + strokeWidth / 2); // h\n //noinspection JSUnresolvedFunction\n var y3 = round(y1 - barLength + context.barDimensions.barOffset - strokeWidth / 2); // v\n\n context.arc(x0, y0, radius, direction + alpha, direction - alpha);\n\n if (isVertical) {\n context.moveTo(x1, y2);\n context.lineTo(x1, y3);\n context.lineTo(x2, y3);\n context.lineTo(x2, y2);\n } else {\n context.moveTo(x1, y2);\n context.lineTo(x3, y2);\n context.lineTo(x3, y1);\n context.lineTo(x1, y1);\n }\n } else {\n // simply rectangle\n //noinspection JSUnresolvedFunction\n var rx = round(isVertical ? X + (width - barWidth) / 2 : X + barMargin);\n //noinspection JSUnresolvedFunction\n var ry = round(isVertical ? Y + barLength + barMargin : Y + (width - barWidth) / 2);\n\n if (type === 'progress') {\n barLength *= (options.value - options.minValue) / (options.maxValue - options.minValue);\n }\n\n if (isVertical) context.rect(rx, ry, barWidth, -barLength);else context.rect(rx, ry, barLength, barWidth);\n }\n\n if (type !== 'progress' && options.barStrokeWidth) {\n context.lineWidth = strokeWidth;\n context.strokeStyle = options.colorBarStroke;\n //context.lineJoin = 'round';\n context.stroke();\n }\n\n if (type !== 'progress' && options.colorBar) {\n context.fillStyle = options.colorBarEnd ? drawings.linearGradient(context, options.colorBar, options.colorBarEnd, barLength, isVertical, isVertical ? Y : X) : options.colorBar;\n context.fill();\n } else if (type === 'progress' && options.colorBarProgress) {\n context.fillStyle = options.colorBarProgressEnd ? drawings.linearGradient(context, options.colorBarProgress, options.colorBarProgressEnd, fullBarLength, isVertical, isVertical ? Y : X) : options.colorBarProgress;\n context.fill();\n }\n\n context.closePath();\n\n // fix dimensions for further usage\n if (options.barBeginCircle) context.barDimensions.radius += strokeWidth;\n\n context.barDimensions.barWidth += strokeWidth;\n context.barDimensions.barLength += strokeWidth;\n}\n\n/**\n * Draws gauge bar\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBar(context, options, x, y, w, h) {\n drawLinearBarShape(context, options, '', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Helper function to calculate bar ticks presence on the sides\n *\n * @param {string} notWhich\n * @param {LinearGaugeOptions} options\n * @return {boolean}\n */\nfunction hasTicksBar(notWhich, options) {\n return options.needleSide !== notWhich || options.tickSide !== notWhich || options.numberSide !== notWhich;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar progress\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBarProgress(context, options, x, y, w, h) {\n options.barProgress && drawLinearBarShape(context, options, 'progress', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar highlighted areas\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarHighlights(context, options) {\n var _context$barDimension = context.barDimensions;\n var isVertical = _context$barDimension.isVertical;\n var width = _context$barDimension.width;\n var length = _context$barDimension.length;\n var barWidth = _context$barDimension.barWidth;\n var barOffset = _context$barDimension.barOffset;\n var barMargin = _context$barDimension.barMargin;\n var X = _context$barDimension.X;\n var Y = _context$barDimension.Y;\n var ticksLength = _context$barDimension.ticksLength;\n var ticksPadding = _context$barDimension.ticksPadding;\n\n var hlWidth = width * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!options.highlights || !hlWidth) return;\n\n var hasLeft = options.tickSide !== 'right';\n var hasRight = options.tickSide !== 'left';\n var i = 0;\n var s = options.highlights.length;\n var tickOffset = (width - barWidth) / 2;\n var interval = options.maxValue - options.minValue;\n //noinspection JSUnresolvedFunction\n var eX = round(isVertical ? X + tickOffset : X + barMargin + barOffset);\n var eH = hlWidth;\n var eY = isVertical ? Y + length - barMargin - barOffset : Y + tickOffset;\n //noinspection JSUnresolvedFunction\n var hLeft = round((options.ticksWidth / 100 + ticksPadding) * width) + (hlWidth - options.ticksWidth / 100 * width);\n //noinspection JSUnresolvedFunction\n var hRight = round(barWidth + ticksPadding * width);\n\n context.save();\n\n for (; i < s; i++) {\n var entry = options.highlights[i];\n //noinspection JSUnresolvedFunction\n var eStart = ticksLength * abs(options.minValue - entry.from) / interval;\n //noinspection JSUnresolvedFunction\n var eW = ticksLength * abs((entry.to - entry.from) / interval);\n\n context.beginPath();\n context.fillStyle = entry.color;\n\n if (isVertical) {\n if (hasLeft) context.rect(eX - hLeft, eY - eStart, eH, -eW);\n\n if (hasRight) context.rect(eX + hRight, eY - eStart, eH, -eW);\n } else {\n if (hasLeft) context.rect(eX + eStart, eY - hLeft, eW, eH);\n\n if (hasRight) context.rect(eX + eStart, eY + hRight, eW, eH);\n }\n\n context.fill();\n context.closePath();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws a tick line on a linear gauge\n *\n * @param {Canvas2DContext} context\n * @param x1\n * @param y1\n * @param x2\n * @param y2\n */\nfunction drawLinearTick(context, x1, y1, x2, y2) {\n context.beginPath();\n\n context.moveTo(x1, y1);\n context.lineTo(x2, y2);\n context.stroke();\n\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks\n *\n * @param {Canvas2DContext} context\n * @param {string} color\n * @param {number} ticksSize\n * @param {number} deltaLen\n * @param {boolean} hasLeft\n * @param {boolean} hasRight\n * @param {number} lineWidth\n * @param {number} lineLength\n */\nfunction drawLinearTicks(context, color, ticksSize, deltaLen, hasLeft, hasRight, lineWidth, lineLength) {\n var _context$barDimension2 = context.barDimensions;\n var isVertical = _context$barDimension2.isVertical;\n var length = _context$barDimension2.length;\n var barWidth = _context$barDimension2.barWidth;\n var barOffset = _context$barDimension2.barOffset;\n var barMargin = _context$barDimension2.barMargin;\n var pixelRatio = _context$barDimension2.pixelRatio;\n var width = _context$barDimension2.width;\n var X = _context$barDimension2.X;\n var Y = _context$barDimension2.Y;\n var ticksLength = _context$barDimension2.ticksLength;\n var ticksPadding = _context$barDimension2.ticksPadding;\n\n var tickOffset = (width - barWidth) / 2;\n var tickX = void 0,\n tickY = void 0;\n var i = 0;\n var tickLen = lineLength * width;\n var tickLeft = tickOffset - ticksPadding * width;\n var tickRight = tickOffset + barWidth + tickLen + ticksPadding * width;\n var tickSpace = ticksLength / (ticksSize - deltaLen);\n var colors = color instanceof Array ? color : new Array(ticksSize).fill(color);\n\n context.lineWidth = lineWidth * pixelRatio;\n context.save();\n\n for (; i < ticksSize; i++) {\n context.strokeStyle = colors[i];\n\n if (isVertical) {\n tickY = Y + length - barMargin - barOffset - i * tickSpace;\n\n if (hasLeft) {\n tickX = X + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n\n if (hasRight) {\n tickX = X + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n } else {\n tickX = X + barMargin + barOffset + i * tickSpace;\n\n if (hasLeft) {\n tickY = Y + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, tickX, round(tickY - tickLen));\n }\n\n if (hasRight) {\n tickY = Y + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, round(tickY), tickX, tickY - tickLen);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicks(context, options) {\n var _drawings$prepareTick = drawings.prepareTicks(options);\n\n var _drawings$prepareTick2 = _slicedToArray(_drawings$prepareTick, 2);\n\n var hasLeft = _drawings$prepareTick2[0];\n var hasRight = _drawings$prepareTick2[1];\n\n var lineWidth = 2;\n var colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(options.colorMajorTicks.length).fill(options.colorMajorTicks);\n\n drawLinearTicks(context, options.colorMajorTicks, options.majorTicks.length, 1, hasLeft, hasRight, lineWidth, options.ticksWidth / 100);\n\n if (options.strokeTicks) {\n var _context$barDimension3 = context.barDimensions;\n var isVertical = _context$barDimension3.isVertical;\n var length = _context$barDimension3.length;\n var width = _context$barDimension3.width;\n var barWidth = _context$barDimension3.barWidth;\n var barMargin = _context$barDimension3.barMargin;\n var barOffset = _context$barDimension3.barOffset;\n var X = _context$barDimension3.X;\n var Y = _context$barDimension3.Y;\n var ticksLength = _context$barDimension3.ticksLength;\n var pixelRatio = _context$barDimension3.pixelRatio;\n var ticksPadding = _context$barDimension3.ticksPadding;\n\n var rightTicks = (width - barWidth) / 2 + barWidth + ticksPadding * width;\n var leftTicks = (width - barWidth) / 2 - ticksPadding * width;\n var sX = void 0,\n sY = void 0,\n eX = void 0,\n eY = void 0;\n\n context.strokeStyle = colors[0];\n\n lineWidth *= pixelRatio;\n\n if (isVertical) {\n sY = Y + length - barMargin - barOffset + lineWidth / 2;\n eY = sY - ticksLength - lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n } else {\n sX = X + barMargin + barOffset - lineWidth / 2;\n eX = sX + ticksLength + lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks stroke\n *\n * @param {Canvas2DContext} context\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n */\nfunction drawLinearTickStroke(context, sX, sY, eX, eY) {\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMinorTicks(context, options) {\n var _drawings$prepareTick3 = drawings.prepareTicks(options);\n\n var _drawings$prepareTick4 = _slicedToArray(_drawings$prepareTick3, 2);\n\n var hasLeft = _drawings$prepareTick4[0];\n var hasRight = _drawings$prepareTick4[1];\n\n\n drawLinearTicks(context, options.colorMinorTicks, options.minorTicks * (options.majorTicks.length - 1), 0, hasLeft, hasRight, 1, options.ticksWidthMinor / 100);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major tick numbers\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicksNumbers(context, options) {\n var _context$barDimension4 = context.barDimensions;\n var isVertical = _context$barDimension4.isVertical;\n var length = _context$barDimension4.length;\n var width = _context$barDimension4.width;\n var barWidth = _context$barDimension4.barWidth;\n var barMargin = _context$barDimension4.barMargin;\n var barOffset = _context$barDimension4.barOffset;\n var X = _context$barDimension4.X;\n var Y = _context$barDimension4.Y;\n var ticksLength = _context$barDimension4.ticksLength;\n var ticksPadding = _context$barDimension4.ticksPadding;\n\n var ticks = options.majorTicks.length;\n var hasLeft = options.numberSide !== 'right';\n var hasRight = options.numberSide !== 'left';\n var textHeight = options.fontNumbersSize * width / 200;\n var i = 0;\n var ticksWidth = (options.ticksWidth / 100 + ticksPadding * 2) * width;\n var numLeft = (width - barWidth) / 2 - ticksWidth;\n var numRight = (width - barWidth) / 2 + barWidth + ticksWidth;\n var textX = void 0,\n textY = void 0,\n textWidth = void 0,\n numberOffset = void 0,\n tick = void 0;\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(ticks).fill(options.colorNumbers);\n\n context.font = drawings.font(options, 'Numbers', width / 200);\n context.lineWidth = 0;\n context.textAlign = 'center';\n\n for (; i < ticks; i++) {\n context.fillStyle = colors[i];\n tick = options.majorTicks[i];\n numberOffset = i * ticksLength / (ticks - 1);\n\n if (isVertical) {\n textY = Y + length - barMargin - barOffset - numberOffset + textHeight / 3;\n\n if (hasLeft) {\n context.textAlign = 'right';\n context.fillText(tick, X + numLeft, textY);\n }\n\n if (hasRight) {\n context.textAlign = 'left';\n context.fillText(tick, X + numRight, textY);\n }\n } else {\n textWidth = context.measureText(tick).width;\n textX = X + barMargin + barOffset + numberOffset;\n\n if (hasLeft) {\n context.fillText(tick, textX, Y + numLeft);\n }\n\n if (hasRight) {\n context.fillText(tick, textX, Y + numRight + textHeight);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge title\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearTitle(context, options) {\n if (!options.title) return;\n\n var _context$barDimension5 = context.barDimensions;\n var isVertical = _context$barDimension5.isVertical;\n var width = _context$barDimension5.width;\n var length = _context$barDimension5.length;\n var baseX = _context$barDimension5.baseX;\n var baseY = _context$barDimension5.baseY;\n var titleMargin = _context$barDimension5.titleMargin;\n\n var textHeight = options.fontTitleSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + titleMargin / 2 - (isVertical ? textHeight : textHeight / 2) - 0.025 * (isVertical ? length : width));\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Title', width / 200);\n context.lineWidth = 0;\n context.fillText(options.title, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge units\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearUnits(context, options) {\n if (!options.units) return;\n\n var _context$barDimension6 = context.barDimensions;\n var isVertical = _context$barDimension6.isVertical;\n var width = _context$barDimension6.width;\n var length = _context$barDimension6.length;\n var baseX = _context$barDimension6.baseX;\n var baseY = _context$barDimension6.baseY;\n var unitsMargin = _context$barDimension6.unitsMargin;\n\n var textHeight = options.fontUnitsSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + (isVertical ? length : width) + unitsMargin / 2 - textHeight / 2);\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Units', width / 200);\n context.lineWidth = 0;\n context.fillText(options.units, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge needles\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarNeedle(context, options) {\n if (!options.needle) return;\n\n var _context$barDimension7 = context.barDimensions;\n var isVertical = _context$barDimension7.isVertical;\n var width = _context$barDimension7.width;\n var length = _context$barDimension7.length;\n var barWidth = _context$barDimension7.barWidth;\n var barOffset = _context$barDimension7.barOffset;\n var barMargin = _context$barDimension7.barMargin;\n var ticksLength = _context$barDimension7.ticksLength;\n var X = _context$barDimension7.X;\n var Y = _context$barDimension7.Y;\n var ticksPadding = _context$barDimension7.ticksPadding;\n\n var hasLeft = options.needleSide !== 'right';\n var hasRight = options.needleSide !== 'left';\n var position = ticksLength * (drawings.normalizedValue(options).indented - options.minValue) / (options.maxValue - options.minValue);\n var tickWidth = (options.ticksWidth / 100 + ticksPadding) * width;\n var baseLength = barWidth / 2 + tickWidth;\n var needleLength = baseLength * (options.needleEnd / 100);\n var sX = void 0,\n eX = void 0,\n sY = void 0,\n eY = void 0;\n var draw = options.needleType.toLowerCase() === 'arrow' ? drawLinearArrowNeedle : drawLinearLineNeedle;\n var barStart = (width - barWidth) / 2;\n var needleStart = baseLength * (options.needleStart / 100);\n var nLeft = barStart - tickWidth - needleStart;\n var nRight = barStart + barWidth + tickWidth + needleStart;\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + length - barMargin - barOffset - position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nLeft);\n eX = sX + needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nRight);\n eX = sX - needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength, true);\n }\n } else {\n //noinspection JSUnresolvedFunction\n sX = round(X + barMargin + barOffset + position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nLeft);\n eY = sY + needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nRight);\n eY = sY - needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength, true);\n }\n }\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns needle color style\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} length\n * @param {boolean} [isRight]\n * @return {CanvasGradient|string}\n */\nfunction needleStyle(context, options, length, isRight) {\n return options.colorNeedleEnd ? drawings.linearGradient(context, isRight ? options.colorNeedleEnd : options.colorNeedle, isRight ? options.colorNeedle : options.colorNeedleEnd, length, !context.barDimensions.isVertical) : options.colorNeedle;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws line needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearLineNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n context.lineWidth = options.needleWidth;\n context.strokeStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws arrow needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearArrowNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n //noinspection JSUnresolvedFunction\n var peakLength = round(length * 0.4);\n var bodyLength = length - peakLength;\n var isVertical = sX === eX;\n var halfWidth = options.needleWidth / 2;\n\n context.fillStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n\n if (isVertical) {\n if (sY > eY) bodyLength *= -1;\n\n context.moveTo(sX - halfWidth, sY);\n context.lineTo(sX + halfWidth, sY);\n context.lineTo(sX + halfWidth, sY + bodyLength);\n context.lineTo(sX, eY);\n context.lineTo(sX - halfWidth, sY + bodyLength);\n context.lineTo(sX - halfWidth, sY);\n } else {\n if (sX > eX) bodyLength *= -1;\n\n context.moveTo(sX, sY - halfWidth);\n context.lineTo(sX, sY + halfWidth);\n context.lineTo(sX + bodyLength, sY + halfWidth);\n context.lineTo(eX, sY);\n context.lineTo(sX + bodyLength, sY - halfWidth);\n context.lineTo(sX, sY - halfWidth);\n }\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box for linear gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} value\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearValueBox(context, options, value, x, y, w, h) {\n // currently value box is available only for vertical linear gauge,\n // as far as by design it is hard to find a proper place for\n // horizontal ones\n var boxWidth = (parseFloat(options.fontValueSize) || 0) * w / 200;\n var dy = (0.11 * h - boxWidth) / 2;\n\n context.barDimensions.isVertical && drawings.drawValueBox(context, options, value, x + w / 2, y + h - boxWidth - dy, w);\n}\n\n/**\n * Minimalistic HTML5 Canvas Linear Gauge\n */\n\nvar LinearGauge = function (_BaseGauge2) {\n _inherits(LinearGauge, _BaseGauge2);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event LinearGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event LinearGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event LinearGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event LinearGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event LinearGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event LinearGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event LinearGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge bar area is drawn\n *\n * @event LinearGauge#beforeBar\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event LinearGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event LinearGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event LinearGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {LinearGaugeOptions} options\n */\n function LinearGauge(options) {\n _classCallCheck(this, LinearGauge);\n\n options = Object.assign({}, defaultLinearGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (LinearGauge.__proto__ || Object.getPrototypeOf(LinearGauge)).call(this, LinearGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(LinearGauge, [{\n key: 'draw',\n\n\n /* istanbul ignore next */\n /**\n * Triggering linear gauge render on a canvas.\n *\n * @returns {LinearGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref2 = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref2[0];\n var y = _ref2[1];\n var w = _ref2[2];\n var h = _ref2[3];\n\n var options = this.options;\n\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n this.drawBox = drawLinearPlate(context, options, x, y, w, h);\n\n this.emit('beforeBar');\n drawLinearBar.apply(undefined, [context, options].concat(_toConsumableArray(this.drawBox)));\n\n canvas.context.barDimensions = context.barDimensions;\n\n this.emit('beforeHighlights');\n drawLinearBarHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawLinearMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawLinearMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawLinearMajorTicksNumbers(context, options);\n this.emit('beforeTitle');\n drawLinearTitle(context, options);\n this.emit('beforeUnits');\n drawLinearUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawLinearBarProgress.apply(undefined, [canvas.context, options].concat(_toConsumableArray(this.drawBox)));\n this.emit('beforeNeedle');\n drawLinearBarNeedle(canvas.context, options);\n this.emit('beforeValueBox');\n drawLinearValueBox.apply(undefined, [canvas.context, options, options.animatedValue ? this.options.value : this.value].concat(_toConsumableArray(this.drawBox)));\n\n _get(LinearGauge.prototype.__proto__ || Object.getPrototypeOf(LinearGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n /* istanbul ignore else */\n if (options.barStrokeWidth >= options.barWidth) {\n //noinspection JSUnresolvedFunction\n options.barStrokeWidth = round(options.barWidth / 2);\n }\n\n //noinspection JSUndefinedPropertyAssignment\n options.hasLeft = hasTicksBar('right', options);\n //noinspection JSUndefinedPropertyAssignment\n options.hasRight = hasTicksBar('left', options);\n\n if (options.value > options.maxValue) {\n options.value = options.maxValue;\n }\n\n if (options.value < options.minValue) {\n options.value = options.minValue;\n }\n\n return BaseGauge.configure(options);\n }\n }]);\n\n return LinearGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['LinearGauge'] = LinearGauge;\n}\n\nBaseGauge.initialize('LinearGauge', defaultLinearGaugeOptions);;typeof module !== \"undefined\" && Object.assign(ns, {Collection: Collection,GenericOptions: GenericOptions,Animation: Animation,BaseGauge: BaseGauge,drawings: drawings,SmartCanvas: SmartCanvas,vendorize: vendorize});}(typeof module !== \"undefined\" ? module.exports : window));"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/lib/LinearGauge.js b/lib/LinearGauge.js index 59531051..9ac44944 100644 --- a/lib/LinearGauge.js +++ b/lib/LinearGauge.js @@ -134,18 +134,23 @@ function drawLinearBorder(context, width, r, x, y, w, h, colorStart, colorEnd) { * @param {number} h */ function drawLinearPlate(context, options, x, y, w, h) { + let pxRatio = SmartCanvas.pixelRatio; context.save(); - let r = options.borderRadius; - let w1 = w - options.borderShadowWidth - options.borderOuterWidth; - let w2 = w1 - options.borderOuterWidth - options.borderMiddleWidth; - let w3 = w2 - options.borderMiddleWidth - options.borderInnerWidth; - let w4 = w3 - options.borderInnerWidth; - - let h1 = h - options.borderShadowWidth - options.borderOuterWidth; - let h2 = h1 - options.borderOuterWidth - options.borderMiddleWidth; - let h3 = h2 - options.borderMiddleWidth - options.borderInnerWidth; - let h4 = h3 - options.borderInnerWidth; + let r = options.borderRadius * pxRatio; + let w1 = w - options.borderShadowWidth - options.borderOuterWidth * pxRatio; + let w2 = w1 - options.borderOuterWidth * pxRatio - + options.borderMiddleWidth * pxRatio; + let w3 = w2 - options.borderMiddleWidth * pxRatio - + options.borderInnerWidth * pxRatio; + let w4 = w3 - options.borderInnerWidth * pxRatio; + + let h1 = h - options.borderShadowWidth - options.borderOuterWidth * pxRatio; + let h2 = h1 - options.borderOuterWidth * pxRatio - + options.borderMiddleWidth * pxRatio; + let h3 = h2 - options.borderMiddleWidth * pxRatio - + options.borderInnerWidth * pxRatio; + let h4 = h3 - options.borderInnerWidth * pxRatio; let x2 = x - (w2 - w1) / 2; let x3 = x2 - (w3 - w2) / 2; @@ -159,40 +164,40 @@ function drawLinearPlate(context, options, x, y, w, h) { if (options.borderOuterWidth) { shadowDrawn = drawings.drawShadow(context, options, shadowDrawn); - drawLinearBorder(context, options.borderOuterWidth, + drawLinearBorder(context, options.borderOuterWidth * pxRatio, r, - x + options.borderOuterWidth / 2 - aliasingOffset, - y + options.borderOuterWidth / 2 - aliasingOffset, + x + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, + y + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, w1, h1, options.colorBorderOuter, options.colorBorderOuterEnd); - aliasingOffset += 0.5; + aliasingOffset += 0.5 * pxRatio; } if (options.borderMiddleWidth) { shadowDrawn = drawings.drawShadow(context, options, shadowDrawn); - drawLinearBorder(context, options.borderMiddleWidth, + drawLinearBorder(context, options.borderMiddleWidth * pxRatio, (r -= 1 + aliasingOffset * 2), - x2 + options.borderMiddleWidth / 2 - aliasingOffset, - y2 + options.borderMiddleWidth / 2 - aliasingOffset, + x2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, + y2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, w2 + aliasingOffset * 2, h2 + aliasingOffset * 2, options.colorBorderMiddle, options.colorBorderMiddleEnd); - aliasingOffset += 0.5; + aliasingOffset += 0.5 * pxRatio; } if (options.borderInnerWidth) { shadowDrawn = drawings.drawShadow(context, options, shadowDrawn); - drawLinearBorder(context,options.borderInnerWidth, + drawLinearBorder(context,options.borderInnerWidth * pxRatio, (r -= 1 + aliasingOffset * 2), - x3 + options.borderInnerWidth / 2 - aliasingOffset, - y3 + options.borderInnerWidth / 2 - aliasingOffset, + x3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, + y3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, w3 + aliasingOffset * 2, h3 + aliasingOffset * 2, options.colorBorderInner, options.colorBorderInnerEnd); - aliasingOffset += 0.5; + aliasingOffset += 0.5 * pxRatio; } drawings.drawShadow(context, options, shadowDrawn); diff --git a/lib/RadialGauge.js b/lib/RadialGauge.js index 257a07f1..a9c30820 100644 --- a/lib/RadialGauge.js +++ b/lib/RadialGauge.js @@ -98,12 +98,14 @@ function drawRadialBorder(radius, width, context, start, end) { * @return {number} */ function maxRadialRadius(context, options) { + let pxRatio = SmartCanvas.pixelRatio; + if (!context.maxRadius) { context.maxRadius = context.max - options.borderShadowWidth - - options.borderOuterWidth - - options.borderMiddleWidth - - options.borderInnerWidth + - options.borderOuterWidth * pxRatio + - options.borderMiddleWidth * pxRatio + - options.borderInnerWidth * pxRatio + (options.borderOuterWidth ? 0.5 : 0) + (options.borderMiddleWidth ? 0.5 : 0) + (options.borderInnerWidth ? 0.5 : 0); @@ -121,12 +123,13 @@ function maxRadialRadius(context, options) { * @param {RadialGaugeOptions} options */ function drawRadialPlate(context, options) { - let d0 = options.borderShadowWidth; - let r0 = context.max - d0 - options.borderOuterWidth / 2; - let r1 = r0 - options.borderOuterWidth / 2 - - options.borderMiddleWidth / 2 + 0.5; - let r2 = r1 - options.borderMiddleWidth / 2 - - options.borderInnerWidth / 2 + 0.5; + let pxRatio = SmartCanvas.pixelRatio; + let d0 = options.borderShadowWidth * pxRatio; + let r0 = context.max - d0 - (options.borderOuterWidth * pxRatio) / 2; + let r1 = r0 - (options.borderOuterWidth * pxRatio) / 2 - + (options.borderMiddleWidth * pxRatio) / 2 + 0.5; + let r2 = r1 - (options.borderMiddleWidth * pxRatio) / 2 - + (options.borderInnerWidth * pxRatio) / 2 + 0.5; let r3 = maxRadialRadius(context, options); let grad; let shadowDrawn = false; @@ -136,7 +139,7 @@ function drawRadialPlate(context, options) { if (options.borderOuterWidth) { shadowDrawn = drawings.drawShadow(context, options, shadowDrawn); drawRadialBorder(r0, - options.borderOuterWidth, + options.borderOuterWidth * pxRatio, context, options.colorBorderOuter, options.colorBorderOuterEnd); @@ -145,7 +148,7 @@ function drawRadialPlate(context, options) { if (options.borderMiddleWidth) { shadowDrawn = drawings.drawShadow(context, options, shadowDrawn); drawRadialBorder(r1, - options.borderMiddleWidth, + options.borderMiddleWidth * pxRatio, context, options.colorBorderMiddle, options.colorBorderMiddleEnd); @@ -154,7 +157,7 @@ function drawRadialPlate(context, options) { if (options.borderInnerWidth) { shadowDrawn = drawings.drawShadow(context, options, shadowDrawn); drawRadialBorder(r2, - options.borderInnerWidth, + options.borderInnerWidth * pxRatio, context, options.colorBorderInner, options.colorBorderInnerEnd); diff --git a/test-coverage.svg b/test-coverage.svg index eedb1ac4..aaaa0f3b 100644 --- a/test-coverage.svg +++ b/test-coverage.svg @@ -1 +1 @@ -coveragecoverage84.89%84.89% \ No newline at end of file +coveragecoverage84.91%84.91% \ No newline at end of file From 9c84267f0164e8070d64303a4a960a80eba84728 Mon Sep 17 00:00:00 2001 From: Mykhailo Stadnyk Date: Wed, 28 Dec 2016 12:46:37 +0200 Subject: [PATCH 07/10] Radial ticks bar with exact values implemented --- examples/non-linear-bar.html | 70 ++++++++++++++++++++++++++++++++++++ gauge.min.js | 4 +-- gauge.min.js.map | 2 +- lib/BaseGauge.js | 2 -- lib/GenericOptions.js | 3 +- lib/RadialGauge.js | 35 ++++++++++++++---- 6 files changed, 104 insertions(+), 12 deletions(-) create mode 100644 examples/non-linear-bar.html diff --git a/examples/non-linear-bar.html b/examples/non-linear-bar.html new file mode 100644 index 00000000..c402d993 --- /dev/null +++ b/examples/non-linear-bar.html @@ -0,0 +1,70 @@ + + + + + Gauge Test + + + + + + + + +
+ + + + + + diff --git a/gauge.min.js b/gauge.min.js index a6cdebee..cff05703 100644 --- a/gauge.min.js +++ b/gauge.min.js @@ -23,6 +23,6 @@ * * @version 2.1.1 */ -!function(e){"use strict";function t(e){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t1&&(d=1),t&&t(1===d?d:r(d)),s0){for(a=e.toFixed(i).toString().split("."),n=r-a[0].length;o1?(r=~i.indexOf("."),~i.indexOf("-")?"-"+[t.majorTicksInt+t.majorTicksDec+2+(r?1:0)-i.length].join("0")+i.replace("-",""):[t.majorTicksInt+t.majorTicksDec+1+(r?1:0)-i.length].join("0")+i):i}function f(e){return e*Math.PI/180}function v(e,t){return{x:-e*Math.sin(t),y:e*Math.cos(t)}}function m(e,t,i,r){var o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,a=e.createLinearGradient(o?0:n,o?n:0,o?0:r,o?r:0);return a.addColorStop(0,t),a.addColorStop(1,i),a}function b(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(i)return e.restore(),!0;e.save();var r=t.borderShadowWidth;return r&&(e.shadowBlur=r,e.shadowColor=t.colorBorderShadow),!0}function g(e,t){t.needleShadow&&(e.shadowOffsetX=2,e.shadowOffsetY=2,e.shadowBlur=10,e.shadowColor=t.colorNeedleShadowDown)}function p(e,t,i){return e["font"+t+"Style"]+" "+e["font"+t+"Weight"]+" "+e["font"+t+"Size"]*i+"px "+e["font"+t]}function w(e){e.shadowOffsetX=null,e.shadowOffsetY=null,e.shadowBlur=null,e.shadowColor="",e.strokeStyle=null,e.lineWidth=0,e.save()}function y(e,t,i,r){t.valueTextShadow&&(e.shadowOffsetX=i,e.shadowOffsetY=i,e.shadowBlur=r,e.shadowColor=t.colorValueTextShadow)}function k(e,t,i,r,o,n){if(t.valueBox){w(e);var a=t.valueText||c(i,t),l=n/200,s=n/100,d=.4*s,u=1.2*s;e.font=p(t,"Value",l),y(e,t,d,u);var f=e.measureText(t.valueText?a:"-"+c(0,t)).width;w(e);var v=parseFloat(t.fontValueSize)*l+d+u,m=s*parseFloat(t.valueBoxStroke),b=2*n-2*m,g=f+10*s,k=1.1*v+d+u,x=s*t.valueBoxBorderRadius,T=(parseFloat(t.valueBoxWidth)||0)/100*b;T>g&&(g=T),g>b&&(g=b);var S=r-g/2,W=o-k/2,O=o-5.75*s;if(e.beginPath(),x?h(e,S,W,g,k,x):e.rect(S,W,g,k),m){var P=e.createRadialGradient(r,O,10*s,r,O,20*s);P.addColorStop(0,t.colorValueBoxRect),P.addColorStop(1,t.colorValueBoxRectEnd),e.strokeStyle=P,e.lineWidth=m,e.stroke()}t.colorValueBoxShadow&&(e.shadowBlur=1.2*s,e.shadowColor=t.colorValueBoxShadow),t.colorValueBoxBackground&&(e.fillStyle=t.colorValueBoxBackground,e.fill()),e.closePath(),e.restore(),y(e,t,d,u),e.fillStyle=t.colorValueText,e.textAlign="center",e.textBaseline="alphabetic",e.fillText(a,S+g/2,o+k/2-v/3),e.restore()}}function x(e){var t=e.value,i=e.minValue,r=e.maxValue,o=.01*(r-i);return{normal:tr?r:t,indented:tr?r+o:t}}function T(e,t,i,r,o){i.beginPath(),i.arc(0,0,ye(e),0,2*Se,!0),i.lineWidth=t,i.strokeStyle=o?Te.linearGradient(i,r,o,e):r,i.stroke(),i.closePath()}function S(e,t){var i=be.pixelRatio;return e.maxRadius||(e.maxRadius=e.max-t.borderShadowWidth-t.borderOuterWidth*i-t.borderMiddleWidth*i-t.borderInnerWidth*i+(t.borderOuterWidth?.5:0)+(t.borderMiddleWidth?.5:0)+(t.borderInnerWidth?.5:0)),e.maxRadius}function W(e,t){var i=be.pixelRatio,r=t.borderShadowWidth*i,o=e.max-r-t.borderOuterWidth*i/2,n=o-t.borderOuterWidth*i/2-t.borderMiddleWidth*i/2+.5,a=n-t.borderMiddleWidth*i/2-t.borderInnerWidth*i/2+.5,l=S(e,t),s=void 0,d=!1;e.save(),t.borderOuterWidth&&(d=Te.drawShadow(e,t,d),T(o,t.borderOuterWidth*i,e,t.colorBorderOuter,t.colorBorderOuterEnd)),t.borderMiddleWidth&&(d=Te.drawShadow(e,t,d),T(n,t.borderMiddleWidth*i,e,t.colorBorderMiddle,t.colorBorderMiddleEnd)),t.borderInnerWidth&&(d=Te.drawShadow(e,t,d),T(a,t.borderInnerWidth*i,e,t.colorBorderInner,t.colorBorderInnerEnd)),Te.drawShadow(e,t,d),e.beginPath(),e.arc(0,0,ye(l),0,2*Se,!0),t.colorPlateEnd?(s=e.createRadialGradient(0,0,l/2,0,0,l),s.addColorStop(0,t.colorPlate),s.addColorStop(1,t.colorPlateEnd)):s=t.colorPlate,e.fillStyle=s,e.fill(),e.closePath(),e.restore()}function O(e,t){var i=e.max*(parseFloat(t.highlightsWidth)||0)/100;if(i){var r=ye(V(e,t)-i/2),o=0,n=t.highlights.length,a=(t.maxValue-t.minValue)/t.ticksAngle;for(e.save();on?o:n,n>o,o>n?i:r):a,t>0?Te.roundRect(e,i,r,o,n,t):e.rect(i,r,o,n),e.fill(),e.closePath()}function z(e,t,i,r,o,n,a,l,s){e.beginPath(),e.lineWidth=t,e.strokeStyle=s?Te.linearGradient(e,l,s,a,!0,o):l,i>0?Te.roundRect(e,r,o,n,a,i):e.rect(r,o,n,a),e.stroke(),e.closePath()}function L(e,t,i,r,o,n){var a=be.pixelRatio;e.save();var l=t.borderRadius*a,s=o-t.borderShadowWidth-t.borderOuterWidth*a,d=s-t.borderOuterWidth*a-t.borderMiddleWidth*a,h=d-t.borderMiddleWidth*a-t.borderInnerWidth*a,c=h-t.borderInnerWidth*a,u=n-t.borderShadowWidth-t.borderOuterWidth*a,f=u-t.borderOuterWidth*a-t.borderMiddleWidth*a,v=f-t.borderMiddleWidth*a-t.borderInnerWidth*a,m=v-t.borderInnerWidth*a,b=i-(d-s)/2,g=b-(h-d)/2,p=g-(c-h)/2,w=r-(f-u)/2,y=w-(v-f)/2,k=y-(m-v)/2,x=0,T=!1;return t.borderOuterWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderOuterWidth*a,l,i+t.borderOuterWidth*a/2-x,r+t.borderOuterWidth*a/2-x,s,u,t.colorBorderOuter,t.colorBorderOuterEnd),x+=.5*a),t.borderMiddleWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderMiddleWidth*a,l-=1+2*x,b+t.borderMiddleWidth*a/2-x,w+t.borderMiddleWidth*a/2-x,d+2*x,f+2*x,t.colorBorderMiddle,t.colorBorderMiddleEnd),x+=.5*a),t.borderInnerWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderInnerWidth*a,l-=1+2*x,g+t.borderInnerWidth*a/2-x,y+t.borderInnerWidth*a/2-x,h+2*x,v+2*x,t.colorBorderInner,t.colorBorderInnerEnd),x+=.5*a),Te.drawShadow(e,t,T),D(e,l,p,k,c+2*x,m+2*x,t.colorPlate,t.colorPlateEnd),e.restore(),[p,k,c,m]}function G(e,t,i,r,o,n){var a=be.pixelRatio,l=n>=o,s=l?.85*o:n,d=l?n:o;i=l?we(i+(o-s)/2):i;var h=!!t.title,c=!!t.units,u=!!t.valueBox,f=void 0,v=void 0,m=void 0;l?(v=we(.05*d),f=we(.075*d),m=we(.11*d),h&&(d-=f,r+=f),c&&(d-=v),u&&(d-=m)):(v=f=we(.15*s),h&&(s-=f,r+=f),c&&(s-=v));var b=2*t.barStrokeWidth,g=t.barBeginCircle?we(s*t.barBeginCircle/200-b/2):0,p=we(s*t.barWidth/100-b),w=we(d*t.barLength/100-b),y=we((d-w)/2),k=we(i+(l?s/2:y+g)),x=we(r+(l?d-y-g+b/2:s/2)),T=!l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s,S=l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s;return e.barDimensions={isVertical:l,width:s,length:d,barWidth:p,barLength:w,strokeWidth:b,barMargin:y,radius:g,pixelRatio:a,barOffset:null,titleMargin:h?f:0,unitsMargin:c?v:0,get ticksLength(){return this.barLength-this.barOffset-this.strokeWidth},X:i+T,Y:r+S,x0:k+T,y0:x+S,baseX:i,baseY:r,ticksPadding:t.ticksPadding/100},e.barDimensions}function F(e,t,i,r,o,n,a){var l=G(e,t,r,o,n,a),s=l.isVertical,d=l.width,h=l.barWidth,c=l.barLength,u=l.strokeWidth,f=l.barMargin,v=l.radius,m=l.x0,b=l.y0,g=l.X,p=l.Y,w=c;if(e.save(),e.beginPath(),t.barBeginCircle){var y=Te.radians(s?270:0),k=Math.asin(h/2/v),x=Math.cos(k),T=Math.sin(k),S=m+(s?v*T:v*x-u/2),W=s?b-v*x:b+v*T,O=ye(s?W-b:S-m);e.barDimensions.barOffset=we(O+v);var P=s?we(m-v*T):S,V=s?W:we(b-v*T);"progress"===i&&(c=e.barDimensions.barOffset+(c-e.barDimensions.barOffset)*(Te.normalizedValue(t).normal-t.minValue)/(t.maxValue-t.minValue));var B=we(S+c-e.barDimensions.barOffset+u/2),M=we(W-c+e.barDimensions.barOffset-u/2);e.arc(m,b,v,y+k,y-k),s?(e.moveTo(S,V),e.lineTo(S,M),e.lineTo(P,M),e.lineTo(P,V)):(e.moveTo(S,V),e.lineTo(B,V),e.lineTo(B,W),e.lineTo(S,W))}else{var A=we(s?g+(d-h)/2:g+f),C=we(s?p+c+f:p+(d-h)/2);"progress"===i&&(c*=(t.value-t.minValue)/(t.maxValue-t.minValue)),s?e.rect(A,C,h,-c):e.rect(A,C,c,h)}"progress"!==i&&t.barStrokeWidth&&(e.lineWidth=u,e.strokeStyle=t.colorBarStroke,e.stroke()),"progress"!==i&&t.colorBar?(e.fillStyle=t.colorBarEnd?Te.linearGradient(e,t.colorBar,t.colorBarEnd,c,s,s?p:g):t.colorBar,e.fill()):"progress"===i&&t.colorBarProgress&&(e.fillStyle=t.colorBarProgressEnd?Te.linearGradient(e,t.colorBarProgress,t.colorBarProgressEnd,w,s,s?p:g):t.colorBarProgress,e.fill()),e.closePath(),t.barBeginCircle&&(e.barDimensions.radius+=u),e.barDimensions.barWidth+=u,e.barDimensions.barLength+=u}function X(e,t,i,r,o,n){F(e,t,"",i,r,o,n)}function Y(e,t){return t.needleSide!==e||t.tickSide!==e||t.numberSide!==e}function U(e,t,i,r,o,n){t.barProgress&&F(e,t,"progress",i,r,o,n)}function H(e,t){var i=e.barDimensions,r=i.isVertical,o=i.width,n=i.length,a=i.barWidth,l=i.barOffset,s=i.barMargin,d=i.X,h=i.Y,c=i.ticksLength,u=i.ticksPadding,f=o*(parseFloat(t.highlightsWidth)||0)/100;if(t.highlights&&f){var v="right"!==t.tickSide,m="left"!==t.tickSide,b=0,g=t.highlights.length,p=(o-a)/2,w=t.maxValue-t.minValue,y=we(r?d+p:d+s+l),k=f,x=r?h+n-s-l:h+p,T=we((t.ticksWidth/100+u)*o)+(f-t.ticksWidth/100*o),S=we(a+u*o);for(e.save();bn&&(d*=-1),e.moveTo(i-c,r),e.lineTo(i+c,r),e.lineTo(i+c,r+d),e.lineTo(i,n),e.lineTo(i-c,r+d),e.lineTo(i-c,r)):(i>o&&(d*=-1),e.moveTo(i,r-c),e.lineTo(i,r+c),e.lineTo(i+d,r+c),e.lineTo(o,r),e.lineTo(i+d,r-c),e.lineTo(i,r-c)),e.fill(),e.closePath()}function ae(e,t,i,r,o,n,a){var l=(parseFloat(t.fontValueSize)||0)*n/200,s=(.11*a-l)/2;e.barDimensions.isVertical&&Te.drawValueBox(e,t,i,r+n/2,o+a-l-s,n)}var le=function(){function e(e,t){var i=[],r=!0,o=!1,n=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(i.push(a.value),!t||i.length!==t);r=!0);}catch(e){o=!0,n=e}finally{try{!r&&l.return&&l.return()}finally{if(o)throw n}}return i}return function(t,i){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),se=function e(t,i,r){null===t&&(t=Function.prototype);var o=Object.getOwnPropertyDescriptor(t,i);if(void 0===o){var n=Object.getPrototypeOf(t);return null===n?void 0:e(n,i,r)}if("value"in o)return o.value;var a=o.get;if(void 0!==a)return a.call(r)},de=function e(t,i,r,o){var n=Object.getOwnPropertyDescriptor(t,i);if(void 0===n){var a=Object.getPrototypeOf(t);null!==a&&e(a,i,r,o)}else if("value"in n&&n.writable)n.value=r;else{var l=n.set;void 0!==l&&l.call(o,r)}return r},he=function(){function e(e,t){for(var i=0;i>>0;if(0===o)return-1;var n=+t||0;if(Math.abs(n)===1/0&&(n=0),n>=o)return-1;for(i=Math.max(n>=0?n:o-Math.abs(n),0);i>>0,r=arguments[1],o=r>>0,n=o<0?Math.max(i+o,0):Math.min(o,i),a=arguments[2],l=void 0===a?i:a>>0,s=l<0?Math.max(i+l,0):Math.min(l,i);n1?r-1:0),n=1;n1?t-1:0),r=1;r=(7-4*t)/11)return-Math.pow((11-6*t-11*e)/4,2)+Math.pow(i,2)},elastic:function(e){return 1-fe.delastic(1-e)},delastic:function(e){var t=1.5;return Math.pow(2,10*(e-1))*Math.cos(20*Math.PI*t/3*e)}},ve=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:250,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};if(o(this,e),this.duration=i,this.rule=t,this.draw=r,this.end=n,"function"!=typeof this.draw)throw new TypeError("Invalid animation draw callback:",r);if("function"!=typeof this.end)throw new TypeError("Invalid animation end callback:",n)}return he(e,[{key:"animate",value:function(e,t){var i=this;this.cancel();var r=window.performance&&window.performance.now?window.performance.now():n("animationStartTime")||Date.now();e=e||this.draw,t=t||this.end,this.frame=ue(function(o){return a(o,e,r,fe[i.rule]||i.rule,i.duration,t,i)})}},{key:"cancel",value:function(){if(this.frame){var e=n("cancelAnimationFrame")||function(e){};e(this.frame),this.frame=null}}},{key:"destroy",value:function(){this.cancel(),this.draw=null,this.end=null}}]),e}();ve.rules=fe;var me=function(){function t(i,r,n){o(this,t),this.options=i,this.element=r.toLowerCase(),this.type=t.toDashed(n),this.Type=e[n],this.mutationsObserved=!1,this.isObservable=!!window.MutationObserver,window.GAUGES_NO_AUTO_INIT||t.domReady(this.traverse.bind(this))}return he(t,[{key:"isValidNode",value:function(e){return!(!e.tagName||e.tagName.toLowerCase()!==this.element||e.getAttribute("data-type")!==this.type)}},{key:"traverse",value:function(){for(var e=document.getElementsByTagName(this.element),t=0,i=e.length;t1&&void 0!==arguments[1])||arguments[1],i=e.split(/-/),r=0,o=i.length,n="";r1&&void 0!==arguments[1]?arguments[1]:0;return e=parseFloat(e),!isNaN(e)&&isFinite(e)||(e=parseFloat(t)||0),e}},{key:"version",get:function(){return pe}}]),n}(ce);"undefined"!=typeof e&&(e.BaseGauge=xe,e.gauges=(window.document||{}).gauges=ke);var Te={roundRect:h,padValue:c,formatMajorTickNumber:u,radians:f,radialPoint:v,linearGradient:m,drawNeedleShadow:g,drawValueBox:k,verifyError:s,prepareTicks:d,drawShadow:b,font:p,normalizedValue:x},Se=Math.PI,We=Se/2,Oe=Object.assign({},ge,{ticksAngle:270,startAngle:45,colorNeedleCircleOuter:"#f0f0f0",colorNeedleCircleOuterEnd:"#ccc",colorNeedleCircleInner:"#e8e8e8",colorNeedleCircleInnerEnd:"#f5f5f5",needleCircleSize:10,needleCircleInner:!0,needleCircleOuter:!0,animationTarget:"needle",useMinPath:!1,barWidth:0}),Pe=function(e){function t(e){return o(this,t),e=Object.assign({},Oe,e||{}),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,t.configure(e)))}return r(t,e),he(t,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],n=i[2],a=i[3],l=this.options;if("needle"===l.animationTarget){if(!e.elementClone.initialized){var s=e.contextClone;s.clearRect(r,o,n,a),s.save(),this.emit("beforePlate"),W(s,l),this.emit("beforeHighlights"),O(s,l),this.emit("beforeMinorTicks"),P(s,l),this.emit("beforeMajorTicks"),B(s,l),this.emit("beforeNumbers"),C(s,l),this.emit("beforeTitle"),N(s,l),this.emit("beforeUnits"),j(s,l),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,n,a),e.context.save(),e.context.drawImage(e.elementClone,r,o,n,a),e.context.save(),this.emit("beforeProgressBar"),R(e.context,l),this.emit("beforeValueBox"),_(e.context,l,I(this)),this.emit("beforeNeedle"),E(e.context,l)}else{var d=-Te.radians((l.value-l.minValue)/(l.maxValue-l.minValue)*l.ticksAngle);if(e.context.clearRect(r,o,n,a),e.context.save(),this.emit("beforePlate"),W(e.context,l),e.context.rotate(d),this.emit("beforeHighlights"),O(e.context,l),this.emit("beforeMinorTicks"),P(e.context,l),this.emit("beforeMajorTicks"),B(e.context,l),this.emit("beforeNumbers"),C(e.context,l),this.emit("beforeProgressBar"),R(e.context,l),e.context.rotate(-d),e.context.save(),!e.elementClone.initialized){var h=e.contextClone;h.clearRect(r,o,n,a),h.save(),this.emit("beforeTitle"),N(h,l),this.emit("beforeUnits"),j(h,l),this.emit("beforeNeedle"),E(h,l),e.elementClone.initialized=!0}e.context.drawImage(e.elementClone,r,o,n,a)}this.emit("beforeValueBox"),_(e.context,l,I(this)),se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}},{key:"value",set:function(e){e=xe.ensureValue(e,this.options.minValue),this.options.animation&&360===this.options.ticksAngle&&this.options.useMinPath&&(this._value=e,e=this.options.value+((e-this.options.value)%360+540)%360-180),de(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",e,this)},get:function(){return se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",this)}}],[{key:"configure",value:function(e){return e.barWidth>50&&(e.barWidth=50),isNaN(e.startAngle)&&(e.startAngle=45),isNaN(e.ticksAngle)&&(e.ticksAngle=270),e.ticksAngle>360&&(e.ticksAngle=360),e.ticksAngle<0&&(e.ticksAngle=0),e.startAngle<0&&(e.startAngle=0),e.startAngle>360&&(e.startAngle=360),e}}]),t}(xe);"undefined"!=typeof e&&(e.RadialGauge=Pe),xe.initialize("RadialGauge",Oe);var Ve=Object.assign({},ge,{borderRadius:0,barBeginCircle:30,colorBarEnd:"",colorBarProgressEnd:"",needleWidth:6,tickSide:"both",needleSide:"both",numberSide:"both",ticksWidth:10,ticksWidthMinor:5,ticksPadding:5,barLength:85,fontTitleSize:26,highlightsWidth:10}),Be=function(e){function n(e){return o(this,n),e=Object.assign({},Ve,e||{}),i(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n.configure(e)))}return r(n,e),he(n,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],a=i[2],l=i[3],s=this.options;if(!e.elementClone.initialized){var d=e.contextClone;d.clearRect(r,o,a,l),d.save(),this.emit("beforePlate"),this.drawBox=L(d,s,r,o,a,l),this.emit("beforeBar"),X.apply(void 0,[d,s].concat(t(this.drawBox))),e.context.barDimensions=d.barDimensions,this.emit("beforeHighlights"),H(d,s),this.emit("beforeMinorTicks"),K(d,s),this.emit("beforeMajorTicks"),$(d,s),this.emit("beforeNumbers"),Q(d,s),this.emit("beforeTitle"),ee(d,s),this.emit("beforeUnits"),te(d,s),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,a,l),e.context.save(),e.context.drawImage(e.elementClone,r,o,a,l),e.context.save(),this.emit("beforeProgressBar"),U.apply(void 0,[e.context,s].concat(t(this.drawBox))),this.emit("beforeNeedle"),ie(e.context,s),this.emit("beforeValueBox"),ae.apply(void 0,[e.context,s,s.animatedValue?this.options.value:this.value].concat(t(this.drawBox))),se(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}}],[{key:"configure",value:function(e){return e.barStrokeWidth>=e.barWidth&&(e.barStrokeWidth=we(e.barWidth/2)),e.hasLeft=Y("right",e),e.hasRight=Y("left",e),e.value>e.maxValue&&(e.value=e.maxValue),e.value1&&(d=1),t&&t(1===d?d:r(d)),s0){for(a=e.toFixed(i).toString().split("."),n=r-a[0].length;o1?(r=~i.indexOf("."),~i.indexOf("-")?"-"+[t.majorTicksInt+t.majorTicksDec+2+(r?1:0)-i.length].join("0")+i.replace("-",""):[t.majorTicksInt+t.majorTicksDec+1+(r?1:0)-i.length].join("0")+i):i}function f(e){return e*Math.PI/180}function v(e,t){return{x:-e*Math.sin(t),y:e*Math.cos(t)}}function m(e,t,i,r){var o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,a=e.createLinearGradient(o?0:n,o?n:0,o?0:r,o?r:0);return a.addColorStop(0,t),a.addColorStop(1,i),a}function b(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(i)return e.restore(),!0;e.save();var r=t.borderShadowWidth;return r&&(e.shadowBlur=r,e.shadowColor=t.colorBorderShadow),!0}function g(e,t){t.needleShadow&&(e.shadowOffsetX=2,e.shadowOffsetY=2,e.shadowBlur=10,e.shadowColor=t.colorNeedleShadowDown)}function p(e,t,i){return e["font"+t+"Style"]+" "+e["font"+t+"Weight"]+" "+e["font"+t+"Size"]*i+"px "+e["font"+t]}function w(e){e.shadowOffsetX=null,e.shadowOffsetY=null,e.shadowBlur=null,e.shadowColor="",e.strokeStyle=null,e.lineWidth=0,e.save()}function y(e,t,i,r){t.valueTextShadow&&(e.shadowOffsetX=i,e.shadowOffsetY=i,e.shadowBlur=r,e.shadowColor=t.colorValueTextShadow)}function k(e,t,i,r,o,n){if(t.valueBox){w(e);var a=t.valueText||h(i,t),l=n/200,s=n/100,d=.4*s,u=1.2*s;e.font=p(t,"Value",l),y(e,t,d,u);var f=e.measureText(t.valueText?a:"-"+h(0,t)).width;w(e);var v=parseFloat(t.fontValueSize)*l+d+u,m=s*parseFloat(t.valueBoxStroke),b=2*n-2*m,g=f+10*s,k=1.1*v+d+u,x=s*t.valueBoxBorderRadius,T=(parseFloat(t.valueBoxWidth)||0)/100*b;T>g&&(g=T),g>b&&(g=b);var S=r-g/2,W=o-k/2,O=o-5.75*s;if(e.beginPath(),x?c(e,S,W,g,k,x):e.rect(S,W,g,k),m){var V=e.createRadialGradient(r,O,10*s,r,O,20*s);V.addColorStop(0,t.colorValueBoxRect),V.addColorStop(1,t.colorValueBoxRectEnd),e.strokeStyle=V,e.lineWidth=m,e.stroke()}t.colorValueBoxShadow&&(e.shadowBlur=1.2*s,e.shadowColor=t.colorValueBoxShadow),t.colorValueBoxBackground&&(e.fillStyle=t.colorValueBoxBackground,e.fill()),e.closePath(),e.restore(),y(e,t,d,u),e.fillStyle=t.colorValueText,e.textAlign="center",e.textBaseline="alphabetic",e.fillText(a,S+g/2,o+k/2-v/3),e.restore()}}function x(e){var t=e.value,i=e.minValue,r=e.maxValue,o=.01*(r-i);return{normal:tr?r:t,indented:tr?r+o:t}}function T(e,t,i,r,o){i.beginPath(),i.arc(0,0,ye(e),0,2*Se,!0),i.lineWidth=t,i.strokeStyle=o?Te.linearGradient(i,r,o,e):r,i.stroke(),i.closePath()}function S(e,t){var i=be.pixelRatio;return e.maxRadius||(e.maxRadius=e.max-t.borderShadowWidth-t.borderOuterWidth*i-t.borderMiddleWidth*i-t.borderInnerWidth*i+(t.borderOuterWidth?.5:0)+(t.borderMiddleWidth?.5:0)+(t.borderInnerWidth?.5:0)),e.maxRadius}function W(e,t){var i=be.pixelRatio,r=t.borderShadowWidth*i,o=e.max-r-t.borderOuterWidth*i/2,n=o-t.borderOuterWidth*i/2-t.borderMiddleWidth*i/2+.5,a=n-t.borderMiddleWidth*i/2-t.borderInnerWidth*i/2+.5,l=S(e,t),s=void 0,d=!1;e.save(),t.borderOuterWidth&&(d=Te.drawShadow(e,t,d),T(o,t.borderOuterWidth*i,e,t.colorBorderOuter,t.colorBorderOuterEnd)),t.borderMiddleWidth&&(d=Te.drawShadow(e,t,d),T(n,t.borderMiddleWidth*i,e,t.colorBorderMiddle,t.colorBorderMiddleEnd)),t.borderInnerWidth&&(d=Te.drawShadow(e,t,d),T(a,t.borderInnerWidth*i,e,t.colorBorderInner,t.colorBorderInnerEnd)),Te.drawShadow(e,t,d),e.beginPath(),e.arc(0,0,ye(l),0,2*Se,!0),t.colorPlateEnd?(s=e.createRadialGradient(0,0,l/2,0,0,l),s.addColorStop(0,t.colorPlate),s.addColorStop(1,t.colorPlateEnd)):s=t.colorPlate,e.fillStyle=s,e.fill(),e.closePath(),e.restore()}function O(e,t){var i=e.max*(parseFloat(t.highlightsWidth)||0)/100;if(i){var r=ye(P(e,t)-i/2),o=0,n=t.highlights.length,a=(t.maxValue-t.minValue)/t.ticksAngle;for(e.save();on?o:n,n>o,o>n?i:r):a,t>0?Te.roundRect(e,i,r,o,n,t):e.rect(i,r,o,n),e.fill(),e.closePath()}function z(e,t,i,r,o,n,a,l,s){e.beginPath(),e.lineWidth=t,e.strokeStyle=s?Te.linearGradient(e,l,s,a,!0,o):l,i>0?Te.roundRect(e,r,o,n,a,i):e.rect(r,o,n,a),e.stroke(),e.closePath()}function L(e,t,i,r,o,n){var a=be.pixelRatio;e.save();var l=t.borderRadius*a,s=o-t.borderShadowWidth-t.borderOuterWidth*a,d=s-t.borderOuterWidth*a-t.borderMiddleWidth*a,c=d-t.borderMiddleWidth*a-t.borderInnerWidth*a,h=c-t.borderInnerWidth*a,u=n-t.borderShadowWidth-t.borderOuterWidth*a,f=u-t.borderOuterWidth*a-t.borderMiddleWidth*a,v=f-t.borderMiddleWidth*a-t.borderInnerWidth*a,m=v-t.borderInnerWidth*a,b=i-(d-s)/2,g=b-(c-d)/2,p=g-(h-c)/2,w=r-(f-u)/2,y=w-(v-f)/2,k=y-(m-v)/2,x=0,T=!1;return t.borderOuterWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderOuterWidth*a,l,i+t.borderOuterWidth*a/2-x,r+t.borderOuterWidth*a/2-x,s,u,t.colorBorderOuter,t.colorBorderOuterEnd),x+=.5*a),t.borderMiddleWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderMiddleWidth*a,l-=1+2*x,b+t.borderMiddleWidth*a/2-x,w+t.borderMiddleWidth*a/2-x,d+2*x,f+2*x,t.colorBorderMiddle,t.colorBorderMiddleEnd),x+=.5*a),t.borderInnerWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderInnerWidth*a,l-=1+2*x,g+t.borderInnerWidth*a/2-x,y+t.borderInnerWidth*a/2-x,c+2*x,v+2*x,t.colorBorderInner,t.colorBorderInnerEnd),x+=.5*a),Te.drawShadow(e,t,T),D(e,l,p,k,h+2*x,m+2*x,t.colorPlate,t.colorPlateEnd),e.restore(),[p,k,h,m]}function G(e,t,i,r,o,n){var a=be.pixelRatio,l=n>=o,s=l?.85*o:n,d=l?n:o;i=l?we(i+(o-s)/2):i;var c=!!t.title,h=!!t.units,u=!!t.valueBox,f=void 0,v=void 0,m=void 0;l?(v=we(.05*d),f=we(.075*d),m=we(.11*d),c&&(d-=f,r+=f),h&&(d-=v),u&&(d-=m)):(v=f=we(.15*s),c&&(s-=f,r+=f),h&&(s-=v));var b=2*t.barStrokeWidth,g=t.barBeginCircle?we(s*t.barBeginCircle/200-b/2):0,p=we(s*t.barWidth/100-b),w=we(d*t.barLength/100-b),y=we((d-w)/2),k=we(i+(l?s/2:y+g)),x=we(r+(l?d-y-g+b/2:s/2)),T=!l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s,S=l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s;return e.barDimensions={isVertical:l,width:s,length:d,barWidth:p,barLength:w,strokeWidth:b,barMargin:y,radius:g,pixelRatio:a,barOffset:null,titleMargin:c?f:0,unitsMargin:h?v:0,get ticksLength(){return this.barLength-this.barOffset-this.strokeWidth},X:i+T,Y:r+S,x0:k+T,y0:x+S,baseX:i,baseY:r,ticksPadding:t.ticksPadding/100},e.barDimensions}function F(e,t,i,r,o,n,a){var l=G(e,t,r,o,n,a),s=l.isVertical,d=l.width,c=l.barWidth,h=l.barLength,u=l.strokeWidth,f=l.barMargin,v=l.radius,m=l.x0,b=l.y0,g=l.X,p=l.Y,w=h;if(e.save(),e.beginPath(),t.barBeginCircle){var y=Te.radians(s?270:0),k=Math.asin(c/2/v),x=Math.cos(k),T=Math.sin(k),S=m+(s?v*T:v*x-u/2),W=s?b-v*x:b+v*T,O=ye(s?W-b:S-m);e.barDimensions.barOffset=we(O+v);var V=s?we(m-v*T):S,P=s?W:we(b-v*T);"progress"===i&&(h=e.barDimensions.barOffset+(h-e.barDimensions.barOffset)*(Te.normalizedValue(t).normal-t.minValue)/(t.maxValue-t.minValue));var B=we(S+h-e.barDimensions.barOffset+u/2),A=we(W-h+e.barDimensions.barOffset-u/2);e.arc(m,b,v,y+k,y-k),s?(e.moveTo(S,P),e.lineTo(S,A),e.lineTo(V,A),e.lineTo(V,P)):(e.moveTo(S,P),e.lineTo(B,P),e.lineTo(B,W),e.lineTo(S,W))}else{var M=we(s?g+(d-c)/2:g+f),C=we(s?p+h+f:p+(d-c)/2);"progress"===i&&(h*=(t.value-t.minValue)/(t.maxValue-t.minValue)),s?e.rect(M,C,c,-h):e.rect(M,C,h,c)}"progress"!==i&&t.barStrokeWidth&&(e.lineWidth=u,e.strokeStyle=t.colorBarStroke,e.stroke()),"progress"!==i&&t.colorBar?(e.fillStyle=t.colorBarEnd?Te.linearGradient(e,t.colorBar,t.colorBarEnd,h,s,s?p:g):t.colorBar,e.fill()):"progress"===i&&t.colorBarProgress&&(e.fillStyle=t.colorBarProgressEnd?Te.linearGradient(e,t.colorBarProgress,t.colorBarProgressEnd,w,s,s?p:g):t.colorBarProgress,e.fill()),e.closePath(),t.barBeginCircle&&(e.barDimensions.radius+=u),e.barDimensions.barWidth+=u,e.barDimensions.barLength+=u}function X(e,t,i,r,o,n){F(e,t,"",i,r,o,n)}function Y(e,t){return t.needleSide!==e||t.tickSide!==e||t.numberSide!==e}function U(e,t,i,r,o,n){t.barProgress&&F(e,t,"progress",i,r,o,n)}function H(e,t){var i=e.barDimensions,r=i.isVertical,o=i.width,n=i.length,a=i.barWidth,l=i.barOffset,s=i.barMargin,d=i.X,c=i.Y,h=i.ticksLength,u=i.ticksPadding,f=o*(parseFloat(t.highlightsWidth)||0)/100;if(t.highlights&&f){var v="right"!==t.tickSide,m="left"!==t.tickSide,b=0,g=t.highlights.length,p=(o-a)/2,w=t.maxValue-t.minValue,y=we(r?d+p:d+s+l),k=f,x=r?c+n-s-l:c+p,T=we((t.ticksWidth/100+u)*o)+(f-t.ticksWidth/100*o),S=we(a+u*o);for(e.save();bn&&(d*=-1),e.moveTo(i-h,r),e.lineTo(i+h,r),e.lineTo(i+h,r+d),e.lineTo(i,n),e.lineTo(i-h,r+d),e.lineTo(i-h,r)):(i>o&&(d*=-1),e.moveTo(i,r-h),e.lineTo(i,r+h),e.lineTo(i+d,r+h),e.lineTo(o,r),e.lineTo(i+d,r-h),e.lineTo(i,r-h)),e.fill(),e.closePath()}function ae(e,t,i,r,o,n,a){var l=(parseFloat(t.fontValueSize)||0)*n/200,s=(.11*a-l)/2;e.barDimensions.isVertical&&Te.drawValueBox(e,t,i,r+n/2,o+a-l-s,n)}var le=function(){function e(e,t){var i=[],r=!0,o=!1,n=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(i.push(a.value),!t||i.length!==t);r=!0);}catch(e){o=!0,n=e}finally{try{!r&&l.return&&l.return()}finally{if(o)throw n}}return i}return function(t,i){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),se=function e(t,i,r){null===t&&(t=Function.prototype);var o=Object.getOwnPropertyDescriptor(t,i);if(void 0===o){var n=Object.getPrototypeOf(t);return null===n?void 0:e(n,i,r)}if("value"in o)return o.value;var a=o.get;if(void 0!==a)return a.call(r)},de=function e(t,i,r,o){var n=Object.getOwnPropertyDescriptor(t,i);if(void 0===n){var a=Object.getPrototypeOf(t);null!==a&&e(a,i,r,o)}else if("value"in n&&n.writable)n.value=r;else{var l=n.set;void 0!==l&&l.call(o,r)}return r},ce=function(){function e(e,t){for(var i=0;i>>0;if(0===o)return-1;var n=+t||0;if(Math.abs(n)===1/0&&(n=0),n>=o)return-1;for(i=Math.max(n>=0?n:o-Math.abs(n),0);i>>0,r=arguments[1],o=r>>0,n=o<0?Math.max(i+o,0):Math.min(o,i),a=arguments[2],l=void 0===a?i:a>>0,s=l<0?Math.max(i+l,0):Math.min(l,i);n1?r-1:0),n=1;n1?t-1:0),r=1;r=(7-4*t)/11)return-Math.pow((11-6*t-11*e)/4,2)+Math.pow(i,2)},elastic:function(e){return 1-fe.delastic(1-e)},delastic:function(e){var t=1.5;return Math.pow(2,10*(e-1))*Math.cos(20*Math.PI*t/3*e)}},ve=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:250,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};if(o(this,e),this.duration=i,this.rule=t,this.draw=r,this.end=n,"function"!=typeof this.draw)throw new TypeError("Invalid animation draw callback:",r);if("function"!=typeof this.end)throw new TypeError("Invalid animation end callback:",n)}return ce(e,[{key:"animate",value:function(e,t){var i=this;this.cancel();var r=window.performance&&window.performance.now?window.performance.now():n("animationStartTime")||Date.now();e=e||this.draw,t=t||this.end,this.frame=ue(function(o){return a(o,e,r,fe[i.rule]||i.rule,i.duration,t,i)})}},{key:"cancel",value:function(){if(this.frame){var e=n("cancelAnimationFrame")||function(e){};e(this.frame),this.frame=null}}},{key:"destroy",value:function(){this.cancel(),this.draw=null,this.end=null}}]),e}();ve.rules=fe;var me=function(){function t(i,r,n){o(this,t),this.options=i,this.element=r.toLowerCase(),this.type=t.toDashed(n),this.Type=e[n],this.mutationsObserved=!1,this.isObservable=!!window.MutationObserver,window.GAUGES_NO_AUTO_INIT||t.domReady(this.traverse.bind(this))}return ce(t,[{key:"isValidNode",value:function(e){return!(!e.tagName||e.tagName.toLowerCase()!==this.element||e.getAttribute("data-type")!==this.type)}},{key:"traverse",value:function(){for(var e=document.getElementsByTagName(this.element),t=0,i=e.length;t1&&void 0!==arguments[1])||arguments[1],i=e.split(/-/),r=0,o=i.length,n="";r1&&void 0!==arguments[1]?arguments[1]:0;return e=parseFloat(e),!isNaN(e)&&isFinite(e)||(e=parseFloat(t)||0),e}},{key:"version",get:function(){return pe}}]),n}(he);"undefined"!=typeof e&&(e.BaseGauge=xe,e.gauges=(window.document||{}).gauges=ke);var Te={roundRect:c,padValue:h,formatMajorTickNumber:u,radians:f,radialPoint:v,linearGradient:m,drawNeedleShadow:g,drawValueBox:k,verifyError:s,prepareTicks:d,drawShadow:b,font:p,normalizedValue:x},Se=Math.PI,We=Se/2,Oe=Object.assign({},ge,{ticksAngle:270,startAngle:45,colorNeedleCircleOuter:"#f0f0f0",colorNeedleCircleOuterEnd:"#ccc",colorNeedleCircleInner:"#e8e8e8",colorNeedleCircleInnerEnd:"#f5f5f5",needleCircleSize:10,needleCircleInner:!0,needleCircleOuter:!0,animationTarget:"needle",useMinPath:!1,barWidth:0}),Ve=function(e){function t(e){return o(this,t),e=Object.assign({},Oe,e||{}),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,t.configure(e)))}return r(t,e),ce(t,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],n=i[2],a=i[3],l=this.options;if("needle"===l.animationTarget){if(!e.elementClone.initialized){var s=e.contextClone;s.clearRect(r,o,n,a),s.save(),this.emit("beforePlate"),W(s,l),this.emit("beforeHighlights"),O(s,l),this.emit("beforeMinorTicks"),V(s,l),this.emit("beforeMajorTicks"),B(s,l),this.emit("beforeNumbers"),C(s,l),this.emit("beforeTitle"),j(s,l),this.emit("beforeUnits"),N(s,l),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,n,a),e.context.save(),e.context.drawImage(e.elementClone,r,o,n,a),e.context.save(),this.emit("beforeProgressBar"),R(e.context,l),this.emit("beforeValueBox"),_(e.context,l,I(this)),this.emit("beforeNeedle"),E(e.context,l)}else{var d=-Te.radians((l.value-l.minValue)/(l.maxValue-l.minValue)*l.ticksAngle);if(e.context.clearRect(r,o,n,a),e.context.save(),this.emit("beforePlate"),W(e.context,l),e.context.rotate(d),this.emit("beforeHighlights"),O(e.context,l),this.emit("beforeMinorTicks"),V(e.context,l),this.emit("beforeMajorTicks"),B(e.context,l),this.emit("beforeNumbers"),C(e.context,l),this.emit("beforeProgressBar"),R(e.context,l),e.context.rotate(-d),e.context.save(),!e.elementClone.initialized){var c=e.contextClone;c.clearRect(r,o,n,a),c.save(),this.emit("beforeTitle"),j(c,l),this.emit("beforeUnits"),N(c,l),this.emit("beforeNeedle"),E(c,l),e.elementClone.initialized=!0}e.context.drawImage(e.elementClone,r,o,n,a)}this.emit("beforeValueBox"),_(e.context,l,I(this)),se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}},{key:"value",set:function(e){e=xe.ensureValue(e,this.options.minValue),this.options.animation&&360===this.options.ticksAngle&&this.options.useMinPath&&(this._value=e,e=this.options.value+((e-this.options.value)%360+540)%360-180),de(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",e,this)},get:function(){return se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",this)}}],[{key:"configure",value:function(e){return e.barWidth>50&&(e.barWidth=50),isNaN(e.startAngle)&&(e.startAngle=45),isNaN(e.ticksAngle)&&(e.ticksAngle=270),e.ticksAngle>360&&(e.ticksAngle=360),e.ticksAngle<0&&(e.ticksAngle=0),e.startAngle<0&&(e.startAngle=0),e.startAngle>360&&(e.startAngle=360),e}}]),t}(xe);"undefined"!=typeof e&&(e.RadialGauge=Ve),xe.initialize("RadialGauge",Oe);var Pe=Object.assign({},ge,{borderRadius:0,barBeginCircle:30,colorBarEnd:"",colorBarProgressEnd:"",needleWidth:6,tickSide:"both",needleSide:"both",numberSide:"both",ticksWidth:10,ticksWidthMinor:5,ticksPadding:5,barLength:85,fontTitleSize:26,highlightsWidth:10}),Be=function(e){function n(e){return o(this,n),e=Object.assign({},Pe,e||{}),i(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n.configure(e)))}return r(n,e),ce(n,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],a=i[2],l=i[3],s=this.options;if(!e.elementClone.initialized){var d=e.contextClone;d.clearRect(r,o,a,l),d.save(),this.emit("beforePlate"),this.drawBox=L(d,s,r,o,a,l),this.emit("beforeBar"),X.apply(void 0,[d,s].concat(t(this.drawBox))),e.context.barDimensions=d.barDimensions,this.emit("beforeHighlights"),H(d,s),this.emit("beforeMinorTicks"),K(d,s),this.emit("beforeMajorTicks"),$(d,s),this.emit("beforeNumbers"),Q(d,s),this.emit("beforeTitle"),ee(d,s),this.emit("beforeUnits"),te(d,s),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,a,l),e.context.save(),e.context.drawImage(e.elementClone,r,o,a,l),e.context.save(),this.emit("beforeProgressBar"),U.apply(void 0,[e.context,s].concat(t(this.drawBox))),this.emit("beforeNeedle"),ie(e.context,s),this.emit("beforeValueBox"),ae.apply(void 0,[e.context,s,s.animatedValue?this.options.value:this.value].concat(t(this.drawBox))),se(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}}],[{key:"configure",value:function(e){return e.barStrokeWidth>=e.barWidth&&(e.barStrokeWidth=we(e.barWidth/2)),e.hasLeft=Y("right",e),e.hasRight=Y("left",e),e.value>e.maxValue&&(e.value=e.maxValue),e.value\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n *\n * @version 2.1.1\n */\n(function(ns) {'use strict';\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if (\"value\" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };\n\nvar _set = function set(object, property, value, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent !== null) { set(parent, property, value, receiver); } } else if (\"value\" in desc && desc.writable) { desc.value = value; } else { var setter = desc.set; if (setter !== undefined) { setter.call(receiver, value); } } return value; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * @external {Object.assign} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n */\n/* istanbul ignore next */\nif (!Object.assign) {\n Object.defineProperty(Object, 'assign', {\n enumerable: false,\n configurable: true,\n writable: true,\n value: function value(target, firstSource) {\n 'use strict';\n\n if (target === undefined || target === null) {\n throw new TypeError('Cannot convert first argument to object');\n }\n\n var to = Object(target);\n var i = 1;\n\n for (; i < arguments.length; i++) {\n var nextSource = arguments[i];\n\n if (nextSource === undefined || nextSource === null) {\n continue;\n }\n\n var keysArray = Object.keys(Object(nextSource));\n var nextIndex = 0,\n len = keysArray.length;\n\n for (; nextIndex < len; nextIndex++) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n\n if (desc !== undefined && desc.enumerable) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n\n return to;\n }\n });\n}\n\n/**\n * @external {Array.indexOf} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf\n */\n/* istanbul ignore next */\nif (!Array.prototype.indexOf) {\n Array.prototype.indexOf = function (searchElement, fromIndex) {\n var k;\n\n if (this === null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n\n if (len === 0) {\n return -1;\n }\n\n var n = +fromIndex || 0;\n\n if (Math.abs(n) === Infinity) {\n n = 0;\n }\n\n if (n >= len) {\n return -1;\n }\n\n k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n while (k < len) {\n if (k in O && O[k] === searchElement) {\n return k;\n }\n\n k++;\n }\n\n return -1;\n };\n}\n\n/**\n * @external {Array.fill} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/fill\n */\n/* istanbul ignore next */\nif (!Array.prototype.fill) {\n Array.prototype.fill = function (value) {\n if (this === null) {\n throw new TypeError('this is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n var start = arguments[1];\n var relativeStart = start >> 0;\n var k = relativeStart < 0 ? Math.max(len + relativeStart, 0) : Math.min(relativeStart, len);\n var end = arguments[2];\n var relativeEnd = end === undefined ? len : end >> 0;\n var final = relativeEnd < 0 ? Math.max(len + relativeEnd, 0) : Math.min(relativeEnd, len);\n while (k < final) {\n O[k] = value;\n k++;\n }\n\n return O;\n };\n}\n\n/**\n * mocking window\n */\nif (typeof window === 'undefined') {\n window = typeof global === 'undefined' ? {} : global;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * Look-ups for a proper vendor-specific property and returns its value\n *\n * @example\n * var requestAnimationFrame = vendorize('requestAnimationFrame');\n * // it will refer properly to:\n * // - window.requestAnimationFrame by default or to\n * // - window.webkitRequestAnimationFrame or to\n * // - window.mozRequestAnimationFrame or to\n * // - window.msRequestAnimationFrame or to\n * // - window.oRequestAnimationFrame\n * // depending on the current browser vendor\n *\n * @author Mykhailo Stadnyk \n * @param {string} prop\n * @param {HTMLElement|Window|object} [from] - default is window\n * @returns {*}\n */\nfunction vendorize(prop, from) {\n /* istanbul ignore else: no reason to cover */\n if (!from) {\n from = typeof window === 'undefined' ? global : window;\n }\n\n if (typeof from[prop] !== 'undefined') {\n return from[prop];\n }\n\n var vendors = ['webkit', 'moz', 'ms', 'o'];\n var i = 0;\n var s = vendors.length;\n var capitalized = prop.charAt(0).toUpperCase() + prop.substr(1);\n\n for (; i < s; i++) {\n var vendorProp = from[vendors[i] + capitalized];\n\n /* istanbul ignore if: requires very complex environment to test (specific browser version) */\n if (typeof vendorProp !== 'undefined') {\n return vendorProp;\n }\n }\n\n return null;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Class EventEmitter - base event manager\n */\n\nvar EventEmitter = function () {\n /**\n * @constructor\n */\n function EventEmitter() {\n _classCallCheck(this, EventEmitter);\n\n this._events = {};\n\n this.addListener = this.on;\n this.removeListener = this.off;\n }\n\n /**\n * Returns all event listeners\n *\n * @return {object}\n */\n\n\n _createClass(EventEmitter, [{\n key: 'emit',\n\n\n /**\n * Emits given event bypassing to each registered handler given args\n *\n * @param {string} event\n * @param {...*} args\n */\n value: function emit(event) {\n if (this._events[event]) {\n var i = 0;\n var s = this._events[event].length;\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n for (; i < s; i++) {\n this._events[event][i] && this._events[event][i].apply(this, args);\n }\n }\n }\n\n /**\n * Registers given handler for given event to be called only once when\n * event is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'once',\n value: function once(event) {\n for (var _len2 = arguments.length, handlers = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n handlers[_key2 - 1] = arguments[_key2];\n }\n\n var i = 0;\n var s = handlers.length;\n var self = this;\n\n var _loop = function _loop() {\n var handler = handlers[i];\n var wrapper = function wrapper() {\n self.off(event, wrapper);\n handler.apply(self, arguments);\n };\n\n handlers[i] = wrapper;\n };\n\n for (; i < s; i++) {\n _loop();\n }\n\n this.on.apply(this, [event].concat(handlers));\n }\n\n /**\n * Registers given handlers for a given events to be called each time event\n * is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'on',\n value: function on(event) {\n if (!this._events[event]) {\n this._events[event] = [];\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n this._events[event].push(arguments.length <= i + 1 ? undefined : arguments[i + 1]);\n }\n }\n\n /**\n * Un-registers previously registered event handlers\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'off',\n value: function off(event) {\n if (!this._events[event]) {\n return;\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n var _handler = arguments.length <= i + 1 ? undefined : arguments[i + 1];\n var index = void 0;\n\n while (~(index = this._events[event].indexOf(_handler))) {\n this._events[event].splice(index, 1);\n }\n }\n }\n\n /**\n * Removes all listeners for a given event\n *\n * @param {string} event\n */\n\n }, {\n key: 'removeAllListeners',\n value: function removeAllListeners(event) {\n delete this._events[event];\n }\n }, {\n key: 'listeners',\n get: function get() {\n return this._events;\n }\n }]);\n\n return EventEmitter;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/* jshint -W079 */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/* istanbul ignore next */\n/**\n * @type {function(callback: function(time: number): number, element?: HTMLElement)}\n * @access private\n */\n\n\nvar requestAnimationFrame = vendorize('requestAnimationFrame') || function (callback) {\n return setTimeout(function () {\n return callback(new Date().getTime());\n }, 1000 / 60);\n};\n\n/**\n * Generic AnimationRule function interface\n *\n * @typedef {function(percent: number): number} AnimationRule\n */\n\n/**\n * Callback for animation step draw event.\n * It will be called each time animation step is executed, bypassing\n * as first argument a percent of animation completeness. It is expected\n * that this callback will do an actual work of animating an elements or\n * whatever, as far as animation engine is just calculating and executing\n * animation steps without any knowledge about things under animation.\n *\n * @typedef {function(percent: number): *} DrawEventCallback\n */\n\n/**\n * Callback for animation complete event.\n * It is called once each animation is complete.\n *\n * @typedef {function(): *} EndEventCallback\n */\n\n/**\n * Predefined known animation rules.\n * It's a simple collection of math for some most used animations.\n *\n * @typedef {{linear: AnimationRule, quad: AnimationRule, dequad: AnimationRule, quint: AnimationRule, dequint: AnimationRule, cycle: AnimationRule, decycle: AnimationRule, bounce: AnimationRule, debounce: AnimationRule, elastic: AnimationRule, delastic: AnimationRule}} AnimationRules\n */\n\n/* istanbul ignore next: no reason covering this */\nvar rules = {\n linear: function linear(p) {\n return p;\n },\n quad: function quad(p) {\n return Math.pow(p, 2);\n },\n dequad: function dequad(p) {\n return 1 - rules.quad(1 - p);\n },\n quint: function quint(p) {\n return Math.pow(p, 5);\n },\n dequint: function dequint(p) {\n return 1 - Math.pow(1 - p, 5);\n },\n cycle: function cycle(p) {\n return 1 - Math.sin(Math.acos(p));\n },\n decycle: function decycle(p) {\n return Math.sin(Math.acos(1 - p));\n },\n bounce: function bounce(p) {\n return 1 - rules.debounce(1 - p);\n },\n debounce: function debounce(p) {\n var a = 0,\n b = 1;\n for (; 1; a += b, b /= 2) {\n if (p >= (7 - 4 * a) / 11) {\n return -Math.pow((11 - 6 * a - 11 * p) / 4, 2) + Math.pow(b, 2);\n }\n }\n },\n elastic: function elastic(p) {\n return 1 - rules.delastic(1 - p);\n },\n delastic: function delastic(p) {\n var x = 1.5;\n return Math.pow(2, 10 * (p - 1)) * Math.cos(20 * Math.PI * x / 3 * p);\n }\n};\n\n/* istanbul ignore next: private, not testable */\n/**\n * Evaluates animation step and decides if the next step required or\n * stops animation calling a proper events.\n *\n * @access private\n * @param {number} time\n * @param {DrawEventCallback} draw\n * @param {number} start\n * @param {AnimationRule} rule\n * @param {number} duration\n * @param {EndEventCallback} end\n * @param {Animation} anim\n */\nfunction step(time, draw, start, rule, duration, end, anim) {\n if (typeof rule !== 'function') {\n throw new TypeError('Invalid animation rule:', rule);\n }\n\n var progress = time - start;\n var percent = progress / duration;\n\n if (percent > 1) {\n percent = 1;\n }\n\n draw && draw(percent === 1 ? percent : rule(percent));\n\n if (progress < duration) {\n anim.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rule, duration, end, anim);\n });\n } else {\n end && end();\n }\n}\n\n/**\n * Animation engine API for JavaScript-based animations.\n * This is simply an animation core framework which simplifies creation\n * of various animations for generic purposes.\n *\n * @example\n * // create 'linear' animation engine, 500ms duration\n * let linear = new Animation('linear', 500);\n *\n * // create 'elastic' animation engine\n * let elastic = new Animation('elastic');\n *\n * // define animation behavior\n * let bounced = new Animation('bounce', 500, percent => {\n * let value = parseInt(percent * 100, 10);\n *\n * $('div.bounced').css({\n * width: value + '%',\n * height: value + '%'\n * });\n * });\n *\n * // execute animation\n * bounced.animate();\n *\n * // execute animation and handle when its finished\n * bounced.animate(null, () => {\n * console.log('Animation finished!');\n * });\n */\n\nvar Animation = function () {\n\n /**\n * @constructor\n * @param {string|AnimationRule} rule\n * @param {number} duration\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n function Animation() {\n var rule = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'linear';\n var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;\n var draw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};\n var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};\n\n _classCallCheck(this, Animation);\n\n /**\n * Overall animation duration in milliseconds.\n * By default is equal to 250 ms.\n *\n * @type {number}\n */\n this.duration = duration;\n\n /**\n * Animation rule. By default is linear animation.\n * Animation rule is a subject to animation rules, which are\n * a simple object containing math-based methods for calculating\n * animation steps.\n *\n * @type {string|AnimationRule}\n */\n this.rule = rule;\n\n /**\n * Callback function for the animation step draw event.\n *\n * @type {DrawEventCallback}\n */\n this.draw = draw;\n\n /**\n * Callback for the animation complete event.\n *\n * @type {EndEventCallback}\n */\n this.end = end;\n\n if (typeof this.draw !== 'function') {\n throw new TypeError('Invalid animation draw callback:', draw);\n }\n\n if (typeof this.end !== 'function') {\n throw new TypeError('Invalid animation end callback:', end);\n }\n }\n\n /* istanbul ignore next: non-testable */\n /**\n * Performs animation calling each animation step draw callback and\n * end callback at the end of animation. Callbacks are optional to this\n * method call. If them are not bypassed will be used that ones which\n * was pre-set on constructing an Animation object or pre-set after\n * construction.\n *\n * @example\n * function draw(percent) {\n * $('.my-animated-divs').css({\n * width: parseInt(percent * 100, 10) + '%'\n * });\n * }\n * function done() {\n * console.log('Animation complete!');\n * }\n *\n * // Define 'draw' and 'end' callbacks on construction\n * var animation = new Animation('cycle', 500, draw, done);\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks after construction\n * var animation = new Animation('cycle', 500);\n * animation.draw = draw;\n * animation.end = done;\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks at animation\n * var animation = new Animation('cycle', 500);\n * animation.animate(draw, done);\n *\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n\n\n _createClass(Animation, [{\n key: 'animate',\n value: function animate(draw, end) {\n var _this = this;\n\n this.cancel();\n\n // noinspection JSUnresolvedVariable\n var start = window.performance && window.performance.now ? window.performance.now() : vendorize('animationStartTime') || Date.now();\n\n draw = draw || this.draw;\n end = end || this.end;\n\n /**\n * Current requested animation frame identifier\n *\n * @type {number}\n */\n this.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rules[_this.rule] || _this.rule, _this.duration, end, _this);\n });\n }\n\n /**\n * Cancels current animation if any\n */\n\n }, {\n key: 'cancel',\n value: function cancel() {\n if (this.frame) {\n var cancelAnimationFrame = vendorize('cancelAnimationFrame') ||\n /* istanbul ignore next */\n function (id) {};\n\n cancelAnimationFrame(this.frame);\n this.frame = null;\n }\n }\n\n /**\n * Destroys this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n this.cancel();\n this.draw = null;\n this.end = null;\n }\n }]);\n\n return Animation;\n}();\n\n/**\n * Animation rules bound statically to Animation constructor.\n *\n * @type {AnimationRules}\n * @static\n */\n\n\nAnimation.rules = rules;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * @typedef {{ constructor: function(options: GenericOptions): GaugeInterface, draw: function(): GaugeInterface, destroy: function, update: function(options: GenericOptions) }} GaugeInterface\n */\n/**\n * @typedef {{parse: function, stringify: function}} JSON\n * @external {JSON} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON\n */\n/**\n * @ignore\n * @typedef {{MutationObserver: function}} ns\n */\n\n/**\n * DOM Observer.\n * It will observe DOM document for a configured element types and\n * instantiate associated Types for an existing or newly added DOM elements\n *\n * @example\n * class ProgressBar {\n * constructor(options) {}\n * draw() {}\n * }\n *\n * // It will observe DOM document for elements
\n * // having attribute 'data-type=\"progress\"'\n * // and instantiate for each new instance of ProgressBar\n *\n * new DomParser({color: 'red'}, 'div', 'progress', ProgressBar);\n *\n * // assume we could have HTML like this\n * //
\n * // in this case all matching attributes names for a given options will be\n * // parsed and bypassed to an instance from HTML attributes\n */\n\nvar DomObserver = function () {\n\n /**\n * @constructor\n * @param {object} options\n * @param {string} element\n * @param {string} type\n */\n function DomObserver(options, element, type) {\n _classCallCheck(this, DomObserver);\n\n //noinspection JSUnresolvedVariable\n /**\n * Default instantiation options for the given type\n *\n * @type {Object}\n */\n this.options = options;\n\n /**\n * Name of an element to lookup/observe\n *\n * @type {string}\n */\n this.element = element.toLowerCase();\n\n /**\n * data-type attribute value to lookup\n *\n * @type {string}\n */\n this.type = DomObserver.toDashed(type);\n\n /**\n * Actual type constructor to instantiate for each found element\n *\n * @type {Function}\n */\n this.Type = ns[type];\n\n /**\n * Signals if mutations observer for this type or not\n *\n * @type {boolean}\n */\n this.mutationsObserved = false;\n\n /**\n * Flag specifies whenever the browser supports observing\n * of DOM tree mutations or not\n *\n * @type {boolean}\n */\n this.isObservable = !!window.MutationObserver;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n if (!window.GAUGES_NO_AUTO_INIT) {\n DomObserver.domReady(this.traverse.bind(this));\n }\n }\n\n /**\n * Checks if given node is valid node to process\n *\n * @param {Node|HTMLElement} node\n * @returns {boolean}\n */\n\n\n _createClass(DomObserver, [{\n key: 'isValidNode',\n value: function isValidNode(node) {\n //noinspection JSUnresolvedVariable\n return !!(node.tagName && node.tagName.toLowerCase() === this.element && node.getAttribute('data-type') === this.type);\n }\n\n /**\n * Traverse entire current DOM tree and process matching nodes.\n * Usually it should be called only once on document initialization.\n */\n\n }, {\n key: 'traverse',\n value: function traverse() {\n var elements = document.getElementsByTagName(this.element);\n var i = 0,\n s = elements.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n this.process(elements[i]);\n }\n\n if (this.isObservable && !this.mutationsObserved) {\n new MutationObserver(this.observe.bind(this)).observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n characterData: true,\n attributeOldValue: true,\n characterDataOldValue: true\n });\n\n this.mutationsObserved = true;\n }\n }\n\n /**\n * Observes given mutation records for an elements to process\n *\n * @param {MutationRecord[]} records\n */\n\n }, {\n key: 'observe',\n value: function observe(records) {\n var i = 0;\n var s = records.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n var record = records[i];\n\n if (record.type === 'attributes' && record.attributeName === 'data-type' && this.isValidNode(record.target) && record.oldValue !== this.type) // skip false-positive mutations\n {\n setTimeout(this.process.bind(this, record.target));\n } else if (record.addedNodes && record.addedNodes.length) {\n var ii = 0;\n var ss = record.addedNodes.length;\n\n for (; ii < ss; ii++) {\n setTimeout(this.process.bind(this, record.addedNodes[ii]));\n }\n }\n }\n }\n\n /**\n * Parses given attribute value to a proper JavaScript value.\n * For example it will parse some stringified value to a proper type\n * value, e.g. 'true' => true, 'null' => null, '{\"prop\": 20}' => {prop: 20}\n *\n * @param {*} value\n * @return {*}\n */\n\n }, {\n key: 'process',\n\n\n /**\n * Processes a given node, instantiating a proper type constructor for it\n *\n * @param {Node|HTMLElement} node\n * @returns {GaugeInterface|null}\n */\n value: function process(node) {\n var _this2 = this;\n\n if (!this.isValidNode(node)) return null;\n\n var prop = void 0;\n var options = JSON.parse(JSON.stringify(this.options));\n var instance = null;\n\n for (prop in options) {\n /* istanbul ignore else: non-testable in most cases */\n if (options.hasOwnProperty(prop)) {\n var attributeName = DomObserver.toAttributeName(prop);\n var attributeValue = DomObserver.parse(node.getAttribute(attributeName));\n\n if (attributeValue !== null && attributeValue !== undefined) {\n options[prop] = attributeValue;\n }\n }\n }\n\n options.renderTo = node;\n instance = new this.Type(options);\n instance.draw && instance.draw();\n\n if (!this.isObservable) return instance;\n\n instance.observer = new MutationObserver(function (records) {\n records.forEach(function (record) {\n if (record.type === 'attributes') {\n var attr = record.attributeName.toLowerCase();\n var type = node.getAttribute(attr).toLowerCase();\n\n if (attr === 'data-type' && type && type !== _this2.type) {\n instance.observer.disconnect();\n delete instance.observer;\n instance.destroy && instance.destroy();\n } else if (attr.substr(0, 5) === 'data-') {\n var _prop = attr.substr(5).split('-').map(function (part, i) {\n return !i ? part : part.charAt(0).toUpperCase() + part.substr(1);\n }).join('');\n var _options = {};\n\n _options[_prop] = DomObserver.parse(node.getAttribute(record.attributeName));\n\n instance.update && instance.update(_options);\n }\n }\n });\n });\n\n //noinspection JSCheckFunctionSignatures\n instance.observer.observe(node, { attributes: true });\n\n return instance;\n }\n\n /**\n * Transforms camelCase string to dashed string\n *\n * @static\n * @param {string} camelCase\n * @return {string}\n */\n\n }], [{\n key: 'parse',\n value: function parse(value) {\n // parse boolean\n if (value === 'true') return true;\n if (value === 'false') return false;\n\n // parse undefined\n if (value === 'undefined') return undefined;\n\n // parse null\n if (value === 'null') return null;\n\n // Comma-separated strings to array parsing.\n // It won't match strings which contains non alphanumeric characters to\n // prevent strings like 'rgba(0,0,0,0)' or JSON-like from being parsed.\n // Typically it simply allows easily declare arrays as comma-separated\n // numbers or plain strings. If something more complicated is\n // required it can be declared using JSON format syntax\n if (/^[-+#.\\w\\d\\s]+(?:,[-+#.\\w\\d\\s]*)+$/.test(value)) {\n return value.split(',');\n }\n\n // parse JSON\n try {\n return JSON.parse(value);\n } catch (e) {}\n\n // plain value - no need to parse\n return value;\n }\n }, {\n key: 'toDashed',\n value: function toDashed(camelCase) {\n var arr = camelCase.split(/(?=[A-Z])/);\n var i = 1;\n var s = arr.length;\n var str = arr[0].toLowerCase();\n\n for (; i < s; i++) {\n str += '-' + arr[i].toLowerCase();\n }\n\n return str;\n }\n\n /**\n * Transforms dashed string to CamelCase representation\n *\n * @param {string} dashed\n * @param {boolean} [capitalized]\n * @return {string}\n */\n\n }, {\n key: 'toCamelCase',\n value: function toCamelCase(dashed) {\n var capitalized = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n var arr = dashed.split(/-/);\n var i = 0;\n var s = arr.length;\n var str = '';\n\n for (; i < s; i++) {\n if (!(i || capitalized)) {\n str += arr[i].toLowerCase();\n } else {\n str += arr[i][0].toUpperCase() + arr[i].substr(1).toLowerCase();\n }\n }\n\n return str;\n }\n\n /**\n * Transforms camel case property name to dash separated attribute name\n *\n * @static\n * @param {string} str\n * @returns {string}\n */\n\n }, {\n key: 'toAttributeName',\n value: function toAttributeName(str) {\n return 'data-' + DomObserver.toDashed(str);\n }\n\n /**\n * Cross-browser DOM ready handler\n *\n * @static\n * @param {Function} handler\n */\n\n }, {\n key: 'domReady',\n value: function domReady(handler) {\n if (/comp|inter|loaded/.test((window.document || {}).readyState + '')) return handler();\n\n if (window.addEventListener) window.addEventListener('DOMContentLoaded', handler, false);else if (window.attachEvent) window.attachEvent('onload', handler);\n }\n }]);\n\n return DomObserver;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/**\n * Drawings on canvas using hidden canvas as a cache for better\n * performance drawings during canvas animations. SmartCanvas also\n * adopts a canvas to\n */\n\n\nvar SmartCanvas = function () {\n\n /**\n * @constructor\n * @param {HTMLCanvasElement} canvas\n * @param {number} [width]\n * @param {number} [height]\n */\n function SmartCanvas(canvas, width, height) {\n _classCallCheck(this, SmartCanvas);\n\n SmartCanvas.collection.push(this);\n\n /**\n * Canvas base width\n *\n * @type {number}\n */\n this.width = width || 0;\n\n /**\n * Canvas base height\n *\n * @type {number}\n */\n this.height = height || 0;\n\n /**\n * Target drawings canvas element\n *\n * @type {HTMLCanvasElement}\n */\n this.element = canvas;\n\n this.init();\n }\n\n /**\n * Initializes canvases and contexts\n */\n\n\n _createClass(SmartCanvas, [{\n key: 'init',\n value: function init() {\n var pixelRatio = SmartCanvas.pixelRatio;\n\n this.element.width = this.width * pixelRatio;\n this.element.height = this.height * pixelRatio;\n\n this.element.style.width = this.width + 'px';\n this.element.style.height = this.height + 'px';\n\n /**\n * Canvas caching element\n *\n * @type {HTMLCanvasElement|Node}\n */\n this.elementClone = this.element.cloneNode(true);\n\n //noinspection JSUnresolvedVariable\n /**\n * Target drawings canvas element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.context = this.element.getContext('2d');\n\n /**\n * Canvas caching element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.contextClone = this.elementClone.getContext('2d');\n\n /**\n * Actual drawings width\n *\n * @type {number}\n */\n this.drawWidth = this.element.width;\n\n /**\n * Actual drawings height\n *\n * @type {number}\n */\n this.drawHeight = this.element.height;\n\n /**\n * X-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawX = this.drawWidth / 2;\n\n /**\n * Y-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawY = this.drawHeight / 2;\n\n /**\n * Minimal side length in pixels of the drawing\n *\n * @type {number}\n */\n this.minSide = this.drawX < this.drawY ? this.drawX : this.drawY;\n\n this.elementClone.initialized = false;\n\n this.contextClone.translate(this.drawX, this.drawY);\n this.contextClone.save();\n\n this.context.translate(this.drawX, this.drawY);\n this.context.save();\n\n this.context.max = this.contextClone.max = this.minSide;\n this.context.maxRadius = this.contextClone.maxRadius = null;\n }\n\n /**\n * Destroys this object, removing the references from memory\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = SmartCanvas.collection.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n SmartCanvas.collection.splice(index, 1);\n }\n\n this.context.clearRect(-this.drawX, -this.drawY, this.drawWidth, this.drawHeight);\n\n // dereference all created elements\n this.context.max = null;\n delete this.context.max;\n\n this.context.maxRadius = null;\n delete this.context.maxRadius;\n\n this.context = null;\n this.contextClone = null;\n this.elementClone = null;\n this.element = null;\n\n /**\n * On canvas redraw event callback\n *\n * @type {function|null|undefined}\n */\n this.onRedraw = null;\n }\n\n /**\n * Commits the drawings\n */\n\n }, {\n key: 'commit',\n value: function commit() {\n var scale = SmartCanvas.pixelRatio;\n\n if (scale !== 1) {\n this.contextClone.scale(scale, scale);\n this.contextClone.save();\n }\n\n return this;\n }\n\n /**\n * Redraw this object\n */\n\n }, {\n key: 'redraw',\n value: function redraw() {\n this.init();\n\n /**\n * On canvas redraw event callback\n *\n * @type {function(): *}\n */\n this.onRedraw && this.onRedraw();\n\n return this;\n }\n\n /**\n * Returns current device pixel ratio\n *\n * @returns {number}\n */\n\n }], [{\n key: 'redraw',\n\n\n /**\n * Forces redraw all canvas in the current collection\n */\n value: function redraw() {\n var i = 0;\n var s = SmartCanvas.collection.length;\n\n for (; i < s; i++) {\n SmartCanvas.collection[i].redraw();\n }\n }\n }, {\n key: 'pixelRatio',\n get: function get() {\n /* istanbul ignore next */\n //noinspection JSUnresolvedVariable\n return window.devicePixelRatio || 1;\n }\n }]);\n\n return SmartCanvas;\n}();\n\nSmartCanvas.collection = [];\n\n/* istanbul ignore next: very browser-specific testing required to cover */\n//noinspection JSUnresolvedVariable\nif (window.matchMedia) {\n //noinspection JSUnresolvedFunction\n window.matchMedia('screen and (min-resolution: 2dppx)').addListener(SmartCanvas.redraw);\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Describes rendering target element. Can be either string identifier of\n * the element or the element itself.\n *\n * @typedef {HTMLElement|string} RenderTarget\n */\n\n/**\n * Highlight area definition.\n * It describes highlight area starting from value to value using\n * color. Color can be describes with hex, rgb or rgba value.\n *\n * @typedef {{ from: number, to: number, color: string}} Highlight\n */\n\n/**\n * Shared generic gauges options\n *\n * @type {{renderTo: RenderTarget, width: number, height: number, minValue: number, maxValue: number, value: number, units: string|boolean, majorTicks: number[]|string[], minorTicks: number, strokeTicks: boolean, animatedValue: boolean, animateOnInit: boolean, title: string|boolean, borders: boolean, valueInt: number, valueDec: number, majorTicksInt: number, majorTicksDec: number, animation: boolean, animationDuration: number, animationRule: string|AnimationRule, colorPlate: string, colorPlateEnd: string, colorMajorTicks: string, colorMinorTicks: string, colorTitle: string, colorUnits: string, colorNumbers: string, colorNeedle: string, colorNeedleEnd: string, colorValueText: string, colorValueTextShadow: string, colorBorderShadow: string, colorBorderOuter: string, colorBorderOuterEnd: string, colorBorderMiddle: string, colorBorderMiddleEnd: string, colorBorderInner: string, colorBorderInnerEnd: string, colorValueBoxRect: string, colorValueBoxRectEnd: string, colorValueBoxBackground: string, colorValueBoxShadow: string, colorNeedleShadowUp: string, colorNeedleShadowDown: string, needle: boolean, needleShadow: boolean, needleType: string, needleStart: number, needleEnd: number, needleWidth: number, borderOuterWidth: number, borderMiddleWidth: number, borderInnerWidth: number, borderShadowWidth: number, valueBox: boolean, valueBoxWidth: number, valueBoxStroke: number, valueText: string, valueTextShadow: boolean, valueBoxBorderRadius: number, highlights: Highlight[], highlightsWidth: number, fontNumbers: string, fontTitle: string, fontUnits: string, fontValue: string, fontTitleSize: number, fontValueSize: number, fontUnitsSize: number, fontNumbersSize: number, fontNumbersStyle: string, fontTitleStyle: string, fontUnitsStyle: string, fontValueStyle: string, fontNumbersWeight: string, fontTitleWeight: string, fontUnitsWeight: string, fontValueWeight: string, barWidth: number, barStrokeWidth: number, barProgress: boolean, colorBar: string, colorBarStroke: string, colorBarProgress: string, colorBarShadow: string, barShadow: number}} GenericOptions\n */\nvar GenericOptions = {\n // basic options\n renderTo: null,\n width: 0,\n height: 0,\n minValue: 0,\n maxValue: 100,\n value: 0,\n units: false,\n majorTicks: [0, 20, 40, 60, 80, 100],\n minorTicks: 10,\n strokeTicks: true,\n animatedValue: false,\n animateOnInit: false,\n title: false,\n borders: true,\n\n // number formats\n valueInt: 3,\n valueDec: 2,\n majorTicksInt: 1,\n majorTicksDec: 0,\n\n // animations\n animation: true,\n animationDuration: 500,\n animationRule: 'cycle',\n\n // colors\n colorPlate: '#fff',\n colorPlateEnd: '',\n colorMajorTicks: '#444',\n colorMinorTicks: '#666',\n colorTitle: '#888',\n colorUnits: '#888',\n colorNumbers: '#444',\n colorNeedle: 'rgba(240,128,128,1)',\n colorNeedleEnd: 'rgba(255,160,122,.9)',\n colorValueText: '#444',\n colorValueTextShadow: 'rgba(0,0,0,0.3)',\n colorBorderShadow: 'rgba(0,0,0,0.5)',\n colorBorderOuter: '#ddd',\n colorBorderOuterEnd: '#aaa',\n colorBorderMiddle: '#eee',\n colorBorderMiddleEnd: '#f0f0f0',\n colorBorderInner: '#fafafa',\n colorBorderInnerEnd: '#ccc',\n colorValueBoxRect: '#888',\n colorValueBoxRectEnd: '#666',\n colorValueBoxBackground: '#babab2',\n colorValueBoxShadow: 'rgba(0,0,0,1)',\n colorNeedleShadowUp: 'rgba(2,255,255,0.2)',\n colorNeedleShadowDown: 'rgba(188,143,143,0.45)',\n colorBarStroke: '#222',\n colorBar: '#ccc',\n colorBarProgress: '#888',\n colorBarShadow: '#000',\n\n fontNumbers: 'Arial',\n fontTitle: 'Arial',\n fontUnits: 'Arial',\n fontValue: 'Arial',\n\n fontNumbersSize: 20,\n fontTitleSize: 24,\n fontUnitsSize: 22,\n fontValueSize: 26,\n\n fontNumbersStyle: 'normal',\n fontTitleStyle: 'normal',\n fontUnitsStyle: 'normal',\n fontValueStyle: 'normal',\n\n fontNumbersWeight: 'normal',\n fontTitleWeight: 'normal',\n fontUnitsWeight: 'normal',\n fontValueWeight: 'normal',\n\n // needle\n needle: true,\n needleShadow: true,\n needleType: 'arrow',\n needleStart: 5,\n needleEnd: 85,\n needleWidth: 4,\n\n // borders\n borderOuterWidth: 3,\n borderMiddleWidth: 3,\n borderInnerWidth: 3,\n borderShadowWidth: 3,\n\n // value and highlights\n valueBox: true,\n valueBoxStroke: 5,\n valueBoxWidth: 0,\n valueText: '',\n valueTextShadow: true,\n valueBoxBorderRadius: 2.5,\n\n // highlights\n highlights: [{ from: 20, to: 60, color: '#eee' }, { from: 60, to: 80, color: '#ccc' }, { from: 80, to: 100, color: '#999' }],\n highlightsWidth: 15,\n\n // progress bar\n barWidth: 20, // percents\n barStrokeWidth: 0, // pixels\n barProgress: true,\n barShadow: 0\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Gauge collections type.\n *\n * It is used ES5 declaration here, because babel\n * transpiles inheritance incorrectly in this case.\n *\n * @class Collection\n * @constructor\n */\nfunction Collection() {\n Array.prototype.constructor.apply(this, arguments);\n}\n\nCollection.prototype = Object.create(Array.prototype);\nCollection.prototype.constructor = Collection;\n\n/**\n * Returns gauge object by its identifier or index in the collection\n *\n * @param {string|number} id\n * @return {*}\n */\nCollection.prototype.get = function (id) {\n if (typeof id === 'string') {\n var i = 0;\n var s = this.length;\n\n for (; i < s; i++) {\n var canvas = this[i].options.renderTo.tagName ? this[i].options.renderTo :\n /* istanbul ignore next: should be tested with e2e tests */\n document.getElementById(this[i].options.renderTo || '');\n\n if (canvas.getAttribute('id') === id) {\n return this[i];\n }\n }\n } else if (typeof id === 'number') {\n return this[id];\n }\n\n return null;\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar version = '2.1.1';\n\nvar round = Math.round;\nvar abs = Math.abs;\n\nvar gauges = new Collection();\n\ngauges.version = version;\n\n/**\n * Basic abstract BaseGauge class implementing common functionality\n * for different type of gauges.\n *\n * It should not be instantiated directly but must be extended by a final\n * gauge implementation.\n *\n * @abstract\n * @example\n *\n * class MyCoolGauge extends BaseGauge {\n *\n * // theses methods below MUST be implemented:\n *\n * constructor(options) {\n * // ... do something with options\n * super(options);\n * // ... implement anything else\n * }\n *\n * draw() {\n * // ... some implementation here\n * return this;\n * }\n * }\n */\n\nvar BaseGauge = function (_EventEmitter) {\n _inherits(BaseGauge, _EventEmitter);\n\n /**\n * Fired each time gauge is initialized on a page\n *\n * @event BaseGauge#init\n */\n\n /**\n * Fired each time gauge scene is rendered\n *\n * @event BaseGauge#render\n */\n\n /**\n * Fired each time gauge object is destroyed\n *\n * @event BaseGauge#destroy\n */\n\n /**\n * Fired each time before animation is started on the gauge\n *\n * @event BaseGauge#animationStart\n */\n\n /**\n * Fired each time animation scene is complete\n *\n * @event BaseGauge#animate\n * @type {number} percent\n * @type {number} value\n */\n\n /**\n * Fired each time animation is complete on the gauge\n *\n * @event BaseGauge#animationEnd\n */\n\n /**\n * @constructor\n * @abstract\n * @param {GenericOptions} options\n */\n function BaseGauge(options) {\n _classCallCheck(this, BaseGauge);\n\n var _this3 = _possibleConstructorReturn(this, (BaseGauge.__proto__ || Object.getPrototypeOf(BaseGauge)).call(this));\n\n var className = _this3.constructor.name;\n\n if (className === 'BaseGauge') {\n throw new TypeError('Attempt to instantiate abstract class!');\n }\n\n gauges.push(_this3);\n\n //noinspection JSUnresolvedVariable\n /**\n * Gauges version string\n *\n * @type {string}\n */\n _this3.version = version;\n\n /**\n * Gauge type class\n *\n * @type {BaseGauge} type\n */\n _this3.type = ns[className] || BaseGauge;\n\n /**\n * True if gauge has been drawn for the first time, false otherwise.\n *\n * @type {boolean}\n */\n _this3.initialized = false;\n\n options.minValue = parseFloat(options.minValue);\n options.maxValue = parseFloat(options.maxValue);\n options.value = parseFloat(options.value) || 0;\n\n if (!options.borders) {\n options.borderInnerWidth = options.borderMiddleWidth = options.borderOuterWidth = 0;\n }\n\n if (!options.renderTo) {\n throw TypeError('Canvas element was not specified when creating ' + 'the Gauge object!');\n }\n\n var canvas = options.renderTo.tagName ? options.renderTo :\n /* istanbul ignore next: to be tested with e2e tests */\n document.getElementById(options.renderTo);\n\n if (!(canvas instanceof HTMLCanvasElement)) {\n throw TypeError('Given gauge canvas element is invalid!');\n }\n\n options.width = parseFloat(options.width) || 0;\n options.height = parseFloat(options.height) || 0;\n\n if (!options.width || !options.height) {\n if (!options.width) options.width = canvas.parentNode ? canvas.parentNode.offsetWidth : canvas.offsetWidth;\n if (!options.height) options.height = canvas.parentNode ? canvas.parentNode.offsetHeight : canvas.offsetHeight;\n }\n\n /**\n * Gauge options\n *\n * @type {GenericOptions} options\n */\n _this3.options = options || {};\n\n if (_this3.options.animateOnInit) {\n _this3._value = _this3.options.value;\n _this3.options.value = _this3.options.minValue;\n }\n\n /**\n * @type {SmartCanvas} canvas\n */\n _this3.canvas = new SmartCanvas(canvas, options.width, options.height);\n _this3.canvas.onRedraw = _this3.draw.bind(_this3);\n\n /**\n * @type {Animation} animation\n */\n _this3.animation = new Animation(options.animationRule, options.animationDuration);\n return _this3;\n }\n\n /**\n * Sets new value for this gauge.\n * If gauge is animated by configuration it will trigger a proper animation.\n * Upsetting a value triggers gauge redraw.\n *\n * @param {number} value\n */\n\n\n _createClass(BaseGauge, [{\n key: 'update',\n\n\n /**\n * Updates gauge configuration options at runtime and redraws the gauge\n *\n * @param {RadialGaugeOptions} options\n * @returns {BaseGauge}\n */\n value: function update(options) {\n Object.assign(this.options, this.type.configure(options || {}));\n\n this.canvas.width = this.options.width;\n this.canvas.height = this.options.height;\n\n this.animation.rule = this.options.animationRule;\n this.animation.duration = this.options.animationDuration;\n\n this.canvas.redraw();\n\n return this;\n }\n\n /**\n * Performs destruction of this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = gauges.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n //noinspection JSUnresolvedFunction\n gauges.splice(index, 1);\n }\n\n this.canvas.destroy();\n this.canvas = null;\n\n this.animation.destroy();\n this.animation = null;\n\n this.emit('destroy');\n }\n\n /**\n * Returns gauges version string\n *\n * @return {string}\n */\n\n }, {\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @abstract\n * @returns {BaseGauge}\n */\n value: function draw() {\n if (this.options.animateOnInit && !this.initialized) {\n this.value = this._value;\n this.initialized = true;\n this.emit('init');\n }\n\n this.emit('render');\n\n return this;\n }\n\n /**\n * Inject given gauge object into DOM\n *\n * @param {string} type\n * @param {GenericOptions} options\n */\n\n }, {\n key: 'value',\n set: function set(value) {\n var _this4 = this;\n\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n var fromValue = this.options.value;\n\n if (value === fromValue) return;\n\n if (this.options.animation) {\n if (this.animation.frame) {\n // animation is already in progress -\n // forget related old animation value\n // @see https://github.com/Mikhus/canvas-gauges/issues/94\n delete this._value;\n }\n\n /**\n * @type {number}\n * @access private\n */\n if (this._value === undefined) {\n this._value = value;\n }\n\n this.emit('animationStart');\n\n this.animation.animate(function (percent) {\n _this4.options.value = fromValue + (value - fromValue) * percent;\n\n _this4.draw();\n\n _this4.emit('animate', percent, _this4.options.value);\n console.log('animation progress', _this4.options.value, _this4._value);\n }, function () {\n if (_this4._value !== undefined) {\n _this4.options.value = _this4._value;\n delete _this4._value;\n }\n\n _this4.draw();\n _this4.emit('animationEnd');\n console.log('animation end');\n });\n } else {\n this.options.value = value;\n this.draw();\n }\n }\n\n /**\n * Returns current value of the gauge\n *\n * @return {number}\n */\n ,\n get: function get() {\n return typeof this._value === 'undefined' ? this.options.value : this._value;\n }\n\n /**\n * Updates gauge options\n *\n * @param {*} options\n * @return {BaseGauge}\n * @access protected\n */\n\n }], [{\n key: 'configure',\n value: function configure(options) {\n return options;\n }\n }, {\n key: 'initialize',\n value: function initialize(type, options) {\n return new DomObserver(options, 'canvas', type);\n }\n\n /**\n * Initializes gauge from a given HTML element\n * (given element should be valid HTML canvas gauge definition)\n *\n * @param {HTMLElement} element\n */\n\n }, {\n key: 'fromElement',\n value: function fromElement(element) {\n var type = DomObserver.toCamelCase(element.getAttribute('data-type'));\n var attributes = element.attributes;\n var i = 0;\n var s = attributes.length;\n var options = {};\n\n if (!type) {\n return;\n }\n\n if (!/Gauge$/.test(type)) {\n type += 'Gauge';\n }\n\n for (; i < s; i++) {\n options[DomObserver.toCamelCase(attributes[i].name.replace(/^data-/, ''), false)] = DomObserver.parse(attributes[i].value);\n }\n\n new DomObserver(options, element.tagName, type).process(element);\n }\n\n /**\n * Ensures value is proper number\n *\n * @param {*} value\n * @param {number} min\n * @return {number}\n */\n\n }, {\n key: 'ensureValue',\n value: function ensureValue(value) {\n var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n value = parseFloat(value);\n\n if (isNaN(value) || !isFinite(value)) {\n value = parseFloat(min) || 0;\n }\n\n return value;\n }\n }, {\n key: 'version',\n get: function get() {\n return version;\n }\n }]);\n\n return BaseGauge;\n}(EventEmitter);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['BaseGauge'] = BaseGauge;\n ns['gauges'] = (window.document || {})['gauges'] = gauges;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @access private\n * @typedef {CanvasRenderingContext2D|{max: number, maxRadius: number, barDimensions: object}} Canvas2DContext\n */\n\n/* istanbul ignore next: private, not testable */\n/**\n * Examines if a given error is something to throw or to ignore\n *\n * @param {Error} err\n */\nfunction verifyError(err) {\n // there is some unpredictable error in FF in some circumstances\n // which we found simply safe to ignore than to fight with it\n // noinspection JSUnresolvedVariable\n if (err instanceof DOMException && err.result === 0x8053000b) {\n return; // ignore it\n }\n\n throw err;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Prepares major ticks data\n *\n * @access private\n * @param {GenericOptions|{ tickSide: string }} options\n * @return {[boolean, boolean]}\n */\nfunction prepareTicks(options) {\n if (!(options.majorTicks instanceof Array)) {\n options.majorTicks = options.majorTicks ? [options.majorTicks] : [];\n }\n\n if (!options.majorTicks.length) {\n options.majorTicks.push(drawings.formatMajorTickNumber(options.minValue, options));\n options.majorTicks.push(drawings.formatMajorTickNumber(options.maxValue, options));\n }\n\n return [options.tickSide !== 'right', options.tickSide !== 'left'];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rounded corners rectangle\n *\n * @param {Canvas2DContext} context\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @param {number} r\n */\nfunction roundRect(context, x, y, w, h, r) {\n context.beginPath();\n\n context.moveTo(x + r, y);\n context.lineTo(x + w - r, y);\n\n context.quadraticCurveTo(x + w, y, x + w, y + r);\n context.lineTo(x + w, y + h - r);\n\n context.quadraticCurveTo(x + w, y + h, x + w - r, y + h);\n context.lineTo(x + r, y + h);\n\n context.quadraticCurveTo(x, y + h, x, y + h - r);\n context.lineTo(x, y + r);\n\n context.quadraticCurveTo(x, y, x + r, y);\n\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Pads a given value with leading zeros using the given options\n *\n * @param {number} val\n * @param {RadialGaugeOptions|{valueInt: number, valueDec: number}} options\n * @returns {string}\n */\nfunction padValue(val, options) {\n var dec = options.valueDec;\n var int = options.valueInt;\n var i = 0;\n var s = void 0,\n strVal = void 0,\n n = void 0;\n\n val = parseFloat(val);\n n = val < 0;\n val = Math.abs(val);\n\n if (dec > 0) {\n strVal = val.toFixed(dec).toString().split('.');\n s = int - strVal[0].length;\n\n for (; i < s; ++i) {\n strVal[0] = '0' + strVal[0];\n }\n\n strVal = (n ? '-' : '') + strVal[0] + '.' + strVal[1];\n } else {\n strVal = Math.round(val).toString();\n s = int - strVal.length;\n\n for (; i < s; ++i) {\n strVal = '0' + strVal;\n }\n\n strVal = (n ? '-' : '') + strVal;\n }\n\n return strVal;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Formats a number for display on the dial's plate using the majorTicksFormat\n * config option.\n *\n * @param {number} num number to format\n * @param {object} options\n * @returns {string} formatted number\n */\nfunction formatMajorTickNumber(num, options) {\n var right = void 0,\n hasDec = false;\n\n // First, force the correct number of digits right of the decimal.\n if (options.majorTicksDec === 0) {\n right = Math.round(num).toString();\n } else {\n right = num.toFixed(options.majorTicksDec);\n }\n\n // Second, force the correct number of digits left of the decimal.\n if (options.majorTicksInt > 1) {\n // Does this number have a decimal?\n hasDec = ~right.indexOf('.');\n\n // Is this number a negative number?\n if (~right.indexOf('-')) {\n return '-' + [options.majorTicksInt + options.majorTicksDec + 2 + (hasDec ? 1 : 0) - right.length].join('0') + right.replace('-', '');\n } else {\n return [options.majorTicksInt + options.majorTicksDec + 1 + (hasDec ? 1 : 0) - right.length].join('0') + right;\n }\n }\n\n return right;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Transforms degrees to radians\n *\n * @param {number} degrees\n * @returns {number}\n */\nfunction radians(degrees) {\n return degrees * Math.PI / 180;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns radial point coordinates\n *\n * @param {number} radius\n * @param {number} angle\n * @returns {{x: number, y: number}}\n */\nfunction radialPoint(radius, angle) {\n return { x: -radius * Math.sin(angle), y: radius * Math.cos(angle) };\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Creates and returns linear gradient canvas object\n *\n * @param {Canvas2DContext} context\n * @param {string} colorFrom\n * @param {string} colorTo\n * @param {number} length\n * @param {boolean} [isVertical]\n * @param {number} [from]\n * @returns {CanvasGradient}\n */\nfunction linearGradient(context, colorFrom, colorTo, length) {\n var isVertical = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;\n var from = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n var grad = context.createLinearGradient(isVertical ? 0 : from, isVertical ? from : 0, isVertical ? 0 : length, isVertical ? length : 0);\n\n grad.addColorStop(0, colorFrom);\n grad.addColorStop(1, colorTo);\n\n return grad;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws the shadow if it was not drawn\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {boolean} shadowDrawn\n * @return {boolean}\n */\nfunction drawShadow(context, options) {\n var shadowDrawn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n if (shadowDrawn) {\n context.restore();\n return true;\n }\n\n context.save();\n\n var w = options.borderShadowWidth;\n\n if (w) {\n context.shadowBlur = w;\n context.shadowColor = options.colorBorderShadow;\n }\n\n return true;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle shadow\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawNeedleShadow(context, options) {\n if (!options.needleShadow) return;\n\n context.shadowOffsetX = 2;\n context.shadowOffsetY = 2;\n context.shadowBlur = 10;\n context.shadowColor = options.colorNeedleShadowDown;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Constructs font styles for canvas fonts\n *\n * @param {GenericOptions} options\n * @param {string} target\n * @param {number} baseSize\n */\nfunction font(options, target, baseSize) {\n return options['font' + target + 'Style'] + ' ' + options['font' + target + 'Weight'] + ' ' + options['font' + target + 'Size'] * baseSize + 'px ' + options['font' + target];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Resets some context settings\n *\n * @param {Canvas2DContext} context\n */\nfunction reset(context) {\n context.shadowOffsetX = null;\n context.shadowOffsetY = null;\n context.shadowBlur = null;\n context.shadowColor = '';\n context.strokeStyle = null;\n context.lineWidth = 0;\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Declares to drow value text shadow if configured\n *\n * @param context\n * @param options\n * @param offset\n * @param blur\n */\nfunction drawValueTextShadow(context, options, offset, blur) {\n if (options.valueTextShadow) {\n context.shadowOffsetX = offset;\n context.shadowOffsetY = offset;\n context.shadowBlur = blur;\n context.shadowColor = options.colorValueTextShadow;\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box at given position\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {number|string} value\n * @param {number} x\n * @param {number} y\n * @param {number} max\n */\nfunction drawValueBox(context, options, value, x, y, max) {\n if (!options.valueBox) return;\n\n reset(context);\n\n var text = options.valueText || padValue(value, options);\n var tunit = max / 200;\n var runit = max / 100;\n var offset = 0.4 * runit;\n var blur = 1.2 * runit;\n\n context.font = font(options, 'Value', tunit);\n drawValueTextShadow(context, options, offset, blur);\n\n var tw = context.measureText(options.valueText ? text : '-' + padValue(0, options)).width;\n\n reset(context);\n\n var th = parseFloat(options.fontValueSize) * tunit + offset + blur;\n var sw = runit * parseFloat(options.valueBoxStroke);\n var bmax = max * 2 - sw * 2;\n\n var bw = tw + 10 * runit;\n var bh = 1.1 * th + offset + blur;\n var br = runit * options.valueBoxBorderRadius;\n var obw = (parseFloat(options.valueBoxWidth) || 0) / 100 * bmax;\n\n obw > bw && (bw = obw);\n bw > bmax && (bw = bmax);\n\n var bx = x - bw / 2;\n var by = y - bh / 2;\n var gy = y - 5.75 * runit;\n\n context.beginPath();\n\n if (br) roundRect(context, bx, by, bw, bh, br);else context.rect(bx, by, bw, bh);\n\n if (sw) {\n var grd = context.createRadialGradient(x, gy, runit * 10, x, gy, runit * 20);\n\n grd.addColorStop(0, options.colorValueBoxRect);\n grd.addColorStop(1, options.colorValueBoxRectEnd);\n\n context.strokeStyle = grd;\n context.lineWidth = sw;\n context.stroke();\n }\n\n if (options.colorValueBoxShadow) {\n context.shadowBlur = 1.2 * runit;\n context.shadowColor = options.colorValueBoxShadow;\n }\n\n if (options.colorValueBoxBackground) {\n context.fillStyle = options.colorValueBoxBackground;\n context.fill();\n }\n\n context.closePath();\n context.restore();\n\n drawValueTextShadow(context, options, offset, blur);\n\n context.fillStyle = options.colorValueText;\n context.textAlign = 'center';\n context.textBaseline = 'alphabetic';\n context.fillText(text, bx + bw / 2, y + bh / 2 - th / 3);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns normalized value\n *\n * @param {GenericOptions} options\n * @return {{normal: number, indented: number}}\n */\nfunction normalizedValue(options) {\n var value = options.value;\n var min = options.minValue;\n var max = options.maxValue;\n var dt = (max - min) * 0.01;\n\n return {\n normal: value < min ? min : value > max ? max : value,\n indented: value < min ? min - dt : value > max ? max + dt : value\n };\n}\n\nvar drawings = {\n roundRect: roundRect,\n padValue: padValue,\n formatMajorTickNumber: formatMajorTickNumber,\n radians: radians,\n radialPoint: radialPoint,\n linearGradient: linearGradient,\n drawNeedleShadow: drawNeedleShadow,\n drawValueBox: drawValueBox,\n verifyError: verifyError,\n prepareTicks: prepareTicks,\n drawShadow: drawShadow,\n font: font,\n normalizedValue: normalizedValue\n};\n\ndrawings;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar PI = Math.PI;\nvar HPI = PI / 2;\n\n/**\n * Gauge configuration options\n *\n * @typedef {GenericOptions|{ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean}} RadialGaugeOptions\n */\n\n/**\n * Default gauge configuration options\n *\n * @access private\n * @type {RadialGaugeOptions}\n */\nvar defaultRadialGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n ticksAngle: 270,\n startAngle: 45,\n\n // colors\n colorNeedleCircleOuter: '#f0f0f0',\n colorNeedleCircleOuterEnd: '#ccc',\n colorNeedleCircleInner: '#e8e8e8',\n colorNeedleCircleInnerEnd: '#f5f5f5',\n\n // needle\n needleCircleSize: 10,\n needleCircleInner: true,\n needleCircleOuter: true,\n\n // custom animations\n animationTarget: 'needle', // 'needle' or 'plate'\n useMinPath: false,\n\n barWidth: 0\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gradient-filled circle on a canvas\n *\n * @access private\n * @param {number} radius\n * @param {number} width\n * @param {Canvas2DContext} context\n * @param {string} start gradient start color\n * @param {string} end gradient end color\n */\nfunction drawRadialBorder(radius, width, context, start, end) {\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(radius), 0, PI * 2, true);\n context.lineWidth = width;\n context.strokeStyle = end ? drawings.linearGradient(context, start, end, radius) : start;\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns max radius without borders for the gauge\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @return {number}\n */\nfunction maxRadialRadius(context, options) {\n var pxRatio = SmartCanvas.pixelRatio;\n\n if (!context.maxRadius) {\n context.maxRadius = context.max - options.borderShadowWidth - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio + (options.borderOuterWidth ? 0.5 : 0) + (options.borderMiddleWidth ? 0.5 : 0) + (options.borderInnerWidth ? 0.5 : 0);\n }\n\n return context.maxRadius;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge plate on the canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialPlate(context, options) {\n var pxRatio = SmartCanvas.pixelRatio;\n var d0 = options.borderShadowWidth * pxRatio;\n var r0 = context.max - d0 - options.borderOuterWidth * pxRatio / 2;\n var r1 = r0 - options.borderOuterWidth * pxRatio / 2 - options.borderMiddleWidth * pxRatio / 2 + 0.5;\n var r2 = r1 - options.borderMiddleWidth * pxRatio / 2 - options.borderInnerWidth * pxRatio / 2 + 0.5;\n var r3 = maxRadialRadius(context, options);\n var grad = void 0;\n var shadowDrawn = false;\n\n context.save();\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r0, options.borderOuterWidth * pxRatio, context, options.colorBorderOuter, options.colorBorderOuterEnd);\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r1, options.borderMiddleWidth * pxRatio, context, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r2, options.borderInnerWidth * pxRatio, context, options.colorBorderInner, options.colorBorderInnerEnd);\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(r3), 0, PI * 2, true);\n\n if (options.colorPlateEnd) {\n grad = context.createRadialGradient(0, 0, r3 / 2, 0, 0, r3);\n grad.addColorStop(0, options.colorPlate);\n grad.addColorStop(1, options.colorPlateEnd);\n } else {\n grad = options.colorPlate;\n }\n\n context.fillStyle = grad;\n\n context.fill();\n context.closePath();\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge highlight areas on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialHighlights(context, options) {\n var hlWidth = context.max * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!hlWidth) return;\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options) - hlWidth / 2);\n var i = 0,\n s = options.highlights.length;\n var vd = (options.maxValue - options.minValue) / options.ticksAngle;\n\n context.save();\n\n for (; i < s; i++) {\n var hlt = options.highlights[i];\n\n context.beginPath();\n\n context.rotate(HPI);\n context.arc(0, 0, r, drawings.radians(options.startAngle + (hlt.from - options.minValue) / vd), drawings.radians(options.startAngle + (hlt.to - options.minValue) / vd), false);\n context.strokeStyle = hlt.color;\n context.lineWidth = hlWidth;\n context.stroke();\n context.closePath();\n\n context.restore();\n context.save();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks bar on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMinorTicks(context, options) {\n var radius = radialTicksRadius(context, options);\n\n context.lineWidth = SmartCanvas.pixelRatio;\n context.strokeStyle = options.colorMinorTicks;\n\n context.save();\n\n var s = options.minorTicks * (options.majorTicks.length - 1);\n var i = 0;\n\n for (; i < s; ++i) {\n var angle = options.startAngle + i * (options.ticksAngle / s);\n\n context.rotate(drawings.radians(angle));\n\n context.beginPath();\n context.moveTo(0, radius);\n context.lineTo(0, radius - context.max * 0.075);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns ticks radius\n *\n * @access private\n * @param context\n * @param options\n * @return {number}\n */\nfunction radialTicksRadius(context, options) {\n var unit = context.max / 100;\n\n return maxRadialRadius(context, options) - 5 * unit - (options.barWidth ? (parseFloat(options.barStrokeWidth) || 0) * 2 + ((parseFloat(options.barWidth) || 0) + 5) * unit : 0);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge major ticks bar on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMajorTicks(context, options) {\n drawings.prepareTicks(options);\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options));\n var i = void 0,\n colors = void 0;\n var s = options.majorTicks.length;\n var pixelRatio = SmartCanvas.pixelRatio;\n\n context.lineWidth = 2 * pixelRatio;\n context.save();\n\n colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(s).fill(options.colorMajorTicks);\n\n i = 0;\n for (; i < s; ++i) {\n context.strokeStyle = colors[i];\n context.rotate(drawings.radians(radialNextAngle(options, i, s)));\n\n context.beginPath();\n context.moveTo(0, r);\n context.lineTo(0, r - context.max * 0.15);\n closeStrokedPath(context);\n }\n\n if (options.strokeTicks) {\n context.strokeStyle = colors[0];\n context.rotate(HPI);\n\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\nfunction radialNextAngle(options, i, s) {\n return options.startAngle + i * (options.ticksAngle / (s - 1));\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Strokes, closes path and restores previous context state\n *\n * @param {Canvas2DContext} context\n */\nfunction closeStrokedPath(context) {\n context.stroke();\n context.restore();\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar numbers\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNumbers(context, options) {\n var radius = radialTicksRadius(context, options) - context.max * 0.25;\n var points = {};\n var i = 0;\n var s = options.majorTicks.length;\n var isAnimated = options.animationTarget !== 'needle';\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(s).fill(options.colorNumbers);\n\n var plateValueAngle = isAnimated ? -(options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle : 0;\n\n if (isAnimated) {\n context.save();\n context.rotate(-drawings.radians(plateValueAngle));\n }\n\n for (; i < s; ++i) {\n var angle = plateValueAngle + radialNextAngle(options, i, s);\n var point = drawings.radialPoint(radius, drawings.radians(angle));\n\n if (angle === 360) angle = 0;\n\n if (points[angle]) {\n continue; //already drawn at this place, skipping\n }\n\n points[angle] = true;\n\n context.font = drawings.font(options, 'Numbers', context.max / 200);\n context.fillStyle = colors[i];\n context.lineWidth = 0;\n context.textAlign = 'center';\n context.fillText(options.majorTicks[i], point.x, point.y + 3);\n }\n\n isAnimated && context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge title\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialTitle(context, options) {\n if (!options.title) return;\n\n context.save();\n context.font = drawings.font(options, 'Title', context.max / 200);\n context.fillStyle = options.colorTitle;\n context.textAlign = 'center';\n context.fillText(options.title, 0, -context.max / 4.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws units name on the gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialUnits(context, options) {\n if (!options.units) return;\n\n context.save();\n context.font = drawings.font(options, 'Units', context.max / 200);\n context.fillStyle = options.colorUnits;\n context.textAlign = 'center';\n context.fillText(options.units, 0, context.max / 3.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNeedle(context, options) {\n if (!options.needle) return;\n\n var value = options.ticksAngle < 360 ? drawings.normalizedValue(options).indented : options.value;\n var max = maxRadialRadius(context, options);\n //noinspection JSUnresolvedFunction\n var r1 = abs(max / 100 * options.needleCircleSize);\n //noinspection JSUnresolvedFunction\n var r2 = abs(max / 100 * options.needleCircleSize * 0.75);\n //noinspection JSUnresolvedFunction\n var rIn = abs(max / 100 * options.needleEnd);\n //noinspection JSUnresolvedFunction\n var rStart = abs(options.needleStart ? max / 100 * options.needleStart : 0);\n //noinspection JSUnresolvedFunction\n var rOut = abs(max * 0.2);\n var pad1 = max / 100 * options.needleWidth;\n var pad2 = max / 100 * options.needleWidth / 2;\n var pixelRatio = SmartCanvas.pixelRatio;\n var isFixed = options.animationTarget !== 'needle';\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n context.rotate(drawings.radians(isFixed ? options.startAngle : options.startAngle + (value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle));\n\n context.fillStyle = drawings.linearGradient(context, options.colorNeedle, options.colorNeedleEnd, rIn - rOut);\n\n if (options.needleType === 'arrow') {\n context.beginPath();\n context.moveTo(-pad2, -rOut);\n context.lineTo(-pad1, 0);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(pixelRatio, rIn);\n context.lineTo(pad1, 0);\n context.lineTo(pad2, -rOut);\n context.closePath();\n context.fill();\n\n context.beginPath();\n context.lineTo(-0.5 * pixelRatio, rIn);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(-pad1, 0);\n context.lineTo(-pad2, -rOut);\n context.lineTo(pad2 / 2 * pixelRatio - 2 * pixelRatio, -rOut);\n context.closePath();\n context.fillStyle = options.colorNeedleShadowUp;\n context.fill();\n } else {\n // simple line needle\n context.beginPath();\n context.moveTo(-pad2, rIn);\n context.lineTo(-pad2, rStart);\n context.lineTo(pad2, rStart);\n context.lineTo(pad2, rIn);\n context.closePath();\n context.fill();\n }\n\n if (options.needleCircleSize) {\n context.restore();\n\n drawings.drawNeedleShadow(context, options);\n\n if (options.needleCircleOuter) {\n context.beginPath();\n context.arc(0, 0, r1, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleOuter, options.colorNeedleCircleOuterEnd, r1);\n context.fill();\n context.closePath();\n }\n\n if (options.needleCircleInner) {\n context.beginPath();\n context.arc(0, 0, r2, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleInner, options.colorNeedleCircleInnerEnd, r2);\n context.fill();\n context.closePath();\n }\n\n context.restore();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge value box\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @param {number} value\n */\nfunction drawRadialValueBox(context, options, value) {\n drawings.drawValueBox(context, options, value, 0, context.max - context.max * 0.33, context.max);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge progress bar\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialProgressBar(context, options) {\n var unit = context.max / 100;\n var rMax = maxRadialRadius(context, options) - 5 * unit;\n var sw = parseFloat(options.barStrokeWidth) || 0;\n var w = (parseFloat(options.barWidth) || 0) * unit;\n var rMin = rMax - sw * 2 - w;\n var half = (rMax - rMin) / 2;\n var r = rMin + half;\n var delta = sw / r;\n var sa = options.startAngle;\n var ea = options.startAngle + options.ticksAngle;\n\n context.save();\n context.rotate(HPI);\n\n if (sw) {\n // draw stroke\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa) - delta, drawings.radians(ea) + delta, false);\n context.strokeStyle = options.colorBarStroke;\n context.lineWidth = half * 2;\n context.stroke();\n context.closePath();\n }\n\n if (w) {\n // draw bar\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(ea), false);\n context.strokeStyle = options.colorBar;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n\n if (options.barShadow) {\n // draw shadow\n context.beginPath();\n context.arc(0, 0, rMax, drawings.radians(sa), drawings.radians(ea), false);\n context.clip();\n\n context.beginPath();\n context.strokeStyle = options.colorBar;\n context.lineWidth = 1;\n context.shadowBlur = options.barShadow;\n context.shadowColor = options.colorBarShadow;\n context.shadowOffsetX = 0;\n context.shadowOffsetY = 0;\n context.arc(0, 0, rMax, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n context.stroke();\n context.closePath();\n\n context.restore();\n context.rotate(HPI);\n }\n\n // draw bar progress\n if (options.barProgress) {\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(sa + (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle), false);\n context.strokeStyle = options.colorBarProgress;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n }\n }\n\n context.restore();\n}\n\n/**\n * Find and return gauge value to display\n *\n * @param {RadialGauge} gauge\n */\nfunction displayValue(gauge) {\n if (gauge.options.animatedValue) {\n return gauge.options.value;\n }\n\n return gauge.value;\n}\n\n/**\n * Minimalistic HTML5 Canvas Gauge\n * @example\n * var gauge = new RadialGauge({\n * renderTo: 'gauge-id', // identifier of HTML canvas element or element itself\n * width: 400,\n * height: 400,\n * units: 'Km/h',\n * title: false,\n * value: 0,\n * minValue: 0,\n * maxValue: 220,\n * majorTicks: [\n * '0','20','40','60','80','100','120','140','160','180','200','220'\n * ],\n * minorTicks: 2,\n * strokeTicks: false,\n * highlights: [\n * { from: 0, to: 50, color: 'rgba(0,255,0,.15)' },\n * { from: 50, to: 100, color: 'rgba(255,255,0,.15)' },\n * { from: 100, to: 150, color: 'rgba(255,30,0,.25)' },\n * { from: 150, to: 200, color: 'rgba(255,0,225,.25)' },\n * { from: 200, to: 220, color: 'rgba(0,0,255,.25)' }\n * ],\n * colorPlate: '#222',\n * colorMajorTicks: '#f5f5f5',\n * colorMinorTicks: '#ddd',\n * colorTitle: '#fff',\n * colorUnits: '#ccc',\n * colorNumbers: '#eee',\n * colorNeedleStart: 'rgba(240, 128, 128, 1)',\n * colorNeedleEnd: 'rgba(255, 160, 122, .9)',\n * valueBox: true,\n * animationRule: 'bounce'\n * });\n * // draw initially\n * gauge.draw();\n * // animate\n * setInterval(() => {\n * gauge.value = Math.random() * -220 + 220;\n * }, 1000);\n */\n\nvar RadialGauge = function (_BaseGauge) {\n _inherits(RadialGauge, _BaseGauge);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event RadialGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event RadialGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event RadialGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event RadialGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event RadialGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event RadialGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event RadialGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event RadialGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event RadialGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event RadialGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {RadialGaugeOptions} options\n */\n function RadialGauge(options) {\n _classCallCheck(this, RadialGauge);\n\n options = Object.assign({}, defaultRadialGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (RadialGauge.__proto__ || Object.getPrototypeOf(RadialGauge)).call(this, RadialGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(RadialGauge, [{\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @returns {RadialGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref[0];\n var y = _ref[1];\n var w = _ref[2];\n var h = _ref[3];\n\n var options = this.options;\n\n if (options.animationTarget === 'needle') {\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(context, options);\n this.emit('beforeHighlights');\n drawRadialHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(context, options);\n this.emit('beforeTitle');\n drawRadialTitle(context, options);\n this.emit('beforeUnits');\n drawRadialUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n this.emit('beforeNeedle');\n drawRadialNeedle(canvas.context, options);\n } else {\n var plateValueAngle = -drawings.radians((options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle);\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(canvas.context, options);\n\n canvas.context.rotate(plateValueAngle);\n\n // animated\n this.emit('beforeHighlights');\n drawRadialHighlights(canvas.context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(canvas.context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(canvas.context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(canvas.context, options);\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n\n // non-animated\n canvas.context.rotate(-plateValueAngle);\n canvas.context.save();\n\n if (!canvas.elementClone.initialized) {\n var _context = canvas.contextClone;\n\n // clear the cache\n _context.clearRect(x, y, w, h);\n _context.save();\n\n this.emit('beforeTitle');\n drawRadialTitle(_context, options);\n this.emit('beforeUnits');\n drawRadialUnits(_context, options);\n this.emit('beforeNeedle');\n drawRadialNeedle(_context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n }\n\n // value box animations\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n\n _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }, {\n key: 'value',\n\n\n /**\n * Sets the value for radial gauge\n *\n * @param {number} value\n */\n set: function set(value) {\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n if (this.options.animation && this.options.ticksAngle === 360 && this.options.useMinPath) {\n this._value = value;\n value = this.options.value + ((value - this.options.value) % 360 + 540) % 360 - 180;\n }\n\n _set(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', value, this);\n }\n\n /**\n * Returns current gauge value\n *\n * @return {number}\n */\n ,\n get: function get() {\n return _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', this);\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n if (options.barWidth > 50) options.barWidth = 50;\n\n /* istanbul ignore if */\n if (isNaN(options.startAngle)) options.startAngle = 45;\n /* istanbul ignore if */\n if (isNaN(options.ticksAngle)) options.ticksAngle = 270;\n\n /* istanbul ignore if */\n if (options.ticksAngle > 360) options.ticksAngle = 360;\n /* istanbul ignore if */\n if (options.ticksAngle < 0) options.ticksAngle = 0;\n\n /* istanbul ignore if */\n if (options.startAngle < 0) options.startAngle = 0;\n /* istanbul ignore if */\n if (options.startAngle > 360) options.startAngle = 360;\n\n return options;\n }\n }]);\n\n return RadialGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['RadialGauge'] = RadialGauge;\n}\n\nBaseGauge.initialize('RadialGauge', defaultRadialGaugeOptions);\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Linear gauge configuration options\n *\n * @typedef {GenericOptions|{borderRadius: number, barBeginCircle: number, tickSide: string, needleSide: string, numberSide: string, ticksWidth: number, ticksWidthMinor: number, ticksPadding: number, barLength: number, colorBarEnd: string, colorBarProgressEnd: string}} LinearGaugeOptions\n */\n\n/**\n * Default linear gauge configuration options\n *\n * @type {LinearGaugeOptions}\n */\nvar defaultLinearGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n borderRadius: 0,\n // width: 150,\n // height: 400,\n\n // bar\n barBeginCircle: 30, // percents\n colorBarEnd: '',\n colorBarProgressEnd: '',\n\n needleWidth: 6,\n\n tickSide: 'both', // available: 'left', 'right', 'both'\n needleSide: 'both', // available: 'left', 'right', 'both'\n\n numberSide: 'both', // available: 'left', 'right', 'both'\n\n ticksWidth: 10,\n ticksWidthMinor: 5,\n ticksPadding: 5,\n barLength: 85,\n fontTitleSize: 26,\n\n highlightsWidth: 10\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawRectangle(context, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.fillStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, w > h ? w : h, h > w, w > h ? x : y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} width width of the border\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawLinearBorder(context, width, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.lineWidth = width;\n context.strokeStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, h, true, y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge plate\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearPlate(context, options, x, y, w, h) {\n var pxRatio = SmartCanvas.pixelRatio;\n context.save();\n\n var r = options.borderRadius * pxRatio;\n var w1 = w - options.borderShadowWidth - options.borderOuterWidth * pxRatio;\n var w2 = w1 - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio;\n var w3 = w2 - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio;\n var w4 = w3 - options.borderInnerWidth * pxRatio;\n\n var h1 = h - options.borderShadowWidth - options.borderOuterWidth * pxRatio;\n var h2 = h1 - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio;\n var h3 = h2 - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio;\n var h4 = h3 - options.borderInnerWidth * pxRatio;\n\n var x2 = x - (w2 - w1) / 2;\n var x3 = x2 - (w3 - w2) / 2;\n var x4 = x3 - (w4 - w3) / 2;\n\n var y2 = y - (h2 - h1) / 2;\n var y3 = y2 - (h3 - h2) / 2;\n var y4 = y3 - (h4 - h3) / 2;\n var aliasingOffset = 0;\n var shadowDrawn = false;\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderOuterWidth * pxRatio, r, x + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, y + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, w1, h1, options.colorBorderOuter, options.colorBorderOuterEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderMiddleWidth * pxRatio, r -= 1 + aliasingOffset * 2, x2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, y2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, w2 + aliasingOffset * 2, h2 + aliasingOffset * 2, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderInnerWidth * pxRatio, r -= 1 + aliasingOffset * 2, x3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, y3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, w3 + aliasingOffset * 2, h3 + aliasingOffset * 2, options.colorBorderInner, options.colorBorderInnerEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n drawRectangle(context, r, x4, y4, w4 + aliasingOffset * 2, h4 + aliasingOffset * 2, options.colorPlate, options.colorPlateEnd);\n\n context.restore();\n\n return [x4, y4, w4, h4];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns linear gauge base bar dimensions.\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions|{barStrokeWidth: number, barBeginCircle: number, barWidth: number, hasLeft: boolean, hasRight: boolean}} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @return {{isVertical: boolean, width: number, length: number, barWidth: number, barLength: number, strokeWidth: number, barMargin: number, radius: number, x0: number, y0: number, barOffset: number, titleMargin: number, unitsMargin: number, X: number, Y: number, baseX: number, baseY: number, ticksPadding: number}}\n */\nfunction barDimensions(context, options, x, y, w, h) {\n var pixelRatio = SmartCanvas.pixelRatio;\n var isVertical = h >= w;\n var width = isVertical ? w * 0.85 : h;\n var length = isVertical ? h : w;\n\n //noinspection JSUnresolvedFunction\n x = isVertical ? round(x + (w - width) / 2) : x;\n\n var hasTitle = !!options.title;\n var hasUnits = !!options.units;\n var hasValue = !!options.valueBox;\n\n var titleMargin = void 0;\n var unitsMargin = void 0;\n var valueMargin = void 0;\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n unitsMargin = round(length * 0.05);\n //noinspection JSUnresolvedFunction\n titleMargin = round(length * 0.075);\n //noinspection JSUnresolvedFunction\n valueMargin = round(length * 0.11);\n\n if (hasTitle) {\n length -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) length -= unitsMargin;\n if (hasValue) length -= valueMargin;\n } else {\n //noinspection JSUnresolvedFunction\n unitsMargin = titleMargin = round(width * 0.15);\n\n if (hasTitle) {\n width -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) width -= unitsMargin;\n }\n\n var strokeWidth = options.barStrokeWidth * 2;\n //noinspection JSUnresolvedFunction\n var radius = options.barBeginCircle ? round(width * options.barBeginCircle / 200 - strokeWidth / 2) : 0;\n //noinspection JSUnresolvedFunction\n var barWidth = round(width * options.barWidth / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barLength = round(length * options.barLength / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barMargin = round((length - barLength) / 2);\n\n // coordinates for arc of the bar if configured\n //noinspection JSUnresolvedFunction\n var x0 = round(x + (isVertical ? width / 2 : barMargin + radius));\n //noinspection JSUnresolvedFunction\n var y0 = round(y + (isVertical ? length - barMargin - radius + strokeWidth / 2 : width / 2));\n var dx = isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n var dy = !isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n\n //noinspection JSUndefinedPropertyAssignment\n context.barDimensions = {\n isVertical: isVertical,\n width: width,\n length: length,\n barWidth: barWidth,\n barLength: barLength,\n strokeWidth: strokeWidth,\n barMargin: barMargin,\n radius: radius,\n pixelRatio: pixelRatio,\n barOffset: null,\n titleMargin: hasTitle ? titleMargin : 0,\n unitsMargin: hasUnits ? unitsMargin : 0,\n get ticksLength() {\n return this.barLength - this.barOffset - this.strokeWidth;\n },\n X: x + dx,\n Y: y + dy,\n x0: x0 + dx,\n y0: y0 + dy,\n baseX: x,\n baseY: y,\n ticksPadding: options.ticksPadding / 100\n };\n\n return context.barDimensions;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws bar shape from the given options on a given canvas context\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {string} type\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearBarShape(context, options, type, x, y, w, h) {\n var _barDimensions = barDimensions(context, options, x, y, w, h);\n\n var isVertical = _barDimensions.isVertical;\n var width = _barDimensions.width;\n var barWidth = _barDimensions.barWidth;\n var barLength = _barDimensions.barLength;\n var strokeWidth = _barDimensions.strokeWidth;\n var barMargin = _barDimensions.barMargin;\n var radius = _barDimensions.radius;\n var x0 = _barDimensions.x0;\n var y0 = _barDimensions.y0;\n var X = _barDimensions.X;\n var Y = _barDimensions.Y;\n\n var fullBarLength = barLength;\n\n context.save();\n context.beginPath();\n\n if (options.barBeginCircle) {\n var direction = drawings.radians(isVertical ? 270 : 0);\n var alpha = Math.asin(barWidth / 2 / radius);\n var cosAlpha = Math.cos(alpha);\n var sinAlpha = Math.sin(alpha);\n\n var x1 = x0 + (isVertical ? radius * sinAlpha : radius * cosAlpha - strokeWidth / 2);\n var y1 = isVertical ? y0 - radius * cosAlpha : y0 + radius * sinAlpha;\n //noinspection JSUnresolvedFunction\n var cutRadius = isVertical ? abs(y1 - y0) : abs(x1 - x0);\n\n //noinspection JSUnresolvedFunction\n context.barDimensions.barOffset = round(cutRadius + radius);\n\n // bottom point\n //noinspection JSUnresolvedFunction\n var x2 = isVertical ? round(x0 - radius * sinAlpha) : x1;\n //noinspection JSUnresolvedFunction\n var y2 = isVertical ? y1 : round(y0 - radius * sinAlpha);\n\n if (type === 'progress') {\n barLength = context.barDimensions.barOffset + (barLength - context.barDimensions.barOffset) * (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue);\n }\n\n // bar ends at\n //noinspection JSUnresolvedFunction\n var x3 = round(x1 + barLength - context.barDimensions.barOffset + strokeWidth / 2); // h\n //noinspection JSUnresolvedFunction\n var y3 = round(y1 - barLength + context.barDimensions.barOffset - strokeWidth / 2); // v\n\n context.arc(x0, y0, radius, direction + alpha, direction - alpha);\n\n if (isVertical) {\n context.moveTo(x1, y2);\n context.lineTo(x1, y3);\n context.lineTo(x2, y3);\n context.lineTo(x2, y2);\n } else {\n context.moveTo(x1, y2);\n context.lineTo(x3, y2);\n context.lineTo(x3, y1);\n context.lineTo(x1, y1);\n }\n } else {\n // simply rectangle\n //noinspection JSUnresolvedFunction\n var rx = round(isVertical ? X + (width - barWidth) / 2 : X + barMargin);\n //noinspection JSUnresolvedFunction\n var ry = round(isVertical ? Y + barLength + barMargin : Y + (width - barWidth) / 2);\n\n if (type === 'progress') {\n barLength *= (options.value - options.minValue) / (options.maxValue - options.minValue);\n }\n\n if (isVertical) context.rect(rx, ry, barWidth, -barLength);else context.rect(rx, ry, barLength, barWidth);\n }\n\n if (type !== 'progress' && options.barStrokeWidth) {\n context.lineWidth = strokeWidth;\n context.strokeStyle = options.colorBarStroke;\n //context.lineJoin = 'round';\n context.stroke();\n }\n\n if (type !== 'progress' && options.colorBar) {\n context.fillStyle = options.colorBarEnd ? drawings.linearGradient(context, options.colorBar, options.colorBarEnd, barLength, isVertical, isVertical ? Y : X) : options.colorBar;\n context.fill();\n } else if (type === 'progress' && options.colorBarProgress) {\n context.fillStyle = options.colorBarProgressEnd ? drawings.linearGradient(context, options.colorBarProgress, options.colorBarProgressEnd, fullBarLength, isVertical, isVertical ? Y : X) : options.colorBarProgress;\n context.fill();\n }\n\n context.closePath();\n\n // fix dimensions for further usage\n if (options.barBeginCircle) context.barDimensions.radius += strokeWidth;\n\n context.barDimensions.barWidth += strokeWidth;\n context.barDimensions.barLength += strokeWidth;\n}\n\n/**\n * Draws gauge bar\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBar(context, options, x, y, w, h) {\n drawLinearBarShape(context, options, '', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Helper function to calculate bar ticks presence on the sides\n *\n * @param {string} notWhich\n * @param {LinearGaugeOptions} options\n * @return {boolean}\n */\nfunction hasTicksBar(notWhich, options) {\n return options.needleSide !== notWhich || options.tickSide !== notWhich || options.numberSide !== notWhich;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar progress\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBarProgress(context, options, x, y, w, h) {\n options.barProgress && drawLinearBarShape(context, options, 'progress', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar highlighted areas\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarHighlights(context, options) {\n var _context$barDimension = context.barDimensions;\n var isVertical = _context$barDimension.isVertical;\n var width = _context$barDimension.width;\n var length = _context$barDimension.length;\n var barWidth = _context$barDimension.barWidth;\n var barOffset = _context$barDimension.barOffset;\n var barMargin = _context$barDimension.barMargin;\n var X = _context$barDimension.X;\n var Y = _context$barDimension.Y;\n var ticksLength = _context$barDimension.ticksLength;\n var ticksPadding = _context$barDimension.ticksPadding;\n\n var hlWidth = width * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!options.highlights || !hlWidth) return;\n\n var hasLeft = options.tickSide !== 'right';\n var hasRight = options.tickSide !== 'left';\n var i = 0;\n var s = options.highlights.length;\n var tickOffset = (width - barWidth) / 2;\n var interval = options.maxValue - options.minValue;\n //noinspection JSUnresolvedFunction\n var eX = round(isVertical ? X + tickOffset : X + barMargin + barOffset);\n var eH = hlWidth;\n var eY = isVertical ? Y + length - barMargin - barOffset : Y + tickOffset;\n //noinspection JSUnresolvedFunction\n var hLeft = round((options.ticksWidth / 100 + ticksPadding) * width) + (hlWidth - options.ticksWidth / 100 * width);\n //noinspection JSUnresolvedFunction\n var hRight = round(barWidth + ticksPadding * width);\n\n context.save();\n\n for (; i < s; i++) {\n var entry = options.highlights[i];\n //noinspection JSUnresolvedFunction\n var eStart = ticksLength * abs(options.minValue - entry.from) / interval;\n //noinspection JSUnresolvedFunction\n var eW = ticksLength * abs((entry.to - entry.from) / interval);\n\n context.beginPath();\n context.fillStyle = entry.color;\n\n if (isVertical) {\n if (hasLeft) context.rect(eX - hLeft, eY - eStart, eH, -eW);\n\n if (hasRight) context.rect(eX + hRight, eY - eStart, eH, -eW);\n } else {\n if (hasLeft) context.rect(eX + eStart, eY - hLeft, eW, eH);\n\n if (hasRight) context.rect(eX + eStart, eY + hRight, eW, eH);\n }\n\n context.fill();\n context.closePath();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws a tick line on a linear gauge\n *\n * @param {Canvas2DContext} context\n * @param x1\n * @param y1\n * @param x2\n * @param y2\n */\nfunction drawLinearTick(context, x1, y1, x2, y2) {\n context.beginPath();\n\n context.moveTo(x1, y1);\n context.lineTo(x2, y2);\n context.stroke();\n\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks\n *\n * @param {Canvas2DContext} context\n * @param {string} color\n * @param {number} ticksSize\n * @param {number} deltaLen\n * @param {boolean} hasLeft\n * @param {boolean} hasRight\n * @param {number} lineWidth\n * @param {number} lineLength\n */\nfunction drawLinearTicks(context, color, ticksSize, deltaLen, hasLeft, hasRight, lineWidth, lineLength) {\n var _context$barDimension2 = context.barDimensions;\n var isVertical = _context$barDimension2.isVertical;\n var length = _context$barDimension2.length;\n var barWidth = _context$barDimension2.barWidth;\n var barOffset = _context$barDimension2.barOffset;\n var barMargin = _context$barDimension2.barMargin;\n var pixelRatio = _context$barDimension2.pixelRatio;\n var width = _context$barDimension2.width;\n var X = _context$barDimension2.X;\n var Y = _context$barDimension2.Y;\n var ticksLength = _context$barDimension2.ticksLength;\n var ticksPadding = _context$barDimension2.ticksPadding;\n\n var tickOffset = (width - barWidth) / 2;\n var tickX = void 0,\n tickY = void 0;\n var i = 0;\n var tickLen = lineLength * width;\n var tickLeft = tickOffset - ticksPadding * width;\n var tickRight = tickOffset + barWidth + tickLen + ticksPadding * width;\n var tickSpace = ticksLength / (ticksSize - deltaLen);\n var colors = color instanceof Array ? color : new Array(ticksSize).fill(color);\n\n context.lineWidth = lineWidth * pixelRatio;\n context.save();\n\n for (; i < ticksSize; i++) {\n context.strokeStyle = colors[i];\n\n if (isVertical) {\n tickY = Y + length - barMargin - barOffset - i * tickSpace;\n\n if (hasLeft) {\n tickX = X + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n\n if (hasRight) {\n tickX = X + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n } else {\n tickX = X + barMargin + barOffset + i * tickSpace;\n\n if (hasLeft) {\n tickY = Y + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, tickX, round(tickY - tickLen));\n }\n\n if (hasRight) {\n tickY = Y + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, round(tickY), tickX, tickY - tickLen);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicks(context, options) {\n var _drawings$prepareTick = drawings.prepareTicks(options);\n\n var _drawings$prepareTick2 = _slicedToArray(_drawings$prepareTick, 2);\n\n var hasLeft = _drawings$prepareTick2[0];\n var hasRight = _drawings$prepareTick2[1];\n\n var lineWidth = 2;\n var colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(options.colorMajorTicks.length).fill(options.colorMajorTicks);\n\n drawLinearTicks(context, options.colorMajorTicks, options.majorTicks.length, 1, hasLeft, hasRight, lineWidth, options.ticksWidth / 100);\n\n if (options.strokeTicks) {\n var _context$barDimension3 = context.barDimensions;\n var isVertical = _context$barDimension3.isVertical;\n var length = _context$barDimension3.length;\n var width = _context$barDimension3.width;\n var barWidth = _context$barDimension3.barWidth;\n var barMargin = _context$barDimension3.barMargin;\n var barOffset = _context$barDimension3.barOffset;\n var X = _context$barDimension3.X;\n var Y = _context$barDimension3.Y;\n var ticksLength = _context$barDimension3.ticksLength;\n var pixelRatio = _context$barDimension3.pixelRatio;\n var ticksPadding = _context$barDimension3.ticksPadding;\n\n var rightTicks = (width - barWidth) / 2 + barWidth + ticksPadding * width;\n var leftTicks = (width - barWidth) / 2 - ticksPadding * width;\n var sX = void 0,\n sY = void 0,\n eX = void 0,\n eY = void 0;\n\n context.strokeStyle = colors[0];\n\n lineWidth *= pixelRatio;\n\n if (isVertical) {\n sY = Y + length - barMargin - barOffset + lineWidth / 2;\n eY = sY - ticksLength - lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n } else {\n sX = X + barMargin + barOffset - lineWidth / 2;\n eX = sX + ticksLength + lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks stroke\n *\n * @param {Canvas2DContext} context\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n */\nfunction drawLinearTickStroke(context, sX, sY, eX, eY) {\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMinorTicks(context, options) {\n var _drawings$prepareTick3 = drawings.prepareTicks(options);\n\n var _drawings$prepareTick4 = _slicedToArray(_drawings$prepareTick3, 2);\n\n var hasLeft = _drawings$prepareTick4[0];\n var hasRight = _drawings$prepareTick4[1];\n\n\n drawLinearTicks(context, options.colorMinorTicks, options.minorTicks * (options.majorTicks.length - 1), 0, hasLeft, hasRight, 1, options.ticksWidthMinor / 100);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major tick numbers\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicksNumbers(context, options) {\n var _context$barDimension4 = context.barDimensions;\n var isVertical = _context$barDimension4.isVertical;\n var length = _context$barDimension4.length;\n var width = _context$barDimension4.width;\n var barWidth = _context$barDimension4.barWidth;\n var barMargin = _context$barDimension4.barMargin;\n var barOffset = _context$barDimension4.barOffset;\n var X = _context$barDimension4.X;\n var Y = _context$barDimension4.Y;\n var ticksLength = _context$barDimension4.ticksLength;\n var ticksPadding = _context$barDimension4.ticksPadding;\n\n var ticks = options.majorTicks.length;\n var hasLeft = options.numberSide !== 'right';\n var hasRight = options.numberSide !== 'left';\n var textHeight = options.fontNumbersSize * width / 200;\n var i = 0;\n var ticksWidth = (options.ticksWidth / 100 + ticksPadding * 2) * width;\n var numLeft = (width - barWidth) / 2 - ticksWidth;\n var numRight = (width - barWidth) / 2 + barWidth + ticksWidth;\n var textX = void 0,\n textY = void 0,\n textWidth = void 0,\n numberOffset = void 0,\n tick = void 0;\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(ticks).fill(options.colorNumbers);\n\n context.font = drawings.font(options, 'Numbers', width / 200);\n context.lineWidth = 0;\n context.textAlign = 'center';\n\n for (; i < ticks; i++) {\n context.fillStyle = colors[i];\n tick = options.majorTicks[i];\n numberOffset = i * ticksLength / (ticks - 1);\n\n if (isVertical) {\n textY = Y + length - barMargin - barOffset - numberOffset + textHeight / 3;\n\n if (hasLeft) {\n context.textAlign = 'right';\n context.fillText(tick, X + numLeft, textY);\n }\n\n if (hasRight) {\n context.textAlign = 'left';\n context.fillText(tick, X + numRight, textY);\n }\n } else {\n textWidth = context.measureText(tick).width;\n textX = X + barMargin + barOffset + numberOffset;\n\n if (hasLeft) {\n context.fillText(tick, textX, Y + numLeft);\n }\n\n if (hasRight) {\n context.fillText(tick, textX, Y + numRight + textHeight);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge title\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearTitle(context, options) {\n if (!options.title) return;\n\n var _context$barDimension5 = context.barDimensions;\n var isVertical = _context$barDimension5.isVertical;\n var width = _context$barDimension5.width;\n var length = _context$barDimension5.length;\n var baseX = _context$barDimension5.baseX;\n var baseY = _context$barDimension5.baseY;\n var titleMargin = _context$barDimension5.titleMargin;\n\n var textHeight = options.fontTitleSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + titleMargin / 2 - (isVertical ? textHeight : textHeight / 2) - 0.025 * (isVertical ? length : width));\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Title', width / 200);\n context.lineWidth = 0;\n context.fillText(options.title, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge units\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearUnits(context, options) {\n if (!options.units) return;\n\n var _context$barDimension6 = context.barDimensions;\n var isVertical = _context$barDimension6.isVertical;\n var width = _context$barDimension6.width;\n var length = _context$barDimension6.length;\n var baseX = _context$barDimension6.baseX;\n var baseY = _context$barDimension6.baseY;\n var unitsMargin = _context$barDimension6.unitsMargin;\n\n var textHeight = options.fontUnitsSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + (isVertical ? length : width) + unitsMargin / 2 - textHeight / 2);\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Units', width / 200);\n context.lineWidth = 0;\n context.fillText(options.units, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge needles\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarNeedle(context, options) {\n if (!options.needle) return;\n\n var _context$barDimension7 = context.barDimensions;\n var isVertical = _context$barDimension7.isVertical;\n var width = _context$barDimension7.width;\n var length = _context$barDimension7.length;\n var barWidth = _context$barDimension7.barWidth;\n var barOffset = _context$barDimension7.barOffset;\n var barMargin = _context$barDimension7.barMargin;\n var ticksLength = _context$barDimension7.ticksLength;\n var X = _context$barDimension7.X;\n var Y = _context$barDimension7.Y;\n var ticksPadding = _context$barDimension7.ticksPadding;\n\n var hasLeft = options.needleSide !== 'right';\n var hasRight = options.needleSide !== 'left';\n var position = ticksLength * (drawings.normalizedValue(options).indented - options.minValue) / (options.maxValue - options.minValue);\n var tickWidth = (options.ticksWidth / 100 + ticksPadding) * width;\n var baseLength = barWidth / 2 + tickWidth;\n var needleLength = baseLength * (options.needleEnd / 100);\n var sX = void 0,\n eX = void 0,\n sY = void 0,\n eY = void 0;\n var draw = options.needleType.toLowerCase() === 'arrow' ? drawLinearArrowNeedle : drawLinearLineNeedle;\n var barStart = (width - barWidth) / 2;\n var needleStart = baseLength * (options.needleStart / 100);\n var nLeft = barStart - tickWidth - needleStart;\n var nRight = barStart + barWidth + tickWidth + needleStart;\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + length - barMargin - barOffset - position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nLeft);\n eX = sX + needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nRight);\n eX = sX - needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength, true);\n }\n } else {\n //noinspection JSUnresolvedFunction\n sX = round(X + barMargin + barOffset + position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nLeft);\n eY = sY + needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nRight);\n eY = sY - needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength, true);\n }\n }\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns needle color style\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} length\n * @param {boolean} [isRight]\n * @return {CanvasGradient|string}\n */\nfunction needleStyle(context, options, length, isRight) {\n return options.colorNeedleEnd ? drawings.linearGradient(context, isRight ? options.colorNeedleEnd : options.colorNeedle, isRight ? options.colorNeedle : options.colorNeedleEnd, length, !context.barDimensions.isVertical) : options.colorNeedle;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws line needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearLineNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n context.lineWidth = options.needleWidth;\n context.strokeStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws arrow needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearArrowNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n //noinspection JSUnresolvedFunction\n var peakLength = round(length * 0.4);\n var bodyLength = length - peakLength;\n var isVertical = sX === eX;\n var halfWidth = options.needleWidth / 2;\n\n context.fillStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n\n if (isVertical) {\n if (sY > eY) bodyLength *= -1;\n\n context.moveTo(sX - halfWidth, sY);\n context.lineTo(sX + halfWidth, sY);\n context.lineTo(sX + halfWidth, sY + bodyLength);\n context.lineTo(sX, eY);\n context.lineTo(sX - halfWidth, sY + bodyLength);\n context.lineTo(sX - halfWidth, sY);\n } else {\n if (sX > eX) bodyLength *= -1;\n\n context.moveTo(sX, sY - halfWidth);\n context.lineTo(sX, sY + halfWidth);\n context.lineTo(sX + bodyLength, sY + halfWidth);\n context.lineTo(eX, sY);\n context.lineTo(sX + bodyLength, sY - halfWidth);\n context.lineTo(sX, sY - halfWidth);\n }\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box for linear gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} value\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearValueBox(context, options, value, x, y, w, h) {\n // currently value box is available only for vertical linear gauge,\n // as far as by design it is hard to find a proper place for\n // horizontal ones\n var boxWidth = (parseFloat(options.fontValueSize) || 0) * w / 200;\n var dy = (0.11 * h - boxWidth) / 2;\n\n context.barDimensions.isVertical && drawings.drawValueBox(context, options, value, x + w / 2, y + h - boxWidth - dy, w);\n}\n\n/**\n * Minimalistic HTML5 Canvas Linear Gauge\n */\n\nvar LinearGauge = function (_BaseGauge2) {\n _inherits(LinearGauge, _BaseGauge2);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event LinearGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event LinearGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event LinearGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event LinearGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event LinearGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event LinearGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event LinearGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge bar area is drawn\n *\n * @event LinearGauge#beforeBar\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event LinearGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event LinearGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event LinearGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {LinearGaugeOptions} options\n */\n function LinearGauge(options) {\n _classCallCheck(this, LinearGauge);\n\n options = Object.assign({}, defaultLinearGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (LinearGauge.__proto__ || Object.getPrototypeOf(LinearGauge)).call(this, LinearGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(LinearGauge, [{\n key: 'draw',\n\n\n /* istanbul ignore next */\n /**\n * Triggering linear gauge render on a canvas.\n *\n * @returns {LinearGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref2 = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref2[0];\n var y = _ref2[1];\n var w = _ref2[2];\n var h = _ref2[3];\n\n var options = this.options;\n\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n this.drawBox = drawLinearPlate(context, options, x, y, w, h);\n\n this.emit('beforeBar');\n drawLinearBar.apply(undefined, [context, options].concat(_toConsumableArray(this.drawBox)));\n\n canvas.context.barDimensions = context.barDimensions;\n\n this.emit('beforeHighlights');\n drawLinearBarHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawLinearMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawLinearMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawLinearMajorTicksNumbers(context, options);\n this.emit('beforeTitle');\n drawLinearTitle(context, options);\n this.emit('beforeUnits');\n drawLinearUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawLinearBarProgress.apply(undefined, [canvas.context, options].concat(_toConsumableArray(this.drawBox)));\n this.emit('beforeNeedle');\n drawLinearBarNeedle(canvas.context, options);\n this.emit('beforeValueBox');\n drawLinearValueBox.apply(undefined, [canvas.context, options, options.animatedValue ? this.options.value : this.value].concat(_toConsumableArray(this.drawBox)));\n\n _get(LinearGauge.prototype.__proto__ || Object.getPrototypeOf(LinearGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n /* istanbul ignore else */\n if (options.barStrokeWidth >= options.barWidth) {\n //noinspection JSUnresolvedFunction\n options.barStrokeWidth = round(options.barWidth / 2);\n }\n\n //noinspection JSUndefinedPropertyAssignment\n options.hasLeft = hasTicksBar('right', options);\n //noinspection JSUndefinedPropertyAssignment\n options.hasRight = hasTicksBar('left', options);\n\n if (options.value > options.maxValue) {\n options.value = options.maxValue;\n }\n\n if (options.value < options.minValue) {\n options.value = options.minValue;\n }\n\n return BaseGauge.configure(options);\n }\n }]);\n\n return LinearGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['LinearGauge'] = LinearGauge;\n}\n\nBaseGauge.initialize('LinearGauge', defaultLinearGaugeOptions);;typeof module !== \"undefined\" && Object.assign(ns, {Collection: Collection,GenericOptions: GenericOptions,Animation: Animation,BaseGauge: BaseGauge,drawings: drawings,SmartCanvas: SmartCanvas,vendorize: vendorize});}(typeof module !== \"undefined\" ? module.exports : window));"],"sourceRoot":"/source/"} \ No newline at end of file +{"version":3,"sources":["gauge.min.js"],"names":["ns","_toConsumableArray","arr","Array","isArray","i","arr2","length","from","_possibleConstructorReturn","self","call","ReferenceError","_inherits","subClass","superClass","TypeError","prototype","Object","create","constructor","value","enumerable","writable","configurable","setPrototypeOf","__proto__","_classCallCheck","instance","Constructor","vendorize","prop","window","global","vendors","s","capitalized","charAt","toUpperCase","substr","vendorProp","step","time","draw","start","rule","duration","end","anim","progress","percent","frame","requestAnimationFrame","Collection","apply","this","arguments","verifyError","err","DOMException","result","prepareTicks","options","majorTicks","push","drawings","formatMajorTickNumber","minValue","maxValue","tickSide","roundRect","context","x","y","w","h","r","beginPath","moveTo","lineTo","quadraticCurveTo","closePath","padValue","val","dec","valueDec","int","valueInt","strVal","n","parseFloat","Math","abs","toFixed","toString","split","round","num","right","hasDec","majorTicksDec","majorTicksInt","indexOf","join","replace","radians","degrees","PI","radialPoint","radius","angle","sin","cos","linearGradient","colorFrom","colorTo","isVertical","undefined","grad","createLinearGradient","addColorStop","drawShadow","shadowDrawn","restore","save","borderShadowWidth","shadowBlur","shadowColor","colorBorderShadow","drawNeedleShadow","needleShadow","shadowOffsetX","shadowOffsetY","colorNeedleShadowDown","font","target","baseSize","reset","strokeStyle","lineWidth","drawValueTextShadow","offset","blur","valueTextShadow","colorValueTextShadow","drawValueBox","max","valueBox","text","valueText","tunit","runit","tw","measureText","width","th","fontValueSize","sw","valueBoxStroke","bmax","bw","bh","br","valueBoxBorderRadius","obw","valueBoxWidth","bx","by","gy","rect","grd","createRadialGradient","colorValueBoxRect","colorValueBoxRectEnd","stroke","colorValueBoxShadow","colorValueBoxBackground","fillStyle","fill","colorValueText","textAlign","textBaseline","fillText","normalizedValue","min","dt","normal","indented","drawRadialBorder","arc","maxRadialRadius","pxRatio","SmartCanvas","pixelRatio","maxRadius","borderOuterWidth","borderMiddleWidth","borderInnerWidth","drawRadialPlate","d0","r0","r1","r2","r3","colorBorderOuter","colorBorderOuterEnd","colorBorderMiddle","colorBorderMiddleEnd","colorBorderInner","colorBorderInnerEnd","colorPlateEnd","colorPlate","drawRadialHighlights","hlWidth","highlightsWidth","radialTicksRadius","highlights","vd","ticksAngle","hlt","rotate","HPI","startAngle","to","color","drawRadialMinorTicks","range","delta","ratio","colorMinorTicks","exactTicks","minorTicks","closeStrokedPath","unit","barWidth","barStrokeWidth","drawRadialMajorTicks","colors","colorMajorTicks","radialNextAngle","strokeTicks","drawRadialNumbers","points","isAnimated","animationTarget","colorNumbers","plateValueAngle","point","drawRadialTitle","title","colorTitle","drawRadialUnits","units","colorUnits","drawRadialNeedle","needle","needleCircleSize","rIn","needleEnd","rStart","needleStart","rOut","pad1","needleWidth","pad2","isFixed","colorNeedle","colorNeedleEnd","needleType","colorNeedleShadowUp","needleCircleOuter","colorNeedleCircleOuter","colorNeedleCircleOuterEnd","needleCircleInner","colorNeedleCircleInner","colorNeedleCircleInnerEnd","drawRadialValueBox","drawRadialProgressBar","rMax","rMin","half","sa","ea","colorBarStroke","colorBar","barShadow","clip","colorBarShadow","barProgress","colorBarProgress","displayValue","gauge","animatedValue","drawRectangle","colorStart","colorEnd","drawLinearBorder","drawLinearPlate","borderRadius","w1","w2","w3","w4","h1","h2","h3","h4","x2","x3","x4","y2","y3","y4","aliasingOffset","barDimensions","hasTitle","hasUnits","hasValue","titleMargin","unitsMargin","valueMargin","strokeWidth","barBeginCircle","barLength","barMargin","x0","y0","dx","hasLeft","hasRight","ticksWidth","dy","barOffset","ticksLength","X","Y","baseX","baseY","ticksPadding","drawLinearBarShape","type","_barDimensions","fullBarLength","direction","alpha","asin","cosAlpha","sinAlpha","x1","y1","cutRadius","rx","ry","colorBarEnd","colorBarProgressEnd","drawLinearBar","hasTicksBar","notWhich","needleSide","numberSide","drawLinearBarProgress","drawLinearBarHighlights","_context$barDimension","tickOffset","interval","eX","eH","eY","hLeft","hRight","entry","eStart","eW","drawLinearTick","drawLinearTicks","ticksSize","deltaLen","lineLength","_context$barDimension2","tickX","tickY","tickLen","tickLeft","tickRight","tickSpace","drawLinearMajorTicks","_drawings$prepareTick","_drawings$prepareTick2","_slicedToArray","_context$barDimension3","rightTicks","leftTicks","sX","sY","drawLinearTickStroke","drawLinearMinorTicks","_drawings$prepareTick3","_drawings$prepareTick4","ticksWidthMinor","drawLinearMajorTicksNumbers","_context$barDimension4","ticks","textHeight","fontNumbersSize","numLeft","numRight","textX","textY","textWidth","numberOffset","tick","drawLinearTitle","_context$barDimension5","fontTitleSize","drawLinearUnits","_context$barDimension6","fontUnitsSize","drawLinearBarNeedle","_context$barDimension7","position","tickWidth","baseLength","needleLength","toLowerCase","drawLinearArrowNeedle","drawLinearLineNeedle","barStart","nLeft","nRight","needleStyle","isRight","peakLength","bodyLength","halfWidth","drawLinearValueBox","boxWidth","sliceIterator","_arr","_n","_d","_e","_s","_i","Symbol","iterator","next","done","_get","get","object","property","receiver","Function","desc","getOwnPropertyDescriptor","parent","getPrototypeOf","getter","_set","set","setter","_createClass","defineProperties","props","descriptor","defineProperty","key","protoProps","staticProps","assign","firstSource","nextSource","keysArray","keys","nextIndex","len","nextKey","searchElement","fromIndex","k","O","Infinity","relativeStart","relativeEnd","final","EventEmitter","_events","addListener","on","removeListener","off","event","_len","args","_key","_len2","handlers","_key2","_loop","handler","wrapper","concat","_handler","index","splice","callback","setTimeout","Date","getTime","rules","linear","p","quad","pow","dequad","quint","dequint","cycle","acos","decycle","bounce","debounce","a","b","elastic","delastic","Animation","_this","cancel","performance","now","cancelAnimationFrame","id","DomObserver","element","toDashed","Type","mutationsObserved","isObservable","MutationObserver","GAUGES_NO_AUTO_INIT","domReady","traverse","bind","node","tagName","getAttribute","elements","document","getElementsByTagName","process","observe","body","childList","subtree","attributes","characterData","attributeOldValue","characterDataOldValue","records","record","attributeName","isValidNode","oldValue","addedNodes","ii","ss","_this2","JSON","parse","stringify","hasOwnProperty","toAttributeName","attributeValue","renderTo","observer","forEach","attr","disconnect","destroy","_prop","map","part","_options","update","test","e","camelCase","str","dashed","readyState","addEventListener","attachEvent","canvas","height","collection","init","style","elementClone","cloneNode","getContext","contextClone","drawWidth","drawHeight","drawX","drawY","minSide","initialized","translate","clearRect","onRedraw","scale","redraw","devicePixelRatio","matchMedia","GenericOptions","animateOnInit","borders","animation","animationDuration","animationRule","fontNumbers","fontTitle","fontUnits","fontValue","fontNumbersStyle","fontTitleStyle","fontUnitsStyle","fontValueStyle","fontNumbersWeight","fontTitleWeight","fontUnitsWeight","fontValueWeight","getElementById","version","gauges","BaseGauge","_EventEmitter","_this3","className","name","HTMLCanvasElement","parentNode","offsetWidth","offsetHeight","_value","configure","emit","_this4","ensureValue","fromValue","animate","toCamelCase","isNaN","isFinite","defaultRadialGaugeOptions","useMinPath","RadialGauge","_BaseGauge","_ref","commit","drawImage","_context","initialize","defaultLinearGaugeOptions","LinearGauge","_BaseGauge2","_ref2","drawBox","module","exports"],"mappings":"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","file":"gauge.min.js","sourcesContent":["/*!\n * The MIT License (MIT)\n * \n * Copyright (c) 2016 Mykhailo Stadnyk \n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n *\n * @version 2.1.1\n */\n(function(ns) {'use strict';\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if (\"value\" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };\n\nvar _set = function set(object, property, value, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent !== null) { set(parent, property, value, receiver); } } else if (\"value\" in desc && desc.writable) { desc.value = value; } else { var setter = desc.set; if (setter !== undefined) { setter.call(receiver, value); } } return value; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * @external {Object.assign} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n */\n/* istanbul ignore next */\nif (!Object.assign) {\n Object.defineProperty(Object, 'assign', {\n enumerable: false,\n configurable: true,\n writable: true,\n value: function value(target, firstSource) {\n 'use strict';\n\n if (target === undefined || target === null) {\n throw new TypeError('Cannot convert first argument to object');\n }\n\n var to = Object(target);\n var i = 1;\n\n for (; i < arguments.length; i++) {\n var nextSource = arguments[i];\n\n if (nextSource === undefined || nextSource === null) {\n continue;\n }\n\n var keysArray = Object.keys(Object(nextSource));\n var nextIndex = 0,\n len = keysArray.length;\n\n for (; nextIndex < len; nextIndex++) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n\n if (desc !== undefined && desc.enumerable) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n\n return to;\n }\n });\n}\n\n/**\n * @external {Array.indexOf} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf\n */\n/* istanbul ignore next */\nif (!Array.prototype.indexOf) {\n Array.prototype.indexOf = function (searchElement, fromIndex) {\n var k;\n\n if (this === null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n\n if (len === 0) {\n return -1;\n }\n\n var n = +fromIndex || 0;\n\n if (Math.abs(n) === Infinity) {\n n = 0;\n }\n\n if (n >= len) {\n return -1;\n }\n\n k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n while (k < len) {\n if (k in O && O[k] === searchElement) {\n return k;\n }\n\n k++;\n }\n\n return -1;\n };\n}\n\n/**\n * @external {Array.fill} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/fill\n */\n/* istanbul ignore next */\nif (!Array.prototype.fill) {\n Array.prototype.fill = function (value) {\n if (this === null) {\n throw new TypeError('this is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n var start = arguments[1];\n var relativeStart = start >> 0;\n var k = relativeStart < 0 ? Math.max(len + relativeStart, 0) : Math.min(relativeStart, len);\n var end = arguments[2];\n var relativeEnd = end === undefined ? len : end >> 0;\n var final = relativeEnd < 0 ? Math.max(len + relativeEnd, 0) : Math.min(relativeEnd, len);\n while (k < final) {\n O[k] = value;\n k++;\n }\n\n return O;\n };\n}\n\n/**\n * mocking window\n */\nif (typeof window === 'undefined') {\n window = typeof global === 'undefined' ? {} : global;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * Look-ups for a proper vendor-specific property and returns its value\n *\n * @example\n * var requestAnimationFrame = vendorize('requestAnimationFrame');\n * // it will refer properly to:\n * // - window.requestAnimationFrame by default or to\n * // - window.webkitRequestAnimationFrame or to\n * // - window.mozRequestAnimationFrame or to\n * // - window.msRequestAnimationFrame or to\n * // - window.oRequestAnimationFrame\n * // depending on the current browser vendor\n *\n * @author Mykhailo Stadnyk \n * @param {string} prop\n * @param {HTMLElement|Window|object} [from] - default is window\n * @returns {*}\n */\nfunction vendorize(prop, from) {\n /* istanbul ignore else: no reason to cover */\n if (!from) {\n from = typeof window === 'undefined' ? global : window;\n }\n\n if (typeof from[prop] !== 'undefined') {\n return from[prop];\n }\n\n var vendors = ['webkit', 'moz', 'ms', 'o'];\n var i = 0;\n var s = vendors.length;\n var capitalized = prop.charAt(0).toUpperCase() + prop.substr(1);\n\n for (; i < s; i++) {\n var vendorProp = from[vendors[i] + capitalized];\n\n /* istanbul ignore if: requires very complex environment to test (specific browser version) */\n if (typeof vendorProp !== 'undefined') {\n return vendorProp;\n }\n }\n\n return null;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Class EventEmitter - base event manager\n */\n\nvar EventEmitter = function () {\n /**\n * @constructor\n */\n function EventEmitter() {\n _classCallCheck(this, EventEmitter);\n\n this._events = {};\n\n this.addListener = this.on;\n this.removeListener = this.off;\n }\n\n /**\n * Returns all event listeners\n *\n * @return {object}\n */\n\n\n _createClass(EventEmitter, [{\n key: 'emit',\n\n\n /**\n * Emits given event bypassing to each registered handler given args\n *\n * @param {string} event\n * @param {...*} args\n */\n value: function emit(event) {\n if (this._events[event]) {\n var i = 0;\n var s = this._events[event].length;\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n for (; i < s; i++) {\n this._events[event][i] && this._events[event][i].apply(this, args);\n }\n }\n }\n\n /**\n * Registers given handler for given event to be called only once when\n * event is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'once',\n value: function once(event) {\n for (var _len2 = arguments.length, handlers = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n handlers[_key2 - 1] = arguments[_key2];\n }\n\n var i = 0;\n var s = handlers.length;\n var self = this;\n\n var _loop = function _loop() {\n var handler = handlers[i];\n var wrapper = function wrapper() {\n self.off(event, wrapper);\n handler.apply(self, arguments);\n };\n\n handlers[i] = wrapper;\n };\n\n for (; i < s; i++) {\n _loop();\n }\n\n this.on.apply(this, [event].concat(handlers));\n }\n\n /**\n * Registers given handlers for a given events to be called each time event\n * is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'on',\n value: function on(event) {\n if (!this._events[event]) {\n this._events[event] = [];\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n this._events[event].push(arguments.length <= i + 1 ? undefined : arguments[i + 1]);\n }\n }\n\n /**\n * Un-registers previously registered event handlers\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'off',\n value: function off(event) {\n if (!this._events[event]) {\n return;\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n var _handler = arguments.length <= i + 1 ? undefined : arguments[i + 1];\n var index = void 0;\n\n while (~(index = this._events[event].indexOf(_handler))) {\n this._events[event].splice(index, 1);\n }\n }\n }\n\n /**\n * Removes all listeners for a given event\n *\n * @param {string} event\n */\n\n }, {\n key: 'removeAllListeners',\n value: function removeAllListeners(event) {\n delete this._events[event];\n }\n }, {\n key: 'listeners',\n get: function get() {\n return this._events;\n }\n }]);\n\n return EventEmitter;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/* jshint -W079 */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/* istanbul ignore next */\n/**\n * @type {function(callback: function(time: number): number, element?: HTMLElement)}\n * @access private\n */\n\n\nvar requestAnimationFrame = vendorize('requestAnimationFrame') || function (callback) {\n return setTimeout(function () {\n return callback(new Date().getTime());\n }, 1000 / 60);\n};\n\n/**\n * Generic AnimationRule function interface\n *\n * @typedef {function(percent: number): number} AnimationRule\n */\n\n/**\n * Callback for animation step draw event.\n * It will be called each time animation step is executed, bypassing\n * as first argument a percent of animation completeness. It is expected\n * that this callback will do an actual work of animating an elements or\n * whatever, as far as animation engine is just calculating and executing\n * animation steps without any knowledge about things under animation.\n *\n * @typedef {function(percent: number): *} DrawEventCallback\n */\n\n/**\n * Callback for animation complete event.\n * It is called once each animation is complete.\n *\n * @typedef {function(): *} EndEventCallback\n */\n\n/**\n * Predefined known animation rules.\n * It's a simple collection of math for some most used animations.\n *\n * @typedef {{linear: AnimationRule, quad: AnimationRule, dequad: AnimationRule, quint: AnimationRule, dequint: AnimationRule, cycle: AnimationRule, decycle: AnimationRule, bounce: AnimationRule, debounce: AnimationRule, elastic: AnimationRule, delastic: AnimationRule}} AnimationRules\n */\n\n/* istanbul ignore next: no reason covering this */\nvar rules = {\n linear: function linear(p) {\n return p;\n },\n quad: function quad(p) {\n return Math.pow(p, 2);\n },\n dequad: function dequad(p) {\n return 1 - rules.quad(1 - p);\n },\n quint: function quint(p) {\n return Math.pow(p, 5);\n },\n dequint: function dequint(p) {\n return 1 - Math.pow(1 - p, 5);\n },\n cycle: function cycle(p) {\n return 1 - Math.sin(Math.acos(p));\n },\n decycle: function decycle(p) {\n return Math.sin(Math.acos(1 - p));\n },\n bounce: function bounce(p) {\n return 1 - rules.debounce(1 - p);\n },\n debounce: function debounce(p) {\n var a = 0,\n b = 1;\n for (; 1; a += b, b /= 2) {\n if (p >= (7 - 4 * a) / 11) {\n return -Math.pow((11 - 6 * a - 11 * p) / 4, 2) + Math.pow(b, 2);\n }\n }\n },\n elastic: function elastic(p) {\n return 1 - rules.delastic(1 - p);\n },\n delastic: function delastic(p) {\n var x = 1.5;\n return Math.pow(2, 10 * (p - 1)) * Math.cos(20 * Math.PI * x / 3 * p);\n }\n};\n\n/* istanbul ignore next: private, not testable */\n/**\n * Evaluates animation step and decides if the next step required or\n * stops animation calling a proper events.\n *\n * @access private\n * @param {number} time\n * @param {DrawEventCallback} draw\n * @param {number} start\n * @param {AnimationRule} rule\n * @param {number} duration\n * @param {EndEventCallback} end\n * @param {Animation} anim\n */\nfunction step(time, draw, start, rule, duration, end, anim) {\n if (typeof rule !== 'function') {\n throw new TypeError('Invalid animation rule:', rule);\n }\n\n var progress = time - start;\n var percent = progress / duration;\n\n if (percent > 1) {\n percent = 1;\n }\n\n draw && draw(percent === 1 ? percent : rule(percent));\n\n if (progress < duration) {\n anim.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rule, duration, end, anim);\n });\n } else {\n end && end();\n }\n}\n\n/**\n * Animation engine API for JavaScript-based animations.\n * This is simply an animation core framework which simplifies creation\n * of various animations for generic purposes.\n *\n * @example\n * // create 'linear' animation engine, 500ms duration\n * let linear = new Animation('linear', 500);\n *\n * // create 'elastic' animation engine\n * let elastic = new Animation('elastic');\n *\n * // define animation behavior\n * let bounced = new Animation('bounce', 500, percent => {\n * let value = parseInt(percent * 100, 10);\n *\n * $('div.bounced').css({\n * width: value + '%',\n * height: value + '%'\n * });\n * });\n *\n * // execute animation\n * bounced.animate();\n *\n * // execute animation and handle when its finished\n * bounced.animate(null, () => {\n * console.log('Animation finished!');\n * });\n */\n\nvar Animation = function () {\n\n /**\n * @constructor\n * @param {string|AnimationRule} rule\n * @param {number} duration\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n function Animation() {\n var rule = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'linear';\n var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;\n var draw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};\n var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};\n\n _classCallCheck(this, Animation);\n\n /**\n * Overall animation duration in milliseconds.\n * By default is equal to 250 ms.\n *\n * @type {number}\n */\n this.duration = duration;\n\n /**\n * Animation rule. By default is linear animation.\n * Animation rule is a subject to animation rules, which are\n * a simple object containing math-based methods for calculating\n * animation steps.\n *\n * @type {string|AnimationRule}\n */\n this.rule = rule;\n\n /**\n * Callback function for the animation step draw event.\n *\n * @type {DrawEventCallback}\n */\n this.draw = draw;\n\n /**\n * Callback for the animation complete event.\n *\n * @type {EndEventCallback}\n */\n this.end = end;\n\n if (typeof this.draw !== 'function') {\n throw new TypeError('Invalid animation draw callback:', draw);\n }\n\n if (typeof this.end !== 'function') {\n throw new TypeError('Invalid animation end callback:', end);\n }\n }\n\n /* istanbul ignore next: non-testable */\n /**\n * Performs animation calling each animation step draw callback and\n * end callback at the end of animation. Callbacks are optional to this\n * method call. If them are not bypassed will be used that ones which\n * was pre-set on constructing an Animation object or pre-set after\n * construction.\n *\n * @example\n * function draw(percent) {\n * $('.my-animated-divs').css({\n * width: parseInt(percent * 100, 10) + '%'\n * });\n * }\n * function done() {\n * console.log('Animation complete!');\n * }\n *\n * // Define 'draw' and 'end' callbacks on construction\n * var animation = new Animation('cycle', 500, draw, done);\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks after construction\n * var animation = new Animation('cycle', 500);\n * animation.draw = draw;\n * animation.end = done;\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks at animation\n * var animation = new Animation('cycle', 500);\n * animation.animate(draw, done);\n *\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n\n\n _createClass(Animation, [{\n key: 'animate',\n value: function animate(draw, end) {\n var _this = this;\n\n this.cancel();\n\n // noinspection JSUnresolvedVariable\n var start = window.performance && window.performance.now ? window.performance.now() : vendorize('animationStartTime') || Date.now();\n\n draw = draw || this.draw;\n end = end || this.end;\n\n /**\n * Current requested animation frame identifier\n *\n * @type {number}\n */\n this.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rules[_this.rule] || _this.rule, _this.duration, end, _this);\n });\n }\n\n /**\n * Cancels current animation if any\n */\n\n }, {\n key: 'cancel',\n value: function cancel() {\n if (this.frame) {\n var cancelAnimationFrame = vendorize('cancelAnimationFrame') ||\n /* istanbul ignore next */\n function (id) {};\n\n cancelAnimationFrame(this.frame);\n this.frame = null;\n }\n }\n\n /**\n * Destroys this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n this.cancel();\n this.draw = null;\n this.end = null;\n }\n }]);\n\n return Animation;\n}();\n\n/**\n * Animation rules bound statically to Animation constructor.\n *\n * @type {AnimationRules}\n * @static\n */\n\n\nAnimation.rules = rules;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * @typedef {{ constructor: function(options: GenericOptions): GaugeInterface, draw: function(): GaugeInterface, destroy: function, update: function(options: GenericOptions) }} GaugeInterface\n */\n/**\n * @typedef {{parse: function, stringify: function}} JSON\n * @external {JSON} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON\n */\n/**\n * @ignore\n * @typedef {{MutationObserver: function}} ns\n */\n\n/**\n * DOM Observer.\n * It will observe DOM document for a configured element types and\n * instantiate associated Types for an existing or newly added DOM elements\n *\n * @example\n * class ProgressBar {\n * constructor(options) {}\n * draw() {}\n * }\n *\n * // It will observe DOM document for elements
\n * // having attribute 'data-type=\"progress\"'\n * // and instantiate for each new instance of ProgressBar\n *\n * new DomParser({color: 'red'}, 'div', 'progress', ProgressBar);\n *\n * // assume we could have HTML like this\n * //
\n * // in this case all matching attributes names for a given options will be\n * // parsed and bypassed to an instance from HTML attributes\n */\n\nvar DomObserver = function () {\n\n /**\n * @constructor\n * @param {object} options\n * @param {string} element\n * @param {string} type\n */\n function DomObserver(options, element, type) {\n _classCallCheck(this, DomObserver);\n\n //noinspection JSUnresolvedVariable\n /**\n * Default instantiation options for the given type\n *\n * @type {Object}\n */\n this.options = options;\n\n /**\n * Name of an element to lookup/observe\n *\n * @type {string}\n */\n this.element = element.toLowerCase();\n\n /**\n * data-type attribute value to lookup\n *\n * @type {string}\n */\n this.type = DomObserver.toDashed(type);\n\n /**\n * Actual type constructor to instantiate for each found element\n *\n * @type {Function}\n */\n this.Type = ns[type];\n\n /**\n * Signals if mutations observer for this type or not\n *\n * @type {boolean}\n */\n this.mutationsObserved = false;\n\n /**\n * Flag specifies whenever the browser supports observing\n * of DOM tree mutations or not\n *\n * @type {boolean}\n */\n this.isObservable = !!window.MutationObserver;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n if (!window.GAUGES_NO_AUTO_INIT) {\n DomObserver.domReady(this.traverse.bind(this));\n }\n }\n\n /**\n * Checks if given node is valid node to process\n *\n * @param {Node|HTMLElement} node\n * @returns {boolean}\n */\n\n\n _createClass(DomObserver, [{\n key: 'isValidNode',\n value: function isValidNode(node) {\n //noinspection JSUnresolvedVariable\n return !!(node.tagName && node.tagName.toLowerCase() === this.element && node.getAttribute('data-type') === this.type);\n }\n\n /**\n * Traverse entire current DOM tree and process matching nodes.\n * Usually it should be called only once on document initialization.\n */\n\n }, {\n key: 'traverse',\n value: function traverse() {\n var elements = document.getElementsByTagName(this.element);\n var i = 0,\n s = elements.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n this.process(elements[i]);\n }\n\n if (this.isObservable && !this.mutationsObserved) {\n new MutationObserver(this.observe.bind(this)).observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n characterData: true,\n attributeOldValue: true,\n characterDataOldValue: true\n });\n\n this.mutationsObserved = true;\n }\n }\n\n /**\n * Observes given mutation records for an elements to process\n *\n * @param {MutationRecord[]} records\n */\n\n }, {\n key: 'observe',\n value: function observe(records) {\n var i = 0;\n var s = records.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n var record = records[i];\n\n if (record.type === 'attributes' && record.attributeName === 'data-type' && this.isValidNode(record.target) && record.oldValue !== this.type) // skip false-positive mutations\n {\n setTimeout(this.process.bind(this, record.target));\n } else if (record.addedNodes && record.addedNodes.length) {\n var ii = 0;\n var ss = record.addedNodes.length;\n\n for (; ii < ss; ii++) {\n setTimeout(this.process.bind(this, record.addedNodes[ii]));\n }\n }\n }\n }\n\n /**\n * Parses given attribute value to a proper JavaScript value.\n * For example it will parse some stringified value to a proper type\n * value, e.g. 'true' => true, 'null' => null, '{\"prop\": 20}' => {prop: 20}\n *\n * @param {*} value\n * @return {*}\n */\n\n }, {\n key: 'process',\n\n\n /**\n * Processes a given node, instantiating a proper type constructor for it\n *\n * @param {Node|HTMLElement} node\n * @returns {GaugeInterface|null}\n */\n value: function process(node) {\n var _this2 = this;\n\n if (!this.isValidNode(node)) return null;\n\n var prop = void 0;\n var options = JSON.parse(JSON.stringify(this.options));\n var instance = null;\n\n for (prop in options) {\n /* istanbul ignore else: non-testable in most cases */\n if (options.hasOwnProperty(prop)) {\n var attributeName = DomObserver.toAttributeName(prop);\n var attributeValue = DomObserver.parse(node.getAttribute(attributeName));\n\n if (attributeValue !== null && attributeValue !== undefined) {\n options[prop] = attributeValue;\n }\n }\n }\n\n options.renderTo = node;\n instance = new this.Type(options);\n instance.draw && instance.draw();\n\n if (!this.isObservable) return instance;\n\n instance.observer = new MutationObserver(function (records) {\n records.forEach(function (record) {\n if (record.type === 'attributes') {\n var attr = record.attributeName.toLowerCase();\n var type = node.getAttribute(attr).toLowerCase();\n\n if (attr === 'data-type' && type && type !== _this2.type) {\n instance.observer.disconnect();\n delete instance.observer;\n instance.destroy && instance.destroy();\n } else if (attr.substr(0, 5) === 'data-') {\n var _prop = attr.substr(5).split('-').map(function (part, i) {\n return !i ? part : part.charAt(0).toUpperCase() + part.substr(1);\n }).join('');\n var _options = {};\n\n _options[_prop] = DomObserver.parse(node.getAttribute(record.attributeName));\n\n instance.update && instance.update(_options);\n }\n }\n });\n });\n\n //noinspection JSCheckFunctionSignatures\n instance.observer.observe(node, { attributes: true });\n\n return instance;\n }\n\n /**\n * Transforms camelCase string to dashed string\n *\n * @static\n * @param {string} camelCase\n * @return {string}\n */\n\n }], [{\n key: 'parse',\n value: function parse(value) {\n // parse boolean\n if (value === 'true') return true;\n if (value === 'false') return false;\n\n // parse undefined\n if (value === 'undefined') return undefined;\n\n // parse null\n if (value === 'null') return null;\n\n // Comma-separated strings to array parsing.\n // It won't match strings which contains non alphanumeric characters to\n // prevent strings like 'rgba(0,0,0,0)' or JSON-like from being parsed.\n // Typically it simply allows easily declare arrays as comma-separated\n // numbers or plain strings. If something more complicated is\n // required it can be declared using JSON format syntax\n if (/^[-+#.\\w\\d\\s]+(?:,[-+#.\\w\\d\\s]*)+$/.test(value)) {\n return value.split(',');\n }\n\n // parse JSON\n try {\n return JSON.parse(value);\n } catch (e) {}\n\n // plain value - no need to parse\n return value;\n }\n }, {\n key: 'toDashed',\n value: function toDashed(camelCase) {\n var arr = camelCase.split(/(?=[A-Z])/);\n var i = 1;\n var s = arr.length;\n var str = arr[0].toLowerCase();\n\n for (; i < s; i++) {\n str += '-' + arr[i].toLowerCase();\n }\n\n return str;\n }\n\n /**\n * Transforms dashed string to CamelCase representation\n *\n * @param {string} dashed\n * @param {boolean} [capitalized]\n * @return {string}\n */\n\n }, {\n key: 'toCamelCase',\n value: function toCamelCase(dashed) {\n var capitalized = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n var arr = dashed.split(/-/);\n var i = 0;\n var s = arr.length;\n var str = '';\n\n for (; i < s; i++) {\n if (!(i || capitalized)) {\n str += arr[i].toLowerCase();\n } else {\n str += arr[i][0].toUpperCase() + arr[i].substr(1).toLowerCase();\n }\n }\n\n return str;\n }\n\n /**\n * Transforms camel case property name to dash separated attribute name\n *\n * @static\n * @param {string} str\n * @returns {string}\n */\n\n }, {\n key: 'toAttributeName',\n value: function toAttributeName(str) {\n return 'data-' + DomObserver.toDashed(str);\n }\n\n /**\n * Cross-browser DOM ready handler\n *\n * @static\n * @param {Function} handler\n */\n\n }, {\n key: 'domReady',\n value: function domReady(handler) {\n if (/comp|inter|loaded/.test((window.document || {}).readyState + '')) return handler();\n\n if (window.addEventListener) window.addEventListener('DOMContentLoaded', handler, false);else if (window.attachEvent) window.attachEvent('onload', handler);\n }\n }]);\n\n return DomObserver;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/**\n * Drawings on canvas using hidden canvas as a cache for better\n * performance drawings during canvas animations. SmartCanvas also\n * adopts a canvas to\n */\n\n\nvar SmartCanvas = function () {\n\n /**\n * @constructor\n * @param {HTMLCanvasElement} canvas\n * @param {number} [width]\n * @param {number} [height]\n */\n function SmartCanvas(canvas, width, height) {\n _classCallCheck(this, SmartCanvas);\n\n SmartCanvas.collection.push(this);\n\n /**\n * Canvas base width\n *\n * @type {number}\n */\n this.width = width || 0;\n\n /**\n * Canvas base height\n *\n * @type {number}\n */\n this.height = height || 0;\n\n /**\n * Target drawings canvas element\n *\n * @type {HTMLCanvasElement}\n */\n this.element = canvas;\n\n this.init();\n }\n\n /**\n * Initializes canvases and contexts\n */\n\n\n _createClass(SmartCanvas, [{\n key: 'init',\n value: function init() {\n var pixelRatio = SmartCanvas.pixelRatio;\n\n this.element.width = this.width * pixelRatio;\n this.element.height = this.height * pixelRatio;\n\n this.element.style.width = this.width + 'px';\n this.element.style.height = this.height + 'px';\n\n /**\n * Canvas caching element\n *\n * @type {HTMLCanvasElement|Node}\n */\n this.elementClone = this.element.cloneNode(true);\n\n //noinspection JSUnresolvedVariable\n /**\n * Target drawings canvas element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.context = this.element.getContext('2d');\n\n /**\n * Canvas caching element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.contextClone = this.elementClone.getContext('2d');\n\n /**\n * Actual drawings width\n *\n * @type {number}\n */\n this.drawWidth = this.element.width;\n\n /**\n * Actual drawings height\n *\n * @type {number}\n */\n this.drawHeight = this.element.height;\n\n /**\n * X-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawX = this.drawWidth / 2;\n\n /**\n * Y-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawY = this.drawHeight / 2;\n\n /**\n * Minimal side length in pixels of the drawing\n *\n * @type {number}\n */\n this.minSide = this.drawX < this.drawY ? this.drawX : this.drawY;\n\n this.elementClone.initialized = false;\n\n this.contextClone.translate(this.drawX, this.drawY);\n this.contextClone.save();\n\n this.context.translate(this.drawX, this.drawY);\n this.context.save();\n\n this.context.max = this.contextClone.max = this.minSide;\n this.context.maxRadius = this.contextClone.maxRadius = null;\n }\n\n /**\n * Destroys this object, removing the references from memory\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = SmartCanvas.collection.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n SmartCanvas.collection.splice(index, 1);\n }\n\n this.context.clearRect(-this.drawX, -this.drawY, this.drawWidth, this.drawHeight);\n\n // dereference all created elements\n this.context.max = null;\n delete this.context.max;\n\n this.context.maxRadius = null;\n delete this.context.maxRadius;\n\n this.context = null;\n this.contextClone = null;\n this.elementClone = null;\n this.element = null;\n\n /**\n * On canvas redraw event callback\n *\n * @type {function|null|undefined}\n */\n this.onRedraw = null;\n }\n\n /**\n * Commits the drawings\n */\n\n }, {\n key: 'commit',\n value: function commit() {\n var scale = SmartCanvas.pixelRatio;\n\n if (scale !== 1) {\n this.contextClone.scale(scale, scale);\n this.contextClone.save();\n }\n\n return this;\n }\n\n /**\n * Redraw this object\n */\n\n }, {\n key: 'redraw',\n value: function redraw() {\n this.init();\n\n /**\n * On canvas redraw event callback\n *\n * @type {function(): *}\n */\n this.onRedraw && this.onRedraw();\n\n return this;\n }\n\n /**\n * Returns current device pixel ratio\n *\n * @returns {number}\n */\n\n }], [{\n key: 'redraw',\n\n\n /**\n * Forces redraw all canvas in the current collection\n */\n value: function redraw() {\n var i = 0;\n var s = SmartCanvas.collection.length;\n\n for (; i < s; i++) {\n SmartCanvas.collection[i].redraw();\n }\n }\n }, {\n key: 'pixelRatio',\n get: function get() {\n /* istanbul ignore next */\n //noinspection JSUnresolvedVariable\n return window.devicePixelRatio || 1;\n }\n }]);\n\n return SmartCanvas;\n}();\n\nSmartCanvas.collection = [];\n\n/* istanbul ignore next: very browser-specific testing required to cover */\n//noinspection JSUnresolvedVariable\nif (window.matchMedia) {\n //noinspection JSUnresolvedFunction\n window.matchMedia('screen and (min-resolution: 2dppx)').addListener(SmartCanvas.redraw);\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Describes rendering target element. Can be either string identifier of\n * the element or the element itself.\n *\n * @typedef {HTMLElement|string} RenderTarget\n */\n\n/**\n * Highlight area definition.\n * It describes highlight area starting from value to value using\n * color. Color can be describes with hex, rgb or rgba value.\n *\n * @typedef {{ from: number, to: number, color: string}} Highlight\n */\n\n/**\n * Shared generic gauges options\n *\n * @type {{renderTo: RenderTarget, width: number, height: number, minValue: number, maxValue: number, value: number, units: string|boolean, majorTicks: number[]|string[], exactTicks: boolean, minorTicks: number, strokeTicks: boolean, animatedValue: boolean, animateOnInit: boolean, title: string|boolean, borders: boolean, valueInt: number, valueDec: number, majorTicksInt: number, majorTicksDec: number, animation: boolean, animationDuration: number, animationRule: string|AnimationRule, colorPlate: string, colorPlateEnd: string, colorMajorTicks: string, colorMinorTicks: string, colorTitle: string, colorUnits: string, colorNumbers: string, colorNeedle: string, colorNeedleEnd: string, colorValueText: string, colorValueTextShadow: string, colorBorderShadow: string, colorBorderOuter: string, colorBorderOuterEnd: string, colorBorderMiddle: string, colorBorderMiddleEnd: string, colorBorderInner: string, colorBorderInnerEnd: string, colorValueBoxRect: string, colorValueBoxRectEnd: string, colorValueBoxBackground: string, colorValueBoxShadow: string, colorNeedleShadowUp: string, colorNeedleShadowDown: string, needle: boolean, needleShadow: boolean, needleType: string, needleStart: number, needleEnd: number, needleWidth: number, borderOuterWidth: number, borderMiddleWidth: number, borderInnerWidth: number, borderShadowWidth: number, valueBox: boolean, valueBoxWidth: number, valueBoxStroke: number, valueText: string, valueTextShadow: boolean, valueBoxBorderRadius: number, highlights: Highlight[], highlightsWidth: number, fontNumbers: string, fontTitle: string, fontUnits: string, fontValue: string, fontTitleSize: number, fontValueSize: number, fontUnitsSize: number, fontNumbersSize: number, fontNumbersStyle: string, fontTitleStyle: string, fontUnitsStyle: string, fontValueStyle: string, fontNumbersWeight: string, fontTitleWeight: string, fontUnitsWeight: string, fontValueWeight: string, barWidth: number, barStrokeWidth: number, barProgress: boolean, colorBar: string, colorBarStroke: string, colorBarProgress: string, colorBarShadow: string, barShadow: number}} GenericOptions\n */\nvar GenericOptions = {\n // basic options\n renderTo: null,\n width: 0,\n height: 0,\n minValue: 0,\n maxValue: 100,\n value: 0,\n units: false,\n exactTicks: false,\n majorTicks: [0, 20, 40, 60, 80, 100],\n minorTicks: 10,\n strokeTicks: true,\n animatedValue: false,\n animateOnInit: false,\n title: false,\n borders: true,\n\n // number formats\n valueInt: 3,\n valueDec: 2,\n majorTicksInt: 1,\n majorTicksDec: 0,\n\n // animations\n animation: true,\n animationDuration: 500,\n animationRule: 'cycle',\n\n // colors\n colorPlate: '#fff',\n colorPlateEnd: '',\n colorMajorTicks: '#444',\n colorMinorTicks: '#666',\n colorTitle: '#888',\n colorUnits: '#888',\n colorNumbers: '#444',\n colorNeedle: 'rgba(240,128,128,1)',\n colorNeedleEnd: 'rgba(255,160,122,.9)',\n colorValueText: '#444',\n colorValueTextShadow: 'rgba(0,0,0,0.3)',\n colorBorderShadow: 'rgba(0,0,0,0.5)',\n colorBorderOuter: '#ddd',\n colorBorderOuterEnd: '#aaa',\n colorBorderMiddle: '#eee',\n colorBorderMiddleEnd: '#f0f0f0',\n colorBorderInner: '#fafafa',\n colorBorderInnerEnd: '#ccc',\n colorValueBoxRect: '#888',\n colorValueBoxRectEnd: '#666',\n colorValueBoxBackground: '#babab2',\n colorValueBoxShadow: 'rgba(0,0,0,1)',\n colorNeedleShadowUp: 'rgba(2,255,255,0.2)',\n colorNeedleShadowDown: 'rgba(188,143,143,0.45)',\n colorBarStroke: '#222',\n colorBar: '#ccc',\n colorBarProgress: '#888',\n colorBarShadow: '#000',\n\n fontNumbers: 'Arial',\n fontTitle: 'Arial',\n fontUnits: 'Arial',\n fontValue: 'Arial',\n\n fontNumbersSize: 20,\n fontTitleSize: 24,\n fontUnitsSize: 22,\n fontValueSize: 26,\n\n fontNumbersStyle: 'normal',\n fontTitleStyle: 'normal',\n fontUnitsStyle: 'normal',\n fontValueStyle: 'normal',\n\n fontNumbersWeight: 'normal',\n fontTitleWeight: 'normal',\n fontUnitsWeight: 'normal',\n fontValueWeight: 'normal',\n\n // needle\n needle: true,\n needleShadow: true,\n needleType: 'arrow',\n needleStart: 5,\n needleEnd: 85,\n needleWidth: 4,\n\n // borders\n borderOuterWidth: 3,\n borderMiddleWidth: 3,\n borderInnerWidth: 3,\n borderShadowWidth: 3,\n\n // value and highlights\n valueBox: true,\n valueBoxStroke: 5,\n valueBoxWidth: 0,\n valueText: '',\n valueTextShadow: true,\n valueBoxBorderRadius: 2.5,\n\n // highlights\n highlights: [{ from: 20, to: 60, color: '#eee' }, { from: 60, to: 80, color: '#ccc' }, { from: 80, to: 100, color: '#999' }],\n highlightsWidth: 15,\n\n // progress bar\n barWidth: 20, // percents\n barStrokeWidth: 0, // pixels\n barProgress: true,\n barShadow: 0\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Gauge collections type.\n *\n * It is used ES5 declaration here, because babel\n * transpiles inheritance incorrectly in this case.\n *\n * @class Collection\n * @constructor\n */\nfunction Collection() {\n Array.prototype.constructor.apply(this, arguments);\n}\n\nCollection.prototype = Object.create(Array.prototype);\nCollection.prototype.constructor = Collection;\n\n/**\n * Returns gauge object by its identifier or index in the collection\n *\n * @param {string|number} id\n * @return {*}\n */\nCollection.prototype.get = function (id) {\n if (typeof id === 'string') {\n var i = 0;\n var s = this.length;\n\n for (; i < s; i++) {\n var canvas = this[i].options.renderTo.tagName ? this[i].options.renderTo :\n /* istanbul ignore next: should be tested with e2e tests */\n document.getElementById(this[i].options.renderTo || '');\n\n if (canvas.getAttribute('id') === id) {\n return this[i];\n }\n }\n } else if (typeof id === 'number') {\n return this[id];\n }\n\n return null;\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar version = '2.1.1';\n\nvar round = Math.round;\nvar abs = Math.abs;\n\nvar gauges = new Collection();\n\ngauges.version = version;\n\n/**\n * Basic abstract BaseGauge class implementing common functionality\n * for different type of gauges.\n *\n * It should not be instantiated directly but must be extended by a final\n * gauge implementation.\n *\n * @abstract\n * @example\n *\n * class MyCoolGauge extends BaseGauge {\n *\n * // theses methods below MUST be implemented:\n *\n * constructor(options) {\n * // ... do something with options\n * super(options);\n * // ... implement anything else\n * }\n *\n * draw() {\n * // ... some implementation here\n * return this;\n * }\n * }\n */\n\nvar BaseGauge = function (_EventEmitter) {\n _inherits(BaseGauge, _EventEmitter);\n\n /**\n * Fired each time gauge is initialized on a page\n *\n * @event BaseGauge#init\n */\n\n /**\n * Fired each time gauge scene is rendered\n *\n * @event BaseGauge#render\n */\n\n /**\n * Fired each time gauge object is destroyed\n *\n * @event BaseGauge#destroy\n */\n\n /**\n * Fired each time before animation is started on the gauge\n *\n * @event BaseGauge#animationStart\n */\n\n /**\n * Fired each time animation scene is complete\n *\n * @event BaseGauge#animate\n * @type {number} percent\n * @type {number} value\n */\n\n /**\n * Fired each time animation is complete on the gauge\n *\n * @event BaseGauge#animationEnd\n */\n\n /**\n * @constructor\n * @abstract\n * @param {GenericOptions} options\n */\n function BaseGauge(options) {\n _classCallCheck(this, BaseGauge);\n\n var _this3 = _possibleConstructorReturn(this, (BaseGauge.__proto__ || Object.getPrototypeOf(BaseGauge)).call(this));\n\n var className = _this3.constructor.name;\n\n if (className === 'BaseGauge') {\n throw new TypeError('Attempt to instantiate abstract class!');\n }\n\n gauges.push(_this3);\n\n //noinspection JSUnresolvedVariable\n /**\n * Gauges version string\n *\n * @type {string}\n */\n _this3.version = version;\n\n /**\n * Gauge type class\n *\n * @type {BaseGauge} type\n */\n _this3.type = ns[className] || BaseGauge;\n\n /**\n * True if gauge has been drawn for the first time, false otherwise.\n *\n * @type {boolean}\n */\n _this3.initialized = false;\n\n options.minValue = parseFloat(options.minValue);\n options.maxValue = parseFloat(options.maxValue);\n options.value = parseFloat(options.value) || 0;\n\n if (!options.borders) {\n options.borderInnerWidth = options.borderMiddleWidth = options.borderOuterWidth = 0;\n }\n\n if (!options.renderTo) {\n throw TypeError('Canvas element was not specified when creating ' + 'the Gauge object!');\n }\n\n var canvas = options.renderTo.tagName ? options.renderTo :\n /* istanbul ignore next: to be tested with e2e tests */\n document.getElementById(options.renderTo);\n\n if (!(canvas instanceof HTMLCanvasElement)) {\n throw TypeError('Given gauge canvas element is invalid!');\n }\n\n options.width = parseFloat(options.width) || 0;\n options.height = parseFloat(options.height) || 0;\n\n if (!options.width || !options.height) {\n if (!options.width) options.width = canvas.parentNode ? canvas.parentNode.offsetWidth : canvas.offsetWidth;\n if (!options.height) options.height = canvas.parentNode ? canvas.parentNode.offsetHeight : canvas.offsetHeight;\n }\n\n /**\n * Gauge options\n *\n * @type {GenericOptions} options\n */\n _this3.options = options || {};\n\n if (_this3.options.animateOnInit) {\n _this3._value = _this3.options.value;\n _this3.options.value = _this3.options.minValue;\n }\n\n /**\n * @type {SmartCanvas} canvas\n */\n _this3.canvas = new SmartCanvas(canvas, options.width, options.height);\n _this3.canvas.onRedraw = _this3.draw.bind(_this3);\n\n /**\n * @type {Animation} animation\n */\n _this3.animation = new Animation(options.animationRule, options.animationDuration);\n return _this3;\n }\n\n /**\n * Sets new value for this gauge.\n * If gauge is animated by configuration it will trigger a proper animation.\n * Upsetting a value triggers gauge redraw.\n *\n * @param {number} value\n */\n\n\n _createClass(BaseGauge, [{\n key: 'update',\n\n\n /**\n * Updates gauge configuration options at runtime and redraws the gauge\n *\n * @param {RadialGaugeOptions} options\n * @returns {BaseGauge}\n */\n value: function update(options) {\n Object.assign(this.options, this.type.configure(options || {}));\n\n this.canvas.width = this.options.width;\n this.canvas.height = this.options.height;\n\n this.animation.rule = this.options.animationRule;\n this.animation.duration = this.options.animationDuration;\n\n this.canvas.redraw();\n\n return this;\n }\n\n /**\n * Performs destruction of this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = gauges.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n //noinspection JSUnresolvedFunction\n gauges.splice(index, 1);\n }\n\n this.canvas.destroy();\n this.canvas = null;\n\n this.animation.destroy();\n this.animation = null;\n\n this.emit('destroy');\n }\n\n /**\n * Returns gauges version string\n *\n * @return {string}\n */\n\n }, {\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @abstract\n * @returns {BaseGauge}\n */\n value: function draw() {\n if (this.options.animateOnInit && !this.initialized) {\n this.value = this._value;\n this.initialized = true;\n this.emit('init');\n }\n\n this.emit('render');\n\n return this;\n }\n\n /**\n * Inject given gauge object into DOM\n *\n * @param {string} type\n * @param {GenericOptions} options\n */\n\n }, {\n key: 'value',\n set: function set(value) {\n var _this4 = this;\n\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n var fromValue = this.options.value;\n\n if (value === fromValue) return;\n\n if (this.options.animation) {\n if (this.animation.frame) {\n // animation is already in progress -\n // forget related old animation value\n // @see https://github.com/Mikhus/canvas-gauges/issues/94\n delete this._value;\n }\n\n /**\n * @type {number}\n * @access private\n */\n if (this._value === undefined) {\n this._value = value;\n }\n\n this.emit('animationStart');\n\n this.animation.animate(function (percent) {\n _this4.options.value = fromValue + (value - fromValue) * percent;\n\n _this4.draw();\n\n _this4.emit('animate', percent, _this4.options.value);\n }, function () {\n if (_this4._value !== undefined) {\n _this4.options.value = _this4._value;\n delete _this4._value;\n }\n\n _this4.draw();\n _this4.emit('animationEnd');\n });\n } else {\n this.options.value = value;\n this.draw();\n }\n }\n\n /**\n * Returns current value of the gauge\n *\n * @return {number}\n */\n ,\n get: function get() {\n return typeof this._value === 'undefined' ? this.options.value : this._value;\n }\n\n /**\n * Updates gauge options\n *\n * @param {*} options\n * @return {BaseGauge}\n * @access protected\n */\n\n }], [{\n key: 'configure',\n value: function configure(options) {\n return options;\n }\n }, {\n key: 'initialize',\n value: function initialize(type, options) {\n return new DomObserver(options, 'canvas', type);\n }\n\n /**\n * Initializes gauge from a given HTML element\n * (given element should be valid HTML canvas gauge definition)\n *\n * @param {HTMLElement} element\n */\n\n }, {\n key: 'fromElement',\n value: function fromElement(element) {\n var type = DomObserver.toCamelCase(element.getAttribute('data-type'));\n var attributes = element.attributes;\n var i = 0;\n var s = attributes.length;\n var options = {};\n\n if (!type) {\n return;\n }\n\n if (!/Gauge$/.test(type)) {\n type += 'Gauge';\n }\n\n for (; i < s; i++) {\n options[DomObserver.toCamelCase(attributes[i].name.replace(/^data-/, ''), false)] = DomObserver.parse(attributes[i].value);\n }\n\n new DomObserver(options, element.tagName, type).process(element);\n }\n\n /**\n * Ensures value is proper number\n *\n * @param {*} value\n * @param {number} min\n * @return {number}\n */\n\n }, {\n key: 'ensureValue',\n value: function ensureValue(value) {\n var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n value = parseFloat(value);\n\n if (isNaN(value) || !isFinite(value)) {\n value = parseFloat(min) || 0;\n }\n\n return value;\n }\n }, {\n key: 'version',\n get: function get() {\n return version;\n }\n }]);\n\n return BaseGauge;\n}(EventEmitter);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['BaseGauge'] = BaseGauge;\n ns['gauges'] = (window.document || {})['gauges'] = gauges;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @access private\n * @typedef {CanvasRenderingContext2D|{max: number, maxRadius: number, barDimensions: object}} Canvas2DContext\n */\n\n/* istanbul ignore next: private, not testable */\n/**\n * Examines if a given error is something to throw or to ignore\n *\n * @param {Error} err\n */\nfunction verifyError(err) {\n // there is some unpredictable error in FF in some circumstances\n // which we found simply safe to ignore than to fight with it\n // noinspection JSUnresolvedVariable\n if (err instanceof DOMException && err.result === 0x8053000b) {\n return; // ignore it\n }\n\n throw err;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Prepares major ticks data\n *\n * @access private\n * @param {GenericOptions|{ tickSide: string }} options\n * @return {[boolean, boolean]}\n */\nfunction prepareTicks(options) {\n if (!(options.majorTicks instanceof Array)) {\n options.majorTicks = options.majorTicks ? [options.majorTicks] : [];\n }\n\n if (!options.majorTicks.length) {\n options.majorTicks.push(drawings.formatMajorTickNumber(options.minValue, options));\n options.majorTicks.push(drawings.formatMajorTickNumber(options.maxValue, options));\n }\n\n return [options.tickSide !== 'right', options.tickSide !== 'left'];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rounded corners rectangle\n *\n * @param {Canvas2DContext} context\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @param {number} r\n */\nfunction roundRect(context, x, y, w, h, r) {\n context.beginPath();\n\n context.moveTo(x + r, y);\n context.lineTo(x + w - r, y);\n\n context.quadraticCurveTo(x + w, y, x + w, y + r);\n context.lineTo(x + w, y + h - r);\n\n context.quadraticCurveTo(x + w, y + h, x + w - r, y + h);\n context.lineTo(x + r, y + h);\n\n context.quadraticCurveTo(x, y + h, x, y + h - r);\n context.lineTo(x, y + r);\n\n context.quadraticCurveTo(x, y, x + r, y);\n\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Pads a given value with leading zeros using the given options\n *\n * @param {number} val\n * @param {RadialGaugeOptions|{valueInt: number, valueDec: number}} options\n * @returns {string}\n */\nfunction padValue(val, options) {\n var dec = options.valueDec;\n var int = options.valueInt;\n var i = 0;\n var s = void 0,\n strVal = void 0,\n n = void 0;\n\n val = parseFloat(val);\n n = val < 0;\n val = Math.abs(val);\n\n if (dec > 0) {\n strVal = val.toFixed(dec).toString().split('.');\n s = int - strVal[0].length;\n\n for (; i < s; ++i) {\n strVal[0] = '0' + strVal[0];\n }\n\n strVal = (n ? '-' : '') + strVal[0] + '.' + strVal[1];\n } else {\n strVal = Math.round(val).toString();\n s = int - strVal.length;\n\n for (; i < s; ++i) {\n strVal = '0' + strVal;\n }\n\n strVal = (n ? '-' : '') + strVal;\n }\n\n return strVal;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Formats a number for display on the dial's plate using the majorTicksFormat\n * config option.\n *\n * @param {number} num number to format\n * @param {object} options\n * @returns {string} formatted number\n */\nfunction formatMajorTickNumber(num, options) {\n var right = void 0,\n hasDec = false;\n\n // First, force the correct number of digits right of the decimal.\n if (options.majorTicksDec === 0) {\n right = Math.round(num).toString();\n } else {\n right = num.toFixed(options.majorTicksDec);\n }\n\n // Second, force the correct number of digits left of the decimal.\n if (options.majorTicksInt > 1) {\n // Does this number have a decimal?\n hasDec = ~right.indexOf('.');\n\n // Is this number a negative number?\n if (~right.indexOf('-')) {\n return '-' + [options.majorTicksInt + options.majorTicksDec + 2 + (hasDec ? 1 : 0) - right.length].join('0') + right.replace('-', '');\n } else {\n return [options.majorTicksInt + options.majorTicksDec + 1 + (hasDec ? 1 : 0) - right.length].join('0') + right;\n }\n }\n\n return right;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Transforms degrees to radians\n *\n * @param {number} degrees\n * @returns {number}\n */\nfunction radians(degrees) {\n return degrees * Math.PI / 180;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns radial point coordinates\n *\n * @param {number} radius\n * @param {number} angle\n * @returns {{x: number, y: number}}\n */\nfunction radialPoint(radius, angle) {\n return { x: -radius * Math.sin(angle), y: radius * Math.cos(angle) };\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Creates and returns linear gradient canvas object\n *\n * @param {Canvas2DContext} context\n * @param {string} colorFrom\n * @param {string} colorTo\n * @param {number} length\n * @param {boolean} [isVertical]\n * @param {number} [from]\n * @returns {CanvasGradient}\n */\nfunction linearGradient(context, colorFrom, colorTo, length) {\n var isVertical = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;\n var from = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n var grad = context.createLinearGradient(isVertical ? 0 : from, isVertical ? from : 0, isVertical ? 0 : length, isVertical ? length : 0);\n\n grad.addColorStop(0, colorFrom);\n grad.addColorStop(1, colorTo);\n\n return grad;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws the shadow if it was not drawn\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {boolean} shadowDrawn\n * @return {boolean}\n */\nfunction drawShadow(context, options) {\n var shadowDrawn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n if (shadowDrawn) {\n context.restore();\n return true;\n }\n\n context.save();\n\n var w = options.borderShadowWidth;\n\n if (w) {\n context.shadowBlur = w;\n context.shadowColor = options.colorBorderShadow;\n }\n\n return true;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle shadow\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawNeedleShadow(context, options) {\n if (!options.needleShadow) return;\n\n context.shadowOffsetX = 2;\n context.shadowOffsetY = 2;\n context.shadowBlur = 10;\n context.shadowColor = options.colorNeedleShadowDown;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Constructs font styles for canvas fonts\n *\n * @param {GenericOptions} options\n * @param {string} target\n * @param {number} baseSize\n */\nfunction font(options, target, baseSize) {\n return options['font' + target + 'Style'] + ' ' + options['font' + target + 'Weight'] + ' ' + options['font' + target + 'Size'] * baseSize + 'px ' + options['font' + target];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Resets some context settings\n *\n * @param {Canvas2DContext} context\n */\nfunction reset(context) {\n context.shadowOffsetX = null;\n context.shadowOffsetY = null;\n context.shadowBlur = null;\n context.shadowColor = '';\n context.strokeStyle = null;\n context.lineWidth = 0;\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Declares to drow value text shadow if configured\n *\n * @param context\n * @param options\n * @param offset\n * @param blur\n */\nfunction drawValueTextShadow(context, options, offset, blur) {\n if (options.valueTextShadow) {\n context.shadowOffsetX = offset;\n context.shadowOffsetY = offset;\n context.shadowBlur = blur;\n context.shadowColor = options.colorValueTextShadow;\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box at given position\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {number|string} value\n * @param {number} x\n * @param {number} y\n * @param {number} max\n */\nfunction drawValueBox(context, options, value, x, y, max) {\n if (!options.valueBox) return;\n\n reset(context);\n\n var text = options.valueText || padValue(value, options);\n var tunit = max / 200;\n var runit = max / 100;\n var offset = 0.4 * runit;\n var blur = 1.2 * runit;\n\n context.font = font(options, 'Value', tunit);\n drawValueTextShadow(context, options, offset, blur);\n\n var tw = context.measureText(options.valueText ? text : '-' + padValue(0, options)).width;\n\n reset(context);\n\n var th = parseFloat(options.fontValueSize) * tunit + offset + blur;\n var sw = runit * parseFloat(options.valueBoxStroke);\n var bmax = max * 2 - sw * 2;\n\n var bw = tw + 10 * runit;\n var bh = 1.1 * th + offset + blur;\n var br = runit * options.valueBoxBorderRadius;\n var obw = (parseFloat(options.valueBoxWidth) || 0) / 100 * bmax;\n\n obw > bw && (bw = obw);\n bw > bmax && (bw = bmax);\n\n var bx = x - bw / 2;\n var by = y - bh / 2;\n var gy = y - 5.75 * runit;\n\n context.beginPath();\n\n if (br) roundRect(context, bx, by, bw, bh, br);else context.rect(bx, by, bw, bh);\n\n if (sw) {\n var grd = context.createRadialGradient(x, gy, runit * 10, x, gy, runit * 20);\n\n grd.addColorStop(0, options.colorValueBoxRect);\n grd.addColorStop(1, options.colorValueBoxRectEnd);\n\n context.strokeStyle = grd;\n context.lineWidth = sw;\n context.stroke();\n }\n\n if (options.colorValueBoxShadow) {\n context.shadowBlur = 1.2 * runit;\n context.shadowColor = options.colorValueBoxShadow;\n }\n\n if (options.colorValueBoxBackground) {\n context.fillStyle = options.colorValueBoxBackground;\n context.fill();\n }\n\n context.closePath();\n context.restore();\n\n drawValueTextShadow(context, options, offset, blur);\n\n context.fillStyle = options.colorValueText;\n context.textAlign = 'center';\n context.textBaseline = 'alphabetic';\n context.fillText(text, bx + bw / 2, y + bh / 2 - th / 3);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns normalized value\n *\n * @param {GenericOptions} options\n * @return {{normal: number, indented: number}}\n */\nfunction normalizedValue(options) {\n var value = options.value;\n var min = options.minValue;\n var max = options.maxValue;\n var dt = (max - min) * 0.01;\n\n return {\n normal: value < min ? min : value > max ? max : value,\n indented: value < min ? min - dt : value > max ? max + dt : value\n };\n}\n\nvar drawings = {\n roundRect: roundRect,\n padValue: padValue,\n formatMajorTickNumber: formatMajorTickNumber,\n radians: radians,\n radialPoint: radialPoint,\n linearGradient: linearGradient,\n drawNeedleShadow: drawNeedleShadow,\n drawValueBox: drawValueBox,\n verifyError: verifyError,\n prepareTicks: prepareTicks,\n drawShadow: drawShadow,\n font: font,\n normalizedValue: normalizedValue\n};\n\ndrawings;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar PI = Math.PI;\nvar HPI = PI / 2;\n\n/**\n * Gauge configuration options\n *\n * @typedef {GenericOptions|{exactTicks: boolean, ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean}} RadialGaugeOptions\n */\n\n/**\n * Default gauge configuration options\n *\n * @access private\n * @type {RadialGaugeOptions}\n */\nvar defaultRadialGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n ticksAngle: 270,\n startAngle: 45,\n\n // colors\n colorNeedleCircleOuter: '#f0f0f0',\n colorNeedleCircleOuterEnd: '#ccc',\n colorNeedleCircleInner: '#e8e8e8',\n colorNeedleCircleInnerEnd: '#f5f5f5',\n\n // needle\n needleCircleSize: 10,\n needleCircleInner: true,\n needleCircleOuter: true,\n\n // custom animations\n animationTarget: 'needle', // 'needle' or 'plate'\n useMinPath: false,\n\n barWidth: 0\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gradient-filled circle on a canvas\n *\n * @access private\n * @param {number} radius\n * @param {number} width\n * @param {Canvas2DContext} context\n * @param {string} start gradient start color\n * @param {string} end gradient end color\n */\nfunction drawRadialBorder(radius, width, context, start, end) {\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(radius), 0, PI * 2, true);\n context.lineWidth = width;\n context.strokeStyle = end ? drawings.linearGradient(context, start, end, radius) : start;\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns max radius without borders for the gauge\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @return {number}\n */\nfunction maxRadialRadius(context, options) {\n var pxRatio = SmartCanvas.pixelRatio;\n\n if (!context.maxRadius) {\n context.maxRadius = context.max - options.borderShadowWidth - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio + (options.borderOuterWidth ? 0.5 : 0) + (options.borderMiddleWidth ? 0.5 : 0) + (options.borderInnerWidth ? 0.5 : 0);\n }\n\n return context.maxRadius;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge plate on the canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialPlate(context, options) {\n var pxRatio = SmartCanvas.pixelRatio;\n var d0 = options.borderShadowWidth * pxRatio;\n var r0 = context.max - d0 - options.borderOuterWidth * pxRatio / 2;\n var r1 = r0 - options.borderOuterWidth * pxRatio / 2 - options.borderMiddleWidth * pxRatio / 2 + 0.5;\n var r2 = r1 - options.borderMiddleWidth * pxRatio / 2 - options.borderInnerWidth * pxRatio / 2 + 0.5;\n var r3 = maxRadialRadius(context, options);\n var grad = void 0;\n var shadowDrawn = false;\n\n context.save();\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r0, options.borderOuterWidth * pxRatio, context, options.colorBorderOuter, options.colorBorderOuterEnd);\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r1, options.borderMiddleWidth * pxRatio, context, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r2, options.borderInnerWidth * pxRatio, context, options.colorBorderInner, options.colorBorderInnerEnd);\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(r3), 0, PI * 2, true);\n\n if (options.colorPlateEnd) {\n grad = context.createRadialGradient(0, 0, r3 / 2, 0, 0, r3);\n grad.addColorStop(0, options.colorPlate);\n grad.addColorStop(1, options.colorPlateEnd);\n } else {\n grad = options.colorPlate;\n }\n\n context.fillStyle = grad;\n\n context.fill();\n context.closePath();\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge highlight areas on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialHighlights(context, options) {\n var hlWidth = context.max * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!hlWidth) return;\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options) - hlWidth / 2);\n var i = 0,\n s = options.highlights.length;\n var vd = (options.maxValue - options.minValue) / options.ticksAngle;\n\n context.save();\n\n for (; i < s; i++) {\n var hlt = options.highlights[i];\n\n context.beginPath();\n\n context.rotate(HPI);\n context.arc(0, 0, r, drawings.radians(options.startAngle + (hlt.from - options.minValue) / vd), drawings.radians(options.startAngle + (hlt.to - options.minValue) / vd), false);\n context.strokeStyle = hlt.color;\n context.lineWidth = hlWidth;\n context.stroke();\n context.closePath();\n\n context.restore();\n context.save();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks bar on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMinorTicks(context, options) {\n var radius = radialTicksRadius(context, options);\n var s = void 0,\n range = void 0,\n angle = void 0;\n var i = 0;\n var delta = 0;\n var ratio = options.ticksAngle / (options.maxValue - options.minValue);\n\n context.lineWidth = SmartCanvas.pixelRatio;\n context.strokeStyle = options.colorMinorTicks;\n\n context.save();\n\n if (options.exactTicks) {\n range = options.maxValue - options.minValue;\n s = range / options.minorTicks;\n delta = options.majorTicks[0] % options.minorTicks * ratio;\n } else {\n s = options.minorTicks * (options.majorTicks.length - 1);\n }\n\n for (; i < s; ++i) {\n angle = options.startAngle + delta + i * (options.ticksAngle / s);\n\n context.rotate(drawings.radians(angle));\n\n context.beginPath();\n context.moveTo(0, radius);\n context.lineTo(0, radius - context.max * 0.075);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns ticks radius\n *\n * @access private\n * @param context\n * @param options\n * @return {number}\n */\nfunction radialTicksRadius(context, options) {\n var unit = context.max / 100;\n\n return maxRadialRadius(context, options) - 5 * unit - (options.barWidth ? (parseFloat(options.barStrokeWidth) || 0) * 2 + ((parseFloat(options.barWidth) || 0) + 5) * unit : 0);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge major ticks bar on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMajorTicks(context, options) {\n drawings.prepareTicks(options);\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options));\n var i = void 0,\n colors = void 0;\n var s = options.majorTicks.length;\n var pixelRatio = SmartCanvas.pixelRatio;\n\n context.lineWidth = 2 * pixelRatio;\n context.save();\n\n colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(s).fill(options.colorMajorTicks);\n\n i = 0;\n for (; i < s; ++i) {\n context.strokeStyle = colors[i];\n context.rotate(drawings.radians(radialNextAngle(options, options.exactTicks ? options.majorTicks[i] : i, s)));\n\n context.beginPath();\n context.moveTo(0, r);\n context.lineTo(0, r - context.max * 0.15);\n closeStrokedPath(context);\n }\n\n if (options.strokeTicks) {\n context.strokeStyle = colors[0];\n context.rotate(HPI);\n\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\nfunction radialNextAngle(options, i, s) {\n if (options.exactTicks) {\n var ratio = options.ticksAngle / (options.maxValue - options.minValue);\n return options.startAngle + ratio * (i - options.minValue);\n }\n\n return options.startAngle + i * (options.ticksAngle / (s - 1));\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Strokes, closes path and restores previous context state\n *\n * @param {Canvas2DContext} context\n */\nfunction closeStrokedPath(context) {\n context.stroke();\n context.restore();\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar numbers\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNumbers(context, options) {\n var radius = radialTicksRadius(context, options) - context.max * 0.25;\n var points = {};\n var i = 0;\n var s = options.majorTicks.length;\n var isAnimated = options.animationTarget !== 'needle';\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(s).fill(options.colorNumbers);\n\n var plateValueAngle = isAnimated ? -(options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle : 0;\n\n if (isAnimated) {\n context.save();\n context.rotate(-drawings.radians(plateValueAngle));\n }\n\n for (; i < s; ++i) {\n var angle = plateValueAngle + radialNextAngle(options, options.exactTicks ? options.majorTicks[i] : i, s);\n var point = drawings.radialPoint(radius, drawings.radians(angle));\n\n if (angle === 360) angle = 0;\n\n if (points[angle]) {\n continue; //already drawn at this place, skipping\n }\n\n points[angle] = true;\n\n context.font = drawings.font(options, 'Numbers', context.max / 200);\n context.fillStyle = colors[i];\n context.lineWidth = 0;\n context.textAlign = 'center';\n context.fillText(options.majorTicks[i], point.x, point.y + 3);\n }\n\n isAnimated && context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge title\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialTitle(context, options) {\n if (!options.title) return;\n\n context.save();\n context.font = drawings.font(options, 'Title', context.max / 200);\n context.fillStyle = options.colorTitle;\n context.textAlign = 'center';\n context.fillText(options.title, 0, -context.max / 4.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws units name on the gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialUnits(context, options) {\n if (!options.units) return;\n\n context.save();\n context.font = drawings.font(options, 'Units', context.max / 200);\n context.fillStyle = options.colorUnits;\n context.textAlign = 'center';\n context.fillText(options.units, 0, context.max / 3.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNeedle(context, options) {\n if (!options.needle) return;\n\n var value = options.ticksAngle < 360 ? drawings.normalizedValue(options).indented : options.value;\n var max = maxRadialRadius(context, options);\n //noinspection JSUnresolvedFunction\n var r1 = abs(max / 100 * options.needleCircleSize);\n //noinspection JSUnresolvedFunction\n var r2 = abs(max / 100 * options.needleCircleSize * 0.75);\n //noinspection JSUnresolvedFunction\n var rIn = abs(max / 100 * options.needleEnd);\n //noinspection JSUnresolvedFunction\n var rStart = abs(options.needleStart ? max / 100 * options.needleStart : 0);\n //noinspection JSUnresolvedFunction\n var rOut = abs(max * 0.2);\n var pad1 = max / 100 * options.needleWidth;\n var pad2 = max / 100 * options.needleWidth / 2;\n var pixelRatio = SmartCanvas.pixelRatio;\n var isFixed = options.animationTarget !== 'needle';\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n context.rotate(drawings.radians(isFixed ? options.startAngle : options.startAngle + (value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle));\n\n context.fillStyle = drawings.linearGradient(context, options.colorNeedle, options.colorNeedleEnd, rIn - rOut);\n\n if (options.needleType === 'arrow') {\n context.beginPath();\n context.moveTo(-pad2, -rOut);\n context.lineTo(-pad1, 0);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(pixelRatio, rIn);\n context.lineTo(pad1, 0);\n context.lineTo(pad2, -rOut);\n context.closePath();\n context.fill();\n\n context.beginPath();\n context.lineTo(-0.5 * pixelRatio, rIn);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(-pad1, 0);\n context.lineTo(-pad2, -rOut);\n context.lineTo(pad2 / 2 * pixelRatio - 2 * pixelRatio, -rOut);\n context.closePath();\n context.fillStyle = options.colorNeedleShadowUp;\n context.fill();\n } else {\n // simple line needle\n context.beginPath();\n context.moveTo(-pad2, rIn);\n context.lineTo(-pad2, rStart);\n context.lineTo(pad2, rStart);\n context.lineTo(pad2, rIn);\n context.closePath();\n context.fill();\n }\n\n if (options.needleCircleSize) {\n context.restore();\n\n drawings.drawNeedleShadow(context, options);\n\n if (options.needleCircleOuter) {\n context.beginPath();\n context.arc(0, 0, r1, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleOuter, options.colorNeedleCircleOuterEnd, r1);\n context.fill();\n context.closePath();\n }\n\n if (options.needleCircleInner) {\n context.beginPath();\n context.arc(0, 0, r2, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleInner, options.colorNeedleCircleInnerEnd, r2);\n context.fill();\n context.closePath();\n }\n\n context.restore();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge value box\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @param {number} value\n */\nfunction drawRadialValueBox(context, options, value) {\n drawings.drawValueBox(context, options, value, 0, context.max - context.max * 0.33, context.max);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge progress bar\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialProgressBar(context, options) {\n var unit = context.max / 100;\n var rMax = maxRadialRadius(context, options) - 5 * unit;\n var sw = parseFloat(options.barStrokeWidth) || 0;\n var w = (parseFloat(options.barWidth) || 0) * unit;\n var rMin = rMax - sw * 2 - w;\n var half = (rMax - rMin) / 2;\n var r = rMin + half;\n var delta = sw / r;\n var sa = options.startAngle;\n var ea = options.startAngle + options.ticksAngle;\n\n context.save();\n context.rotate(HPI);\n\n if (sw) {\n // draw stroke\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa) - delta, drawings.radians(ea) + delta, false);\n context.strokeStyle = options.colorBarStroke;\n context.lineWidth = half * 2;\n context.stroke();\n context.closePath();\n }\n\n if (w) {\n // draw bar\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(ea), false);\n context.strokeStyle = options.colorBar;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n\n if (options.barShadow) {\n // draw shadow\n context.beginPath();\n context.arc(0, 0, rMax, drawings.radians(sa), drawings.radians(ea), false);\n context.clip();\n\n context.beginPath();\n context.strokeStyle = options.colorBar;\n context.lineWidth = 1;\n context.shadowBlur = options.barShadow;\n context.shadowColor = options.colorBarShadow;\n context.shadowOffsetX = 0;\n context.shadowOffsetY = 0;\n context.arc(0, 0, rMax, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n context.stroke();\n context.closePath();\n\n context.restore();\n context.rotate(HPI);\n }\n\n // draw bar progress\n if (options.barProgress) {\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(sa + (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle), false);\n context.strokeStyle = options.colorBarProgress;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n }\n }\n\n context.restore();\n}\n\n/**\n * Find and return gauge value to display\n *\n * @param {RadialGauge} gauge\n */\nfunction displayValue(gauge) {\n if (gauge.options.animatedValue) {\n return gauge.options.value;\n }\n\n return gauge.value;\n}\n\n/**\n * Minimalistic HTML5 Canvas Gauge\n * @example\n * var gauge = new RadialGauge({\n * renderTo: 'gauge-id', // identifier of HTML canvas element or element itself\n * width: 400,\n * height: 400,\n * units: 'Km/h',\n * title: false,\n * value: 0,\n * minValue: 0,\n * maxValue: 220,\n * majorTicks: [\n * '0','20','40','60','80','100','120','140','160','180','200','220'\n * ],\n * minorTicks: 2,\n * strokeTicks: false,\n * highlights: [\n * { from: 0, to: 50, color: 'rgba(0,255,0,.15)' },\n * { from: 50, to: 100, color: 'rgba(255,255,0,.15)' },\n * { from: 100, to: 150, color: 'rgba(255,30,0,.25)' },\n * { from: 150, to: 200, color: 'rgba(255,0,225,.25)' },\n * { from: 200, to: 220, color: 'rgba(0,0,255,.25)' }\n * ],\n * colorPlate: '#222',\n * colorMajorTicks: '#f5f5f5',\n * colorMinorTicks: '#ddd',\n * colorTitle: '#fff',\n * colorUnits: '#ccc',\n * colorNumbers: '#eee',\n * colorNeedleStart: 'rgba(240, 128, 128, 1)',\n * colorNeedleEnd: 'rgba(255, 160, 122, .9)',\n * valueBox: true,\n * animationRule: 'bounce'\n * });\n * // draw initially\n * gauge.draw();\n * // animate\n * setInterval(() => {\n * gauge.value = Math.random() * -220 + 220;\n * }, 1000);\n */\n\nvar RadialGauge = function (_BaseGauge) {\n _inherits(RadialGauge, _BaseGauge);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event RadialGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event RadialGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event RadialGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event RadialGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event RadialGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event RadialGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event RadialGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event RadialGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event RadialGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event RadialGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {RadialGaugeOptions} options\n */\n function RadialGauge(options) {\n _classCallCheck(this, RadialGauge);\n\n options = Object.assign({}, defaultRadialGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (RadialGauge.__proto__ || Object.getPrototypeOf(RadialGauge)).call(this, RadialGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(RadialGauge, [{\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @returns {RadialGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref[0];\n var y = _ref[1];\n var w = _ref[2];\n var h = _ref[3];\n\n var options = this.options;\n\n if (options.animationTarget === 'needle') {\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(context, options);\n this.emit('beforeHighlights');\n drawRadialHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(context, options);\n this.emit('beforeTitle');\n drawRadialTitle(context, options);\n this.emit('beforeUnits');\n drawRadialUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n this.emit('beforeNeedle');\n drawRadialNeedle(canvas.context, options);\n } else {\n var plateValueAngle = -drawings.radians((options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle);\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(canvas.context, options);\n\n canvas.context.rotate(plateValueAngle);\n\n // animated\n this.emit('beforeHighlights');\n drawRadialHighlights(canvas.context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(canvas.context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(canvas.context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(canvas.context, options);\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n\n // non-animated\n canvas.context.rotate(-plateValueAngle);\n canvas.context.save();\n\n if (!canvas.elementClone.initialized) {\n var _context = canvas.contextClone;\n\n // clear the cache\n _context.clearRect(x, y, w, h);\n _context.save();\n\n this.emit('beforeTitle');\n drawRadialTitle(_context, options);\n this.emit('beforeUnits');\n drawRadialUnits(_context, options);\n this.emit('beforeNeedle');\n drawRadialNeedle(_context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n }\n\n // value box animations\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n\n _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }, {\n key: 'value',\n\n\n /**\n * Sets the value for radial gauge\n *\n * @param {number} value\n */\n set: function set(value) {\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n if (this.options.animation && this.options.ticksAngle === 360 && this.options.useMinPath) {\n this._value = value;\n value = this.options.value + ((value - this.options.value) % 360 + 540) % 360 - 180;\n }\n\n _set(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', value, this);\n }\n\n /**\n * Returns current gauge value\n *\n * @return {number}\n */\n ,\n get: function get() {\n return _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', this);\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n if (options.barWidth > 50) options.barWidth = 50;\n\n /* istanbul ignore if */\n if (isNaN(options.startAngle)) options.startAngle = 45;\n /* istanbul ignore if */\n if (isNaN(options.ticksAngle)) options.ticksAngle = 270;\n\n /* istanbul ignore if */\n if (options.ticksAngle > 360) options.ticksAngle = 360;\n /* istanbul ignore if */\n if (options.ticksAngle < 0) options.ticksAngle = 0;\n\n /* istanbul ignore if */\n if (options.startAngle < 0) options.startAngle = 0;\n /* istanbul ignore if */\n if (options.startAngle > 360) options.startAngle = 360;\n\n return options;\n }\n }]);\n\n return RadialGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['RadialGauge'] = RadialGauge;\n}\n\nBaseGauge.initialize('RadialGauge', defaultRadialGaugeOptions);\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Linear gauge configuration options\n *\n * @typedef {GenericOptions|{borderRadius: number, barBeginCircle: number, tickSide: string, needleSide: string, numberSide: string, ticksWidth: number, ticksWidthMinor: number, ticksPadding: number, barLength: number, colorBarEnd: string, colorBarProgressEnd: string}} LinearGaugeOptions\n */\n\n/**\n * Default linear gauge configuration options\n *\n * @type {LinearGaugeOptions}\n */\nvar defaultLinearGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n borderRadius: 0,\n // width: 150,\n // height: 400,\n\n // bar\n barBeginCircle: 30, // percents\n colorBarEnd: '',\n colorBarProgressEnd: '',\n\n needleWidth: 6,\n\n tickSide: 'both', // available: 'left', 'right', 'both'\n needleSide: 'both', // available: 'left', 'right', 'both'\n\n numberSide: 'both', // available: 'left', 'right', 'both'\n\n ticksWidth: 10,\n ticksWidthMinor: 5,\n ticksPadding: 5,\n barLength: 85,\n fontTitleSize: 26,\n\n highlightsWidth: 10\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawRectangle(context, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.fillStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, w > h ? w : h, h > w, w > h ? x : y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} width width of the border\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawLinearBorder(context, width, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.lineWidth = width;\n context.strokeStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, h, true, y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge plate\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearPlate(context, options, x, y, w, h) {\n var pxRatio = SmartCanvas.pixelRatio;\n context.save();\n\n var r = options.borderRadius * pxRatio;\n var w1 = w - options.borderShadowWidth - options.borderOuterWidth * pxRatio;\n var w2 = w1 - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio;\n var w3 = w2 - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio;\n var w4 = w3 - options.borderInnerWidth * pxRatio;\n\n var h1 = h - options.borderShadowWidth - options.borderOuterWidth * pxRatio;\n var h2 = h1 - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio;\n var h3 = h2 - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio;\n var h4 = h3 - options.borderInnerWidth * pxRatio;\n\n var x2 = x - (w2 - w1) / 2;\n var x3 = x2 - (w3 - w2) / 2;\n var x4 = x3 - (w4 - w3) / 2;\n\n var y2 = y - (h2 - h1) / 2;\n var y3 = y2 - (h3 - h2) / 2;\n var y4 = y3 - (h4 - h3) / 2;\n var aliasingOffset = 0;\n var shadowDrawn = false;\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderOuterWidth * pxRatio, r, x + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, y + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, w1, h1, options.colorBorderOuter, options.colorBorderOuterEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderMiddleWidth * pxRatio, r -= 1 + aliasingOffset * 2, x2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, y2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, w2 + aliasingOffset * 2, h2 + aliasingOffset * 2, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderInnerWidth * pxRatio, r -= 1 + aliasingOffset * 2, x3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, y3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, w3 + aliasingOffset * 2, h3 + aliasingOffset * 2, options.colorBorderInner, options.colorBorderInnerEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n drawRectangle(context, r, x4, y4, w4 + aliasingOffset * 2, h4 + aliasingOffset * 2, options.colorPlate, options.colorPlateEnd);\n\n context.restore();\n\n return [x4, y4, w4, h4];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns linear gauge base bar dimensions.\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions|{barStrokeWidth: number, barBeginCircle: number, barWidth: number, hasLeft: boolean, hasRight: boolean}} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @return {{isVertical: boolean, width: number, length: number, barWidth: number, barLength: number, strokeWidth: number, barMargin: number, radius: number, x0: number, y0: number, barOffset: number, titleMargin: number, unitsMargin: number, X: number, Y: number, baseX: number, baseY: number, ticksPadding: number}}\n */\nfunction barDimensions(context, options, x, y, w, h) {\n var pixelRatio = SmartCanvas.pixelRatio;\n var isVertical = h >= w;\n var width = isVertical ? w * 0.85 : h;\n var length = isVertical ? h : w;\n\n //noinspection JSUnresolvedFunction\n x = isVertical ? round(x + (w - width) / 2) : x;\n\n var hasTitle = !!options.title;\n var hasUnits = !!options.units;\n var hasValue = !!options.valueBox;\n\n var titleMargin = void 0;\n var unitsMargin = void 0;\n var valueMargin = void 0;\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n unitsMargin = round(length * 0.05);\n //noinspection JSUnresolvedFunction\n titleMargin = round(length * 0.075);\n //noinspection JSUnresolvedFunction\n valueMargin = round(length * 0.11);\n\n if (hasTitle) {\n length -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) length -= unitsMargin;\n if (hasValue) length -= valueMargin;\n } else {\n //noinspection JSUnresolvedFunction\n unitsMargin = titleMargin = round(width * 0.15);\n\n if (hasTitle) {\n width -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) width -= unitsMargin;\n }\n\n var strokeWidth = options.barStrokeWidth * 2;\n //noinspection JSUnresolvedFunction\n var radius = options.barBeginCircle ? round(width * options.barBeginCircle / 200 - strokeWidth / 2) : 0;\n //noinspection JSUnresolvedFunction\n var barWidth = round(width * options.barWidth / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barLength = round(length * options.barLength / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barMargin = round((length - barLength) / 2);\n\n // coordinates for arc of the bar if configured\n //noinspection JSUnresolvedFunction\n var x0 = round(x + (isVertical ? width / 2 : barMargin + radius));\n //noinspection JSUnresolvedFunction\n var y0 = round(y + (isVertical ? length - barMargin - radius + strokeWidth / 2 : width / 2));\n var dx = isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n var dy = !isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n\n //noinspection JSUndefinedPropertyAssignment\n context.barDimensions = {\n isVertical: isVertical,\n width: width,\n length: length,\n barWidth: barWidth,\n barLength: barLength,\n strokeWidth: strokeWidth,\n barMargin: barMargin,\n radius: radius,\n pixelRatio: pixelRatio,\n barOffset: null,\n titleMargin: hasTitle ? titleMargin : 0,\n unitsMargin: hasUnits ? unitsMargin : 0,\n get ticksLength() {\n return this.barLength - this.barOffset - this.strokeWidth;\n },\n X: x + dx,\n Y: y + dy,\n x0: x0 + dx,\n y0: y0 + dy,\n baseX: x,\n baseY: y,\n ticksPadding: options.ticksPadding / 100\n };\n\n return context.barDimensions;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws bar shape from the given options on a given canvas context\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {string} type\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearBarShape(context, options, type, x, y, w, h) {\n var _barDimensions = barDimensions(context, options, x, y, w, h);\n\n var isVertical = _barDimensions.isVertical;\n var width = _barDimensions.width;\n var barWidth = _barDimensions.barWidth;\n var barLength = _barDimensions.barLength;\n var strokeWidth = _barDimensions.strokeWidth;\n var barMargin = _barDimensions.barMargin;\n var radius = _barDimensions.radius;\n var x0 = _barDimensions.x0;\n var y0 = _barDimensions.y0;\n var X = _barDimensions.X;\n var Y = _barDimensions.Y;\n\n var fullBarLength = barLength;\n\n context.save();\n context.beginPath();\n\n if (options.barBeginCircle) {\n var direction = drawings.radians(isVertical ? 270 : 0);\n var alpha = Math.asin(barWidth / 2 / radius);\n var cosAlpha = Math.cos(alpha);\n var sinAlpha = Math.sin(alpha);\n\n var x1 = x0 + (isVertical ? radius * sinAlpha : radius * cosAlpha - strokeWidth / 2);\n var y1 = isVertical ? y0 - radius * cosAlpha : y0 + radius * sinAlpha;\n //noinspection JSUnresolvedFunction\n var cutRadius = isVertical ? abs(y1 - y0) : abs(x1 - x0);\n\n //noinspection JSUnresolvedFunction\n context.barDimensions.barOffset = round(cutRadius + radius);\n\n // bottom point\n //noinspection JSUnresolvedFunction\n var x2 = isVertical ? round(x0 - radius * sinAlpha) : x1;\n //noinspection JSUnresolvedFunction\n var y2 = isVertical ? y1 : round(y0 - radius * sinAlpha);\n\n if (type === 'progress') {\n barLength = context.barDimensions.barOffset + (barLength - context.barDimensions.barOffset) * (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue);\n }\n\n // bar ends at\n //noinspection JSUnresolvedFunction\n var x3 = round(x1 + barLength - context.barDimensions.barOffset + strokeWidth / 2); // h\n //noinspection JSUnresolvedFunction\n var y3 = round(y1 - barLength + context.barDimensions.barOffset - strokeWidth / 2); // v\n\n context.arc(x0, y0, radius, direction + alpha, direction - alpha);\n\n if (isVertical) {\n context.moveTo(x1, y2);\n context.lineTo(x1, y3);\n context.lineTo(x2, y3);\n context.lineTo(x2, y2);\n } else {\n context.moveTo(x1, y2);\n context.lineTo(x3, y2);\n context.lineTo(x3, y1);\n context.lineTo(x1, y1);\n }\n } else {\n // simply rectangle\n //noinspection JSUnresolvedFunction\n var rx = round(isVertical ? X + (width - barWidth) / 2 : X + barMargin);\n //noinspection JSUnresolvedFunction\n var ry = round(isVertical ? Y + barLength + barMargin : Y + (width - barWidth) / 2);\n\n if (type === 'progress') {\n barLength *= (options.value - options.minValue) / (options.maxValue - options.minValue);\n }\n\n if (isVertical) context.rect(rx, ry, barWidth, -barLength);else context.rect(rx, ry, barLength, barWidth);\n }\n\n if (type !== 'progress' && options.barStrokeWidth) {\n context.lineWidth = strokeWidth;\n context.strokeStyle = options.colorBarStroke;\n //context.lineJoin = 'round';\n context.stroke();\n }\n\n if (type !== 'progress' && options.colorBar) {\n context.fillStyle = options.colorBarEnd ? drawings.linearGradient(context, options.colorBar, options.colorBarEnd, barLength, isVertical, isVertical ? Y : X) : options.colorBar;\n context.fill();\n } else if (type === 'progress' && options.colorBarProgress) {\n context.fillStyle = options.colorBarProgressEnd ? drawings.linearGradient(context, options.colorBarProgress, options.colorBarProgressEnd, fullBarLength, isVertical, isVertical ? Y : X) : options.colorBarProgress;\n context.fill();\n }\n\n context.closePath();\n\n // fix dimensions for further usage\n if (options.barBeginCircle) context.barDimensions.radius += strokeWidth;\n\n context.barDimensions.barWidth += strokeWidth;\n context.barDimensions.barLength += strokeWidth;\n}\n\n/**\n * Draws gauge bar\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBar(context, options, x, y, w, h) {\n drawLinearBarShape(context, options, '', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Helper function to calculate bar ticks presence on the sides\n *\n * @param {string} notWhich\n * @param {LinearGaugeOptions} options\n * @return {boolean}\n */\nfunction hasTicksBar(notWhich, options) {\n return options.needleSide !== notWhich || options.tickSide !== notWhich || options.numberSide !== notWhich;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar progress\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBarProgress(context, options, x, y, w, h) {\n options.barProgress && drawLinearBarShape(context, options, 'progress', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar highlighted areas\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarHighlights(context, options) {\n var _context$barDimension = context.barDimensions;\n var isVertical = _context$barDimension.isVertical;\n var width = _context$barDimension.width;\n var length = _context$barDimension.length;\n var barWidth = _context$barDimension.barWidth;\n var barOffset = _context$barDimension.barOffset;\n var barMargin = _context$barDimension.barMargin;\n var X = _context$barDimension.X;\n var Y = _context$barDimension.Y;\n var ticksLength = _context$barDimension.ticksLength;\n var ticksPadding = _context$barDimension.ticksPadding;\n\n var hlWidth = width * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!options.highlights || !hlWidth) return;\n\n var hasLeft = options.tickSide !== 'right';\n var hasRight = options.tickSide !== 'left';\n var i = 0;\n var s = options.highlights.length;\n var tickOffset = (width - barWidth) / 2;\n var interval = options.maxValue - options.minValue;\n //noinspection JSUnresolvedFunction\n var eX = round(isVertical ? X + tickOffset : X + barMargin + barOffset);\n var eH = hlWidth;\n var eY = isVertical ? Y + length - barMargin - barOffset : Y + tickOffset;\n //noinspection JSUnresolvedFunction\n var hLeft = round((options.ticksWidth / 100 + ticksPadding) * width) + (hlWidth - options.ticksWidth / 100 * width);\n //noinspection JSUnresolvedFunction\n var hRight = round(barWidth + ticksPadding * width);\n\n context.save();\n\n for (; i < s; i++) {\n var entry = options.highlights[i];\n //noinspection JSUnresolvedFunction\n var eStart = ticksLength * abs(options.minValue - entry.from) / interval;\n //noinspection JSUnresolvedFunction\n var eW = ticksLength * abs((entry.to - entry.from) / interval);\n\n context.beginPath();\n context.fillStyle = entry.color;\n\n if (isVertical) {\n if (hasLeft) context.rect(eX - hLeft, eY - eStart, eH, -eW);\n\n if (hasRight) context.rect(eX + hRight, eY - eStart, eH, -eW);\n } else {\n if (hasLeft) context.rect(eX + eStart, eY - hLeft, eW, eH);\n\n if (hasRight) context.rect(eX + eStart, eY + hRight, eW, eH);\n }\n\n context.fill();\n context.closePath();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws a tick line on a linear gauge\n *\n * @param {Canvas2DContext} context\n * @param x1\n * @param y1\n * @param x2\n * @param y2\n */\nfunction drawLinearTick(context, x1, y1, x2, y2) {\n context.beginPath();\n\n context.moveTo(x1, y1);\n context.lineTo(x2, y2);\n context.stroke();\n\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks\n *\n * @param {Canvas2DContext} context\n * @param {string} color\n * @param {number} ticksSize\n * @param {number} deltaLen\n * @param {boolean} hasLeft\n * @param {boolean} hasRight\n * @param {number} lineWidth\n * @param {number} lineLength\n */\nfunction drawLinearTicks(context, color, ticksSize, deltaLen, hasLeft, hasRight, lineWidth, lineLength) {\n var _context$barDimension2 = context.barDimensions;\n var isVertical = _context$barDimension2.isVertical;\n var length = _context$barDimension2.length;\n var barWidth = _context$barDimension2.barWidth;\n var barOffset = _context$barDimension2.barOffset;\n var barMargin = _context$barDimension2.barMargin;\n var pixelRatio = _context$barDimension2.pixelRatio;\n var width = _context$barDimension2.width;\n var X = _context$barDimension2.X;\n var Y = _context$barDimension2.Y;\n var ticksLength = _context$barDimension2.ticksLength;\n var ticksPadding = _context$barDimension2.ticksPadding;\n\n var tickOffset = (width - barWidth) / 2;\n var tickX = void 0,\n tickY = void 0;\n var i = 0;\n var tickLen = lineLength * width;\n var tickLeft = tickOffset - ticksPadding * width;\n var tickRight = tickOffset + barWidth + tickLen + ticksPadding * width;\n var tickSpace = ticksLength / (ticksSize - deltaLen);\n var colors = color instanceof Array ? color : new Array(ticksSize).fill(color);\n\n context.lineWidth = lineWidth * pixelRatio;\n context.save();\n\n for (; i < ticksSize; i++) {\n context.strokeStyle = colors[i];\n\n if (isVertical) {\n tickY = Y + length - barMargin - barOffset - i * tickSpace;\n\n if (hasLeft) {\n tickX = X + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n\n if (hasRight) {\n tickX = X + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n } else {\n tickX = X + barMargin + barOffset + i * tickSpace;\n\n if (hasLeft) {\n tickY = Y + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, tickX, round(tickY - tickLen));\n }\n\n if (hasRight) {\n tickY = Y + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, round(tickY), tickX, tickY - tickLen);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicks(context, options) {\n var _drawings$prepareTick = drawings.prepareTicks(options);\n\n var _drawings$prepareTick2 = _slicedToArray(_drawings$prepareTick, 2);\n\n var hasLeft = _drawings$prepareTick2[0];\n var hasRight = _drawings$prepareTick2[1];\n\n var lineWidth = 2;\n var colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(options.colorMajorTicks.length).fill(options.colorMajorTicks);\n\n drawLinearTicks(context, options.colorMajorTicks, options.majorTicks.length, 1, hasLeft, hasRight, lineWidth, options.ticksWidth / 100);\n\n if (options.strokeTicks) {\n var _context$barDimension3 = context.barDimensions;\n var isVertical = _context$barDimension3.isVertical;\n var length = _context$barDimension3.length;\n var width = _context$barDimension3.width;\n var barWidth = _context$barDimension3.barWidth;\n var barMargin = _context$barDimension3.barMargin;\n var barOffset = _context$barDimension3.barOffset;\n var X = _context$barDimension3.X;\n var Y = _context$barDimension3.Y;\n var ticksLength = _context$barDimension3.ticksLength;\n var pixelRatio = _context$barDimension3.pixelRatio;\n var ticksPadding = _context$barDimension3.ticksPadding;\n\n var rightTicks = (width - barWidth) / 2 + barWidth + ticksPadding * width;\n var leftTicks = (width - barWidth) / 2 - ticksPadding * width;\n var sX = void 0,\n sY = void 0,\n eX = void 0,\n eY = void 0;\n\n context.strokeStyle = colors[0];\n\n lineWidth *= pixelRatio;\n\n if (isVertical) {\n sY = Y + length - barMargin - barOffset + lineWidth / 2;\n eY = sY - ticksLength - lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n } else {\n sX = X + barMargin + barOffset - lineWidth / 2;\n eX = sX + ticksLength + lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks stroke\n *\n * @param {Canvas2DContext} context\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n */\nfunction drawLinearTickStroke(context, sX, sY, eX, eY) {\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMinorTicks(context, options) {\n var _drawings$prepareTick3 = drawings.prepareTicks(options);\n\n var _drawings$prepareTick4 = _slicedToArray(_drawings$prepareTick3, 2);\n\n var hasLeft = _drawings$prepareTick4[0];\n var hasRight = _drawings$prepareTick4[1];\n\n\n drawLinearTicks(context, options.colorMinorTicks, options.minorTicks * (options.majorTicks.length - 1), 0, hasLeft, hasRight, 1, options.ticksWidthMinor / 100);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major tick numbers\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicksNumbers(context, options) {\n var _context$barDimension4 = context.barDimensions;\n var isVertical = _context$barDimension4.isVertical;\n var length = _context$barDimension4.length;\n var width = _context$barDimension4.width;\n var barWidth = _context$barDimension4.barWidth;\n var barMargin = _context$barDimension4.barMargin;\n var barOffset = _context$barDimension4.barOffset;\n var X = _context$barDimension4.X;\n var Y = _context$barDimension4.Y;\n var ticksLength = _context$barDimension4.ticksLength;\n var ticksPadding = _context$barDimension4.ticksPadding;\n\n var ticks = options.majorTicks.length;\n var hasLeft = options.numberSide !== 'right';\n var hasRight = options.numberSide !== 'left';\n var textHeight = options.fontNumbersSize * width / 200;\n var i = 0;\n var ticksWidth = (options.ticksWidth / 100 + ticksPadding * 2) * width;\n var numLeft = (width - barWidth) / 2 - ticksWidth;\n var numRight = (width - barWidth) / 2 + barWidth + ticksWidth;\n var textX = void 0,\n textY = void 0,\n textWidth = void 0,\n numberOffset = void 0,\n tick = void 0;\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(ticks).fill(options.colorNumbers);\n\n context.font = drawings.font(options, 'Numbers', width / 200);\n context.lineWidth = 0;\n context.textAlign = 'center';\n\n for (; i < ticks; i++) {\n context.fillStyle = colors[i];\n tick = options.majorTicks[i];\n numberOffset = i * ticksLength / (ticks - 1);\n\n if (isVertical) {\n textY = Y + length - barMargin - barOffset - numberOffset + textHeight / 3;\n\n if (hasLeft) {\n context.textAlign = 'right';\n context.fillText(tick, X + numLeft, textY);\n }\n\n if (hasRight) {\n context.textAlign = 'left';\n context.fillText(tick, X + numRight, textY);\n }\n } else {\n textWidth = context.measureText(tick).width;\n textX = X + barMargin + barOffset + numberOffset;\n\n if (hasLeft) {\n context.fillText(tick, textX, Y + numLeft);\n }\n\n if (hasRight) {\n context.fillText(tick, textX, Y + numRight + textHeight);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge title\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearTitle(context, options) {\n if (!options.title) return;\n\n var _context$barDimension5 = context.barDimensions;\n var isVertical = _context$barDimension5.isVertical;\n var width = _context$barDimension5.width;\n var length = _context$barDimension5.length;\n var baseX = _context$barDimension5.baseX;\n var baseY = _context$barDimension5.baseY;\n var titleMargin = _context$barDimension5.titleMargin;\n\n var textHeight = options.fontTitleSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + titleMargin / 2 - (isVertical ? textHeight : textHeight / 2) - 0.025 * (isVertical ? length : width));\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Title', width / 200);\n context.lineWidth = 0;\n context.fillText(options.title, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge units\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearUnits(context, options) {\n if (!options.units) return;\n\n var _context$barDimension6 = context.barDimensions;\n var isVertical = _context$barDimension6.isVertical;\n var width = _context$barDimension6.width;\n var length = _context$barDimension6.length;\n var baseX = _context$barDimension6.baseX;\n var baseY = _context$barDimension6.baseY;\n var unitsMargin = _context$barDimension6.unitsMargin;\n\n var textHeight = options.fontUnitsSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + (isVertical ? length : width) + unitsMargin / 2 - textHeight / 2);\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Units', width / 200);\n context.lineWidth = 0;\n context.fillText(options.units, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge needles\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarNeedle(context, options) {\n if (!options.needle) return;\n\n var _context$barDimension7 = context.barDimensions;\n var isVertical = _context$barDimension7.isVertical;\n var width = _context$barDimension7.width;\n var length = _context$barDimension7.length;\n var barWidth = _context$barDimension7.barWidth;\n var barOffset = _context$barDimension7.barOffset;\n var barMargin = _context$barDimension7.barMargin;\n var ticksLength = _context$barDimension7.ticksLength;\n var X = _context$barDimension7.X;\n var Y = _context$barDimension7.Y;\n var ticksPadding = _context$barDimension7.ticksPadding;\n\n var hasLeft = options.needleSide !== 'right';\n var hasRight = options.needleSide !== 'left';\n var position = ticksLength * (drawings.normalizedValue(options).indented - options.minValue) / (options.maxValue - options.minValue);\n var tickWidth = (options.ticksWidth / 100 + ticksPadding) * width;\n var baseLength = barWidth / 2 + tickWidth;\n var needleLength = baseLength * (options.needleEnd / 100);\n var sX = void 0,\n eX = void 0,\n sY = void 0,\n eY = void 0;\n var draw = options.needleType.toLowerCase() === 'arrow' ? drawLinearArrowNeedle : drawLinearLineNeedle;\n var barStart = (width - barWidth) / 2;\n var needleStart = baseLength * (options.needleStart / 100);\n var nLeft = barStart - tickWidth - needleStart;\n var nRight = barStart + barWidth + tickWidth + needleStart;\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + length - barMargin - barOffset - position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nLeft);\n eX = sX + needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nRight);\n eX = sX - needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength, true);\n }\n } else {\n //noinspection JSUnresolvedFunction\n sX = round(X + barMargin + barOffset + position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nLeft);\n eY = sY + needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nRight);\n eY = sY - needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength, true);\n }\n }\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns needle color style\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} length\n * @param {boolean} [isRight]\n * @return {CanvasGradient|string}\n */\nfunction needleStyle(context, options, length, isRight) {\n return options.colorNeedleEnd ? drawings.linearGradient(context, isRight ? options.colorNeedleEnd : options.colorNeedle, isRight ? options.colorNeedle : options.colorNeedleEnd, length, !context.barDimensions.isVertical) : options.colorNeedle;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws line needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearLineNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n context.lineWidth = options.needleWidth;\n context.strokeStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws arrow needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearArrowNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n //noinspection JSUnresolvedFunction\n var peakLength = round(length * 0.4);\n var bodyLength = length - peakLength;\n var isVertical = sX === eX;\n var halfWidth = options.needleWidth / 2;\n\n context.fillStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n\n if (isVertical) {\n if (sY > eY) bodyLength *= -1;\n\n context.moveTo(sX - halfWidth, sY);\n context.lineTo(sX + halfWidth, sY);\n context.lineTo(sX + halfWidth, sY + bodyLength);\n context.lineTo(sX, eY);\n context.lineTo(sX - halfWidth, sY + bodyLength);\n context.lineTo(sX - halfWidth, sY);\n } else {\n if (sX > eX) bodyLength *= -1;\n\n context.moveTo(sX, sY - halfWidth);\n context.lineTo(sX, sY + halfWidth);\n context.lineTo(sX + bodyLength, sY + halfWidth);\n context.lineTo(eX, sY);\n context.lineTo(sX + bodyLength, sY - halfWidth);\n context.lineTo(sX, sY - halfWidth);\n }\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box for linear gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} value\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearValueBox(context, options, value, x, y, w, h) {\n // currently value box is available only for vertical linear gauge,\n // as far as by design it is hard to find a proper place for\n // horizontal ones\n var boxWidth = (parseFloat(options.fontValueSize) || 0) * w / 200;\n var dy = (0.11 * h - boxWidth) / 2;\n\n context.barDimensions.isVertical && drawings.drawValueBox(context, options, value, x + w / 2, y + h - boxWidth - dy, w);\n}\n\n/**\n * Minimalistic HTML5 Canvas Linear Gauge\n */\n\nvar LinearGauge = function (_BaseGauge2) {\n _inherits(LinearGauge, _BaseGauge2);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event LinearGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event LinearGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event LinearGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event LinearGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event LinearGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event LinearGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event LinearGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge bar area is drawn\n *\n * @event LinearGauge#beforeBar\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event LinearGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event LinearGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event LinearGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {LinearGaugeOptions} options\n */\n function LinearGauge(options) {\n _classCallCheck(this, LinearGauge);\n\n options = Object.assign({}, defaultLinearGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (LinearGauge.__proto__ || Object.getPrototypeOf(LinearGauge)).call(this, LinearGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(LinearGauge, [{\n key: 'draw',\n\n\n /* istanbul ignore next */\n /**\n * Triggering linear gauge render on a canvas.\n *\n * @returns {LinearGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref2 = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref2[0];\n var y = _ref2[1];\n var w = _ref2[2];\n var h = _ref2[3];\n\n var options = this.options;\n\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n this.drawBox = drawLinearPlate(context, options, x, y, w, h);\n\n this.emit('beforeBar');\n drawLinearBar.apply(undefined, [context, options].concat(_toConsumableArray(this.drawBox)));\n\n canvas.context.barDimensions = context.barDimensions;\n\n this.emit('beforeHighlights');\n drawLinearBarHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawLinearMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawLinearMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawLinearMajorTicksNumbers(context, options);\n this.emit('beforeTitle');\n drawLinearTitle(context, options);\n this.emit('beforeUnits');\n drawLinearUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawLinearBarProgress.apply(undefined, [canvas.context, options].concat(_toConsumableArray(this.drawBox)));\n this.emit('beforeNeedle');\n drawLinearBarNeedle(canvas.context, options);\n this.emit('beforeValueBox');\n drawLinearValueBox.apply(undefined, [canvas.context, options, options.animatedValue ? this.options.value : this.value].concat(_toConsumableArray(this.drawBox)));\n\n _get(LinearGauge.prototype.__proto__ || Object.getPrototypeOf(LinearGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n /* istanbul ignore else */\n if (options.barStrokeWidth >= options.barWidth) {\n //noinspection JSUnresolvedFunction\n options.barStrokeWidth = round(options.barWidth / 2);\n }\n\n //noinspection JSUndefinedPropertyAssignment\n options.hasLeft = hasTicksBar('right', options);\n //noinspection JSUndefinedPropertyAssignment\n options.hasRight = hasTicksBar('left', options);\n\n if (options.value > options.maxValue) {\n options.value = options.maxValue;\n }\n\n if (options.value < options.minValue) {\n options.value = options.minValue;\n }\n\n return BaseGauge.configure(options);\n }\n }]);\n\n return LinearGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['LinearGauge'] = LinearGauge;\n}\n\nBaseGauge.initialize('LinearGauge', defaultLinearGaugeOptions);;typeof module !== \"undefined\" && Object.assign(ns, {Collection: Collection,GenericOptions: GenericOptions,Animation: Animation,BaseGauge: BaseGauge,drawings: drawings,SmartCanvas: SmartCanvas,vendorize: vendorize});}(typeof module !== \"undefined\" ? module.exports : window));"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/lib/BaseGauge.js b/lib/BaseGauge.js index 164efd74..9a34e2c5 100644 --- a/lib/BaseGauge.js +++ b/lib/BaseGauge.js @@ -239,7 +239,6 @@ export default class BaseGauge extends EventEmitter { this.draw(); this.emit('animate', percent, this.options.value); - console.log('animation progress', this.options.value, this._value); }, () => { if (this._value !== undefined) { this.options.value = this._value; @@ -248,7 +247,6 @@ export default class BaseGauge extends EventEmitter { this.draw(); this.emit('animationEnd'); - console.log('animation end'); }); } diff --git a/lib/GenericOptions.js b/lib/GenericOptions.js index 1fb3681a..1cbce570 100644 --- a/lib/GenericOptions.js +++ b/lib/GenericOptions.js @@ -40,7 +40,7 @@ /** * Shared generic gauges options * - * @type {{renderTo: RenderTarget, width: number, height: number, minValue: number, maxValue: number, value: number, units: string|boolean, majorTicks: number[]|string[], minorTicks: number, strokeTicks: boolean, animatedValue: boolean, animateOnInit: boolean, title: string|boolean, borders: boolean, valueInt: number, valueDec: number, majorTicksInt: number, majorTicksDec: number, animation: boolean, animationDuration: number, animationRule: string|AnimationRule, colorPlate: string, colorPlateEnd: string, colorMajorTicks: string, colorMinorTicks: string, colorTitle: string, colorUnits: string, colorNumbers: string, colorNeedle: string, colorNeedleEnd: string, colorValueText: string, colorValueTextShadow: string, colorBorderShadow: string, colorBorderOuter: string, colorBorderOuterEnd: string, colorBorderMiddle: string, colorBorderMiddleEnd: string, colorBorderInner: string, colorBorderInnerEnd: string, colorValueBoxRect: string, colorValueBoxRectEnd: string, colorValueBoxBackground: string, colorValueBoxShadow: string, colorNeedleShadowUp: string, colorNeedleShadowDown: string, needle: boolean, needleShadow: boolean, needleType: string, needleStart: number, needleEnd: number, needleWidth: number, borderOuterWidth: number, borderMiddleWidth: number, borderInnerWidth: number, borderShadowWidth: number, valueBox: boolean, valueBoxWidth: number, valueBoxStroke: number, valueText: string, valueTextShadow: boolean, valueBoxBorderRadius: number, highlights: Highlight[], highlightsWidth: number, fontNumbers: string, fontTitle: string, fontUnits: string, fontValue: string, fontTitleSize: number, fontValueSize: number, fontUnitsSize: number, fontNumbersSize: number, fontNumbersStyle: string, fontTitleStyle: string, fontUnitsStyle: string, fontValueStyle: string, fontNumbersWeight: string, fontTitleWeight: string, fontUnitsWeight: string, fontValueWeight: string, barWidth: number, barStrokeWidth: number, barProgress: boolean, colorBar: string, colorBarStroke: string, colorBarProgress: string, colorBarShadow: string, barShadow: number}} GenericOptions + * @type {{renderTo: RenderTarget, width: number, height: number, minValue: number, maxValue: number, value: number, units: string|boolean, majorTicks: number[]|string[], exactTicks: boolean, minorTicks: number, strokeTicks: boolean, animatedValue: boolean, animateOnInit: boolean, title: string|boolean, borders: boolean, valueInt: number, valueDec: number, majorTicksInt: number, majorTicksDec: number, animation: boolean, animationDuration: number, animationRule: string|AnimationRule, colorPlate: string, colorPlateEnd: string, colorMajorTicks: string, colorMinorTicks: string, colorTitle: string, colorUnits: string, colorNumbers: string, colorNeedle: string, colorNeedleEnd: string, colorValueText: string, colorValueTextShadow: string, colorBorderShadow: string, colorBorderOuter: string, colorBorderOuterEnd: string, colorBorderMiddle: string, colorBorderMiddleEnd: string, colorBorderInner: string, colorBorderInnerEnd: string, colorValueBoxRect: string, colorValueBoxRectEnd: string, colorValueBoxBackground: string, colorValueBoxShadow: string, colorNeedleShadowUp: string, colorNeedleShadowDown: string, needle: boolean, needleShadow: boolean, needleType: string, needleStart: number, needleEnd: number, needleWidth: number, borderOuterWidth: number, borderMiddleWidth: number, borderInnerWidth: number, borderShadowWidth: number, valueBox: boolean, valueBoxWidth: number, valueBoxStroke: number, valueText: string, valueTextShadow: boolean, valueBoxBorderRadius: number, highlights: Highlight[], highlightsWidth: number, fontNumbers: string, fontTitle: string, fontUnits: string, fontValue: string, fontTitleSize: number, fontValueSize: number, fontUnitsSize: number, fontNumbersSize: number, fontNumbersStyle: string, fontTitleStyle: string, fontUnitsStyle: string, fontValueStyle: string, fontNumbersWeight: string, fontTitleWeight: string, fontUnitsWeight: string, fontValueWeight: string, barWidth: number, barStrokeWidth: number, barProgress: boolean, colorBar: string, colorBarStroke: string, colorBarProgress: string, colorBarShadow: string, barShadow: number}} GenericOptions */ const GenericOptions = { // basic options @@ -51,6 +51,7 @@ const GenericOptions = { maxValue: 100, value: 0, units: false, + exactTicks: false, majorTicks: [0, 20, 40, 60, 80, 100], minorTicks: 10, strokeTicks: true, diff --git a/lib/RadialGauge.js b/lib/RadialGauge.js index a9c30820..e628d51d 100644 --- a/lib/RadialGauge.js +++ b/lib/RadialGauge.js @@ -34,7 +34,7 @@ const HPI = PI / 2; /** * Gauge configuration options * - * @typedef {GenericOptions|{ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean}} RadialGaugeOptions + * @typedef {GenericOptions|{exactTicks: boolean, ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean}} RadialGaugeOptions */ /** @@ -241,17 +241,28 @@ function drawRadialHighlights(context, options) { */ function drawRadialMinorTicks(context, options) { let radius = radialTicksRadius(context, options); + let s, range, angle; + let i = 0; + let delta = 0; + let ratio = options.ticksAngle / (options.maxValue - options.minValue); context.lineWidth = SmartCanvas.pixelRatio; context.strokeStyle = options.colorMinorTicks; context.save(); - let s = options.minorTicks * (options.majorTicks.length - 1); - let i = 0; + if (options.exactTicks) { + range = options.maxValue - options.minValue; + s = range / options.minorTicks; + delta = (options.majorTicks[0] % options.minorTicks) * ratio; + } + + else { + s = options.minorTicks * (options.majorTicks.length - 1); + } for (; i < s; ++i) { - let angle = options.startAngle + i * (options.ticksAngle / s); + angle = options.startAngle + delta + i * (options.ticksAngle / s); context.rotate(drawings.radians(angle)); @@ -306,7 +317,11 @@ function drawRadialMajorTicks(context, options) { i = 0; for (; i < s; ++i) { context.strokeStyle = colors[i]; - context.rotate(drawings.radians(radialNextAngle(options, i, s))); + context.rotate(drawings.radians(radialNextAngle( + options, + options.exactTicks ? options.majorTicks[i] : i, + s + ))); context.beginPath(); context.moveTo(0, r); @@ -330,6 +345,11 @@ function drawRadialMajorTicks(context, options) { /* istanbul ignore next: private, not testable */ function radialNextAngle(options, i, s) { + if (options.exactTicks) { + let ratio = options.ticksAngle / (options.maxValue - options.minValue); + return options.startAngle + ratio * (i - options.minValue); + } + return options.startAngle + i * (options.ticksAngle / (s - 1)); } @@ -372,7 +392,10 @@ function drawRadialNumbers(context, options) { } for (; i < s; ++i) { - let angle = plateValueAngle + radialNextAngle(options, i, s); + let angle = plateValueAngle + radialNextAngle( + options, + options.exactTicks ? options.majorTicks[i] : i, + s); let point = drawings.radialPoint(radius, drawings.radians(angle)); if (angle === 360) angle = 0; From 5a29178017f991454d93c07fbfb7982377bc6a34 Mon Sep 17 00:00:00 2001 From: Mykhailo Stadnyk Date: Wed, 28 Dec 2016 14:50:12 +0200 Subject: [PATCH 08/10] Implemented custom exact value ticks bar for linear gauges --- ...n-linear-bar.html => exact-ticks-bar.html} | 23 +++++++ gauge.min.js | 4 +- gauge.min.js.map | 2 +- lib/LinearGauge.js | 68 ++++++++++++++----- test-coverage.svg | 2 +- 5 files changed, 79 insertions(+), 20 deletions(-) rename examples/{non-linear-bar.html => exact-ticks-bar.html} (72%) diff --git a/examples/non-linear-bar.html b/examples/exact-ticks-bar.html similarity index 72% rename from examples/non-linear-bar.html rename to examples/exact-ticks-bar.html index c402d993..5dcd6359 100644 --- a/examples/non-linear-bar.html +++ b/examples/exact-ticks-bar.html @@ -28,6 +28,29 @@ data-height="500" > + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + diff --git a/gauge.min.js b/gauge.min.js index ccacd31f..e59e2881 100644 --- a/gauge.min.js +++ b/gauge.min.js @@ -23,6 +23,6 @@ * * @version 2.1.1 */ -!function(e){"use strict";function t(e){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t1&&(d=1),t&&t(1===d?d:r(d)),s0){for(a=e.toFixed(i).toString().split("."),n=r-a[0].length;o1?(r=~i.indexOf("."),~i.indexOf("-")?"-"+[t.majorTicksInt+t.majorTicksDec+2+(r?1:0)-i.length].join("0")+i.replace("-",""):[t.majorTicksInt+t.majorTicksDec+1+(r?1:0)-i.length].join("0")+i):i}function f(e){return e*Math.PI/180}function m(e,t){return{x:-e*Math.sin(t),y:e*Math.cos(t)}}function v(e,t,i,r){var o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,a=e.createLinearGradient(o?0:n,o?n:0,o?0:r,o?r:0);return a.addColorStop(0,t),a.addColorStop(1,i),a}function b(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(i)return e.restore(),!0;e.save();var r=t.borderShadowWidth;return r&&(e.shadowBlur=r,e.shadowColor=t.colorBorderShadow),!0}function g(e,t){t.needleShadow&&(e.shadowOffsetX=2,e.shadowOffsetY=2,e.shadowBlur=10,e.shadowColor=t.colorNeedleShadowDown)}function p(e,t,i){return e["font"+t+"Style"]+" "+e["font"+t+"Weight"]+" "+e["font"+t+"Size"]*i+"px "+e["font"+t]}function w(e){e.shadowOffsetX=null,e.shadowOffsetY=null,e.shadowBlur=null,e.shadowColor="",e.strokeStyle=null,e.lineWidth=0,e.save()}function y(e,t,i,r){t.valueTextShadow&&(e.shadowOffsetX=i,e.shadowOffsetY=i,e.shadowBlur=r,e.shadowColor=t.colorValueTextShadow)}function k(e,t,i,r,o,n){if(t.valueBox){w(e);var a=t.valueText||h(i,t),l=n/200,s=n/100,d=.4*s,u=1.2*s;e.font=p(t,"Value",l),y(e,t,d,u);var f=e.measureText(t.valueText?a:"-"+h(0,t)).width;w(e);var m=parseFloat(t.fontValueSize)*l+d+u,v=s*parseFloat(t.valueBoxStroke),b=2*n-2*v,g=f+10*s,k=1.1*m+d+u,x=s*t.valueBoxBorderRadius,T=(parseFloat(t.valueBoxWidth)||0)/100*b;T>g&&(g=T),g>b&&(g=b);var S=r-g/2,W=o-k/2,O=o-5.75*s;if(e.beginPath(),x?c(e,S,W,g,k,x):e.rect(S,W,g,k),v){var V=e.createRadialGradient(r,O,10*s,r,O,20*s);V.addColorStop(0,t.colorValueBoxRect),V.addColorStop(1,t.colorValueBoxRectEnd),e.strokeStyle=V,e.lineWidth=v,e.stroke()}t.colorValueBoxShadow&&(e.shadowBlur=1.2*s,e.shadowColor=t.colorValueBoxShadow),t.colorValueBoxBackground&&(e.fillStyle=t.colorValueBoxBackground,e.fill()),e.closePath(),e.restore(),y(e,t,d,u),e.fillStyle=t.colorValueText,e.textAlign="center",e.textBaseline="alphabetic",e.fillText(a,S+g/2,o+k/2-m/3),e.restore()}}function x(e){var t=e.value,i=e.minValue,r=e.maxValue,o=.01*(r-i);return{normal:tr?r:t,indented:tr?r+o:t}}function T(e,t,i,r,o){i.beginPath(),i.arc(0,0,ye(e),0,2*Se,!0),i.lineWidth=t,i.strokeStyle=o?Te.linearGradient(i,r,o,e):r,i.stroke(),i.closePath()}function S(e,t){var i=be.pixelRatio;return e.maxRadius||(e.maxRadius=e.max-t.borderShadowWidth-t.borderOuterWidth*i-t.borderMiddleWidth*i-t.borderInnerWidth*i+(t.borderOuterWidth?.5:0)+(t.borderMiddleWidth?.5:0)+(t.borderInnerWidth?.5:0)),e.maxRadius}function W(e,t){var i=be.pixelRatio,r=t.borderShadowWidth*i,o=e.max-r-t.borderOuterWidth*i/2,n=o-t.borderOuterWidth*i/2-t.borderMiddleWidth*i/2+.5,a=n-t.borderMiddleWidth*i/2-t.borderInnerWidth*i/2+.5,l=S(e,t),s=void 0,d=!1;e.save(),t.borderOuterWidth&&(d=Te.drawShadow(e,t,d),T(o,t.borderOuterWidth*i,e,t.colorBorderOuter,t.colorBorderOuterEnd)),t.borderMiddleWidth&&(d=Te.drawShadow(e,t,d),T(n,t.borderMiddleWidth*i,e,t.colorBorderMiddle,t.colorBorderMiddleEnd)),t.borderInnerWidth&&(d=Te.drawShadow(e,t,d),T(a,t.borderInnerWidth*i,e,t.colorBorderInner,t.colorBorderInnerEnd)),Te.drawShadow(e,t,d),e.beginPath(),e.arc(0,0,ye(l),0,2*Se,!0),t.colorPlateEnd?(s=e.createRadialGradient(0,0,l/2,0,0,l),s.addColorStop(0,t.colorPlate),s.addColorStop(1,t.colorPlateEnd)):s=t.colorPlate,e.fillStyle=s,e.fill(),e.closePath(),e.restore()}function O(e,t){var i=e.max*(parseFloat(t.highlightsWidth)||0)/100;if(i){var r=ye(P(e,t)-i/2),o=0,n=t.highlights.length,a=(t.maxValue-t.minValue)/t.ticksAngle;for(e.save();on?o:n,n>o,o>n?i:r):a,t>0?Te.roundRect(e,i,r,o,n,t):e.rect(i,r,o,n),e.fill(),e.closePath()}function z(e,t,i,r,o,n,a,l,s){e.beginPath(),e.lineWidth=t,e.strokeStyle=s?Te.linearGradient(e,l,s,a,!0,o):l,i>0?Te.roundRect(e,r,o,n,a,i):e.rect(r,o,n,a),e.stroke(),e.closePath()}function L(e,t,i,r,o,n){var a=be.pixelRatio;e.save();var l=t.borderRadius*a,s=o-t.borderShadowWidth-t.borderOuterWidth*a,d=s-t.borderOuterWidth*a-t.borderMiddleWidth*a,c=d-t.borderMiddleWidth*a-t.borderInnerWidth*a,h=c-t.borderInnerWidth*a,u=n-t.borderShadowWidth-t.borderOuterWidth*a,f=u-t.borderOuterWidth*a-t.borderMiddleWidth*a,m=f-t.borderMiddleWidth*a-t.borderInnerWidth*a,v=m-t.borderInnerWidth*a,b=i-(d-s)/2,g=b-(c-d)/2,p=g-(h-c)/2,w=r-(f-u)/2,y=w-(m-f)/2,k=y-(v-m)/2,x=0,T=!1;return t.borderOuterWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderOuterWidth*a,l,i+t.borderOuterWidth*a/2-x,r+t.borderOuterWidth*a/2-x,s,u,t.colorBorderOuter,t.colorBorderOuterEnd),x+=.5*a),t.borderMiddleWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderMiddleWidth*a,l-=1+2*x,b+t.borderMiddleWidth*a/2-x,w+t.borderMiddleWidth*a/2-x,d+2*x,f+2*x,t.colorBorderMiddle,t.colorBorderMiddleEnd),x+=.5*a),t.borderInnerWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderInnerWidth*a,l-=1+2*x,g+t.borderInnerWidth*a/2-x,y+t.borderInnerWidth*a/2-x,c+2*x,m+2*x,t.colorBorderInner,t.colorBorderInnerEnd),x+=.5*a),Te.drawShadow(e,t,T),D(e,l,p,k,h+2*x,v+2*x,t.colorPlate,t.colorPlateEnd),e.restore(),[p,k,h,v]}function G(e,t,i,r,o,n){var a=be.pixelRatio,l=n>=o,s=l?.85*o:n,d=l?n:o;i=l?we(i+(o-s)/2):i;var c=!!t.title,h=!!t.units,u=!!t.valueBox,f=void 0,m=void 0,v=void 0;l?(m=we(.05*d),f=we(.075*d),v=we(.11*d),c&&(d-=f,r+=f),h&&(d-=m),u&&(d-=v)):(m=f=we(.15*s),c&&(s-=f,r+=f),h&&(s-=m));var b=2*t.barStrokeWidth,g=t.barBeginCircle?we(s*t.barBeginCircle/200-b/2):0,p=we(s*t.barWidth/100-b),w=we(d*t.barLength/100-b),y=we((d-w)/2),k=we(i+(l?s/2:y+g)),x=we(r+(l?d-y-g+b/2:s/2)),T=!l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s,S=l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s;return e.barDimensions={isVertical:l,width:s,length:d,barWidth:p,barLength:w,strokeWidth:b,barMargin:y,radius:g,pixelRatio:a,barOffset:null,titleMargin:c?f:0,unitsMargin:h?m:0,get ticksLength(){return this.barLength-this.barOffset-this.strokeWidth},X:i+T,Y:r+S,x0:k+T,y0:x+S,baseX:i,baseY:r,ticksPadding:t.ticksPadding/100},e.barDimensions}function F(e,t,i,r,o,n,a){var l=G(e,t,r,o,n,a),s=l.isVertical,d=l.width,c=l.barWidth,h=l.barLength,u=l.strokeWidth,f=l.barMargin,m=l.radius,v=l.x0,b=l.y0,g=l.X,p=l.Y,w=h;if(e.save(),e.beginPath(),t.barBeginCircle){var y=Te.radians(s?270:0),k=Math.asin(c/2/m),x=Math.cos(k),T=Math.sin(k),S=v+(s?m*T:m*x-u/2),W=s?b-m*x:b+m*T,O=ye(s?W-b:S-v);e.barDimensions.barOffset=we(O+m);var V=s?we(v-m*T):S,P=s?W:we(b-m*T);"progress"===i&&(h=e.barDimensions.barOffset+(h-e.barDimensions.barOffset)*(Te.normalizedValue(t).normal-t.minValue)/(t.maxValue-t.minValue));var B=we(S+h-e.barDimensions.barOffset+u/2),A=we(W-h+e.barDimensions.barOffset-u/2);e.arc(v,b,m,y+k,y-k),s?(e.moveTo(S,P),e.lineTo(S,A),e.lineTo(V,A),e.lineTo(V,P)):(e.moveTo(S,P),e.lineTo(B,P),e.lineTo(B,W),e.lineTo(S,W))}else{var M=we(s?g+(d-c)/2:g+f),C=we(s?p+h+f:p+(d-c)/2);"progress"===i&&(h*=(t.value-t.minValue)/(t.maxValue-t.minValue)),s?e.rect(M,C,c,-h):e.rect(M,C,h,c)}"progress"!==i&&t.barStrokeWidth&&(e.lineWidth=u,e.strokeStyle=t.colorBarStroke,e.stroke()),"progress"!==i&&t.colorBar?(e.fillStyle=t.colorBarEnd?Te.linearGradient(e,t.colorBar,t.colorBarEnd,h,s,s?p:g):t.colorBar,e.fill()):"progress"===i&&t.colorBarProgress&&(e.fillStyle=t.colorBarProgressEnd?Te.linearGradient(e,t.colorBarProgress,t.colorBarProgressEnd,w,s,s?p:g):t.colorBarProgress,e.fill()),e.closePath(),t.barBeginCircle&&(e.barDimensions.radius+=u),e.barDimensions.barWidth+=u,e.barDimensions.barLength+=u}function X(e,t,i,r,o,n){F(e,t,"",i,r,o,n)}function Y(e,t){return t.needleSide!==e||t.tickSide!==e||t.numberSide!==e}function U(e,t,i,r,o,n){t.barProgress&&F(e,t,"progress",i,r,o,n)}function H(e,t){var i=e.barDimensions,r=i.isVertical,o=i.width,n=i.length,a=i.barWidth,l=i.barOffset,s=i.barMargin,d=i.X,c=i.Y,h=i.ticksLength,u=i.ticksPadding,f=o*(parseFloat(t.highlightsWidth)||0)/100;if(t.highlights&&f){var m="right"!==t.tickSide,v="left"!==t.tickSide,b=0,g=t.highlights.length,p=(o-a)/2,w=t.maxValue-t.minValue,y=we(r?d+p:d+s+l),k=f,x=r?c+n-s-l:c+p,T=we((t.ticksWidth/100+u)*o)+(f-t.ticksWidth/100*o),S=we(a+u*o);for(e.save();bn&&(d*=-1),e.moveTo(i-h,r),e.lineTo(i+h,r),e.lineTo(i+h,r+d),e.lineTo(i,n),e.lineTo(i-h,r+d),e.lineTo(i-h,r)):(i>o&&(d*=-1),e.moveTo(i,r-h),e.lineTo(i,r+h),e.lineTo(i+d,r+h),e.lineTo(o,r),e.lineTo(i+d,r-h),e.lineTo(i,r-h)),e.fill(),e.closePath()}function ae(e,t,i,r,o,n,a){var l=(parseFloat(t.fontValueSize)||0)*n/200,s=(.11*a-l)/2;e.barDimensions.isVertical&&Te.drawValueBox(e,t,i,r+n/2,o+a-l-s,n)}var le=function(){function e(e,t){var i=[],r=!0,o=!1,n=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(i.push(a.value),!t||i.length!==t);r=!0);}catch(e){o=!0,n=e}finally{try{!r&&l.return&&l.return()}finally{if(o)throw n}}return i}return function(t,i){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),se=function e(t,i,r){null===t&&(t=Function.prototype);var o=Object.getOwnPropertyDescriptor(t,i);if(void 0===o){var n=Object.getPrototypeOf(t);return null===n?void 0:e(n,i,r)}if("value"in o)return o.value;var a=o.get;if(void 0!==a)return a.call(r)},de=function e(t,i,r,o){var n=Object.getOwnPropertyDescriptor(t,i);if(void 0===n){var a=Object.getPrototypeOf(t);null!==a&&e(a,i,r,o)}else if("value"in n&&n.writable)n.value=r;else{var l=n.set;void 0!==l&&l.call(o,r)}return r},ce=function(){function e(e,t){for(var i=0;i>>0;if(0===o)return-1;var n=+t||0;if(Math.abs(n)===1/0&&(n=0),n>=o)return-1;for(i=Math.max(n>=0?n:o-Math.abs(n),0);i>>0,r=arguments[1],o=r>>0,n=o<0?Math.max(i+o,0):Math.min(o,i),a=arguments[2],l=void 0===a?i:a>>0,s=l<0?Math.max(i+l,0):Math.min(l,i);n1?r-1:0),n=1;n1?t-1:0),r=1;r=(7-4*t)/11)return-Math.pow((11-6*t-11*e)/4,2)+Math.pow(i,2)},elastic:function(e){return 1-fe.delastic(1-e)},delastic:function(e){var t=1.5;return Math.pow(2,10*(e-1))*Math.cos(20*Math.PI*t/3*e)}},me=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:250,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};if(o(this,e),this.duration=i,this.rule=t,this.draw=r,this.end=n,"function"!=typeof this.draw)throw new TypeError("Invalid animation draw callback:",r);if("function"!=typeof this.end)throw new TypeError("Invalid animation end callback:",n)}return ce(e,[{key:"animate",value:function(e,t){var i=this;this.cancel();var r=window.performance&&window.performance.now?window.performance.now():n("animationStartTime")||Date.now();e=e||this.draw,t=t||this.end,this.frame=ue(function(o){return a(o,e,r,fe[i.rule]||i.rule,i.duration,t,i)})}},{key:"cancel",value:function(){if(this.frame){var e=n("cancelAnimationFrame")||function(e){};e(this.frame),this.frame=null}}},{key:"destroy",value:function(){this.cancel(),this.draw=null,this.end=null}}]),e}();me.rules=fe;var ve=function(){function t(i,r,n){o(this,t),this.options=i,this.element=r.toLowerCase(),this.type=t.toDashed(n),this.Type=e[n],this.mutationsObserved=!1,this.isObservable=!!window.MutationObserver,window.GAUGES_NO_AUTO_INIT||t.domReady(this.traverse.bind(this))}return ce(t,[{key:"isValidNode",value:function(e){return!(!e.tagName||e.tagName.toLowerCase()!==this.element||e.getAttribute("data-type")!==this.type)}},{key:"traverse",value:function(){for(var e=document.getElementsByTagName(this.element),t=0,i=e.length;t1&&void 0!==arguments[1])||arguments[1],i=e.split(/-/),r=0,o=i.length,n="";r1&&void 0!==arguments[1]?arguments[1]:0;return e=parseFloat(e),!isNaN(e)&&isFinite(e)||(e=parseFloat(t)||0),e}},{key:"version",get:function(){return pe}}]),n}(he);"undefined"!=typeof e&&(e.BaseGauge=xe,e.gauges=(window.document||{}).gauges=ke);var Te={roundRect:c,padValue:h,formatMajorTickNumber:u,radians:f,radialPoint:m,linearGradient:v,drawNeedleShadow:g,drawValueBox:k,verifyError:s,prepareTicks:d,drawShadow:b,font:p,normalizedValue:x},Se=Math.PI,We=Se/2,Oe=Object.assign({},ge,{ticksAngle:270,startAngle:45,colorNeedleCircleOuter:"#f0f0f0",colorNeedleCircleOuterEnd:"#ccc",colorNeedleCircleInner:"#e8e8e8",colorNeedleCircleInnerEnd:"#f5f5f5",needleCircleSize:10,needleCircleInner:!0,needleCircleOuter:!0,animationTarget:"needle",useMinPath:!1,barWidth:0}),Ve=function(e){function t(e){return o(this,t),e=Object.assign({},Oe,e||{}),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,t.configure(e)))}return r(t,e),ce(t,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],n=i[2],a=i[3],l=this.options;if("needle"===l.animationTarget){if(!e.elementClone.initialized){var s=e.contextClone;s.clearRect(r,o,n,a),s.save(),this.emit("beforePlate"),W(s,l),this.emit("beforeHighlights"),O(s,l),this.emit("beforeMinorTicks"),V(s,l),this.emit("beforeMajorTicks"),B(s,l),this.emit("beforeNumbers"),C(s,l),this.emit("beforeTitle"),j(s,l),this.emit("beforeUnits"),N(s,l),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,n,a),e.context.save(),e.context.drawImage(e.elementClone,r,o,n,a),e.context.save(),this.emit("beforeProgressBar"),R(e.context,l),this.emit("beforeValueBox"),_(e.context,l,I(this)),this.emit("beforeNeedle"),E(e.context,l)}else{var d=-Te.radians((l.value-l.minValue)/(l.maxValue-l.minValue)*l.ticksAngle);if(e.context.clearRect(r,o,n,a),e.context.save(),this.emit("beforePlate"),W(e.context,l),e.context.rotate(d),this.emit("beforeHighlights"),O(e.context,l),this.emit("beforeMinorTicks"),V(e.context,l),this.emit("beforeMajorTicks"),B(e.context,l),this.emit("beforeNumbers"),C(e.context,l),this.emit("beforeProgressBar"),R(e.context,l),e.context.rotate(-d),e.context.save(),!e.elementClone.initialized){var c=e.contextClone;c.clearRect(r,o,n,a),c.save(),this.emit("beforeTitle"),j(c,l),this.emit("beforeUnits"),N(c,l),this.emit("beforeNeedle"),E(c,l),e.elementClone.initialized=!0}e.context.drawImage(e.elementClone,r,o,n,a)}this.emit("beforeValueBox"),_(e.context,l,I(this)),se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}},{key:"value",set:function(e){e=xe.ensureValue(e,this.options.minValue),this.options.animation&&360===this.options.ticksAngle&&this.options.useMinPath&&(this._value=e,e=this.options.value+((e-this.options.value)%360+540)%360-180),de(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",e,this)},get:function(){return se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",this)}}],[{key:"configure",value:function(e){return e.barWidth>50&&(e.barWidth=50),isNaN(e.startAngle)&&(e.startAngle=45),isNaN(e.ticksAngle)&&(e.ticksAngle=270),e.ticksAngle>360&&(e.ticksAngle=360),e.ticksAngle<0&&(e.ticksAngle=0),e.startAngle<0&&(e.startAngle=0),e.startAngle>360&&(e.startAngle=360),e}}]),t}(xe);"undefined"!=typeof e&&(e.RadialGauge=Ve),xe.initialize("RadialGauge",Oe);var Pe=Object.assign({},ge,{borderRadius:0,barBeginCircle:30,colorBarEnd:"",colorBarProgressEnd:"",needleWidth:6,tickSide:"both",needleSide:"both",numberSide:"both",ticksWidth:10,ticksWidthMinor:5,ticksPadding:5,barLength:85,fontTitleSize:26,highlightsWidth:10}),Be=function(e){function n(e){return o(this,n),e=Object.assign({},Pe,e||{}),i(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n.configure(e)))}return r(n,e),ce(n,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],a=i[2],l=i[3],s=this.options;if(!e.elementClone.initialized){var d=e.contextClone;d.clearRect(r,o,a,l),d.save(),this.emit("beforePlate"),this.drawBox=L(d,s,r,o,a,l),this.emit("beforeBar"),X.apply(void 0,[d,s].concat(t(this.drawBox))),e.context.barDimensions=d.barDimensions,this.emit("beforeHighlights"),H(d,s),this.emit("beforeMinorTicks"),K(d,s),this.emit("beforeMajorTicks"),$(d,s),this.emit("beforeNumbers"),Q(d,s),this.emit("beforeTitle"),ee(d,s),this.emit("beforeUnits"),te(d,s),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,a,l),e.context.save(),e.context.drawImage(e.elementClone,r,o,a,l),e.context.save(),this.emit("beforeProgressBar"),U.apply(void 0,[e.context,s].concat(t(this.drawBox))),this.emit("beforeNeedle"),ie(e.context,s),this.emit("beforeValueBox"),ae.apply(void 0,[e.context,s,s.animatedValue?this.options.value:this.value].concat(t(this.drawBox))),se(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}}],[{key:"configure",value:function(e){return e.barStrokeWidth>=e.barWidth&&(e.barStrokeWidth=we(e.barWidth/2)),e.hasLeft=Y("right",e),e.hasRight=Y("left",e),e.value>e.maxValue&&(e.value=e.maxValue),e.value1&&(d=1),t&&t(1===d?d:r(d)),s0){for(a=e.toFixed(i).toString().split("."),n=r-a[0].length;o1?(r=~i.indexOf("."),~i.indexOf("-")?"-"+[t.majorTicksInt+t.majorTicksDec+2+(r?1:0)-i.length].join("0")+i.replace("-",""):[t.majorTicksInt+t.majorTicksDec+1+(r?1:0)-i.length].join("0")+i):i}function f(e){return e*Math.PI/180}function m(e,t){return{x:-e*Math.sin(t),y:e*Math.cos(t)}}function v(e,t,i,r){var o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,a=e.createLinearGradient(o?0:n,o?n:0,o?0:r,o?r:0);return a.addColorStop(0,t),a.addColorStop(1,i),a}function b(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(i)return e.restore(),!0;e.save();var r=t.borderShadowWidth;return r&&(e.shadowBlur=r,e.shadowColor=t.colorBorderShadow),!0}function g(e,t){t.needleShadow&&(e.shadowOffsetX=2,e.shadowOffsetY=2,e.shadowBlur=10,e.shadowColor=t.colorNeedleShadowDown)}function p(e,t,i){return e["font"+t+"Style"]+" "+e["font"+t+"Weight"]+" "+e["font"+t+"Size"]*i+"px "+e["font"+t]}function w(e){e.shadowOffsetX=null,e.shadowOffsetY=null,e.shadowBlur=null,e.shadowColor="",e.strokeStyle=null,e.lineWidth=0,e.save()}function y(e,t,i,r){t.valueTextShadow&&(e.shadowOffsetX=i,e.shadowOffsetY=i,e.shadowBlur=r,e.shadowColor=t.colorValueTextShadow)}function k(e,t,i,r,o,n){if(t.valueBox){w(e);var a=t.valueText||h(i,t),l=n/200,s=n/100,d=.4*s,u=1.2*s;e.font=p(t,"Value",l),y(e,t,d,u);var f=e.measureText(t.valueText?a:"-"+h(0,t)).width;w(e);var m=parseFloat(t.fontValueSize)*l+d+u,v=s*parseFloat(t.valueBoxStroke),b=2*n-2*v,g=f+10*s,k=1.1*m+d+u,x=s*t.valueBoxBorderRadius,T=(parseFloat(t.valueBoxWidth)||0)/100*b;T>g&&(g=T),g>b&&(g=b);var S=r-g/2,W=o-k/2,O=o-5.75*s;if(e.beginPath(),x?c(e,S,W,g,k,x):e.rect(S,W,g,k),v){var V=e.createRadialGradient(r,O,10*s,r,O,20*s);V.addColorStop(0,t.colorValueBoxRect),V.addColorStop(1,t.colorValueBoxRectEnd),e.strokeStyle=V,e.lineWidth=v,e.stroke()}t.colorValueBoxShadow&&(e.shadowBlur=1.2*s,e.shadowColor=t.colorValueBoxShadow),t.colorValueBoxBackground&&(e.fillStyle=t.colorValueBoxBackground,e.fill()),e.closePath(),e.restore(),y(e,t,d,u),e.fillStyle=t.colorValueText,e.textAlign="center",e.textBaseline="alphabetic",e.fillText(a,S+g/2,o+k/2-m/3),e.restore()}}function x(e){var t=e.value,i=e.minValue,r=e.maxValue,o=.01*(r-i);return{normal:tr?r:t,indented:tr?r+o:t}}function T(e,t,i,r,o){i.beginPath(),i.arc(0,0,ye(e),0,2*Se,!0),i.lineWidth=t,i.strokeStyle=o?Te.linearGradient(i,r,o,e):r,i.stroke(),i.closePath()}function S(e,t){var i=be.pixelRatio;return e.maxRadius||(e.maxRadius=e.max-t.borderShadowWidth-t.borderOuterWidth*i-t.borderMiddleWidth*i-t.borderInnerWidth*i+(t.borderOuterWidth?.5:0)+(t.borderMiddleWidth?.5:0)+(t.borderInnerWidth?.5:0)),e.maxRadius}function W(e,t){var i=be.pixelRatio,r=t.borderShadowWidth*i,o=e.max-r-t.borderOuterWidth*i/2,n=o-t.borderOuterWidth*i/2-t.borderMiddleWidth*i/2+.5,a=n-t.borderMiddleWidth*i/2-t.borderInnerWidth*i/2+.5,l=S(e,t),s=void 0,d=!1;e.save(),t.borderOuterWidth&&(d=Te.drawShadow(e,t,d),T(o,t.borderOuterWidth*i,e,t.colorBorderOuter,t.colorBorderOuterEnd)),t.borderMiddleWidth&&(d=Te.drawShadow(e,t,d),T(n,t.borderMiddleWidth*i,e,t.colorBorderMiddle,t.colorBorderMiddleEnd)),t.borderInnerWidth&&(d=Te.drawShadow(e,t,d),T(a,t.borderInnerWidth*i,e,t.colorBorderInner,t.colorBorderInnerEnd)),Te.drawShadow(e,t,d),e.beginPath(),e.arc(0,0,ye(l),0,2*Se,!0),t.colorPlateEnd?(s=e.createRadialGradient(0,0,l/2,0,0,l),s.addColorStop(0,t.colorPlate),s.addColorStop(1,t.colorPlateEnd)):s=t.colorPlate,e.fillStyle=s,e.fill(),e.closePath(),e.restore()}function O(e,t){var i=e.max*(parseFloat(t.highlightsWidth)||0)/100;if(i){var r=ye(P(e,t)-i/2),o=0,n=t.highlights.length,a=(t.maxValue-t.minValue)/t.ticksAngle;for(e.save();on?o:n,n>o,o>n?i:r):a,t>0?Te.roundRect(e,i,r,o,n,t):e.rect(i,r,o,n),e.fill(),e.closePath()}function z(e,t,i,r,o,n,a,l,s){e.beginPath(),e.lineWidth=t,e.strokeStyle=s?Te.linearGradient(e,l,s,a,!0,o):l,i>0?Te.roundRect(e,r,o,n,a,i):e.rect(r,o,n,a),e.stroke(),e.closePath()}function L(e,t,i,r,o,n){var a=be.pixelRatio;e.save();var l=t.borderRadius*a,s=o-t.borderShadowWidth-t.borderOuterWidth*a,d=s-t.borderOuterWidth*a-t.borderMiddleWidth*a,c=d-t.borderMiddleWidth*a-t.borderInnerWidth*a,h=c-t.borderInnerWidth*a,u=n-t.borderShadowWidth-t.borderOuterWidth*a,f=u-t.borderOuterWidth*a-t.borderMiddleWidth*a,m=f-t.borderMiddleWidth*a-t.borderInnerWidth*a,v=m-t.borderInnerWidth*a,b=i-(d-s)/2,g=b-(c-d)/2,p=g-(h-c)/2,w=r-(f-u)/2,y=w-(m-f)/2,k=y-(v-m)/2,x=0,T=!1;return t.borderOuterWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderOuterWidth*a,l,i+t.borderOuterWidth*a/2-x,r+t.borderOuterWidth*a/2-x,s,u,t.colorBorderOuter,t.colorBorderOuterEnd),x+=.5*a),t.borderMiddleWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderMiddleWidth*a,l-=1+2*x,b+t.borderMiddleWidth*a/2-x,w+t.borderMiddleWidth*a/2-x,d+2*x,f+2*x,t.colorBorderMiddle,t.colorBorderMiddleEnd),x+=.5*a),t.borderInnerWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderInnerWidth*a,l-=1+2*x,g+t.borderInnerWidth*a/2-x,y+t.borderInnerWidth*a/2-x,c+2*x,m+2*x,t.colorBorderInner,t.colorBorderInnerEnd),x+=.5*a),Te.drawShadow(e,t,T),D(e,l,p,k,h+2*x,v+2*x,t.colorPlate,t.colorPlateEnd),e.restore(),[p,k,h,v]}function G(e,t,i,r,o,n){var a=be.pixelRatio,l=n>=o,s=l?.85*o:n,d=l?n:o;i=l?we(i+(o-s)/2):i;var c=!!t.title,h=!!t.units,u=!!t.valueBox,f=void 0,m=void 0,v=void 0;l?(m=we(.05*d),f=we(.075*d),v=we(.11*d),c&&(d-=f,r+=f),h&&(d-=m),u&&(d-=v)):(m=f=we(.15*s),c&&(s-=f,r+=f),h&&(s-=m));var b=2*t.barStrokeWidth,g=t.barBeginCircle?we(s*t.barBeginCircle/200-b/2):0,p=we(s*t.barWidth/100-b),w=we(d*t.barLength/100-b),y=we((d-w)/2),k=we(i+(l?s/2:y+g)),x=we(r+(l?d-y-g+b/2:s/2)),T=!l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s,S=l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s;return e.barDimensions={isVertical:l,width:s,length:d,barWidth:p,barLength:w,strokeWidth:b,barMargin:y,radius:g,pixelRatio:a,barOffset:null,titleMargin:c?f:0,unitsMargin:h?m:0,get ticksLength(){return this.barLength-this.barOffset-this.strokeWidth},X:i+T,Y:r+S,x0:k+T,y0:x+S,baseX:i,baseY:r,ticksPadding:t.ticksPadding/100},e.barDimensions}function F(e,t,i,r,o,n,a){var l=G(e,t,r,o,n,a),s=l.isVertical,d=l.width,c=l.barWidth,h=l.barLength,u=l.strokeWidth,f=l.barMargin,m=l.radius,v=l.x0,b=l.y0,g=l.X,p=l.Y,w=h;if(e.save(),e.beginPath(),t.barBeginCircle){var y=Te.radians(s?270:0),k=Math.asin(c/2/m),x=Math.cos(k),T=Math.sin(k),S=v+(s?m*T:m*x-u/2),W=s?b-m*x:b+m*T,O=ye(s?W-b:S-v);e.barDimensions.barOffset=we(O+m);var V=s?we(v-m*T):S,P=s?W:we(b-m*T);"progress"===i&&(h=e.barDimensions.barOffset+(h-e.barDimensions.barOffset)*(Te.normalizedValue(t).normal-t.minValue)/(t.maxValue-t.minValue));var B=we(S+h-e.barDimensions.barOffset+u/2),A=we(W-h+e.barDimensions.barOffset-u/2);e.arc(v,b,m,y+k,y-k),s?(e.moveTo(S,P),e.lineTo(S,A),e.lineTo(V,A),e.lineTo(V,P)):(e.moveTo(S,P),e.lineTo(B,P),e.lineTo(B,W),e.lineTo(S,W))}else{var M=we(s?g+(d-c)/2:g+f),j=we(s?p+h+f:p+(d-c)/2);"progress"===i&&(h*=(t.value-t.minValue)/(t.maxValue-t.minValue)),s?e.rect(M,j,c,-h):e.rect(M,j,h,c)}"progress"!==i&&t.barStrokeWidth&&(e.lineWidth=u,e.strokeStyle=t.colorBarStroke,e.stroke()),"progress"!==i&&t.colorBar?(e.fillStyle=t.colorBarEnd?Te.linearGradient(e,t.colorBar,t.colorBarEnd,h,s,s?p:g):t.colorBar,e.fill()):"progress"===i&&t.colorBarProgress&&(e.fillStyle=t.colorBarProgressEnd?Te.linearGradient(e,t.colorBarProgress,t.colorBarProgressEnd,w,s,s?p:g):t.colorBarProgress,e.fill()),e.closePath(),t.barBeginCircle&&(e.barDimensions.radius+=u),e.barDimensions.barWidth+=u,e.barDimensions.barLength+=u}function X(e,t,i,r,o,n){F(e,t,"",i,r,o,n)}function Y(e,t){return t.needleSide!==e||t.tickSide!==e||t.numberSide!==e}function U(e,t,i,r,o,n){t.barProgress&&F(e,t,"progress",i,r,o,n)}function q(e,t){var i=e.barDimensions,r=i.isVertical,o=i.width,n=i.length,a=i.barWidth,l=i.barOffset,s=i.barMargin,d=i.X,c=i.Y,h=i.ticksLength,u=i.ticksPadding,f=o*(parseFloat(t.highlightsWidth)||0)/100;if(t.highlights&&f){var m="right"!==t.tickSide,v="left"!==t.tickSide,b=0,g=t.highlights.length,p=(o-a)/2,w=t.maxValue-t.minValue,y=we(r?d+p:d+s+l),k=f,x=r?c+n-s-l:c+p,T=we((t.ticksWidth/100+u)*o)+(f-t.ticksWidth/100*o),S=we(a+u*o);for(e.save();bn&&(d*=-1),e.moveTo(i-h,r),e.lineTo(i+h,r),e.lineTo(i+h,r+d),e.lineTo(i,n),e.lineTo(i-h,r+d),e.lineTo(i-h,r)):(i>o&&(d*=-1),e.moveTo(i,r-h),e.lineTo(i,r+h),e.lineTo(i+d,r+h),e.lineTo(o,r),e.lineTo(i+d,r-h),e.lineTo(i,r-h)),e.fill(),e.closePath()}function ae(e,t,i,r,o,n,a){var l=(parseFloat(t.fontValueSize)||0)*n/200,s=(.11*a-l)/2;e.barDimensions.isVertical&&Te.drawValueBox(e,t,i,r+n/2,o+a-l-s,n)}var le=function(){function e(e,t){var i=[],r=!0,o=!1,n=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(i.push(a.value),!t||i.length!==t);r=!0);}catch(e){o=!0,n=e}finally{try{!r&&l.return&&l.return()}finally{if(o)throw n}}return i}return function(t,i){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),se=function e(t,i,r){null===t&&(t=Function.prototype);var o=Object.getOwnPropertyDescriptor(t,i);if(void 0===o){var n=Object.getPrototypeOf(t);return null===n?void 0:e(n,i,r)}if("value"in o)return o.value;var a=o.get;if(void 0!==a)return a.call(r)},de=function e(t,i,r,o){var n=Object.getOwnPropertyDescriptor(t,i);if(void 0===n){var a=Object.getPrototypeOf(t);null!==a&&e(a,i,r,o)}else if("value"in n&&n.writable)n.value=r;else{var l=n.set;void 0!==l&&l.call(o,r)}return r},ce=function(){function e(e,t){for(var i=0;i>>0;if(0===o)return-1;var n=+t||0;if(Math.abs(n)===1/0&&(n=0),n>=o)return-1;for(i=Math.max(n>=0?n:o-Math.abs(n),0);i>>0,r=arguments[1],o=r>>0,n=o<0?Math.max(i+o,0):Math.min(o,i),a=arguments[2],l=void 0===a?i:a>>0,s=l<0?Math.max(i+l,0):Math.min(l,i);n1?r-1:0),n=1;n1?t-1:0),r=1;r=(7-4*t)/11)return-Math.pow((11-6*t-11*e)/4,2)+Math.pow(i,2)},elastic:function(e){return 1-fe.delastic(1-e)},delastic:function(e){var t=1.5;return Math.pow(2,10*(e-1))*Math.cos(20*Math.PI*t/3*e)}},me=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:250,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};if(o(this,e),this.duration=i,this.rule=t,this.draw=r,this.end=n,"function"!=typeof this.draw)throw new TypeError("Invalid animation draw callback:",r);if("function"!=typeof this.end)throw new TypeError("Invalid animation end callback:",n)}return ce(e,[{key:"animate",value:function(e,t){var i=this;this.cancel();var r=window.performance&&window.performance.now?window.performance.now():n("animationStartTime")||Date.now();e=e||this.draw,t=t||this.end,this.frame=ue(function(o){return a(o,e,r,fe[i.rule]||i.rule,i.duration,t,i)})}},{key:"cancel",value:function(){if(this.frame){var e=n("cancelAnimationFrame")||function(e){};e(this.frame),this.frame=null}}},{key:"destroy",value:function(){this.cancel(),this.draw=null,this.end=null}}]),e}();me.rules=fe;var ve=function(){function t(i,r,n){o(this,t),this.options=i,this.element=r.toLowerCase(),this.type=t.toDashed(n),this.Type=e[n],this.mutationsObserved=!1,this.isObservable=!!window.MutationObserver,window.GAUGES_NO_AUTO_INIT||t.domReady(this.traverse.bind(this))}return ce(t,[{key:"isValidNode",value:function(e){return!(!e.tagName||e.tagName.toLowerCase()!==this.element||e.getAttribute("data-type")!==this.type)}},{key:"traverse",value:function(){for(var e=document.getElementsByTagName(this.element),t=0,i=e.length;t1&&void 0!==arguments[1])||arguments[1],i=e.split(/-/),r=0,o=i.length,n="";r1&&void 0!==arguments[1]?arguments[1]:0;return e=parseFloat(e),!isNaN(e)&&isFinite(e)||(e=parseFloat(t)||0),e}},{key:"version",get:function(){return pe}}]),n}(he);"undefined"!=typeof e&&(e.BaseGauge=xe,e.gauges=(window.document||{}).gauges=ke);var Te={roundRect:c,padValue:h,formatMajorTickNumber:u,radians:f,radialPoint:m,linearGradient:v,drawNeedleShadow:g,drawValueBox:k,verifyError:s,prepareTicks:d,drawShadow:b,font:p,normalizedValue:x},Se=Math.PI,We=Se/2,Oe=Object.assign({},ge,{ticksAngle:270,startAngle:45,colorNeedleCircleOuter:"#f0f0f0",colorNeedleCircleOuterEnd:"#ccc",colorNeedleCircleInner:"#e8e8e8",colorNeedleCircleInnerEnd:"#f5f5f5",needleCircleSize:10,needleCircleInner:!0,needleCircleOuter:!0,animationTarget:"needle",useMinPath:!1,barWidth:0}),Ve=function(e){function t(e){return o(this,t),e=Object.assign({},Oe,e||{}),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,t.configure(e)))}return r(t,e),ce(t,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],n=i[2],a=i[3],l=this.options;if("needle"===l.animationTarget){if(!e.elementClone.initialized){var s=e.contextClone;s.clearRect(r,o,n,a),s.save(),this.emit("beforePlate"),W(s,l),this.emit("beforeHighlights"),O(s,l),this.emit("beforeMinorTicks"),V(s,l),this.emit("beforeMajorTicks"),B(s,l),this.emit("beforeNumbers"),j(s,l),this.emit("beforeTitle"),C(s,l),this.emit("beforeUnits"),N(s,l),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,n,a),e.context.save(),e.context.drawImage(e.elementClone,r,o,n,a),e.context.save(),this.emit("beforeProgressBar"),R(e.context,l),this.emit("beforeValueBox"),_(e.context,l,I(this)),this.emit("beforeNeedle"),E(e.context,l)}else{var d=-Te.radians((l.value-l.minValue)/(l.maxValue-l.minValue)*l.ticksAngle);if(e.context.clearRect(r,o,n,a),e.context.save(),this.emit("beforePlate"),W(e.context,l),e.context.rotate(d),this.emit("beforeHighlights"),O(e.context,l),this.emit("beforeMinorTicks"),V(e.context,l),this.emit("beforeMajorTicks"),B(e.context,l),this.emit("beforeNumbers"),j(e.context,l),this.emit("beforeProgressBar"),R(e.context,l),e.context.rotate(-d),e.context.save(),!e.elementClone.initialized){var c=e.contextClone;c.clearRect(r,o,n,a),c.save(),this.emit("beforeTitle"),C(c,l),this.emit("beforeUnits"),N(c,l),this.emit("beforeNeedle"),E(c,l),e.elementClone.initialized=!0}e.context.drawImage(e.elementClone,r,o,n,a)}this.emit("beforeValueBox"),_(e.context,l,I(this)),se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}},{key:"value",set:function(e){e=xe.ensureValue(e,this.options.minValue),this.options.animation&&360===this.options.ticksAngle&&this.options.useMinPath&&(this._value=e,e=this.options.value+((e-this.options.value)%360+540)%360-180),de(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",e,this)},get:function(){return se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",this)}}],[{key:"configure",value:function(e){return e.barWidth>50&&(e.barWidth=50),isNaN(e.startAngle)&&(e.startAngle=45),isNaN(e.ticksAngle)&&(e.ticksAngle=270),e.ticksAngle>360&&(e.ticksAngle=360),e.ticksAngle<0&&(e.ticksAngle=0),e.startAngle<0&&(e.startAngle=0),e.startAngle>360&&(e.startAngle=360),e}}]),t}(xe);"undefined"!=typeof e&&(e.RadialGauge=Ve),xe.initialize("RadialGauge",Oe);var Pe=Object.assign({},ge,{borderRadius:0,barBeginCircle:30,colorBarEnd:"",colorBarProgressEnd:"",needleWidth:6,tickSide:"both",needleSide:"both",numberSide:"both",ticksWidth:10,ticksWidthMinor:5,ticksPadding:5,barLength:85,fontTitleSize:26,highlightsWidth:10}),Be=function(e){function n(e){return o(this,n),e=Object.assign({},Pe,e||{}),i(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n.configure(e)))}return r(n,e),ce(n,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],a=i[2],l=i[3],s=this.options;if(!e.elementClone.initialized){var d=e.contextClone;d.clearRect(r,o,a,l),d.save(),this.emit("beforePlate"),this.drawBox=L(d,s,r,o,a,l),this.emit("beforeBar"),X.apply(void 0,[d,s].concat(t(this.drawBox))),e.context.barDimensions=d.barDimensions,this.emit("beforeHighlights"),q(d,s),this.emit("beforeMinorTicks"),K(d,s),this.emit("beforeMajorTicks"),$(d,s),this.emit("beforeNumbers"),Q(d,s),this.emit("beforeTitle"),ee(d,s),this.emit("beforeUnits"),te(d,s),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,a,l),e.context.save(),e.context.drawImage(e.elementClone,r,o,a,l),e.context.save(),this.emit("beforeProgressBar"),U.apply(void 0,[e.context,s].concat(t(this.drawBox))),this.emit("beforeNeedle"),ie(e.context,s),this.emit("beforeValueBox"),ae.apply(void 0,[e.context,s,s.animatedValue?this.options.value:this.value].concat(t(this.drawBox))),se(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}}],[{key:"configure",value:function(e){return e.barStrokeWidth>=e.barWidth&&(e.barStrokeWidth=we(e.barWidth/2)),e.hasLeft=Y("right",e),e.hasRight=Y("left",e),e.value>e.maxValue&&(e.value=e.maxValue),e.value\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n *\n * @version 2.1.1\n */\n(function(ns) {'use strict';\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if (\"value\" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };\n\nvar _set = function set(object, property, value, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent !== null) { set(parent, property, value, receiver); } } else if (\"value\" in desc && desc.writable) { desc.value = value; } else { var setter = desc.set; if (setter !== undefined) { setter.call(receiver, value); } } return value; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * @external {Object.assign} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n */\n/* istanbul ignore next */\nif (!Object.assign) {\n Object.defineProperty(Object, 'assign', {\n enumerable: false,\n configurable: true,\n writable: true,\n value: function value(target, firstSource) {\n 'use strict';\n\n if (target === undefined || target === null) {\n throw new TypeError('Cannot convert first argument to object');\n }\n\n var to = Object(target);\n var i = 1;\n\n for (; i < arguments.length; i++) {\n var nextSource = arguments[i];\n\n if (nextSource === undefined || nextSource === null) {\n continue;\n }\n\n var keysArray = Object.keys(Object(nextSource));\n var nextIndex = 0,\n len = keysArray.length;\n\n for (; nextIndex < len; nextIndex++) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n\n if (desc !== undefined && desc.enumerable) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n\n return to;\n }\n });\n}\n\n/**\n * @external {Array.indexOf} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf\n */\n/* istanbul ignore next */\nif (!Array.prototype.indexOf) {\n Array.prototype.indexOf = function (searchElement, fromIndex) {\n var k;\n\n if (this === null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n\n if (len === 0) {\n return -1;\n }\n\n var n = +fromIndex || 0;\n\n if (Math.abs(n) === Infinity) {\n n = 0;\n }\n\n if (n >= len) {\n return -1;\n }\n\n k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n while (k < len) {\n if (k in O && O[k] === searchElement) {\n return k;\n }\n\n k++;\n }\n\n return -1;\n };\n}\n\n/**\n * @external {Array.fill} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/fill\n */\n/* istanbul ignore next */\nif (!Array.prototype.fill) {\n Array.prototype.fill = function (value) {\n if (this === null) {\n throw new TypeError('this is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n var start = arguments[1];\n var relativeStart = start >> 0;\n var k = relativeStart < 0 ? Math.max(len + relativeStart, 0) : Math.min(relativeStart, len);\n var end = arguments[2];\n var relativeEnd = end === undefined ? len : end >> 0;\n var final = relativeEnd < 0 ? Math.max(len + relativeEnd, 0) : Math.min(relativeEnd, len);\n while (k < final) {\n O[k] = value;\n k++;\n }\n\n return O;\n };\n}\n\n/**\n * mocking window\n */\nif (typeof window === 'undefined') {\n window = typeof global === 'undefined' ? {} : global;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * Look-ups for a proper vendor-specific property and returns its value\n *\n * @example\n * var requestAnimationFrame = vendorize('requestAnimationFrame');\n * // it will refer properly to:\n * // - window.requestAnimationFrame by default or to\n * // - window.webkitRequestAnimationFrame or to\n * // - window.mozRequestAnimationFrame or to\n * // - window.msRequestAnimationFrame or to\n * // - window.oRequestAnimationFrame\n * // depending on the current browser vendor\n *\n * @author Mykhailo Stadnyk \n * @param {string} prop\n * @param {HTMLElement|Window|object} [from] - default is window\n * @returns {*}\n */\nfunction vendorize(prop, from) {\n /* istanbul ignore else: no reason to cover */\n if (!from) {\n from = typeof window === 'undefined' ? global : window;\n }\n\n if (typeof from[prop] !== 'undefined') {\n return from[prop];\n }\n\n var vendors = ['webkit', 'moz', 'ms', 'o'];\n var i = 0;\n var s = vendors.length;\n var capitalized = prop.charAt(0).toUpperCase() + prop.substr(1);\n\n for (; i < s; i++) {\n var vendorProp = from[vendors[i] + capitalized];\n\n /* istanbul ignore if: requires very complex environment to test (specific browser version) */\n if (typeof vendorProp !== 'undefined') {\n return vendorProp;\n }\n }\n\n return null;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Class EventEmitter - base event manager\n */\n\nvar EventEmitter = function () {\n /**\n * @constructor\n */\n function EventEmitter() {\n _classCallCheck(this, EventEmitter);\n\n this._events = {};\n\n this.addListener = this.on;\n this.removeListener = this.off;\n }\n\n /**\n * Returns all event listeners\n *\n * @return {object}\n */\n\n\n _createClass(EventEmitter, [{\n key: 'emit',\n\n\n /**\n * Emits given event bypassing to each registered handler given args\n *\n * @param {string} event\n * @param {...*} args\n */\n value: function emit(event) {\n if (this._events[event]) {\n var i = 0;\n var s = this._events[event].length;\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n for (; i < s; i++) {\n this._events[event][i] && this._events[event][i].apply(this, args);\n }\n }\n }\n\n /**\n * Registers given handler for given event to be called only once when\n * event is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'once',\n value: function once(event) {\n for (var _len2 = arguments.length, handlers = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n handlers[_key2 - 1] = arguments[_key2];\n }\n\n var i = 0;\n var s = handlers.length;\n var self = this;\n\n var _loop = function _loop() {\n var handler = handlers[i];\n var wrapper = function wrapper() {\n self.off(event, wrapper);\n handler.apply(self, arguments);\n };\n\n handlers[i] = wrapper;\n };\n\n for (; i < s; i++) {\n _loop();\n }\n\n this.on.apply(this, [event].concat(handlers));\n }\n\n /**\n * Registers given handlers for a given events to be called each time event\n * is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'on',\n value: function on(event) {\n if (!this._events[event]) {\n this._events[event] = [];\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n this._events[event].push(arguments.length <= i + 1 ? undefined : arguments[i + 1]);\n }\n }\n\n /**\n * Un-registers previously registered event handlers\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'off',\n value: function off(event) {\n if (!this._events[event]) {\n return;\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n var _handler = arguments.length <= i + 1 ? undefined : arguments[i + 1];\n var index = void 0;\n\n while (~(index = this._events[event].indexOf(_handler))) {\n this._events[event].splice(index, 1);\n }\n }\n }\n\n /**\n * Removes all listeners for a given event\n *\n * @param {string} event\n */\n\n }, {\n key: 'removeAllListeners',\n value: function removeAllListeners(event) {\n delete this._events[event];\n }\n }, {\n key: 'listeners',\n get: function get() {\n return this._events;\n }\n }]);\n\n return EventEmitter;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/* jshint -W079 */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/* istanbul ignore next */\n/**\n * @type {function(callback: function(time: number): number, element?: HTMLElement)}\n * @access private\n */\n\n\nvar requestAnimationFrame = vendorize('requestAnimationFrame') || function (callback) {\n return setTimeout(function () {\n return callback(new Date().getTime());\n }, 1000 / 60);\n};\n\n/**\n * Generic AnimationRule function interface\n *\n * @typedef {function(percent: number): number} AnimationRule\n */\n\n/**\n * Callback for animation step draw event.\n * It will be called each time animation step is executed, bypassing\n * as first argument a percent of animation completeness. It is expected\n * that this callback will do an actual work of animating an elements or\n * whatever, as far as animation engine is just calculating and executing\n * animation steps without any knowledge about things under animation.\n *\n * @typedef {function(percent: number): *} DrawEventCallback\n */\n\n/**\n * Callback for animation complete event.\n * It is called once each animation is complete.\n *\n * @typedef {function(): *} EndEventCallback\n */\n\n/**\n * Predefined known animation rules.\n * It's a simple collection of math for some most used animations.\n *\n * @typedef {{linear: AnimationRule, quad: AnimationRule, dequad: AnimationRule, quint: AnimationRule, dequint: AnimationRule, cycle: AnimationRule, decycle: AnimationRule, bounce: AnimationRule, debounce: AnimationRule, elastic: AnimationRule, delastic: AnimationRule}} AnimationRules\n */\n\n/* istanbul ignore next: no reason covering this */\nvar rules = {\n linear: function linear(p) {\n return p;\n },\n quad: function quad(p) {\n return Math.pow(p, 2);\n },\n dequad: function dequad(p) {\n return 1 - rules.quad(1 - p);\n },\n quint: function quint(p) {\n return Math.pow(p, 5);\n },\n dequint: function dequint(p) {\n return 1 - Math.pow(1 - p, 5);\n },\n cycle: function cycle(p) {\n return 1 - Math.sin(Math.acos(p));\n },\n decycle: function decycle(p) {\n return Math.sin(Math.acos(1 - p));\n },\n bounce: function bounce(p) {\n return 1 - rules.debounce(1 - p);\n },\n debounce: function debounce(p) {\n var a = 0,\n b = 1;\n for (; 1; a += b, b /= 2) {\n if (p >= (7 - 4 * a) / 11) {\n return -Math.pow((11 - 6 * a - 11 * p) / 4, 2) + Math.pow(b, 2);\n }\n }\n },\n elastic: function elastic(p) {\n return 1 - rules.delastic(1 - p);\n },\n delastic: function delastic(p) {\n var x = 1.5;\n return Math.pow(2, 10 * (p - 1)) * Math.cos(20 * Math.PI * x / 3 * p);\n }\n};\n\n/* istanbul ignore next: private, not testable */\n/**\n * Evaluates animation step and decides if the next step required or\n * stops animation calling a proper events.\n *\n * @access private\n * @param {number} time\n * @param {DrawEventCallback} draw\n * @param {number} start\n * @param {AnimationRule} rule\n * @param {number} duration\n * @param {EndEventCallback} end\n * @param {Animation} anim\n */\nfunction step(time, draw, start, rule, duration, end, anim) {\n if (typeof rule !== 'function') {\n throw new TypeError('Invalid animation rule:', rule);\n }\n\n var progress = time - start;\n var percent = progress / duration;\n\n if (percent > 1) {\n percent = 1;\n }\n\n draw && draw(percent === 1 ? percent : rule(percent));\n\n if (progress < duration) {\n anim.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rule, duration, end, anim);\n });\n } else {\n end && end();\n }\n}\n\n/**\n * Animation engine API for JavaScript-based animations.\n * This is simply an animation core framework which simplifies creation\n * of various animations for generic purposes.\n *\n * @example\n * // create 'linear' animation engine, 500ms duration\n * let linear = new Animation('linear', 500);\n *\n * // create 'elastic' animation engine\n * let elastic = new Animation('elastic');\n *\n * // define animation behavior\n * let bounced = new Animation('bounce', 500, percent => {\n * let value = parseInt(percent * 100, 10);\n *\n * $('div.bounced').css({\n * width: value + '%',\n * height: value + '%'\n * });\n * });\n *\n * // execute animation\n * bounced.animate();\n *\n * // execute animation and handle when its finished\n * bounced.animate(null, () => {\n * console.log('Animation finished!');\n * });\n */\n\nvar Animation = function () {\n\n /**\n * @constructor\n * @param {string|AnimationRule} rule\n * @param {number} duration\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n function Animation() {\n var rule = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'linear';\n var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;\n var draw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};\n var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};\n\n _classCallCheck(this, Animation);\n\n /**\n * Overall animation duration in milliseconds.\n * By default is equal to 250 ms.\n *\n * @type {number}\n */\n this.duration = duration;\n\n /**\n * Animation rule. By default is linear animation.\n * Animation rule is a subject to animation rules, which are\n * a simple object containing math-based methods for calculating\n * animation steps.\n *\n * @type {string|AnimationRule}\n */\n this.rule = rule;\n\n /**\n * Callback function for the animation step draw event.\n *\n * @type {DrawEventCallback}\n */\n this.draw = draw;\n\n /**\n * Callback for the animation complete event.\n *\n * @type {EndEventCallback}\n */\n this.end = end;\n\n if (typeof this.draw !== 'function') {\n throw new TypeError('Invalid animation draw callback:', draw);\n }\n\n if (typeof this.end !== 'function') {\n throw new TypeError('Invalid animation end callback:', end);\n }\n }\n\n /* istanbul ignore next: non-testable */\n /**\n * Performs animation calling each animation step draw callback and\n * end callback at the end of animation. Callbacks are optional to this\n * method call. If them are not bypassed will be used that ones which\n * was pre-set on constructing an Animation object or pre-set after\n * construction.\n *\n * @example\n * function draw(percent) {\n * $('.my-animated-divs').css({\n * width: parseInt(percent * 100, 10) + '%'\n * });\n * }\n * function done() {\n * console.log('Animation complete!');\n * }\n *\n * // Define 'draw' and 'end' callbacks on construction\n * var animation = new Animation('cycle', 500, draw, done);\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks after construction\n * var animation = new Animation('cycle', 500);\n * animation.draw = draw;\n * animation.end = done;\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks at animation\n * var animation = new Animation('cycle', 500);\n * animation.animate(draw, done);\n *\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n\n\n _createClass(Animation, [{\n key: 'animate',\n value: function animate(draw, end) {\n var _this = this;\n\n this.cancel();\n\n // noinspection JSUnresolvedVariable\n var start = window.performance && window.performance.now ? window.performance.now() : vendorize('animationStartTime') || Date.now();\n\n draw = draw || this.draw;\n end = end || this.end;\n\n /**\n * Current requested animation frame identifier\n *\n * @type {number}\n */\n this.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rules[_this.rule] || _this.rule, _this.duration, end, _this);\n });\n }\n\n /**\n * Cancels current animation if any\n */\n\n }, {\n key: 'cancel',\n value: function cancel() {\n if (this.frame) {\n var cancelAnimationFrame = vendorize('cancelAnimationFrame') ||\n /* istanbul ignore next */\n function (id) {};\n\n cancelAnimationFrame(this.frame);\n this.frame = null;\n }\n }\n\n /**\n * Destroys this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n this.cancel();\n this.draw = null;\n this.end = null;\n }\n }]);\n\n return Animation;\n}();\n\n/**\n * Animation rules bound statically to Animation constructor.\n *\n * @type {AnimationRules}\n * @static\n */\n\n\nAnimation.rules = rules;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * @typedef {{ constructor: function(options: GenericOptions): GaugeInterface, draw: function(): GaugeInterface, destroy: function, update: function(options: GenericOptions) }} GaugeInterface\n */\n/**\n * @typedef {{parse: function, stringify: function}} JSON\n * @external {JSON} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON\n */\n/**\n * @ignore\n * @typedef {{MutationObserver: function}} ns\n */\n\n/**\n * DOM Observer.\n * It will observe DOM document for a configured element types and\n * instantiate associated Types for an existing or newly added DOM elements\n *\n * @example\n * class ProgressBar {\n * constructor(options) {}\n * draw() {}\n * }\n *\n * // It will observe DOM document for elements
\n * // having attribute 'data-type=\"progress\"'\n * // and instantiate for each new instance of ProgressBar\n *\n * new DomParser({color: 'red'}, 'div', 'progress', ProgressBar);\n *\n * // assume we could have HTML like this\n * //
\n * // in this case all matching attributes names for a given options will be\n * // parsed and bypassed to an instance from HTML attributes\n */\n\nvar DomObserver = function () {\n\n /**\n * @constructor\n * @param {object} options\n * @param {string} element\n * @param {string} type\n */\n function DomObserver(options, element, type) {\n _classCallCheck(this, DomObserver);\n\n //noinspection JSUnresolvedVariable\n /**\n * Default instantiation options for the given type\n *\n * @type {Object}\n */\n this.options = options;\n\n /**\n * Name of an element to lookup/observe\n *\n * @type {string}\n */\n this.element = element.toLowerCase();\n\n /**\n * data-type attribute value to lookup\n *\n * @type {string}\n */\n this.type = DomObserver.toDashed(type);\n\n /**\n * Actual type constructor to instantiate for each found element\n *\n * @type {Function}\n */\n this.Type = ns[type];\n\n /**\n * Signals if mutations observer for this type or not\n *\n * @type {boolean}\n */\n this.mutationsObserved = false;\n\n /**\n * Flag specifies whenever the browser supports observing\n * of DOM tree mutations or not\n *\n * @type {boolean}\n */\n this.isObservable = !!window.MutationObserver;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n if (!window.GAUGES_NO_AUTO_INIT) {\n DomObserver.domReady(this.traverse.bind(this));\n }\n }\n\n /**\n * Checks if given node is valid node to process\n *\n * @param {Node|HTMLElement} node\n * @returns {boolean}\n */\n\n\n _createClass(DomObserver, [{\n key: 'isValidNode',\n value: function isValidNode(node) {\n //noinspection JSUnresolvedVariable\n return !!(node.tagName && node.tagName.toLowerCase() === this.element && node.getAttribute('data-type') === this.type);\n }\n\n /**\n * Traverse entire current DOM tree and process matching nodes.\n * Usually it should be called only once on document initialization.\n */\n\n }, {\n key: 'traverse',\n value: function traverse() {\n var elements = document.getElementsByTagName(this.element);\n var i = 0,\n s = elements.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n this.process(elements[i]);\n }\n\n if (this.isObservable && !this.mutationsObserved) {\n new MutationObserver(this.observe.bind(this)).observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n characterData: true,\n attributeOldValue: true,\n characterDataOldValue: true\n });\n\n this.mutationsObserved = true;\n }\n }\n\n /**\n * Observes given mutation records for an elements to process\n *\n * @param {MutationRecord[]} records\n */\n\n }, {\n key: 'observe',\n value: function observe(records) {\n var i = 0;\n var s = records.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n var record = records[i];\n\n if (record.type === 'attributes' && record.attributeName === 'data-type' && this.isValidNode(record.target) && record.oldValue !== this.type) // skip false-positive mutations\n {\n setTimeout(this.process.bind(this, record.target));\n } else if (record.addedNodes && record.addedNodes.length) {\n var ii = 0;\n var ss = record.addedNodes.length;\n\n for (; ii < ss; ii++) {\n setTimeout(this.process.bind(this, record.addedNodes[ii]));\n }\n }\n }\n }\n\n /**\n * Parses given attribute value to a proper JavaScript value.\n * For example it will parse some stringified value to a proper type\n * value, e.g. 'true' => true, 'null' => null, '{\"prop\": 20}' => {prop: 20}\n *\n * @param {*} value\n * @return {*}\n */\n\n }, {\n key: 'process',\n\n\n /**\n * Processes a given node, instantiating a proper type constructor for it\n *\n * @param {Node|HTMLElement} node\n * @returns {GaugeInterface|null}\n */\n value: function process(node) {\n var _this2 = this;\n\n if (!this.isValidNode(node)) return null;\n\n var prop = void 0;\n var options = JSON.parse(JSON.stringify(this.options));\n var instance = null;\n\n for (prop in options) {\n /* istanbul ignore else: non-testable in most cases */\n if (options.hasOwnProperty(prop)) {\n var attributeName = DomObserver.toAttributeName(prop);\n var attributeValue = DomObserver.parse(node.getAttribute(attributeName));\n\n if (attributeValue !== null && attributeValue !== undefined) {\n options[prop] = attributeValue;\n }\n }\n }\n\n options.renderTo = node;\n instance = new this.Type(options);\n instance.draw && instance.draw();\n\n if (!this.isObservable) return instance;\n\n instance.observer = new MutationObserver(function (records) {\n records.forEach(function (record) {\n if (record.type === 'attributes') {\n var attr = record.attributeName.toLowerCase();\n var type = node.getAttribute(attr).toLowerCase();\n\n if (attr === 'data-type' && type && type !== _this2.type) {\n instance.observer.disconnect();\n delete instance.observer;\n instance.destroy && instance.destroy();\n } else if (attr.substr(0, 5) === 'data-') {\n var _prop = attr.substr(5).split('-').map(function (part, i) {\n return !i ? part : part.charAt(0).toUpperCase() + part.substr(1);\n }).join('');\n var _options = {};\n\n _options[_prop] = DomObserver.parse(node.getAttribute(record.attributeName));\n\n instance.update && instance.update(_options);\n }\n }\n });\n });\n\n //noinspection JSCheckFunctionSignatures\n instance.observer.observe(node, { attributes: true });\n\n return instance;\n }\n\n /**\n * Transforms camelCase string to dashed string\n *\n * @static\n * @param {string} camelCase\n * @return {string}\n */\n\n }], [{\n key: 'parse',\n value: function parse(value) {\n // parse boolean\n if (value === 'true') return true;\n if (value === 'false') return false;\n\n // parse undefined\n if (value === 'undefined') return undefined;\n\n // parse null\n if (value === 'null') return null;\n\n // Comma-separated strings to array parsing.\n // It won't match strings which contains non alphanumeric characters to\n // prevent strings like 'rgba(0,0,0,0)' or JSON-like from being parsed.\n // Typically it simply allows easily declare arrays as comma-separated\n // numbers or plain strings. If something more complicated is\n // required it can be declared using JSON format syntax\n if (/^[-+#.\\w\\d\\s]+(?:,[-+#.\\w\\d\\s]*)+$/.test(value)) {\n return value.split(',');\n }\n\n // parse JSON\n try {\n return JSON.parse(value);\n } catch (e) {}\n\n // plain value - no need to parse\n return value;\n }\n }, {\n key: 'toDashed',\n value: function toDashed(camelCase) {\n var arr = camelCase.split(/(?=[A-Z])/);\n var i = 1;\n var s = arr.length;\n var str = arr[0].toLowerCase();\n\n for (; i < s; i++) {\n str += '-' + arr[i].toLowerCase();\n }\n\n return str;\n }\n\n /**\n * Transforms dashed string to CamelCase representation\n *\n * @param {string} dashed\n * @param {boolean} [capitalized]\n * @return {string}\n */\n\n }, {\n key: 'toCamelCase',\n value: function toCamelCase(dashed) {\n var capitalized = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n var arr = dashed.split(/-/);\n var i = 0;\n var s = arr.length;\n var str = '';\n\n for (; i < s; i++) {\n if (!(i || capitalized)) {\n str += arr[i].toLowerCase();\n } else {\n str += arr[i][0].toUpperCase() + arr[i].substr(1).toLowerCase();\n }\n }\n\n return str;\n }\n\n /**\n * Transforms camel case property name to dash separated attribute name\n *\n * @static\n * @param {string} str\n * @returns {string}\n */\n\n }, {\n key: 'toAttributeName',\n value: function toAttributeName(str) {\n return 'data-' + DomObserver.toDashed(str);\n }\n\n /**\n * Cross-browser DOM ready handler\n *\n * @static\n * @param {Function} handler\n */\n\n }, {\n key: 'domReady',\n value: function domReady(handler) {\n if (/comp|inter|loaded/.test((window.document || {}).readyState + '')) return handler();\n\n if (window.addEventListener) window.addEventListener('DOMContentLoaded', handler, false);else if (window.attachEvent) window.attachEvent('onload', handler);\n }\n }]);\n\n return DomObserver;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/**\n * Drawings on canvas using hidden canvas as a cache for better\n * performance drawings during canvas animations. SmartCanvas also\n * adopts a canvas to\n */\n\n\nvar SmartCanvas = function () {\n\n /**\n * @constructor\n * @param {HTMLCanvasElement} canvas\n * @param {number} [width]\n * @param {number} [height]\n */\n function SmartCanvas(canvas, width, height) {\n _classCallCheck(this, SmartCanvas);\n\n SmartCanvas.collection.push(this);\n\n /**\n * Canvas base width\n *\n * @type {number}\n */\n this.width = width || 0;\n\n /**\n * Canvas base height\n *\n * @type {number}\n */\n this.height = height || 0;\n\n /**\n * Target drawings canvas element\n *\n * @type {HTMLCanvasElement}\n */\n this.element = canvas;\n\n this.init();\n }\n\n /**\n * Initializes canvases and contexts\n */\n\n\n _createClass(SmartCanvas, [{\n key: 'init',\n value: function init() {\n var pixelRatio = SmartCanvas.pixelRatio;\n\n this.element.width = this.width * pixelRatio;\n this.element.height = this.height * pixelRatio;\n\n this.element.style.width = this.width + 'px';\n this.element.style.height = this.height + 'px';\n\n /**\n * Canvas caching element\n *\n * @type {HTMLCanvasElement|Node}\n */\n this.elementClone = this.element.cloneNode(true);\n\n //noinspection JSUnresolvedVariable\n /**\n * Target drawings canvas element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.context = this.element.getContext('2d');\n\n /**\n * Canvas caching element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.contextClone = this.elementClone.getContext('2d');\n\n /**\n * Actual drawings width\n *\n * @type {number}\n */\n this.drawWidth = this.element.width;\n\n /**\n * Actual drawings height\n *\n * @type {number}\n */\n this.drawHeight = this.element.height;\n\n /**\n * X-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawX = this.drawWidth / 2;\n\n /**\n * Y-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawY = this.drawHeight / 2;\n\n /**\n * Minimal side length in pixels of the drawing\n *\n * @type {number}\n */\n this.minSide = this.drawX < this.drawY ? this.drawX : this.drawY;\n\n this.elementClone.initialized = false;\n\n this.contextClone.translate(this.drawX, this.drawY);\n this.contextClone.save();\n\n this.context.translate(this.drawX, this.drawY);\n this.context.save();\n\n this.context.max = this.contextClone.max = this.minSide;\n this.context.maxRadius = this.contextClone.maxRadius = null;\n }\n\n /**\n * Destroys this object, removing the references from memory\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = SmartCanvas.collection.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n SmartCanvas.collection.splice(index, 1);\n }\n\n this.context.clearRect(-this.drawX, -this.drawY, this.drawWidth, this.drawHeight);\n\n // dereference all created elements\n this.context.max = null;\n delete this.context.max;\n\n this.context.maxRadius = null;\n delete this.context.maxRadius;\n\n this.context = null;\n this.contextClone = null;\n this.elementClone = null;\n this.element = null;\n\n /**\n * On canvas redraw event callback\n *\n * @type {function|null|undefined}\n */\n this.onRedraw = null;\n }\n\n /**\n * Commits the drawings\n */\n\n }, {\n key: 'commit',\n value: function commit() {\n var scale = SmartCanvas.pixelRatio;\n\n if (scale !== 1) {\n this.contextClone.scale(scale, scale);\n this.contextClone.save();\n }\n\n return this;\n }\n\n /**\n * Redraw this object\n */\n\n }, {\n key: 'redraw',\n value: function redraw() {\n this.init();\n\n /**\n * On canvas redraw event callback\n *\n * @type {function(): *}\n */\n this.onRedraw && this.onRedraw();\n\n return this;\n }\n\n /**\n * Returns current device pixel ratio\n *\n * @returns {number}\n */\n\n }], [{\n key: 'redraw',\n\n\n /**\n * Forces redraw all canvas in the current collection\n */\n value: function redraw() {\n var i = 0;\n var s = SmartCanvas.collection.length;\n\n for (; i < s; i++) {\n SmartCanvas.collection[i].redraw();\n }\n }\n }, {\n key: 'pixelRatio',\n get: function get() {\n /* istanbul ignore next */\n //noinspection JSUnresolvedVariable\n return window.devicePixelRatio || 1;\n }\n }]);\n\n return SmartCanvas;\n}();\n\nSmartCanvas.collection = [];\n\n/* istanbul ignore next: very browser-specific testing required to cover */\n//noinspection JSUnresolvedVariable\nif (window.matchMedia) {\n //noinspection JSUnresolvedFunction\n window.matchMedia('screen and (min-resolution: 2dppx)').addListener(SmartCanvas.redraw);\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Describes rendering target element. Can be either string identifier of\n * the element or the element itself.\n *\n * @typedef {HTMLElement|string} RenderTarget\n */\n\n/**\n * Highlight area definition.\n * It describes highlight area starting from value to value using\n * color. Color can be describes with hex, rgb or rgba value.\n *\n * @typedef {{ from: number, to: number, color: string}} Highlight\n */\n\n/**\n * Shared generic gauges options\n *\n * @type {{renderTo: RenderTarget, width: number, height: number, minValue: number, maxValue: number, value: number, units: string|boolean, majorTicks: number[]|string[], exactTicks: boolean, minorTicks: number, strokeTicks: boolean, animatedValue: boolean, animateOnInit: boolean, title: string|boolean, borders: boolean, valueInt: number, valueDec: number, majorTicksInt: number, majorTicksDec: number, animation: boolean, animationDuration: number, animationRule: string|AnimationRule, colorPlate: string, colorPlateEnd: string, colorMajorTicks: string, colorMinorTicks: string, colorTitle: string, colorUnits: string, colorNumbers: string, colorNeedle: string, colorNeedleEnd: string, colorValueText: string, colorValueTextShadow: string, colorBorderShadow: string, colorBorderOuter: string, colorBorderOuterEnd: string, colorBorderMiddle: string, colorBorderMiddleEnd: string, colorBorderInner: string, colorBorderInnerEnd: string, colorValueBoxRect: string, colorValueBoxRectEnd: string, colorValueBoxBackground: string, colorValueBoxShadow: string, colorNeedleShadowUp: string, colorNeedleShadowDown: string, needle: boolean, needleShadow: boolean, needleType: string, needleStart: number, needleEnd: number, needleWidth: number, borderOuterWidth: number, borderMiddleWidth: number, borderInnerWidth: number, borderShadowWidth: number, valueBox: boolean, valueBoxWidth: number, valueBoxStroke: number, valueText: string, valueTextShadow: boolean, valueBoxBorderRadius: number, highlights: Highlight[], highlightsWidth: number, fontNumbers: string, fontTitle: string, fontUnits: string, fontValue: string, fontTitleSize: number, fontValueSize: number, fontUnitsSize: number, fontNumbersSize: number, fontNumbersStyle: string, fontTitleStyle: string, fontUnitsStyle: string, fontValueStyle: string, fontNumbersWeight: string, fontTitleWeight: string, fontUnitsWeight: string, fontValueWeight: string, barWidth: number, barStrokeWidth: number, barProgress: boolean, colorBar: string, colorBarStroke: string, colorBarProgress: string, colorBarShadow: string, barShadow: number}} GenericOptions\n */\nvar GenericOptions = {\n // basic options\n renderTo: null,\n width: 0,\n height: 0,\n minValue: 0,\n maxValue: 100,\n value: 0,\n units: false,\n exactTicks: false,\n majorTicks: [0, 20, 40, 60, 80, 100],\n minorTicks: 10,\n strokeTicks: true,\n animatedValue: false,\n animateOnInit: false,\n title: false,\n borders: true,\n\n // number formats\n valueInt: 3,\n valueDec: 2,\n majorTicksInt: 1,\n majorTicksDec: 0,\n\n // animations\n animation: true,\n animationDuration: 500,\n animationRule: 'cycle',\n\n // colors\n colorPlate: '#fff',\n colorPlateEnd: '',\n colorMajorTicks: '#444',\n colorMinorTicks: '#666',\n colorTitle: '#888',\n colorUnits: '#888',\n colorNumbers: '#444',\n colorNeedle: 'rgba(240,128,128,1)',\n colorNeedleEnd: 'rgba(255,160,122,.9)',\n colorValueText: '#444',\n colorValueTextShadow: 'rgba(0,0,0,0.3)',\n colorBorderShadow: 'rgba(0,0,0,0.5)',\n colorBorderOuter: '#ddd',\n colorBorderOuterEnd: '#aaa',\n colorBorderMiddle: '#eee',\n colorBorderMiddleEnd: '#f0f0f0',\n colorBorderInner: '#fafafa',\n colorBorderInnerEnd: '#ccc',\n colorValueBoxRect: '#888',\n colorValueBoxRectEnd: '#666',\n colorValueBoxBackground: '#babab2',\n colorValueBoxShadow: 'rgba(0,0,0,1)',\n colorNeedleShadowUp: 'rgba(2,255,255,0.2)',\n colorNeedleShadowDown: 'rgba(188,143,143,0.45)',\n colorBarStroke: '#222',\n colorBar: '#ccc',\n colorBarProgress: '#888',\n colorBarShadow: '#000',\n\n fontNumbers: 'Arial',\n fontTitle: 'Arial',\n fontUnits: 'Arial',\n fontValue: 'Arial',\n\n fontNumbersSize: 20,\n fontTitleSize: 24,\n fontUnitsSize: 22,\n fontValueSize: 26,\n\n fontNumbersStyle: 'normal',\n fontTitleStyle: 'normal',\n fontUnitsStyle: 'normal',\n fontValueStyle: 'normal',\n\n fontNumbersWeight: 'normal',\n fontTitleWeight: 'normal',\n fontUnitsWeight: 'normal',\n fontValueWeight: 'normal',\n\n // needle\n needle: true,\n needleShadow: true,\n needleType: 'arrow',\n needleStart: 5,\n needleEnd: 85,\n needleWidth: 4,\n\n // borders\n borderOuterWidth: 3,\n borderMiddleWidth: 3,\n borderInnerWidth: 3,\n borderShadowWidth: 3,\n\n // value and highlights\n valueBox: true,\n valueBoxStroke: 5,\n valueBoxWidth: 0,\n valueText: '',\n valueTextShadow: true,\n valueBoxBorderRadius: 2.5,\n\n // highlights\n highlights: [{ from: 20, to: 60, color: '#eee' }, { from: 60, to: 80, color: '#ccc' }, { from: 80, to: 100, color: '#999' }],\n highlightsWidth: 15,\n\n // progress bar\n barWidth: 20, // percents\n barStrokeWidth: 0, // pixels\n barProgress: true,\n barShadow: 0\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Gauge collections type.\n *\n * It is used ES5 declaration here, because babel\n * transpiles inheritance incorrectly in this case.\n *\n * @class Collection\n * @constructor\n */\nfunction Collection() {\n Array.prototype.constructor.apply(this, arguments);\n}\n\nCollection.prototype = Object.create(Array.prototype);\nCollection.prototype.constructor = Collection;\n\n/**\n * Returns gauge object by its identifier or index in the collection\n *\n * @param {string|number} id\n * @return {*}\n */\nCollection.prototype.get = function (id) {\n if (typeof id === 'string') {\n var i = 0;\n var s = this.length;\n\n for (; i < s; i++) {\n var canvas = this[i].options.renderTo.tagName ? this[i].options.renderTo :\n /* istanbul ignore next: should be tested with e2e tests */\n document.getElementById(this[i].options.renderTo || '');\n\n if (canvas.getAttribute('id') === id) {\n return this[i];\n }\n }\n } else if (typeof id === 'number') {\n return this[id];\n }\n\n return null;\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar version = '2.1.1';\n\nvar round = Math.round;\nvar abs = Math.abs;\n\nvar gauges = new Collection();\n\ngauges.version = version;\n\n/**\n * Basic abstract BaseGauge class implementing common functionality\n * for different type of gauges.\n *\n * It should not be instantiated directly but must be extended by a final\n * gauge implementation.\n *\n * @abstract\n * @example\n *\n * class MyCoolGauge extends BaseGauge {\n *\n * // theses methods below MUST be implemented:\n *\n * constructor(options) {\n * // ... do something with options\n * super(options);\n * // ... implement anything else\n * }\n *\n * draw() {\n * // ... some implementation here\n * return this;\n * }\n * }\n */\n\nvar BaseGauge = function (_EventEmitter) {\n _inherits(BaseGauge, _EventEmitter);\n\n /**\n * Fired each time gauge is initialized on a page\n *\n * @event BaseGauge#init\n */\n\n /**\n * Fired each time gauge scene is rendered\n *\n * @event BaseGauge#render\n */\n\n /**\n * Fired each time gauge object is destroyed\n *\n * @event BaseGauge#destroy\n */\n\n /**\n * Fired each time before animation is started on the gauge\n *\n * @event BaseGauge#animationStart\n */\n\n /**\n * Fired each time animation scene is complete\n *\n * @event BaseGauge#animate\n * @type {number} percent\n * @type {number} value\n */\n\n /**\n * Fired each time animation is complete on the gauge\n *\n * @event BaseGauge#animationEnd\n */\n\n /**\n * @constructor\n * @abstract\n * @param {GenericOptions} options\n */\n function BaseGauge(options) {\n _classCallCheck(this, BaseGauge);\n\n var _this3 = _possibleConstructorReturn(this, (BaseGauge.__proto__ || Object.getPrototypeOf(BaseGauge)).call(this));\n\n var className = _this3.constructor.name;\n\n if (className === 'BaseGauge') {\n throw new TypeError('Attempt to instantiate abstract class!');\n }\n\n gauges.push(_this3);\n\n //noinspection JSUnresolvedVariable\n /**\n * Gauges version string\n *\n * @type {string}\n */\n _this3.version = version;\n\n /**\n * Gauge type class\n *\n * @type {BaseGauge} type\n */\n _this3.type = ns[className] || BaseGauge;\n\n /**\n * True if gauge has been drawn for the first time, false otherwise.\n *\n * @type {boolean}\n */\n _this3.initialized = false;\n\n options.minValue = parseFloat(options.minValue);\n options.maxValue = parseFloat(options.maxValue);\n options.value = parseFloat(options.value) || 0;\n\n if (!options.borders) {\n options.borderInnerWidth = options.borderMiddleWidth = options.borderOuterWidth = 0;\n }\n\n if (!options.renderTo) {\n throw TypeError('Canvas element was not specified when creating ' + 'the Gauge object!');\n }\n\n var canvas = options.renderTo.tagName ? options.renderTo :\n /* istanbul ignore next: to be tested with e2e tests */\n document.getElementById(options.renderTo);\n\n if (!(canvas instanceof HTMLCanvasElement)) {\n throw TypeError('Given gauge canvas element is invalid!');\n }\n\n options.width = parseFloat(options.width) || 0;\n options.height = parseFloat(options.height) || 0;\n\n if (!options.width || !options.height) {\n if (!options.width) options.width = canvas.parentNode ? canvas.parentNode.offsetWidth : canvas.offsetWidth;\n if (!options.height) options.height = canvas.parentNode ? canvas.parentNode.offsetHeight : canvas.offsetHeight;\n }\n\n /**\n * Gauge options\n *\n * @type {GenericOptions} options\n */\n _this3.options = options || {};\n\n if (_this3.options.animateOnInit) {\n _this3._value = _this3.options.value;\n _this3.options.value = _this3.options.minValue;\n }\n\n /**\n * @type {SmartCanvas} canvas\n */\n _this3.canvas = new SmartCanvas(canvas, options.width, options.height);\n _this3.canvas.onRedraw = _this3.draw.bind(_this3);\n\n /**\n * @type {Animation} animation\n */\n _this3.animation = new Animation(options.animationRule, options.animationDuration);\n return _this3;\n }\n\n /**\n * Sets new value for this gauge.\n * If gauge is animated by configuration it will trigger a proper animation.\n * Upsetting a value triggers gauge redraw.\n *\n * @param {number} value\n */\n\n\n _createClass(BaseGauge, [{\n key: 'update',\n\n\n /**\n * Updates gauge configuration options at runtime and redraws the gauge\n *\n * @param {RadialGaugeOptions} options\n * @returns {BaseGauge}\n */\n value: function update(options) {\n Object.assign(this.options, this.type.configure(options || {}));\n\n this.canvas.width = this.options.width;\n this.canvas.height = this.options.height;\n\n this.animation.rule = this.options.animationRule;\n this.animation.duration = this.options.animationDuration;\n\n this.canvas.redraw();\n\n return this;\n }\n\n /**\n * Performs destruction of this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = gauges.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n //noinspection JSUnresolvedFunction\n gauges.splice(index, 1);\n }\n\n this.canvas.destroy();\n this.canvas = null;\n\n this.animation.destroy();\n this.animation = null;\n\n this.emit('destroy');\n }\n\n /**\n * Returns gauges version string\n *\n * @return {string}\n */\n\n }, {\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @abstract\n * @returns {BaseGauge}\n */\n value: function draw() {\n if (this.options.animateOnInit && !this.initialized) {\n this.value = this._value;\n this.initialized = true;\n this.emit('init');\n }\n\n this.emit('render');\n\n return this;\n }\n\n /**\n * Inject given gauge object into DOM\n *\n * @param {string} type\n * @param {GenericOptions} options\n */\n\n }, {\n key: 'value',\n set: function set(value) {\n var _this4 = this;\n\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n var fromValue = this.options.value;\n\n if (value === fromValue) return;\n\n if (this.options.animation) {\n if (this.animation.frame) {\n // animation is already in progress -\n // forget related old animation value\n // @see https://github.com/Mikhus/canvas-gauges/issues/94\n delete this._value;\n }\n\n /**\n * @type {number}\n * @access private\n */\n if (this._value === undefined) {\n this._value = value;\n }\n\n this.emit('animationStart');\n\n this.animation.animate(function (percent) {\n _this4.options.value = fromValue + (value - fromValue) * percent;\n\n _this4.draw();\n\n _this4.emit('animate', percent, _this4.options.value);\n }, function () {\n if (_this4._value !== undefined) {\n _this4.options.value = _this4._value;\n delete _this4._value;\n }\n\n _this4.draw();\n _this4.emit('animationEnd');\n });\n } else {\n this.options.value = value;\n this.draw();\n }\n }\n\n /**\n * Returns current value of the gauge\n *\n * @return {number}\n */\n ,\n get: function get() {\n return typeof this._value === 'undefined' ? this.options.value : this._value;\n }\n\n /**\n * Updates gauge options\n *\n * @param {*} options\n * @return {BaseGauge}\n * @access protected\n */\n\n }], [{\n key: 'configure',\n value: function configure(options) {\n return options;\n }\n }, {\n key: 'initialize',\n value: function initialize(type, options) {\n return new DomObserver(options, 'canvas', type);\n }\n\n /**\n * Initializes gauge from a given HTML element\n * (given element should be valid HTML canvas gauge definition)\n *\n * @param {HTMLElement} element\n */\n\n }, {\n key: 'fromElement',\n value: function fromElement(element) {\n var type = DomObserver.toCamelCase(element.getAttribute('data-type'));\n var attributes = element.attributes;\n var i = 0;\n var s = attributes.length;\n var options = {};\n\n if (!type) {\n return;\n }\n\n if (!/Gauge$/.test(type)) {\n type += 'Gauge';\n }\n\n for (; i < s; i++) {\n options[DomObserver.toCamelCase(attributes[i].name.replace(/^data-/, ''), false)] = DomObserver.parse(attributes[i].value);\n }\n\n new DomObserver(options, element.tagName, type).process(element);\n }\n\n /**\n * Ensures value is proper number\n *\n * @param {*} value\n * @param {number} min\n * @return {number}\n */\n\n }, {\n key: 'ensureValue',\n value: function ensureValue(value) {\n var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n value = parseFloat(value);\n\n if (isNaN(value) || !isFinite(value)) {\n value = parseFloat(min) || 0;\n }\n\n return value;\n }\n }, {\n key: 'version',\n get: function get() {\n return version;\n }\n }]);\n\n return BaseGauge;\n}(EventEmitter);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['BaseGauge'] = BaseGauge;\n ns['gauges'] = (window.document || {})['gauges'] = gauges;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @access private\n * @typedef {CanvasRenderingContext2D|{max: number, maxRadius: number, barDimensions: object}} Canvas2DContext\n */\n\n/* istanbul ignore next: private, not testable */\n/**\n * Examines if a given error is something to throw or to ignore\n *\n * @param {Error} err\n */\nfunction verifyError(err) {\n // there is some unpredictable error in FF in some circumstances\n // which we found simply safe to ignore than to fight with it\n // noinspection JSUnresolvedVariable\n if (err instanceof DOMException && err.result === 0x8053000b) {\n return; // ignore it\n }\n\n throw err;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Prepares major ticks data\n *\n * @access private\n * @param {GenericOptions|{ tickSide: string }} options\n * @return {[boolean, boolean]}\n */\nfunction prepareTicks(options) {\n if (!(options.majorTicks instanceof Array)) {\n options.majorTicks = options.majorTicks ? [options.majorTicks] : [];\n }\n\n if (!options.majorTicks.length) {\n options.majorTicks.push(drawings.formatMajorTickNumber(options.minValue, options));\n options.majorTicks.push(drawings.formatMajorTickNumber(options.maxValue, options));\n }\n\n return [options.tickSide !== 'right', options.tickSide !== 'left'];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rounded corners rectangle\n *\n * @param {Canvas2DContext} context\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @param {number} r\n */\nfunction roundRect(context, x, y, w, h, r) {\n context.beginPath();\n\n context.moveTo(x + r, y);\n context.lineTo(x + w - r, y);\n\n context.quadraticCurveTo(x + w, y, x + w, y + r);\n context.lineTo(x + w, y + h - r);\n\n context.quadraticCurveTo(x + w, y + h, x + w - r, y + h);\n context.lineTo(x + r, y + h);\n\n context.quadraticCurveTo(x, y + h, x, y + h - r);\n context.lineTo(x, y + r);\n\n context.quadraticCurveTo(x, y, x + r, y);\n\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Pads a given value with leading zeros using the given options\n *\n * @param {number} val\n * @param {RadialGaugeOptions|{valueInt: number, valueDec: number}} options\n * @returns {string}\n */\nfunction padValue(val, options) {\n var dec = options.valueDec;\n var int = options.valueInt;\n var i = 0;\n var s = void 0,\n strVal = void 0,\n n = void 0;\n\n val = parseFloat(val);\n n = val < 0;\n val = Math.abs(val);\n\n if (dec > 0) {\n strVal = val.toFixed(dec).toString().split('.');\n s = int - strVal[0].length;\n\n for (; i < s; ++i) {\n strVal[0] = '0' + strVal[0];\n }\n\n strVal = (n ? '-' : '') + strVal[0] + '.' + strVal[1];\n } else {\n strVal = Math.round(val).toString();\n s = int - strVal.length;\n\n for (; i < s; ++i) {\n strVal = '0' + strVal;\n }\n\n strVal = (n ? '-' : '') + strVal;\n }\n\n return strVal;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Formats a number for display on the dial's plate using the majorTicksFormat\n * config option.\n *\n * @param {number} num number to format\n * @param {object} options\n * @returns {string} formatted number\n */\nfunction formatMajorTickNumber(num, options) {\n var right = void 0,\n hasDec = false;\n\n // First, force the correct number of digits right of the decimal.\n if (options.majorTicksDec === 0) {\n right = Math.round(num).toString();\n } else {\n right = num.toFixed(options.majorTicksDec);\n }\n\n // Second, force the correct number of digits left of the decimal.\n if (options.majorTicksInt > 1) {\n // Does this number have a decimal?\n hasDec = ~right.indexOf('.');\n\n // Is this number a negative number?\n if (~right.indexOf('-')) {\n return '-' + [options.majorTicksInt + options.majorTicksDec + 2 + (hasDec ? 1 : 0) - right.length].join('0') + right.replace('-', '');\n } else {\n return [options.majorTicksInt + options.majorTicksDec + 1 + (hasDec ? 1 : 0) - right.length].join('0') + right;\n }\n }\n\n return right;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Transforms degrees to radians\n *\n * @param {number} degrees\n * @returns {number}\n */\nfunction radians(degrees) {\n return degrees * Math.PI / 180;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns radial point coordinates\n *\n * @param {number} radius\n * @param {number} angle\n * @returns {{x: number, y: number}}\n */\nfunction radialPoint(radius, angle) {\n return { x: -radius * Math.sin(angle), y: radius * Math.cos(angle) };\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Creates and returns linear gradient canvas object\n *\n * @param {Canvas2DContext} context\n * @param {string} colorFrom\n * @param {string} colorTo\n * @param {number} length\n * @param {boolean} [isVertical]\n * @param {number} [from]\n * @returns {CanvasGradient}\n */\nfunction linearGradient(context, colorFrom, colorTo, length) {\n var isVertical = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;\n var from = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n var grad = context.createLinearGradient(isVertical ? 0 : from, isVertical ? from : 0, isVertical ? 0 : length, isVertical ? length : 0);\n\n grad.addColorStop(0, colorFrom);\n grad.addColorStop(1, colorTo);\n\n return grad;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws the shadow if it was not drawn\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {boolean} shadowDrawn\n * @return {boolean}\n */\nfunction drawShadow(context, options) {\n var shadowDrawn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n if (shadowDrawn) {\n context.restore();\n return true;\n }\n\n context.save();\n\n var w = options.borderShadowWidth;\n\n if (w) {\n context.shadowBlur = w;\n context.shadowColor = options.colorBorderShadow;\n }\n\n return true;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle shadow\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawNeedleShadow(context, options) {\n if (!options.needleShadow) return;\n\n context.shadowOffsetX = 2;\n context.shadowOffsetY = 2;\n context.shadowBlur = 10;\n context.shadowColor = options.colorNeedleShadowDown;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Constructs font styles for canvas fonts\n *\n * @param {GenericOptions} options\n * @param {string} target\n * @param {number} baseSize\n */\nfunction font(options, target, baseSize) {\n return options['font' + target + 'Style'] + ' ' + options['font' + target + 'Weight'] + ' ' + options['font' + target + 'Size'] * baseSize + 'px ' + options['font' + target];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Resets some context settings\n *\n * @param {Canvas2DContext} context\n */\nfunction reset(context) {\n context.shadowOffsetX = null;\n context.shadowOffsetY = null;\n context.shadowBlur = null;\n context.shadowColor = '';\n context.strokeStyle = null;\n context.lineWidth = 0;\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Declares to drow value text shadow if configured\n *\n * @param context\n * @param options\n * @param offset\n * @param blur\n */\nfunction drawValueTextShadow(context, options, offset, blur) {\n if (options.valueTextShadow) {\n context.shadowOffsetX = offset;\n context.shadowOffsetY = offset;\n context.shadowBlur = blur;\n context.shadowColor = options.colorValueTextShadow;\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box at given position\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {number|string} value\n * @param {number} x\n * @param {number} y\n * @param {number} max\n */\nfunction drawValueBox(context, options, value, x, y, max) {\n if (!options.valueBox) return;\n\n reset(context);\n\n var text = options.valueText || padValue(value, options);\n var tunit = max / 200;\n var runit = max / 100;\n var offset = 0.4 * runit;\n var blur = 1.2 * runit;\n\n context.font = font(options, 'Value', tunit);\n drawValueTextShadow(context, options, offset, blur);\n\n var tw = context.measureText(options.valueText ? text : '-' + padValue(0, options)).width;\n\n reset(context);\n\n var th = parseFloat(options.fontValueSize) * tunit + offset + blur;\n var sw = runit * parseFloat(options.valueBoxStroke);\n var bmax = max * 2 - sw * 2;\n\n var bw = tw + 10 * runit;\n var bh = 1.1 * th + offset + blur;\n var br = runit * options.valueBoxBorderRadius;\n var obw = (parseFloat(options.valueBoxWidth) || 0) / 100 * bmax;\n\n obw > bw && (bw = obw);\n bw > bmax && (bw = bmax);\n\n var bx = x - bw / 2;\n var by = y - bh / 2;\n var gy = y - 5.75 * runit;\n\n context.beginPath();\n\n if (br) roundRect(context, bx, by, bw, bh, br);else context.rect(bx, by, bw, bh);\n\n if (sw) {\n var grd = context.createRadialGradient(x, gy, runit * 10, x, gy, runit * 20);\n\n grd.addColorStop(0, options.colorValueBoxRect);\n grd.addColorStop(1, options.colorValueBoxRectEnd);\n\n context.strokeStyle = grd;\n context.lineWidth = sw;\n context.stroke();\n }\n\n if (options.colorValueBoxShadow) {\n context.shadowBlur = 1.2 * runit;\n context.shadowColor = options.colorValueBoxShadow;\n }\n\n if (options.colorValueBoxBackground) {\n context.fillStyle = options.colorValueBoxBackground;\n context.fill();\n }\n\n context.closePath();\n context.restore();\n\n drawValueTextShadow(context, options, offset, blur);\n\n context.fillStyle = options.colorValueText;\n context.textAlign = 'center';\n context.textBaseline = 'alphabetic';\n context.fillText(text, bx + bw / 2, y + bh / 2 - th / 3);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns normalized value\n *\n * @param {GenericOptions} options\n * @return {{normal: number, indented: number}}\n */\nfunction normalizedValue(options) {\n var value = options.value;\n var min = options.minValue;\n var max = options.maxValue;\n var dt = (max - min) * 0.01;\n\n return {\n normal: value < min ? min : value > max ? max : value,\n indented: value < min ? min - dt : value > max ? max + dt : value\n };\n}\n\nvar drawings = {\n roundRect: roundRect,\n padValue: padValue,\n formatMajorTickNumber: formatMajorTickNumber,\n radians: radians,\n radialPoint: radialPoint,\n linearGradient: linearGradient,\n drawNeedleShadow: drawNeedleShadow,\n drawValueBox: drawValueBox,\n verifyError: verifyError,\n prepareTicks: prepareTicks,\n drawShadow: drawShadow,\n font: font,\n normalizedValue: normalizedValue\n};\n\ndrawings;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar PI = Math.PI;\nvar HPI = PI / 2;\n\n/**\n * Gauge configuration options\n *\n * @typedef {GenericOptions|{exactTicks: boolean, ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean}} RadialGaugeOptions\n */\n\n/**\n * Default gauge configuration options\n *\n * @access private\n * @type {RadialGaugeOptions}\n */\nvar defaultRadialGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n ticksAngle: 270,\n startAngle: 45,\n\n // colors\n colorNeedleCircleOuter: '#f0f0f0',\n colorNeedleCircleOuterEnd: '#ccc',\n colorNeedleCircleInner: '#e8e8e8',\n colorNeedleCircleInnerEnd: '#f5f5f5',\n\n // needle\n needleCircleSize: 10,\n needleCircleInner: true,\n needleCircleOuter: true,\n\n // custom animations\n animationTarget: 'needle', // 'needle' or 'plate'\n useMinPath: false,\n\n barWidth: 0\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gradient-filled circle on a canvas\n *\n * @access private\n * @param {number} radius\n * @param {number} width\n * @param {Canvas2DContext} context\n * @param {string} start gradient start color\n * @param {string} end gradient end color\n */\nfunction drawRadialBorder(radius, width, context, start, end) {\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(radius), 0, PI * 2, true);\n context.lineWidth = width;\n context.strokeStyle = end ? drawings.linearGradient(context, start, end, radius) : start;\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns max radius without borders for the gauge\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @return {number}\n */\nfunction maxRadialRadius(context, options) {\n var pxRatio = SmartCanvas.pixelRatio;\n\n if (!context.maxRadius) {\n context.maxRadius = context.max - options.borderShadowWidth - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio + (options.borderOuterWidth ? 0.5 : 0) + (options.borderMiddleWidth ? 0.5 : 0) + (options.borderInnerWidth ? 0.5 : 0);\n }\n\n return context.maxRadius;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge plate on the canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialPlate(context, options) {\n var pxRatio = SmartCanvas.pixelRatio;\n var d0 = options.borderShadowWidth * pxRatio;\n var r0 = context.max - d0 - options.borderOuterWidth * pxRatio / 2;\n var r1 = r0 - options.borderOuterWidth * pxRatio / 2 - options.borderMiddleWidth * pxRatio / 2 + 0.5;\n var r2 = r1 - options.borderMiddleWidth * pxRatio / 2 - options.borderInnerWidth * pxRatio / 2 + 0.5;\n var r3 = maxRadialRadius(context, options);\n var grad = void 0;\n var shadowDrawn = false;\n\n context.save();\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r0, options.borderOuterWidth * pxRatio, context, options.colorBorderOuter, options.colorBorderOuterEnd);\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r1, options.borderMiddleWidth * pxRatio, context, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r2, options.borderInnerWidth * pxRatio, context, options.colorBorderInner, options.colorBorderInnerEnd);\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(r3), 0, PI * 2, true);\n\n if (options.colorPlateEnd) {\n grad = context.createRadialGradient(0, 0, r3 / 2, 0, 0, r3);\n grad.addColorStop(0, options.colorPlate);\n grad.addColorStop(1, options.colorPlateEnd);\n } else {\n grad = options.colorPlate;\n }\n\n context.fillStyle = grad;\n\n context.fill();\n context.closePath();\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge highlight areas on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialHighlights(context, options) {\n var hlWidth = context.max * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!hlWidth) return;\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options) - hlWidth / 2);\n var i = 0,\n s = options.highlights.length;\n var vd = (options.maxValue - options.minValue) / options.ticksAngle;\n\n context.save();\n\n for (; i < s; i++) {\n var hlt = options.highlights[i];\n\n context.beginPath();\n\n context.rotate(HPI);\n context.arc(0, 0, r, drawings.radians(options.startAngle + (hlt.from - options.minValue) / vd), drawings.radians(options.startAngle + (hlt.to - options.minValue) / vd), false);\n context.strokeStyle = hlt.color;\n context.lineWidth = hlWidth;\n context.stroke();\n context.closePath();\n\n context.restore();\n context.save();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks bar on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMinorTicks(context, options) {\n var radius = radialTicksRadius(context, options);\n var s = void 0,\n range = void 0,\n angle = void 0;\n var i = 0;\n var delta = 0;\n var ratio = options.ticksAngle / (options.maxValue - options.minValue);\n\n context.lineWidth = SmartCanvas.pixelRatio;\n context.strokeStyle = options.colorMinorTicks;\n\n context.save();\n\n if (options.exactTicks) {\n range = options.maxValue - options.minValue;\n s = range / options.minorTicks;\n delta = options.majorTicks[0] % options.minorTicks * ratio;\n } else {\n s = options.minorTicks * (options.majorTicks.length - 1);\n }\n\n for (; i < s; ++i) {\n angle = options.startAngle + delta + i * (options.ticksAngle / s);\n\n context.rotate(drawings.radians(angle));\n\n context.beginPath();\n context.moveTo(0, radius);\n context.lineTo(0, radius - context.max * 0.075);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns ticks radius\n *\n * @access private\n * @param context\n * @param options\n * @return {number}\n */\nfunction radialTicksRadius(context, options) {\n var unit = context.max / 100;\n\n return maxRadialRadius(context, options) - 5 * unit - (options.barWidth ? (parseFloat(options.barStrokeWidth) || 0) * 2 + ((parseFloat(options.barWidth) || 0) + 5) * unit : 0);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge major ticks bar on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMajorTicks(context, options) {\n drawings.prepareTicks(options);\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options));\n var i = void 0,\n colors = void 0;\n var s = options.majorTicks.length;\n var pixelRatio = SmartCanvas.pixelRatio;\n\n context.lineWidth = 2 * pixelRatio;\n context.save();\n\n colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(s).fill(options.colorMajorTicks);\n\n i = 0;\n for (; i < s; ++i) {\n context.strokeStyle = colors[i];\n context.rotate(drawings.radians(radialNextAngle(options, options.exactTicks ? options.majorTicks[i] : i, s)));\n\n context.beginPath();\n context.moveTo(0, r);\n context.lineTo(0, r - context.max * 0.15);\n closeStrokedPath(context);\n }\n\n if (options.strokeTicks) {\n context.strokeStyle = colors[0];\n context.rotate(HPI);\n\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\nfunction radialNextAngle(options, i, s) {\n if (options.exactTicks) {\n var ratio = options.ticksAngle / (options.maxValue - options.minValue);\n return options.startAngle + ratio * (i - options.minValue);\n }\n\n return options.startAngle + i * (options.ticksAngle / (s - 1));\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Strokes, closes path and restores previous context state\n *\n * @param {Canvas2DContext} context\n */\nfunction closeStrokedPath(context) {\n context.stroke();\n context.restore();\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar numbers\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNumbers(context, options) {\n var radius = radialTicksRadius(context, options) - context.max * 0.25;\n var points = {};\n var i = 0;\n var s = options.majorTicks.length;\n var isAnimated = options.animationTarget !== 'needle';\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(s).fill(options.colorNumbers);\n\n var plateValueAngle = isAnimated ? -(options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle : 0;\n\n if (isAnimated) {\n context.save();\n context.rotate(-drawings.radians(plateValueAngle));\n }\n\n for (; i < s; ++i) {\n var angle = plateValueAngle + radialNextAngle(options, options.exactTicks ? options.majorTicks[i] : i, s);\n var point = drawings.radialPoint(radius, drawings.radians(angle));\n\n if (angle === 360) angle = 0;\n\n if (points[angle]) {\n continue; //already drawn at this place, skipping\n }\n\n points[angle] = true;\n\n context.font = drawings.font(options, 'Numbers', context.max / 200);\n context.fillStyle = colors[i];\n context.lineWidth = 0;\n context.textAlign = 'center';\n context.fillText(options.majorTicks[i], point.x, point.y + 3);\n }\n\n isAnimated && context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge title\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialTitle(context, options) {\n if (!options.title) return;\n\n context.save();\n context.font = drawings.font(options, 'Title', context.max / 200);\n context.fillStyle = options.colorTitle;\n context.textAlign = 'center';\n context.fillText(options.title, 0, -context.max / 4.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws units name on the gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialUnits(context, options) {\n if (!options.units) return;\n\n context.save();\n context.font = drawings.font(options, 'Units', context.max / 200);\n context.fillStyle = options.colorUnits;\n context.textAlign = 'center';\n context.fillText(options.units, 0, context.max / 3.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNeedle(context, options) {\n if (!options.needle) return;\n\n var value = options.ticksAngle < 360 ? drawings.normalizedValue(options).indented : options.value;\n var max = maxRadialRadius(context, options);\n //noinspection JSUnresolvedFunction\n var r1 = abs(max / 100 * options.needleCircleSize);\n //noinspection JSUnresolvedFunction\n var r2 = abs(max / 100 * options.needleCircleSize * 0.75);\n //noinspection JSUnresolvedFunction\n var rIn = abs(max / 100 * options.needleEnd);\n //noinspection JSUnresolvedFunction\n var rStart = abs(options.needleStart ? max / 100 * options.needleStart : 0);\n //noinspection JSUnresolvedFunction\n var rOut = abs(max * 0.2);\n var pad1 = max / 100 * options.needleWidth;\n var pad2 = max / 100 * options.needleWidth / 2;\n var pixelRatio = SmartCanvas.pixelRatio;\n var isFixed = options.animationTarget !== 'needle';\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n context.rotate(drawings.radians(isFixed ? options.startAngle : options.startAngle + (value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle));\n\n context.fillStyle = drawings.linearGradient(context, options.colorNeedle, options.colorNeedleEnd, rIn - rOut);\n\n if (options.needleType === 'arrow') {\n context.beginPath();\n context.moveTo(-pad2, -rOut);\n context.lineTo(-pad1, 0);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(pixelRatio, rIn);\n context.lineTo(pad1, 0);\n context.lineTo(pad2, -rOut);\n context.closePath();\n context.fill();\n\n context.beginPath();\n context.lineTo(-0.5 * pixelRatio, rIn);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(-pad1, 0);\n context.lineTo(-pad2, -rOut);\n context.lineTo(pad2 / 2 * pixelRatio - 2 * pixelRatio, -rOut);\n context.closePath();\n context.fillStyle = options.colorNeedleShadowUp;\n context.fill();\n } else {\n // simple line needle\n context.beginPath();\n context.moveTo(-pad2, rIn);\n context.lineTo(-pad2, rStart);\n context.lineTo(pad2, rStart);\n context.lineTo(pad2, rIn);\n context.closePath();\n context.fill();\n }\n\n if (options.needleCircleSize) {\n context.restore();\n\n drawings.drawNeedleShadow(context, options);\n\n if (options.needleCircleOuter) {\n context.beginPath();\n context.arc(0, 0, r1, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleOuter, options.colorNeedleCircleOuterEnd, r1);\n context.fill();\n context.closePath();\n }\n\n if (options.needleCircleInner) {\n context.beginPath();\n context.arc(0, 0, r2, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleInner, options.colorNeedleCircleInnerEnd, r2);\n context.fill();\n context.closePath();\n }\n\n context.restore();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge value box\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @param {number} value\n */\nfunction drawRadialValueBox(context, options, value) {\n drawings.drawValueBox(context, options, value, 0, context.max - context.max * 0.33, context.max);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge progress bar\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialProgressBar(context, options) {\n var unit = context.max / 100;\n var rMax = maxRadialRadius(context, options) - 5 * unit;\n var sw = parseFloat(options.barStrokeWidth) || 0;\n var w = (parseFloat(options.barWidth) || 0) * unit;\n var rMin = rMax - sw * 2 - w;\n var half = (rMax - rMin) / 2;\n var r = rMin + half;\n var delta = sw / r;\n var sa = options.startAngle;\n var ea = options.startAngle + options.ticksAngle;\n\n context.save();\n context.rotate(HPI);\n\n if (sw) {\n // draw stroke\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa) - delta, drawings.radians(ea) + delta, false);\n context.strokeStyle = options.colorBarStroke;\n context.lineWidth = half * 2;\n context.stroke();\n context.closePath();\n }\n\n if (w) {\n // draw bar\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(ea), false);\n context.strokeStyle = options.colorBar;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n\n if (options.barShadow) {\n // draw shadow\n context.beginPath();\n context.arc(0, 0, rMax, drawings.radians(sa), drawings.radians(ea), false);\n context.clip();\n\n context.beginPath();\n context.strokeStyle = options.colorBar;\n context.lineWidth = 1;\n context.shadowBlur = options.barShadow;\n context.shadowColor = options.colorBarShadow;\n context.shadowOffsetX = 0;\n context.shadowOffsetY = 0;\n context.arc(0, 0, rMax, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n context.stroke();\n context.closePath();\n\n context.restore();\n context.rotate(HPI);\n }\n\n // draw bar progress\n if (options.barProgress) {\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(sa + (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle), false);\n context.strokeStyle = options.colorBarProgress;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n }\n }\n\n context.restore();\n}\n\n/**\n * Find and return gauge value to display\n *\n * @param {RadialGauge} gauge\n */\nfunction displayValue(gauge) {\n if (gauge.options.animatedValue) {\n return gauge.options.value;\n }\n\n return gauge.value;\n}\n\n/**\n * Minimalistic HTML5 Canvas Gauge\n * @example\n * var gauge = new RadialGauge({\n * renderTo: 'gauge-id', // identifier of HTML canvas element or element itself\n * width: 400,\n * height: 400,\n * units: 'Km/h',\n * title: false,\n * value: 0,\n * minValue: 0,\n * maxValue: 220,\n * majorTicks: [\n * '0','20','40','60','80','100','120','140','160','180','200','220'\n * ],\n * minorTicks: 2,\n * strokeTicks: false,\n * highlights: [\n * { from: 0, to: 50, color: 'rgba(0,255,0,.15)' },\n * { from: 50, to: 100, color: 'rgba(255,255,0,.15)' },\n * { from: 100, to: 150, color: 'rgba(255,30,0,.25)' },\n * { from: 150, to: 200, color: 'rgba(255,0,225,.25)' },\n * { from: 200, to: 220, color: 'rgba(0,0,255,.25)' }\n * ],\n * colorPlate: '#222',\n * colorMajorTicks: '#f5f5f5',\n * colorMinorTicks: '#ddd',\n * colorTitle: '#fff',\n * colorUnits: '#ccc',\n * colorNumbers: '#eee',\n * colorNeedleStart: 'rgba(240, 128, 128, 1)',\n * colorNeedleEnd: 'rgba(255, 160, 122, .9)',\n * valueBox: true,\n * animationRule: 'bounce'\n * });\n * // draw initially\n * gauge.draw();\n * // animate\n * setInterval(() => {\n * gauge.value = Math.random() * -220 + 220;\n * }, 1000);\n */\n\nvar RadialGauge = function (_BaseGauge) {\n _inherits(RadialGauge, _BaseGauge);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event RadialGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event RadialGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event RadialGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event RadialGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event RadialGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event RadialGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event RadialGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event RadialGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event RadialGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event RadialGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {RadialGaugeOptions} options\n */\n function RadialGauge(options) {\n _classCallCheck(this, RadialGauge);\n\n options = Object.assign({}, defaultRadialGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (RadialGauge.__proto__ || Object.getPrototypeOf(RadialGauge)).call(this, RadialGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(RadialGauge, [{\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @returns {RadialGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref[0];\n var y = _ref[1];\n var w = _ref[2];\n var h = _ref[3];\n\n var options = this.options;\n\n if (options.animationTarget === 'needle') {\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(context, options);\n this.emit('beforeHighlights');\n drawRadialHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(context, options);\n this.emit('beforeTitle');\n drawRadialTitle(context, options);\n this.emit('beforeUnits');\n drawRadialUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n this.emit('beforeNeedle');\n drawRadialNeedle(canvas.context, options);\n } else {\n var plateValueAngle = -drawings.radians((options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle);\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(canvas.context, options);\n\n canvas.context.rotate(plateValueAngle);\n\n // animated\n this.emit('beforeHighlights');\n drawRadialHighlights(canvas.context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(canvas.context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(canvas.context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(canvas.context, options);\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n\n // non-animated\n canvas.context.rotate(-plateValueAngle);\n canvas.context.save();\n\n if (!canvas.elementClone.initialized) {\n var _context = canvas.contextClone;\n\n // clear the cache\n _context.clearRect(x, y, w, h);\n _context.save();\n\n this.emit('beforeTitle');\n drawRadialTitle(_context, options);\n this.emit('beforeUnits');\n drawRadialUnits(_context, options);\n this.emit('beforeNeedle');\n drawRadialNeedle(_context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n }\n\n // value box animations\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n\n _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }, {\n key: 'value',\n\n\n /**\n * Sets the value for radial gauge\n *\n * @param {number} value\n */\n set: function set(value) {\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n if (this.options.animation && this.options.ticksAngle === 360 && this.options.useMinPath) {\n this._value = value;\n value = this.options.value + ((value - this.options.value) % 360 + 540) % 360 - 180;\n }\n\n _set(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', value, this);\n }\n\n /**\n * Returns current gauge value\n *\n * @return {number}\n */\n ,\n get: function get() {\n return _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', this);\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n if (options.barWidth > 50) options.barWidth = 50;\n\n /* istanbul ignore if */\n if (isNaN(options.startAngle)) options.startAngle = 45;\n /* istanbul ignore if */\n if (isNaN(options.ticksAngle)) options.ticksAngle = 270;\n\n /* istanbul ignore if */\n if (options.ticksAngle > 360) options.ticksAngle = 360;\n /* istanbul ignore if */\n if (options.ticksAngle < 0) options.ticksAngle = 0;\n\n /* istanbul ignore if */\n if (options.startAngle < 0) options.startAngle = 0;\n /* istanbul ignore if */\n if (options.startAngle > 360) options.startAngle = 360;\n\n return options;\n }\n }]);\n\n return RadialGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['RadialGauge'] = RadialGauge;\n}\n\nBaseGauge.initialize('RadialGauge', defaultRadialGaugeOptions);\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Linear gauge configuration options\n *\n * @typedef {GenericOptions|{borderRadius: number, barBeginCircle: number, tickSide: string, needleSide: string, numberSide: string, ticksWidth: number, ticksWidthMinor: number, ticksPadding: number, barLength: number, colorBarEnd: string, colorBarProgressEnd: string}} LinearGaugeOptions\n */\n\n/**\n * Default linear gauge configuration options\n *\n * @type {LinearGaugeOptions}\n */\nvar defaultLinearGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n borderRadius: 0,\n // width: 150,\n // height: 400,\n\n // bar\n barBeginCircle: 30, // percents\n colorBarEnd: '',\n colorBarProgressEnd: '',\n\n needleWidth: 6,\n\n tickSide: 'both', // available: 'left', 'right', 'both'\n needleSide: 'both', // available: 'left', 'right', 'both'\n\n numberSide: 'both', // available: 'left', 'right', 'both'\n\n ticksWidth: 10,\n ticksWidthMinor: 5,\n ticksPadding: 5,\n barLength: 85,\n fontTitleSize: 26,\n\n highlightsWidth: 10\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawRectangle(context, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.fillStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, w > h ? w : h, h > w, w > h ? x : y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} width width of the border\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawLinearBorder(context, width, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.lineWidth = width;\n context.strokeStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, h, true, y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge plate\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearPlate(context, options, x, y, w, h) {\n var pxRatio = SmartCanvas.pixelRatio;\n context.save();\n\n var r = options.borderRadius * pxRatio;\n var w1 = w - options.borderShadowWidth - options.borderOuterWidth * pxRatio;\n var w2 = w1 - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio;\n var w3 = w2 - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio;\n var w4 = w3 - options.borderInnerWidth * pxRatio;\n\n var h1 = h - options.borderShadowWidth - options.borderOuterWidth * pxRatio;\n var h2 = h1 - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio;\n var h3 = h2 - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio;\n var h4 = h3 - options.borderInnerWidth * pxRatio;\n\n var x2 = x - (w2 - w1) / 2;\n var x3 = x2 - (w3 - w2) / 2;\n var x4 = x3 - (w4 - w3) / 2;\n\n var y2 = y - (h2 - h1) / 2;\n var y3 = y2 - (h3 - h2) / 2;\n var y4 = y3 - (h4 - h3) / 2;\n var aliasingOffset = 0;\n var shadowDrawn = false;\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderOuterWidth * pxRatio, r, x + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, y + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, w1, h1, options.colorBorderOuter, options.colorBorderOuterEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderMiddleWidth * pxRatio, r -= 1 + aliasingOffset * 2, x2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, y2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, w2 + aliasingOffset * 2, h2 + aliasingOffset * 2, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderInnerWidth * pxRatio, r -= 1 + aliasingOffset * 2, x3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, y3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, w3 + aliasingOffset * 2, h3 + aliasingOffset * 2, options.colorBorderInner, options.colorBorderInnerEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n drawRectangle(context, r, x4, y4, w4 + aliasingOffset * 2, h4 + aliasingOffset * 2, options.colorPlate, options.colorPlateEnd);\n\n context.restore();\n\n return [x4, y4, w4, h4];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns linear gauge base bar dimensions.\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions|{barStrokeWidth: number, barBeginCircle: number, barWidth: number, hasLeft: boolean, hasRight: boolean}} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @return {{isVertical: boolean, width: number, length: number, barWidth: number, barLength: number, strokeWidth: number, barMargin: number, radius: number, x0: number, y0: number, barOffset: number, titleMargin: number, unitsMargin: number, X: number, Y: number, baseX: number, baseY: number, ticksPadding: number}}\n */\nfunction barDimensions(context, options, x, y, w, h) {\n var pixelRatio = SmartCanvas.pixelRatio;\n var isVertical = h >= w;\n var width = isVertical ? w * 0.85 : h;\n var length = isVertical ? h : w;\n\n //noinspection JSUnresolvedFunction\n x = isVertical ? round(x + (w - width) / 2) : x;\n\n var hasTitle = !!options.title;\n var hasUnits = !!options.units;\n var hasValue = !!options.valueBox;\n\n var titleMargin = void 0;\n var unitsMargin = void 0;\n var valueMargin = void 0;\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n unitsMargin = round(length * 0.05);\n //noinspection JSUnresolvedFunction\n titleMargin = round(length * 0.075);\n //noinspection JSUnresolvedFunction\n valueMargin = round(length * 0.11);\n\n if (hasTitle) {\n length -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) length -= unitsMargin;\n if (hasValue) length -= valueMargin;\n } else {\n //noinspection JSUnresolvedFunction\n unitsMargin = titleMargin = round(width * 0.15);\n\n if (hasTitle) {\n width -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) width -= unitsMargin;\n }\n\n var strokeWidth = options.barStrokeWidth * 2;\n //noinspection JSUnresolvedFunction\n var radius = options.barBeginCircle ? round(width * options.barBeginCircle / 200 - strokeWidth / 2) : 0;\n //noinspection JSUnresolvedFunction\n var barWidth = round(width * options.barWidth / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barLength = round(length * options.barLength / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barMargin = round((length - barLength) / 2);\n\n // coordinates for arc of the bar if configured\n //noinspection JSUnresolvedFunction\n var x0 = round(x + (isVertical ? width / 2 : barMargin + radius));\n //noinspection JSUnresolvedFunction\n var y0 = round(y + (isVertical ? length - barMargin - radius + strokeWidth / 2 : width / 2));\n var dx = isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n var dy = !isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n\n //noinspection JSUndefinedPropertyAssignment\n context.barDimensions = {\n isVertical: isVertical,\n width: width,\n length: length,\n barWidth: barWidth,\n barLength: barLength,\n strokeWidth: strokeWidth,\n barMargin: barMargin,\n radius: radius,\n pixelRatio: pixelRatio,\n barOffset: null,\n titleMargin: hasTitle ? titleMargin : 0,\n unitsMargin: hasUnits ? unitsMargin : 0,\n get ticksLength() {\n return this.barLength - this.barOffset - this.strokeWidth;\n },\n X: x + dx,\n Y: y + dy,\n x0: x0 + dx,\n y0: y0 + dy,\n baseX: x,\n baseY: y,\n ticksPadding: options.ticksPadding / 100\n };\n\n return context.barDimensions;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws bar shape from the given options on a given canvas context\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {string} type\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearBarShape(context, options, type, x, y, w, h) {\n var _barDimensions = barDimensions(context, options, x, y, w, h);\n\n var isVertical = _barDimensions.isVertical;\n var width = _barDimensions.width;\n var barWidth = _barDimensions.barWidth;\n var barLength = _barDimensions.barLength;\n var strokeWidth = _barDimensions.strokeWidth;\n var barMargin = _barDimensions.barMargin;\n var radius = _barDimensions.radius;\n var x0 = _barDimensions.x0;\n var y0 = _barDimensions.y0;\n var X = _barDimensions.X;\n var Y = _barDimensions.Y;\n\n var fullBarLength = barLength;\n\n context.save();\n context.beginPath();\n\n if (options.barBeginCircle) {\n var direction = drawings.radians(isVertical ? 270 : 0);\n var alpha = Math.asin(barWidth / 2 / radius);\n var cosAlpha = Math.cos(alpha);\n var sinAlpha = Math.sin(alpha);\n\n var x1 = x0 + (isVertical ? radius * sinAlpha : radius * cosAlpha - strokeWidth / 2);\n var y1 = isVertical ? y0 - radius * cosAlpha : y0 + radius * sinAlpha;\n //noinspection JSUnresolvedFunction\n var cutRadius = isVertical ? abs(y1 - y0) : abs(x1 - x0);\n\n //noinspection JSUnresolvedFunction\n context.barDimensions.barOffset = round(cutRadius + radius);\n\n // bottom point\n //noinspection JSUnresolvedFunction\n var x2 = isVertical ? round(x0 - radius * sinAlpha) : x1;\n //noinspection JSUnresolvedFunction\n var y2 = isVertical ? y1 : round(y0 - radius * sinAlpha);\n\n if (type === 'progress') {\n barLength = context.barDimensions.barOffset + (barLength - context.barDimensions.barOffset) * (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue);\n }\n\n // bar ends at\n //noinspection JSUnresolvedFunction\n var x3 = round(x1 + barLength - context.barDimensions.barOffset + strokeWidth / 2); // h\n //noinspection JSUnresolvedFunction\n var y3 = round(y1 - barLength + context.barDimensions.barOffset - strokeWidth / 2); // v\n\n context.arc(x0, y0, radius, direction + alpha, direction - alpha);\n\n if (isVertical) {\n context.moveTo(x1, y2);\n context.lineTo(x1, y3);\n context.lineTo(x2, y3);\n context.lineTo(x2, y2);\n } else {\n context.moveTo(x1, y2);\n context.lineTo(x3, y2);\n context.lineTo(x3, y1);\n context.lineTo(x1, y1);\n }\n } else {\n // simply rectangle\n //noinspection JSUnresolvedFunction\n var rx = round(isVertical ? X + (width - barWidth) / 2 : X + barMargin);\n //noinspection JSUnresolvedFunction\n var ry = round(isVertical ? Y + barLength + barMargin : Y + (width - barWidth) / 2);\n\n if (type === 'progress') {\n barLength *= (options.value - options.minValue) / (options.maxValue - options.minValue);\n }\n\n if (isVertical) context.rect(rx, ry, barWidth, -barLength);else context.rect(rx, ry, barLength, barWidth);\n }\n\n if (type !== 'progress' && options.barStrokeWidth) {\n context.lineWidth = strokeWidth;\n context.strokeStyle = options.colorBarStroke;\n //context.lineJoin = 'round';\n context.stroke();\n }\n\n if (type !== 'progress' && options.colorBar) {\n context.fillStyle = options.colorBarEnd ? drawings.linearGradient(context, options.colorBar, options.colorBarEnd, barLength, isVertical, isVertical ? Y : X) : options.colorBar;\n context.fill();\n } else if (type === 'progress' && options.colorBarProgress) {\n context.fillStyle = options.colorBarProgressEnd ? drawings.linearGradient(context, options.colorBarProgress, options.colorBarProgressEnd, fullBarLength, isVertical, isVertical ? Y : X) : options.colorBarProgress;\n context.fill();\n }\n\n context.closePath();\n\n // fix dimensions for further usage\n if (options.barBeginCircle) context.barDimensions.radius += strokeWidth;\n\n context.barDimensions.barWidth += strokeWidth;\n context.barDimensions.barLength += strokeWidth;\n}\n\n/**\n * Draws gauge bar\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBar(context, options, x, y, w, h) {\n drawLinearBarShape(context, options, '', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Helper function to calculate bar ticks presence on the sides\n *\n * @param {string} notWhich\n * @param {LinearGaugeOptions} options\n * @return {boolean}\n */\nfunction hasTicksBar(notWhich, options) {\n return options.needleSide !== notWhich || options.tickSide !== notWhich || options.numberSide !== notWhich;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar progress\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBarProgress(context, options, x, y, w, h) {\n options.barProgress && drawLinearBarShape(context, options, 'progress', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar highlighted areas\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarHighlights(context, options) {\n var _context$barDimension = context.barDimensions;\n var isVertical = _context$barDimension.isVertical;\n var width = _context$barDimension.width;\n var length = _context$barDimension.length;\n var barWidth = _context$barDimension.barWidth;\n var barOffset = _context$barDimension.barOffset;\n var barMargin = _context$barDimension.barMargin;\n var X = _context$barDimension.X;\n var Y = _context$barDimension.Y;\n var ticksLength = _context$barDimension.ticksLength;\n var ticksPadding = _context$barDimension.ticksPadding;\n\n var hlWidth = width * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!options.highlights || !hlWidth) return;\n\n var hasLeft = options.tickSide !== 'right';\n var hasRight = options.tickSide !== 'left';\n var i = 0;\n var s = options.highlights.length;\n var tickOffset = (width - barWidth) / 2;\n var interval = options.maxValue - options.minValue;\n //noinspection JSUnresolvedFunction\n var eX = round(isVertical ? X + tickOffset : X + barMargin + barOffset);\n var eH = hlWidth;\n var eY = isVertical ? Y + length - barMargin - barOffset : Y + tickOffset;\n //noinspection JSUnresolvedFunction\n var hLeft = round((options.ticksWidth / 100 + ticksPadding) * width) + (hlWidth - options.ticksWidth / 100 * width);\n //noinspection JSUnresolvedFunction\n var hRight = round(barWidth + ticksPadding * width);\n\n context.save();\n\n for (; i < s; i++) {\n var entry = options.highlights[i];\n //noinspection JSUnresolvedFunction\n var eStart = ticksLength * abs(options.minValue - entry.from) / interval;\n //noinspection JSUnresolvedFunction\n var eW = ticksLength * abs((entry.to - entry.from) / interval);\n\n context.beginPath();\n context.fillStyle = entry.color;\n\n if (isVertical) {\n if (hasLeft) context.rect(eX - hLeft, eY - eStart, eH, -eW);\n\n if (hasRight) context.rect(eX + hRight, eY - eStart, eH, -eW);\n } else {\n if (hasLeft) context.rect(eX + eStart, eY - hLeft, eW, eH);\n\n if (hasRight) context.rect(eX + eStart, eY + hRight, eW, eH);\n }\n\n context.fill();\n context.closePath();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws a tick line on a linear gauge\n *\n * @param {Canvas2DContext} context\n * @param x1\n * @param y1\n * @param x2\n * @param y2\n */\nfunction drawLinearTick(context, x1, y1, x2, y2) {\n context.beginPath();\n\n context.moveTo(x1, y1);\n context.lineTo(x2, y2);\n context.stroke();\n\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks\n *\n * @param {Canvas2DContext} context\n * @param {string} color\n * @param {number[]} ticks\n * @param {number} minVal\n * @param {number} maxVal\n * @param {boolean} hasLeft\n * @param {boolean} hasRight\n * @param {number} lineWidth\n * @param {number} lineLength\n */\nfunction drawLinearTicks(context, color, ticks, minVal, maxVal, hasLeft, hasRight, lineWidth, lineLength) {\n var _context$barDimension2 = context.barDimensions;\n var isVertical = _context$barDimension2.isVertical;\n var length = _context$barDimension2.length;\n var barWidth = _context$barDimension2.barWidth;\n var barOffset = _context$barDimension2.barOffset;\n var barMargin = _context$barDimension2.barMargin;\n var pixelRatio = _context$barDimension2.pixelRatio;\n var width = _context$barDimension2.width;\n var X = _context$barDimension2.X;\n var Y = _context$barDimension2.Y;\n var ticksLength = _context$barDimension2.ticksLength;\n var ticksPadding = _context$barDimension2.ticksPadding;\n\n var tickOffset = (width - barWidth) / 2;\n var tickX = void 0,\n tickY = void 0;\n var i = 0;\n var tickLen = lineLength * width;\n var tickLeft = tickOffset - ticksPadding * width;\n var tickRight = tickOffset + barWidth + tickLen + ticksPadding * width;\n var colors = color instanceof Array ? color : new Array(ticks.length).fill(color);\n\n context.lineWidth = lineWidth * pixelRatio;\n context.save();\n\n var ratio = ticksLength / (maxVal - minVal);\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = ticks[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var val = _step.value;\n\n context.strokeStyle = colors[ticks.indexOf(val)];\n\n if (isVertical) {\n tickY = Y + length - barMargin - barOffset + (minVal - val) * ratio;\n\n if (hasLeft) {\n tickX = X + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n\n if (hasRight) {\n tickX = X + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n } else {\n tickX = X + barMargin + barOffset - (minVal - val) * ratio;\n\n if (hasLeft) {\n tickY = Y + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, tickX, round(tickY - tickLen));\n }\n\n if (hasRight) {\n tickY = Y + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, round(tickY), tickX, tickY - tickLen);\n }\n }\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicks(context, options) {\n var _drawings$prepareTick = drawings.prepareTicks(options);\n\n var _drawings$prepareTick2 = _slicedToArray(_drawings$prepareTick, 2);\n\n var hasLeft = _drawings$prepareTick2[0];\n var hasRight = _drawings$prepareTick2[1];\n\n var lineWidth = 2;\n var valuePerNonExactTick = (options.maxValue - options.minValue) / (options.majorTicks.length - 1);\n var colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(options.majorTicks.length).fill(options.colorMajorTicks);\n var ticks = options.exactTicks ? options.majorTicks : options.majorTicks.map(function (tick, i) {\n return options.minValue + valuePerNonExactTick * i;\n });\n\n drawLinearTicks(context, colors, ticks, options.minValue, options.maxValue, hasLeft, hasRight, lineWidth, options.ticksWidth / 100);\n\n if (options.strokeTicks) {\n var _context$barDimension3 = context.barDimensions;\n var isVertical = _context$barDimension3.isVertical;\n var length = _context$barDimension3.length;\n var width = _context$barDimension3.width;\n var barWidth = _context$barDimension3.barWidth;\n var barMargin = _context$barDimension3.barMargin;\n var barOffset = _context$barDimension3.barOffset;\n var X = _context$barDimension3.X;\n var Y = _context$barDimension3.Y;\n var ticksLength = _context$barDimension3.ticksLength;\n var pixelRatio = _context$barDimension3.pixelRatio;\n var ticksPadding = _context$barDimension3.ticksPadding;\n\n var rightTicks = (width - barWidth) / 2 + barWidth + ticksPadding * width;\n var leftTicks = (width - barWidth) / 2 - ticksPadding * width;\n var sX = void 0,\n sY = void 0,\n eX = void 0,\n eY = void 0;\n\n context.strokeStyle = colors[0];\n\n lineWidth *= pixelRatio;\n\n if (isVertical) {\n sY = Y + length - barMargin - barOffset + lineWidth / 2;\n eY = sY - ticksLength - lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n } else {\n sX = X + barMargin + barOffset - lineWidth / 2;\n eX = sX + ticksLength + lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks stroke\n *\n * @param {Canvas2DContext} context\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n */\nfunction drawLinearTickStroke(context, sX, sY, eX, eY) {\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMinorTicks(context, options) {\n var _drawings$prepareTick3 = drawings.prepareTicks(options);\n\n var _drawings$prepareTick4 = _slicedToArray(_drawings$prepareTick3, 2);\n\n var hasLeft = _drawings$prepareTick4[0];\n var hasRight = _drawings$prepareTick4[1];\n\n var ticks = [];\n var i = options.minValue;\n var valuePerNonExactTick = (options.maxValue - options.minValue) / (options.minorTicks * (options.majorTicks.length - 1));\n\n if (options.exactTicks) {\n var delta = options.majorTicks[0] % options.minorTicks;\n\n for (; i < options.maxValue; i += options.minorTicks) {\n ticks.push(delta + i);\n }\n } else {\n for (; i < options.maxValue; i += valuePerNonExactTick) {\n ticks.push(i);\n }\n }\n\n drawLinearTicks(context, options.colorMinorTicks, ticks, options.minValue, options.maxValue, hasLeft, hasRight, 1, options.ticksWidthMinor / 100);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major tick numbers\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicksNumbers(context, options) {\n var _context$barDimension4 = context.barDimensions;\n var isVertical = _context$barDimension4.isVertical;\n var length = _context$barDimension4.length;\n var width = _context$barDimension4.width;\n var barWidth = _context$barDimension4.barWidth;\n var barMargin = _context$barDimension4.barMargin;\n var barOffset = _context$barDimension4.barOffset;\n var X = _context$barDimension4.X;\n var Y = _context$barDimension4.Y;\n var ticksLength = _context$barDimension4.ticksLength;\n var ticksPadding = _context$barDimension4.ticksPadding;\n\n var range = options.maxValue - options.minValue;\n var valuePerNonExactTick = range / (options.majorTicks.length - 1);\n var tickValues = options.exactTicks ? options.majorTicks : options.majorTicks.map(function (tick, i) {\n return options.minValue + valuePerNonExactTick * i;\n });\n var ticks = tickValues.length;\n var hasLeft = options.numberSide !== 'right';\n var hasRight = options.numberSide !== 'left';\n var textHeight = options.fontNumbersSize * width / 200;\n var i = 0;\n var ticksWidth = (options.ticksWidth / 100 + ticksPadding * 2) * width;\n var numLeft = (width - barWidth) / 2 - ticksWidth;\n var numRight = (width - barWidth) / 2 + barWidth + ticksWidth;\n var textX = void 0,\n textY = void 0,\n textWidth = void 0,\n numberOffset = void 0,\n tick = void 0;\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(ticks).fill(options.colorNumbers);\n\n context.font = drawings.font(options, 'Numbers', width / 200);\n context.lineWidth = 0;\n context.textAlign = 'center';\n\n for (; i < ticks; i++) {\n context.fillStyle = colors[i];\n tick = options.majorTicks[i];\n numberOffset = options.exactTicks ? ticksLength * ((tickValues[i] - options.minValue) / range) : i * ticksLength / (ticks - 1);\n\n if (isVertical) {\n textY = Y + length - barMargin - barOffset - numberOffset + textHeight / 3;\n\n if (hasLeft) {\n context.textAlign = 'right';\n context.fillText(tick, X + numLeft, textY);\n }\n\n if (hasRight) {\n context.textAlign = 'left';\n context.fillText(tick, X + numRight, textY);\n }\n } else {\n textWidth = context.measureText(tick).width;\n textX = X + barMargin + barOffset + numberOffset;\n\n if (hasLeft) {\n context.fillText(tick, textX, Y + numLeft);\n }\n\n if (hasRight) {\n context.fillText(tick, textX, Y + numRight + textHeight);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge title\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearTitle(context, options) {\n if (!options.title) return;\n\n var _context$barDimension5 = context.barDimensions;\n var isVertical = _context$barDimension5.isVertical;\n var width = _context$barDimension5.width;\n var length = _context$barDimension5.length;\n var baseX = _context$barDimension5.baseX;\n var baseY = _context$barDimension5.baseY;\n var titleMargin = _context$barDimension5.titleMargin;\n\n var textHeight = options.fontTitleSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + titleMargin / 2 - (isVertical ? textHeight : textHeight / 2) - 0.025 * (isVertical ? length : width));\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Title', width / 200);\n context.lineWidth = 0;\n context.fillText(options.title, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge units\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearUnits(context, options) {\n if (!options.units) return;\n\n var _context$barDimension6 = context.barDimensions;\n var isVertical = _context$barDimension6.isVertical;\n var width = _context$barDimension6.width;\n var length = _context$barDimension6.length;\n var baseX = _context$barDimension6.baseX;\n var baseY = _context$barDimension6.baseY;\n var unitsMargin = _context$barDimension6.unitsMargin;\n\n var textHeight = options.fontUnitsSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + (isVertical ? length : width) + unitsMargin / 2 - textHeight / 2);\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Units', width / 200);\n context.lineWidth = 0;\n context.fillText(options.units, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge needles\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarNeedle(context, options) {\n if (!options.needle) return;\n\n var _context$barDimension7 = context.barDimensions;\n var isVertical = _context$barDimension7.isVertical;\n var width = _context$barDimension7.width;\n var length = _context$barDimension7.length;\n var barWidth = _context$barDimension7.barWidth;\n var barOffset = _context$barDimension7.barOffset;\n var barMargin = _context$barDimension7.barMargin;\n var ticksLength = _context$barDimension7.ticksLength;\n var X = _context$barDimension7.X;\n var Y = _context$barDimension7.Y;\n var ticksPadding = _context$barDimension7.ticksPadding;\n\n var hasLeft = options.needleSide !== 'right';\n var hasRight = options.needleSide !== 'left';\n var position = ticksLength * (drawings.normalizedValue(options).indented - options.minValue) / (options.maxValue - options.minValue);\n var tickWidth = (options.ticksWidth / 100 + ticksPadding) * width;\n var baseLength = barWidth / 2 + tickWidth;\n var needleLength = baseLength * (options.needleEnd / 100);\n var sX = void 0,\n eX = void 0,\n sY = void 0,\n eY = void 0;\n var draw = options.needleType.toLowerCase() === 'arrow' ? drawLinearArrowNeedle : drawLinearLineNeedle;\n var barStart = (width - barWidth) / 2;\n var needleStart = baseLength * (options.needleStart / 100);\n var nLeft = barStart - tickWidth - needleStart;\n var nRight = barStart + barWidth + tickWidth + needleStart;\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + length - barMargin - barOffset - position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nLeft);\n eX = sX + needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nRight);\n eX = sX - needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength, true);\n }\n } else {\n //noinspection JSUnresolvedFunction\n sX = round(X + barMargin + barOffset + position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nLeft);\n eY = sY + needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nRight);\n eY = sY - needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength, true);\n }\n }\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns needle color style\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} length\n * @param {boolean} [isRight]\n * @return {CanvasGradient|string}\n */\nfunction needleStyle(context, options, length, isRight) {\n return options.colorNeedleEnd ? drawings.linearGradient(context, isRight ? options.colorNeedleEnd : options.colorNeedle, isRight ? options.colorNeedle : options.colorNeedleEnd, length, !context.barDimensions.isVertical) : options.colorNeedle;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws line needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearLineNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n context.lineWidth = options.needleWidth;\n context.strokeStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws arrow needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearArrowNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n //noinspection JSUnresolvedFunction\n var peakLength = round(length * 0.4);\n var bodyLength = length - peakLength;\n var isVertical = sX === eX;\n var halfWidth = options.needleWidth / 2;\n\n context.fillStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n\n if (isVertical) {\n if (sY > eY) bodyLength *= -1;\n\n context.moveTo(sX - halfWidth, sY);\n context.lineTo(sX + halfWidth, sY);\n context.lineTo(sX + halfWidth, sY + bodyLength);\n context.lineTo(sX, eY);\n context.lineTo(sX - halfWidth, sY + bodyLength);\n context.lineTo(sX - halfWidth, sY);\n } else {\n if (sX > eX) bodyLength *= -1;\n\n context.moveTo(sX, sY - halfWidth);\n context.lineTo(sX, sY + halfWidth);\n context.lineTo(sX + bodyLength, sY + halfWidth);\n context.lineTo(eX, sY);\n context.lineTo(sX + bodyLength, sY - halfWidth);\n context.lineTo(sX, sY - halfWidth);\n }\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box for linear gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} value\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearValueBox(context, options, value, x, y, w, h) {\n // currently value box is available only for vertical linear gauge,\n // as far as by design it is hard to find a proper place for\n // horizontal ones\n var boxWidth = (parseFloat(options.fontValueSize) || 0) * w / 200;\n var dy = (0.11 * h - boxWidth) / 2;\n\n context.barDimensions.isVertical && drawings.drawValueBox(context, options, value, x + w / 2, y + h - boxWidth - dy, w);\n}\n\n/**\n * Minimalistic HTML5 Canvas Linear Gauge\n */\n\nvar LinearGauge = function (_BaseGauge2) {\n _inherits(LinearGauge, _BaseGauge2);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event LinearGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event LinearGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event LinearGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event LinearGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event LinearGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event LinearGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event LinearGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge bar area is drawn\n *\n * @event LinearGauge#beforeBar\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event LinearGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event LinearGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event LinearGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {LinearGaugeOptions} options\n */\n function LinearGauge(options) {\n _classCallCheck(this, LinearGauge);\n\n options = Object.assign({}, defaultLinearGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (LinearGauge.__proto__ || Object.getPrototypeOf(LinearGauge)).call(this, LinearGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(LinearGauge, [{\n key: 'draw',\n\n\n /* istanbul ignore next */\n /**\n * Triggering linear gauge render on a canvas.\n *\n * @returns {LinearGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref2 = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref2[0];\n var y = _ref2[1];\n var w = _ref2[2];\n var h = _ref2[3];\n\n var options = this.options;\n\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n this.drawBox = drawLinearPlate(context, options, x, y, w, h);\n\n this.emit('beforeBar');\n drawLinearBar.apply(undefined, [context, options].concat(_toConsumableArray(this.drawBox)));\n\n canvas.context.barDimensions = context.barDimensions;\n\n this.emit('beforeHighlights');\n drawLinearBarHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawLinearMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawLinearMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawLinearMajorTicksNumbers(context, options);\n this.emit('beforeTitle');\n drawLinearTitle(context, options);\n this.emit('beforeUnits');\n drawLinearUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawLinearBarProgress.apply(undefined, [canvas.context, options].concat(_toConsumableArray(this.drawBox)));\n this.emit('beforeNeedle');\n drawLinearBarNeedle(canvas.context, options);\n this.emit('beforeValueBox');\n drawLinearValueBox.apply(undefined, [canvas.context, options, options.animatedValue ? this.options.value : this.value].concat(_toConsumableArray(this.drawBox)));\n\n _get(LinearGauge.prototype.__proto__ || Object.getPrototypeOf(LinearGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n /* istanbul ignore else */\n if (options.barStrokeWidth >= options.barWidth) {\n //noinspection JSUnresolvedFunction\n options.barStrokeWidth = round(options.barWidth / 2);\n }\n\n //noinspection JSUndefinedPropertyAssignment\n options.hasLeft = hasTicksBar('right', options);\n //noinspection JSUndefinedPropertyAssignment\n options.hasRight = hasTicksBar('left', options);\n\n if (options.value > options.maxValue) {\n options.value = options.maxValue;\n }\n\n if (options.value < options.minValue) {\n options.value = options.minValue;\n }\n\n return BaseGauge.configure(options);\n }\n }]);\n\n return LinearGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['LinearGauge'] = LinearGauge;\n}\n\nBaseGauge.initialize('LinearGauge', defaultLinearGaugeOptions);;typeof module !== \"undefined\" && Object.assign(ns, {Collection: Collection,GenericOptions: GenericOptions,Animation: Animation,BaseGauge: BaseGauge,drawings: drawings,SmartCanvas: SmartCanvas,vendorize: vendorize});}(typeof module !== \"undefined\" ? module.exports : window));"],"sourceRoot":"/source/"} \ No newline at end of file +{"version":3,"sources":["gauge.min.js"],"names":["ns","_toConsumableArray","arr","Array","isArray","i","arr2","length","from","_possibleConstructorReturn","self","call","ReferenceError","_inherits","subClass","superClass","TypeError","prototype","Object","create","constructor","value","enumerable","writable","configurable","setPrototypeOf","__proto__","_classCallCheck","instance","Constructor","vendorize","prop","window","global","vendors","s","capitalized","charAt","toUpperCase","substr","vendorProp","step","time","draw","start","rule","duration","end","anim","progress","percent","frame","requestAnimationFrame","Collection","apply","this","arguments","verifyError","err","DOMException","result","prepareTicks","options","majorTicks","push","drawings","formatMajorTickNumber","minValue","maxValue","tickSide","roundRect","context","x","y","w","h","r","beginPath","moveTo","lineTo","quadraticCurveTo","closePath","padValue","val","dec","valueDec","int","valueInt","strVal","n","parseFloat","Math","abs","toFixed","toString","split","round","num","right","hasDec","majorTicksDec","majorTicksInt","indexOf","join","replace","radians","degrees","PI","radialPoint","radius","angle","sin","cos","linearGradient","colorFrom","colorTo","isVertical","undefined","grad","createLinearGradient","addColorStop","drawShadow","shadowDrawn","restore","save","borderShadowWidth","shadowBlur","shadowColor","colorBorderShadow","drawNeedleShadow","needleShadow","shadowOffsetX","shadowOffsetY","colorNeedleShadowDown","font","target","baseSize","reset","strokeStyle","lineWidth","drawValueTextShadow","offset","blur","valueTextShadow","colorValueTextShadow","drawValueBox","max","valueBox","text","valueText","tunit","runit","tw","measureText","width","th","fontValueSize","sw","valueBoxStroke","bmax","bw","bh","br","valueBoxBorderRadius","obw","valueBoxWidth","bx","by","gy","rect","grd","createRadialGradient","colorValueBoxRect","colorValueBoxRectEnd","stroke","colorValueBoxShadow","colorValueBoxBackground","fillStyle","fill","colorValueText","textAlign","textBaseline","fillText","normalizedValue","min","dt","normal","indented","drawRadialBorder","arc","maxRadialRadius","pxRatio","SmartCanvas","pixelRatio","maxRadius","borderOuterWidth","borderMiddleWidth","borderInnerWidth","drawRadialPlate","d0","r0","r1","r2","r3","colorBorderOuter","colorBorderOuterEnd","colorBorderMiddle","colorBorderMiddleEnd","colorBorderInner","colorBorderInnerEnd","colorPlateEnd","colorPlate","drawRadialHighlights","hlWidth","highlightsWidth","radialTicksRadius","highlights","vd","ticksAngle","hlt","rotate","HPI","startAngle","to","color","drawRadialMinorTicks","range","delta","ratio","colorMinorTicks","exactTicks","minorTicks","closeStrokedPath","unit","barWidth","barStrokeWidth","drawRadialMajorTicks","colors","colorMajorTicks","radialNextAngle","strokeTicks","drawRadialNumbers","textWidth","map","textHeight","fontNumbersSize","sqrt","points","isAnimated","animationTarget","colorNumbers","plateValueAngle","point","drawRadialTitle","title","colorTitle","drawRadialUnits","units","colorUnits","drawRadialNeedle","needle","needleCircleSize","rIn","needleEnd","rStart","needleStart","rOut","pad1","needleWidth","pad2","isFixed","colorNeedle","colorNeedleEnd","needleType","colorNeedleShadowUp","needleCircleOuter","colorNeedleCircleOuter","colorNeedleCircleOuterEnd","needleCircleInner","colorNeedleCircleInner","colorNeedleCircleInnerEnd","drawRadialValueBox","drawRadialProgressBar","rMax","rMin","half","sa","ea","colorBarStroke","colorBar","barShadow","clip","colorBarShadow","barProgress","colorBarProgress","displayValue","gauge","animatedValue","drawRectangle","colorStart","colorEnd","drawLinearBorder","drawLinearPlate","borderRadius","w1","w2","w3","w4","h1","h2","h3","h4","x2","x3","x4","y2","y3","y4","aliasingOffset","barDimensions","hasTitle","hasUnits","hasValue","titleMargin","unitsMargin","valueMargin","strokeWidth","barBeginCircle","barLength","barMargin","x0","y0","dx","hasLeft","hasRight","ticksWidth","dy","barOffset","ticksLength","X","Y","baseX","baseY","ticksPadding","drawLinearBarShape","type","_barDimensions","fullBarLength","direction","alpha","asin","cosAlpha","sinAlpha","x1","y1","cutRadius","rx","ry","colorBarEnd","colorBarProgressEnd","drawLinearBar","hasTicksBar","notWhich","needleSide","numberSide","drawLinearBarProgress","drawLinearBarHighlights","_context$barDimension","tickOffset","interval","eX","eH","eY","hLeft","hRight","entry","eStart","eW","drawLinearTick","drawLinearTicks","ticks","minVal","maxVal","lineLength","_context$barDimension2","tickX","tickY","tickLen","tickLeft","tickRight","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_step","_iterator","Symbol","iterator","next","done","return","drawLinearMajorTicks","_drawings$prepareTick","_drawings$prepareTick2","_slicedToArray","valuePerNonExactTick","tick","_context$barDimension3","rightTicks","leftTicks","sX","sY","drawLinearTickStroke","drawLinearMinorTicks","_drawings$prepareTick3","_drawings$prepareTick4","ticksWidthMinor","drawLinearMajorTicksNumbers","_context$barDimension4","tickValues","numLeft","numRight","textX","textY","numberOffset","drawLinearTitle","_context$barDimension5","fontTitleSize","drawLinearUnits","_context$barDimension6","fontUnitsSize","drawLinearBarNeedle","_context$barDimension7","position","tickWidth","baseLength","needleLength","toLowerCase","drawLinearArrowNeedle","drawLinearLineNeedle","barStart","nLeft","nRight","needleStyle","isRight","peakLength","bodyLength","halfWidth","drawLinearValueBox","boxWidth","sliceIterator","_arr","_n","_d","_e","_s","_i","_get","get","object","property","receiver","Function","desc","getOwnPropertyDescriptor","parent","getPrototypeOf","getter","_set","set","setter","_createClass","defineProperties","props","descriptor","defineProperty","key","protoProps","staticProps","assign","firstSource","nextSource","keysArray","keys","nextIndex","len","nextKey","searchElement","fromIndex","k","O","Infinity","relativeStart","relativeEnd","final","EventEmitter","_events","addListener","on","removeListener","off","event","_len","args","_key","_len2","handlers","_key2","_loop","handler","wrapper","concat","_handler","index","splice","callback","setTimeout","Date","getTime","rules","linear","p","quad","pow","dequad","quint","dequint","cycle","acos","decycle","bounce","debounce","a","b","elastic","delastic","Animation","_this","cancel","performance","now","cancelAnimationFrame","id","DomObserver","element","toDashed","Type","mutationsObserved","isObservable","MutationObserver","GAUGES_NO_AUTO_INIT","domReady","traverse","bind","node","tagName","getAttribute","elements","document","getElementsByTagName","process","observe","body","childList","subtree","attributes","characterData","attributeOldValue","characterDataOldValue","records","record","attributeName","isValidNode","oldValue","addedNodes","ii","ss","_this2","JSON","parse","stringify","hasOwnProperty","toAttributeName","attributeValue","renderTo","observer","forEach","attr","disconnect","destroy","_prop","part","_options","update","test","e","camelCase","str","dashed","readyState","addEventListener","attachEvent","canvas","height","collection","init","style","elementClone","cloneNode","getContext","contextClone","drawWidth","drawHeight","drawX","drawY","minSide","initialized","translate","clearRect","onRedraw","scale","redraw","devicePixelRatio","matchMedia","GenericOptions","animateOnInit","borders","animation","animationDuration","animationRule","fontNumbers","fontTitle","fontUnits","fontValue","fontNumbersStyle","fontTitleStyle","fontUnitsStyle","fontValueStyle","fontNumbersWeight","fontTitleWeight","fontUnitsWeight","fontValueWeight","getElementById","version","gauges","BaseGauge","_EventEmitter","_this3","className","name","HTMLCanvasElement","parentNode","offsetWidth","offsetHeight","_value","configure","emit","_this4","ensureValue","fromValue","animate","toCamelCase","isNaN","isFinite","defaultRadialGaugeOptions","useMinPath","RadialGauge","_BaseGauge","_ref","commit","drawImage","_context","initialize","defaultLinearGaugeOptions","LinearGauge","_BaseGauge2","_ref2","drawBox","module","exports"],"mappings":"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","file":"gauge.min.js","sourcesContent":["/*!\n * The MIT License (MIT)\n * \n * Copyright (c) 2016 Mykhailo Stadnyk \n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n *\n * @version 2.1.1\n */\n(function(ns) {'use strict';\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if (\"value\" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };\n\nvar _set = function set(object, property, value, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent !== null) { set(parent, property, value, receiver); } } else if (\"value\" in desc && desc.writable) { desc.value = value; } else { var setter = desc.set; if (setter !== undefined) { setter.call(receiver, value); } } return value; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * @external {Object.assign} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n */\n/* istanbul ignore next */\nif (!Object.assign) {\n Object.defineProperty(Object, 'assign', {\n enumerable: false,\n configurable: true,\n writable: true,\n value: function value(target, firstSource) {\n 'use strict';\n\n if (target === undefined || target === null) {\n throw new TypeError('Cannot convert first argument to object');\n }\n\n var to = Object(target);\n var i = 1;\n\n for (; i < arguments.length; i++) {\n var nextSource = arguments[i];\n\n if (nextSource === undefined || nextSource === null) {\n continue;\n }\n\n var keysArray = Object.keys(Object(nextSource));\n var nextIndex = 0,\n len = keysArray.length;\n\n for (; nextIndex < len; nextIndex++) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n\n if (desc !== undefined && desc.enumerable) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n\n return to;\n }\n });\n}\n\n/**\n * @external {Array.indexOf} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf\n */\n/* istanbul ignore next */\nif (!Array.prototype.indexOf) {\n Array.prototype.indexOf = function (searchElement, fromIndex) {\n var k;\n\n if (this === null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n\n if (len === 0) {\n return -1;\n }\n\n var n = +fromIndex || 0;\n\n if (Math.abs(n) === Infinity) {\n n = 0;\n }\n\n if (n >= len) {\n return -1;\n }\n\n k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n while (k < len) {\n if (k in O && O[k] === searchElement) {\n return k;\n }\n\n k++;\n }\n\n return -1;\n };\n}\n\n/**\n * @external {Array.fill} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/fill\n */\n/* istanbul ignore next */\nif (!Array.prototype.fill) {\n Array.prototype.fill = function (value) {\n if (this === null) {\n throw new TypeError('this is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n var start = arguments[1];\n var relativeStart = start >> 0;\n var k = relativeStart < 0 ? Math.max(len + relativeStart, 0) : Math.min(relativeStart, len);\n var end = arguments[2];\n var relativeEnd = end === undefined ? len : end >> 0;\n var final = relativeEnd < 0 ? Math.max(len + relativeEnd, 0) : Math.min(relativeEnd, len);\n while (k < final) {\n O[k] = value;\n k++;\n }\n\n return O;\n };\n}\n\n/**\n * mocking window\n */\nif (typeof window === 'undefined') {\n window = typeof global === 'undefined' ? {} : global;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * Look-ups for a proper vendor-specific property and returns its value\n *\n * @example\n * var requestAnimationFrame = vendorize('requestAnimationFrame');\n * // it will refer properly to:\n * // - window.requestAnimationFrame by default or to\n * // - window.webkitRequestAnimationFrame or to\n * // - window.mozRequestAnimationFrame or to\n * // - window.msRequestAnimationFrame or to\n * // - window.oRequestAnimationFrame\n * // depending on the current browser vendor\n *\n * @author Mykhailo Stadnyk \n * @param {string} prop\n * @param {HTMLElement|Window|object} [from] - default is window\n * @returns {*}\n */\nfunction vendorize(prop, from) {\n /* istanbul ignore else: no reason to cover */\n if (!from) {\n from = typeof window === 'undefined' ? global : window;\n }\n\n if (typeof from[prop] !== 'undefined') {\n return from[prop];\n }\n\n var vendors = ['webkit', 'moz', 'ms', 'o'];\n var i = 0;\n var s = vendors.length;\n var capitalized = prop.charAt(0).toUpperCase() + prop.substr(1);\n\n for (; i < s; i++) {\n var vendorProp = from[vendors[i] + capitalized];\n\n /* istanbul ignore if: requires very complex environment to test (specific browser version) */\n if (typeof vendorProp !== 'undefined') {\n return vendorProp;\n }\n }\n\n return null;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Class EventEmitter - base event manager\n */\n\nvar EventEmitter = function () {\n /**\n * @constructor\n */\n function EventEmitter() {\n _classCallCheck(this, EventEmitter);\n\n this._events = {};\n\n this.addListener = this.on;\n this.removeListener = this.off;\n }\n\n /**\n * Returns all event listeners\n *\n * @return {object}\n */\n\n\n _createClass(EventEmitter, [{\n key: 'emit',\n\n\n /**\n * Emits given event bypassing to each registered handler given args\n *\n * @param {string} event\n * @param {...*} args\n */\n value: function emit(event) {\n if (this._events[event]) {\n var i = 0;\n var s = this._events[event].length;\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n for (; i < s; i++) {\n this._events[event][i] && this._events[event][i].apply(this, args);\n }\n }\n }\n\n /**\n * Registers given handler for given event to be called only once when\n * event is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'once',\n value: function once(event) {\n for (var _len2 = arguments.length, handlers = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n handlers[_key2 - 1] = arguments[_key2];\n }\n\n var i = 0;\n var s = handlers.length;\n var self = this;\n\n var _loop = function _loop() {\n var handler = handlers[i];\n var wrapper = function wrapper() {\n self.off(event, wrapper);\n handler.apply(self, arguments);\n };\n\n handlers[i] = wrapper;\n };\n\n for (; i < s; i++) {\n _loop();\n }\n\n this.on.apply(this, [event].concat(handlers));\n }\n\n /**\n * Registers given handlers for a given events to be called each time event\n * is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'on',\n value: function on(event) {\n if (!this._events[event]) {\n this._events[event] = [];\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n this._events[event].push(arguments.length <= i + 1 ? undefined : arguments[i + 1]);\n }\n }\n\n /**\n * Un-registers previously registered event handlers\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'off',\n value: function off(event) {\n if (!this._events[event]) {\n return;\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n var _handler = arguments.length <= i + 1 ? undefined : arguments[i + 1];\n var index = void 0;\n\n while (~(index = this._events[event].indexOf(_handler))) {\n this._events[event].splice(index, 1);\n }\n }\n }\n\n /**\n * Removes all listeners for a given event\n *\n * @param {string} event\n */\n\n }, {\n key: 'removeAllListeners',\n value: function removeAllListeners(event) {\n delete this._events[event];\n }\n }, {\n key: 'listeners',\n get: function get() {\n return this._events;\n }\n }]);\n\n return EventEmitter;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/* jshint -W079 */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/* istanbul ignore next */\n/**\n * @type {function(callback: function(time: number): number, element?: HTMLElement)}\n * @access private\n */\n\n\nvar requestAnimationFrame = vendorize('requestAnimationFrame') || function (callback) {\n return setTimeout(function () {\n return callback(new Date().getTime());\n }, 1000 / 60);\n};\n\n/**\n * Generic AnimationRule function interface\n *\n * @typedef {function(percent: number): number} AnimationRule\n */\n\n/**\n * Callback for animation step draw event.\n * It will be called each time animation step is executed, bypassing\n * as first argument a percent of animation completeness. It is expected\n * that this callback will do an actual work of animating an elements or\n * whatever, as far as animation engine is just calculating and executing\n * animation steps without any knowledge about things under animation.\n *\n * @typedef {function(percent: number): *} DrawEventCallback\n */\n\n/**\n * Callback for animation complete event.\n * It is called once each animation is complete.\n *\n * @typedef {function(): *} EndEventCallback\n */\n\n/**\n * Predefined known animation rules.\n * It's a simple collection of math for some most used animations.\n *\n * @typedef {{linear: AnimationRule, quad: AnimationRule, dequad: AnimationRule, quint: AnimationRule, dequint: AnimationRule, cycle: AnimationRule, decycle: AnimationRule, bounce: AnimationRule, debounce: AnimationRule, elastic: AnimationRule, delastic: AnimationRule}} AnimationRules\n */\n\n/* istanbul ignore next: no reason covering this */\nvar rules = {\n linear: function linear(p) {\n return p;\n },\n quad: function quad(p) {\n return Math.pow(p, 2);\n },\n dequad: function dequad(p) {\n return 1 - rules.quad(1 - p);\n },\n quint: function quint(p) {\n return Math.pow(p, 5);\n },\n dequint: function dequint(p) {\n return 1 - Math.pow(1 - p, 5);\n },\n cycle: function cycle(p) {\n return 1 - Math.sin(Math.acos(p));\n },\n decycle: function decycle(p) {\n return Math.sin(Math.acos(1 - p));\n },\n bounce: function bounce(p) {\n return 1 - rules.debounce(1 - p);\n },\n debounce: function debounce(p) {\n var a = 0,\n b = 1;\n for (; 1; a += b, b /= 2) {\n if (p >= (7 - 4 * a) / 11) {\n return -Math.pow((11 - 6 * a - 11 * p) / 4, 2) + Math.pow(b, 2);\n }\n }\n },\n elastic: function elastic(p) {\n return 1 - rules.delastic(1 - p);\n },\n delastic: function delastic(p) {\n var x = 1.5;\n return Math.pow(2, 10 * (p - 1)) * Math.cos(20 * Math.PI * x / 3 * p);\n }\n};\n\n/* istanbul ignore next: private, not testable */\n/**\n * Evaluates animation step and decides if the next step required or\n * stops animation calling a proper events.\n *\n * @access private\n * @param {number} time\n * @param {DrawEventCallback} draw\n * @param {number} start\n * @param {AnimationRule} rule\n * @param {number} duration\n * @param {EndEventCallback} end\n * @param {Animation} anim\n */\nfunction step(time, draw, start, rule, duration, end, anim) {\n if (typeof rule !== 'function') {\n throw new TypeError('Invalid animation rule:', rule);\n }\n\n var progress = time - start;\n var percent = progress / duration;\n\n if (percent > 1) {\n percent = 1;\n }\n\n draw && draw(percent === 1 ? percent : rule(percent));\n\n if (progress < duration) {\n anim.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rule, duration, end, anim);\n });\n } else {\n end && end();\n }\n}\n\n/**\n * Animation engine API for JavaScript-based animations.\n * This is simply an animation core framework which simplifies creation\n * of various animations for generic purposes.\n *\n * @example\n * // create 'linear' animation engine, 500ms duration\n * let linear = new Animation('linear', 500);\n *\n * // create 'elastic' animation engine\n * let elastic = new Animation('elastic');\n *\n * // define animation behavior\n * let bounced = new Animation('bounce', 500, percent => {\n * let value = parseInt(percent * 100, 10);\n *\n * $('div.bounced').css({\n * width: value + '%',\n * height: value + '%'\n * });\n * });\n *\n * // execute animation\n * bounced.animate();\n *\n * // execute animation and handle when its finished\n * bounced.animate(null, () => {\n * console.log('Animation finished!');\n * });\n */\n\nvar Animation = function () {\n\n /**\n * @constructor\n * @param {string|AnimationRule} rule\n * @param {number} duration\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n function Animation() {\n var rule = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'linear';\n var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;\n var draw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};\n var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};\n\n _classCallCheck(this, Animation);\n\n /**\n * Overall animation duration in milliseconds.\n * By default is equal to 250 ms.\n *\n * @type {number}\n */\n this.duration = duration;\n\n /**\n * Animation rule. By default is linear animation.\n * Animation rule is a subject to animation rules, which are\n * a simple object containing math-based methods for calculating\n * animation steps.\n *\n * @type {string|AnimationRule}\n */\n this.rule = rule;\n\n /**\n * Callback function for the animation step draw event.\n *\n * @type {DrawEventCallback}\n */\n this.draw = draw;\n\n /**\n * Callback for the animation complete event.\n *\n * @type {EndEventCallback}\n */\n this.end = end;\n\n if (typeof this.draw !== 'function') {\n throw new TypeError('Invalid animation draw callback:', draw);\n }\n\n if (typeof this.end !== 'function') {\n throw new TypeError('Invalid animation end callback:', end);\n }\n }\n\n /* istanbul ignore next: non-testable */\n /**\n * Performs animation calling each animation step draw callback and\n * end callback at the end of animation. Callbacks are optional to this\n * method call. If them are not bypassed will be used that ones which\n * was pre-set on constructing an Animation object or pre-set after\n * construction.\n *\n * @example\n * function draw(percent) {\n * $('.my-animated-divs').css({\n * width: parseInt(percent * 100, 10) + '%'\n * });\n * }\n * function done() {\n * console.log('Animation complete!');\n * }\n *\n * // Define 'draw' and 'end' callbacks on construction\n * var animation = new Animation('cycle', 500, draw, done);\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks after construction\n * var animation = new Animation('cycle', 500);\n * animation.draw = draw;\n * animation.end = done;\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks at animation\n * var animation = new Animation('cycle', 500);\n * animation.animate(draw, done);\n *\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n\n\n _createClass(Animation, [{\n key: 'animate',\n value: function animate(draw, end) {\n var _this = this;\n\n this.cancel();\n\n // noinspection JSUnresolvedVariable\n var start = window.performance && window.performance.now ? window.performance.now() : vendorize('animationStartTime') || Date.now();\n\n draw = draw || this.draw;\n end = end || this.end;\n\n /**\n * Current requested animation frame identifier\n *\n * @type {number}\n */\n this.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rules[_this.rule] || _this.rule, _this.duration, end, _this);\n });\n }\n\n /**\n * Cancels current animation if any\n */\n\n }, {\n key: 'cancel',\n value: function cancel() {\n if (this.frame) {\n var cancelAnimationFrame = vendorize('cancelAnimationFrame') ||\n /* istanbul ignore next */\n function (id) {};\n\n cancelAnimationFrame(this.frame);\n this.frame = null;\n }\n }\n\n /**\n * Destroys this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n this.cancel();\n this.draw = null;\n this.end = null;\n }\n }]);\n\n return Animation;\n}();\n\n/**\n * Animation rules bound statically to Animation constructor.\n *\n * @type {AnimationRules}\n * @static\n */\n\n\nAnimation.rules = rules;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * @typedef {{ constructor: function(options: GenericOptions): GaugeInterface, draw: function(): GaugeInterface, destroy: function, update: function(options: GenericOptions) }} GaugeInterface\n */\n/**\n * @typedef {{parse: function, stringify: function}} JSON\n * @external {JSON} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON\n */\n/**\n * @ignore\n * @typedef {{MutationObserver: function}} ns\n */\n\n/**\n * DOM Observer.\n * It will observe DOM document for a configured element types and\n * instantiate associated Types for an existing or newly added DOM elements\n *\n * @example\n * class ProgressBar {\n * constructor(options) {}\n * draw() {}\n * }\n *\n * // It will observe DOM document for elements
\n * // having attribute 'data-type=\"progress\"'\n * // and instantiate for each new instance of ProgressBar\n *\n * new DomParser({color: 'red'}, 'div', 'progress', ProgressBar);\n *\n * // assume we could have HTML like this\n * //
\n * // in this case all matching attributes names for a given options will be\n * // parsed and bypassed to an instance from HTML attributes\n */\n\nvar DomObserver = function () {\n\n /**\n * @constructor\n * @param {object} options\n * @param {string} element\n * @param {string} type\n */\n function DomObserver(options, element, type) {\n _classCallCheck(this, DomObserver);\n\n //noinspection JSUnresolvedVariable\n /**\n * Default instantiation options for the given type\n *\n * @type {Object}\n */\n this.options = options;\n\n /**\n * Name of an element to lookup/observe\n *\n * @type {string}\n */\n this.element = element.toLowerCase();\n\n /**\n * data-type attribute value to lookup\n *\n * @type {string}\n */\n this.type = DomObserver.toDashed(type);\n\n /**\n * Actual type constructor to instantiate for each found element\n *\n * @type {Function}\n */\n this.Type = ns[type];\n\n /**\n * Signals if mutations observer for this type or not\n *\n * @type {boolean}\n */\n this.mutationsObserved = false;\n\n /**\n * Flag specifies whenever the browser supports observing\n * of DOM tree mutations or not\n *\n * @type {boolean}\n */\n this.isObservable = !!window.MutationObserver;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n if (!window.GAUGES_NO_AUTO_INIT) {\n DomObserver.domReady(this.traverse.bind(this));\n }\n }\n\n /**\n * Checks if given node is valid node to process\n *\n * @param {Node|HTMLElement} node\n * @returns {boolean}\n */\n\n\n _createClass(DomObserver, [{\n key: 'isValidNode',\n value: function isValidNode(node) {\n //noinspection JSUnresolvedVariable\n return !!(node.tagName && node.tagName.toLowerCase() === this.element && node.getAttribute('data-type') === this.type);\n }\n\n /**\n * Traverse entire current DOM tree and process matching nodes.\n * Usually it should be called only once on document initialization.\n */\n\n }, {\n key: 'traverse',\n value: function traverse() {\n var elements = document.getElementsByTagName(this.element);\n var i = 0,\n s = elements.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n this.process(elements[i]);\n }\n\n if (this.isObservable && !this.mutationsObserved) {\n new MutationObserver(this.observe.bind(this)).observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n characterData: true,\n attributeOldValue: true,\n characterDataOldValue: true\n });\n\n this.mutationsObserved = true;\n }\n }\n\n /**\n * Observes given mutation records for an elements to process\n *\n * @param {MutationRecord[]} records\n */\n\n }, {\n key: 'observe',\n value: function observe(records) {\n var i = 0;\n var s = records.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n var record = records[i];\n\n if (record.type === 'attributes' && record.attributeName === 'data-type' && this.isValidNode(record.target) && record.oldValue !== this.type) // skip false-positive mutations\n {\n setTimeout(this.process.bind(this, record.target));\n } else if (record.addedNodes && record.addedNodes.length) {\n var ii = 0;\n var ss = record.addedNodes.length;\n\n for (; ii < ss; ii++) {\n setTimeout(this.process.bind(this, record.addedNodes[ii]));\n }\n }\n }\n }\n\n /**\n * Parses given attribute value to a proper JavaScript value.\n * For example it will parse some stringified value to a proper type\n * value, e.g. 'true' => true, 'null' => null, '{\"prop\": 20}' => {prop: 20}\n *\n * @param {*} value\n * @return {*}\n */\n\n }, {\n key: 'process',\n\n\n /**\n * Processes a given node, instantiating a proper type constructor for it\n *\n * @param {Node|HTMLElement} node\n * @returns {GaugeInterface|null}\n */\n value: function process(node) {\n var _this2 = this;\n\n if (!this.isValidNode(node)) return null;\n\n var prop = void 0;\n var options = JSON.parse(JSON.stringify(this.options));\n var instance = null;\n\n for (prop in options) {\n /* istanbul ignore else: non-testable in most cases */\n if (options.hasOwnProperty(prop)) {\n var attributeName = DomObserver.toAttributeName(prop);\n var attributeValue = DomObserver.parse(node.getAttribute(attributeName));\n\n if (attributeValue !== null && attributeValue !== undefined) {\n options[prop] = attributeValue;\n }\n }\n }\n\n options.renderTo = node;\n instance = new this.Type(options);\n instance.draw && instance.draw();\n\n if (!this.isObservable) return instance;\n\n instance.observer = new MutationObserver(function (records) {\n records.forEach(function (record) {\n if (record.type === 'attributes') {\n var attr = record.attributeName.toLowerCase();\n var type = node.getAttribute(attr).toLowerCase();\n\n if (attr === 'data-type' && type && type !== _this2.type) {\n instance.observer.disconnect();\n delete instance.observer;\n instance.destroy && instance.destroy();\n } else if (attr.substr(0, 5) === 'data-') {\n var _prop = attr.substr(5).split('-').map(function (part, i) {\n return !i ? part : part.charAt(0).toUpperCase() + part.substr(1);\n }).join('');\n var _options = {};\n\n _options[_prop] = DomObserver.parse(node.getAttribute(record.attributeName));\n\n instance.update && instance.update(_options);\n }\n }\n });\n });\n\n //noinspection JSCheckFunctionSignatures\n instance.observer.observe(node, { attributes: true });\n\n return instance;\n }\n\n /**\n * Transforms camelCase string to dashed string\n *\n * @static\n * @param {string} camelCase\n * @return {string}\n */\n\n }], [{\n key: 'parse',\n value: function parse(value) {\n // parse boolean\n if (value === 'true') return true;\n if (value === 'false') return false;\n\n // parse undefined\n if (value === 'undefined') return undefined;\n\n // parse null\n if (value === 'null') return null;\n\n // Comma-separated strings to array parsing.\n // It won't match strings which contains non alphanumeric characters to\n // prevent strings like 'rgba(0,0,0,0)' or JSON-like from being parsed.\n // Typically it simply allows easily declare arrays as comma-separated\n // numbers or plain strings. If something more complicated is\n // required it can be declared using JSON format syntax\n if (/^[-+#.\\w\\d\\s]+(?:,[-+#.\\w\\d\\s]*)+$/.test(value)) {\n return value.split(',');\n }\n\n // parse JSON\n try {\n return JSON.parse(value);\n } catch (e) {}\n\n // plain value - no need to parse\n return value;\n }\n }, {\n key: 'toDashed',\n value: function toDashed(camelCase) {\n var arr = camelCase.split(/(?=[A-Z])/);\n var i = 1;\n var s = arr.length;\n var str = arr[0].toLowerCase();\n\n for (; i < s; i++) {\n str += '-' + arr[i].toLowerCase();\n }\n\n return str;\n }\n\n /**\n * Transforms dashed string to CamelCase representation\n *\n * @param {string} dashed\n * @param {boolean} [capitalized]\n * @return {string}\n */\n\n }, {\n key: 'toCamelCase',\n value: function toCamelCase(dashed) {\n var capitalized = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n var arr = dashed.split(/-/);\n var i = 0;\n var s = arr.length;\n var str = '';\n\n for (; i < s; i++) {\n if (!(i || capitalized)) {\n str += arr[i].toLowerCase();\n } else {\n str += arr[i][0].toUpperCase() + arr[i].substr(1).toLowerCase();\n }\n }\n\n return str;\n }\n\n /**\n * Transforms camel case property name to dash separated attribute name\n *\n * @static\n * @param {string} str\n * @returns {string}\n */\n\n }, {\n key: 'toAttributeName',\n value: function toAttributeName(str) {\n return 'data-' + DomObserver.toDashed(str);\n }\n\n /**\n * Cross-browser DOM ready handler\n *\n * @static\n * @param {Function} handler\n */\n\n }, {\n key: 'domReady',\n value: function domReady(handler) {\n if (/comp|inter|loaded/.test((window.document || {}).readyState + '')) return handler();\n\n if (window.addEventListener) window.addEventListener('DOMContentLoaded', handler, false);else if (window.attachEvent) window.attachEvent('onload', handler);\n }\n }]);\n\n return DomObserver;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/**\n * Drawings on canvas using hidden canvas as a cache for better\n * performance drawings during canvas animations. SmartCanvas also\n * adopts a canvas to\n */\n\n\nvar SmartCanvas = function () {\n\n /**\n * @constructor\n * @param {HTMLCanvasElement} canvas\n * @param {number} [width]\n * @param {number} [height]\n */\n function SmartCanvas(canvas, width, height) {\n _classCallCheck(this, SmartCanvas);\n\n SmartCanvas.collection.push(this);\n\n /**\n * Canvas base width\n *\n * @type {number}\n */\n this.width = width || 0;\n\n /**\n * Canvas base height\n *\n * @type {number}\n */\n this.height = height || 0;\n\n /**\n * Target drawings canvas element\n *\n * @type {HTMLCanvasElement}\n */\n this.element = canvas;\n\n this.init();\n }\n\n /**\n * Initializes canvases and contexts\n */\n\n\n _createClass(SmartCanvas, [{\n key: 'init',\n value: function init() {\n var pixelRatio = SmartCanvas.pixelRatio;\n\n this.element.width = this.width * pixelRatio;\n this.element.height = this.height * pixelRatio;\n\n this.element.style.width = this.width + 'px';\n this.element.style.height = this.height + 'px';\n\n /**\n * Canvas caching element\n *\n * @type {HTMLCanvasElement|Node}\n */\n this.elementClone = this.element.cloneNode(true);\n\n //noinspection JSUnresolvedVariable\n /**\n * Target drawings canvas element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.context = this.element.getContext('2d');\n\n /**\n * Canvas caching element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.contextClone = this.elementClone.getContext('2d');\n\n /**\n * Actual drawings width\n *\n * @type {number}\n */\n this.drawWidth = this.element.width;\n\n /**\n * Actual drawings height\n *\n * @type {number}\n */\n this.drawHeight = this.element.height;\n\n /**\n * X-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawX = this.drawWidth / 2;\n\n /**\n * Y-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawY = this.drawHeight / 2;\n\n /**\n * Minimal side length in pixels of the drawing\n *\n * @type {number}\n */\n this.minSide = this.drawX < this.drawY ? this.drawX : this.drawY;\n\n this.elementClone.initialized = false;\n\n this.contextClone.translate(this.drawX, this.drawY);\n this.contextClone.save();\n\n this.context.translate(this.drawX, this.drawY);\n this.context.save();\n\n this.context.max = this.contextClone.max = this.minSide;\n this.context.maxRadius = this.contextClone.maxRadius = null;\n }\n\n /**\n * Destroys this object, removing the references from memory\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = SmartCanvas.collection.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n SmartCanvas.collection.splice(index, 1);\n }\n\n this.context.clearRect(-this.drawX, -this.drawY, this.drawWidth, this.drawHeight);\n\n // dereference all created elements\n this.context.max = null;\n delete this.context.max;\n\n this.context.maxRadius = null;\n delete this.context.maxRadius;\n\n this.context = null;\n this.contextClone = null;\n this.elementClone = null;\n this.element = null;\n\n /**\n * On canvas redraw event callback\n *\n * @type {function|null|undefined}\n */\n this.onRedraw = null;\n }\n\n /**\n * Commits the drawings\n */\n\n }, {\n key: 'commit',\n value: function commit() {\n var scale = SmartCanvas.pixelRatio;\n\n if (scale !== 1) {\n this.contextClone.scale(scale, scale);\n this.contextClone.save();\n }\n\n return this;\n }\n\n /**\n * Redraw this object\n */\n\n }, {\n key: 'redraw',\n value: function redraw() {\n this.init();\n\n /**\n * On canvas redraw event callback\n *\n * @type {function(): *}\n */\n this.onRedraw && this.onRedraw();\n\n return this;\n }\n\n /**\n * Returns current device pixel ratio\n *\n * @returns {number}\n */\n\n }], [{\n key: 'redraw',\n\n\n /**\n * Forces redraw all canvas in the current collection\n */\n value: function redraw() {\n var i = 0;\n var s = SmartCanvas.collection.length;\n\n for (; i < s; i++) {\n SmartCanvas.collection[i].redraw();\n }\n }\n }, {\n key: 'pixelRatio',\n get: function get() {\n /* istanbul ignore next */\n //noinspection JSUnresolvedVariable\n return window.devicePixelRatio || 1;\n }\n }]);\n\n return SmartCanvas;\n}();\n\nSmartCanvas.collection = [];\n\n/* istanbul ignore next: very browser-specific testing required to cover */\n//noinspection JSUnresolvedVariable\nif (window.matchMedia) {\n //noinspection JSUnresolvedFunction\n window.matchMedia('screen and (min-resolution: 2dppx)').addListener(SmartCanvas.redraw);\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Describes rendering target element. Can be either string identifier of\n * the element or the element itself.\n *\n * @typedef {HTMLElement|string} RenderTarget\n */\n\n/**\n * Highlight area definition.\n * It describes highlight area starting from value to value using\n * color. Color can be describes with hex, rgb or rgba value.\n *\n * @typedef {{ from: number, to: number, color: string}} Highlight\n */\n\n/**\n * Shared generic gauges options\n *\n * @type {{renderTo: RenderTarget, width: number, height: number, minValue: number, maxValue: number, value: number, units: string|boolean, majorTicks: number[]|string[], exactTicks: boolean, minorTicks: number, strokeTicks: boolean, animatedValue: boolean, animateOnInit: boolean, title: string|boolean, borders: boolean, valueInt: number, valueDec: number, majorTicksInt: number, majorTicksDec: number, animation: boolean, animationDuration: number, animationRule: string|AnimationRule, colorPlate: string, colorPlateEnd: string, colorMajorTicks: string, colorMinorTicks: string, colorTitle: string, colorUnits: string, colorNumbers: string, colorNeedle: string, colorNeedleEnd: string, colorValueText: string, colorValueTextShadow: string, colorBorderShadow: string, colorBorderOuter: string, colorBorderOuterEnd: string, colorBorderMiddle: string, colorBorderMiddleEnd: string, colorBorderInner: string, colorBorderInnerEnd: string, colorValueBoxRect: string, colorValueBoxRectEnd: string, colorValueBoxBackground: string, colorValueBoxShadow: string, colorNeedleShadowUp: string, colorNeedleShadowDown: string, needle: boolean, needleShadow: boolean, needleType: string, needleStart: number, needleEnd: number, needleWidth: number, borderOuterWidth: number, borderMiddleWidth: number, borderInnerWidth: number, borderShadowWidth: number, valueBox: boolean, valueBoxWidth: number, valueBoxStroke: number, valueText: string, valueTextShadow: boolean, valueBoxBorderRadius: number, highlights: Highlight[], highlightsWidth: number, fontNumbers: string, fontTitle: string, fontUnits: string, fontValue: string, fontTitleSize: number, fontValueSize: number, fontUnitsSize: number, fontNumbersSize: number, fontNumbersStyle: string, fontTitleStyle: string, fontUnitsStyle: string, fontValueStyle: string, fontNumbersWeight: string, fontTitleWeight: string, fontUnitsWeight: string, fontValueWeight: string, barWidth: number, barStrokeWidth: number, barProgress: boolean, colorBar: string, colorBarStroke: string, colorBarProgress: string, colorBarShadow: string, barShadow: number}} GenericOptions\n */\nvar GenericOptions = {\n // basic options\n renderTo: null,\n width: 0,\n height: 0,\n minValue: 0,\n maxValue: 100,\n value: 0,\n units: false,\n exactTicks: false,\n majorTicks: [0, 20, 40, 60, 80, 100],\n minorTicks: 10,\n strokeTicks: true,\n animatedValue: false,\n animateOnInit: false,\n title: false,\n borders: true,\n\n // number formats\n valueInt: 3,\n valueDec: 2,\n majorTicksInt: 1,\n majorTicksDec: 0,\n\n // animations\n animation: true,\n animationDuration: 500,\n animationRule: 'cycle',\n\n // colors\n colorPlate: '#fff',\n colorPlateEnd: '',\n colorMajorTicks: '#444',\n colorMinorTicks: '#666',\n colorTitle: '#888',\n colorUnits: '#888',\n colorNumbers: '#444',\n colorNeedle: 'rgba(240,128,128,1)',\n colorNeedleEnd: 'rgba(255,160,122,.9)',\n colorValueText: '#444',\n colorValueTextShadow: 'rgba(0,0,0,0.3)',\n colorBorderShadow: 'rgba(0,0,0,0.5)',\n colorBorderOuter: '#ddd',\n colorBorderOuterEnd: '#aaa',\n colorBorderMiddle: '#eee',\n colorBorderMiddleEnd: '#f0f0f0',\n colorBorderInner: '#fafafa',\n colorBorderInnerEnd: '#ccc',\n colorValueBoxRect: '#888',\n colorValueBoxRectEnd: '#666',\n colorValueBoxBackground: '#babab2',\n colorValueBoxShadow: 'rgba(0,0,0,1)',\n colorNeedleShadowUp: 'rgba(2,255,255,0.2)',\n colorNeedleShadowDown: 'rgba(188,143,143,0.45)',\n colorBarStroke: '#222',\n colorBar: '#ccc',\n colorBarProgress: '#888',\n colorBarShadow: '#000',\n\n fontNumbers: 'Arial',\n fontTitle: 'Arial',\n fontUnits: 'Arial',\n fontValue: 'Arial',\n\n fontNumbersSize: 20,\n fontTitleSize: 24,\n fontUnitsSize: 22,\n fontValueSize: 26,\n\n fontNumbersStyle: 'normal',\n fontTitleStyle: 'normal',\n fontUnitsStyle: 'normal',\n fontValueStyle: 'normal',\n\n fontNumbersWeight: 'normal',\n fontTitleWeight: 'normal',\n fontUnitsWeight: 'normal',\n fontValueWeight: 'normal',\n\n // needle\n needle: true,\n needleShadow: true,\n needleType: 'arrow',\n needleStart: 5,\n needleEnd: 85,\n needleWidth: 4,\n\n // borders\n borderOuterWidth: 3,\n borderMiddleWidth: 3,\n borderInnerWidth: 3,\n borderShadowWidth: 3,\n\n // value and highlights\n valueBox: true,\n valueBoxStroke: 5,\n valueBoxWidth: 0,\n valueText: '',\n valueTextShadow: true,\n valueBoxBorderRadius: 2.5,\n\n // highlights\n highlights: [{ from: 20, to: 60, color: '#eee' }, { from: 60, to: 80, color: '#ccc' }, { from: 80, to: 100, color: '#999' }],\n highlightsWidth: 15,\n\n // progress bar\n barWidth: 20, // percents\n barStrokeWidth: 0, // pixels\n barProgress: true,\n barShadow: 0\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Gauge collections type.\n *\n * It is used ES5 declaration here, because babel\n * transpiles inheritance incorrectly in this case.\n *\n * @class Collection\n * @constructor\n */\nfunction Collection() {\n Array.prototype.constructor.apply(this, arguments);\n}\n\nCollection.prototype = Object.create(Array.prototype);\nCollection.prototype.constructor = Collection;\n\n/**\n * Returns gauge object by its identifier or index in the collection\n *\n * @param {string|number} id\n * @return {*}\n */\nCollection.prototype.get = function (id) {\n if (typeof id === 'string') {\n var i = 0;\n var s = this.length;\n\n for (; i < s; i++) {\n var canvas = this[i].options.renderTo.tagName ? this[i].options.renderTo :\n /* istanbul ignore next: should be tested with e2e tests */\n document.getElementById(this[i].options.renderTo || '');\n\n if (canvas.getAttribute('id') === id) {\n return this[i];\n }\n }\n } else if (typeof id === 'number') {\n return this[id];\n }\n\n return null;\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar version = '2.1.1';\n\nvar round = Math.round;\nvar abs = Math.abs;\n\nvar gauges = new Collection();\n\ngauges.version = version;\n\n/**\n * Basic abstract BaseGauge class implementing common functionality\n * for different type of gauges.\n *\n * It should not be instantiated directly but must be extended by a final\n * gauge implementation.\n *\n * @abstract\n * @example\n *\n * class MyCoolGauge extends BaseGauge {\n *\n * // theses methods below MUST be implemented:\n *\n * constructor(options) {\n * // ... do something with options\n * super(options);\n * // ... implement anything else\n * }\n *\n * draw() {\n * // ... some implementation here\n * return this;\n * }\n * }\n */\n\nvar BaseGauge = function (_EventEmitter) {\n _inherits(BaseGauge, _EventEmitter);\n\n /**\n * Fired each time gauge is initialized on a page\n *\n * @event BaseGauge#init\n */\n\n /**\n * Fired each time gauge scene is rendered\n *\n * @event BaseGauge#render\n */\n\n /**\n * Fired each time gauge object is destroyed\n *\n * @event BaseGauge#destroy\n */\n\n /**\n * Fired each time before animation is started on the gauge\n *\n * @event BaseGauge#animationStart\n */\n\n /**\n * Fired each time animation scene is complete\n *\n * @event BaseGauge#animate\n * @type {number} percent\n * @type {number} value\n */\n\n /**\n * Fired each time animation is complete on the gauge\n *\n * @event BaseGauge#animationEnd\n */\n\n /**\n * @constructor\n * @abstract\n * @param {GenericOptions} options\n */\n function BaseGauge(options) {\n _classCallCheck(this, BaseGauge);\n\n var _this3 = _possibleConstructorReturn(this, (BaseGauge.__proto__ || Object.getPrototypeOf(BaseGauge)).call(this));\n\n var className = _this3.constructor.name;\n\n if (className === 'BaseGauge') {\n throw new TypeError('Attempt to instantiate abstract class!');\n }\n\n gauges.push(_this3);\n\n //noinspection JSUnresolvedVariable\n /**\n * Gauges version string\n *\n * @type {string}\n */\n _this3.version = version;\n\n /**\n * Gauge type class\n *\n * @type {BaseGauge} type\n */\n _this3.type = ns[className] || BaseGauge;\n\n /**\n * True if gauge has been drawn for the first time, false otherwise.\n *\n * @type {boolean}\n */\n _this3.initialized = false;\n\n options.minValue = parseFloat(options.minValue);\n options.maxValue = parseFloat(options.maxValue);\n options.value = parseFloat(options.value) || 0;\n\n if (!options.borders) {\n options.borderInnerWidth = options.borderMiddleWidth = options.borderOuterWidth = 0;\n }\n\n if (!options.renderTo) {\n throw TypeError('Canvas element was not specified when creating ' + 'the Gauge object!');\n }\n\n var canvas = options.renderTo.tagName ? options.renderTo :\n /* istanbul ignore next: to be tested with e2e tests */\n document.getElementById(options.renderTo);\n\n if (!(canvas instanceof HTMLCanvasElement)) {\n throw TypeError('Given gauge canvas element is invalid!');\n }\n\n options.width = parseFloat(options.width) || 0;\n options.height = parseFloat(options.height) || 0;\n\n if (!options.width || !options.height) {\n if (!options.width) options.width = canvas.parentNode ? canvas.parentNode.offsetWidth : canvas.offsetWidth;\n if (!options.height) options.height = canvas.parentNode ? canvas.parentNode.offsetHeight : canvas.offsetHeight;\n }\n\n /**\n * Gauge options\n *\n * @type {GenericOptions} options\n */\n _this3.options = options || {};\n\n if (_this3.options.animateOnInit) {\n _this3._value = _this3.options.value;\n _this3.options.value = _this3.options.minValue;\n }\n\n /**\n * @type {SmartCanvas} canvas\n */\n _this3.canvas = new SmartCanvas(canvas, options.width, options.height);\n _this3.canvas.onRedraw = _this3.draw.bind(_this3);\n\n /**\n * @type {Animation} animation\n */\n _this3.animation = new Animation(options.animationRule, options.animationDuration);\n return _this3;\n }\n\n /**\n * Sets new value for this gauge.\n * If gauge is animated by configuration it will trigger a proper animation.\n * Upsetting a value triggers gauge redraw.\n *\n * @param {number} value\n */\n\n\n _createClass(BaseGauge, [{\n key: 'update',\n\n\n /**\n * Updates gauge configuration options at runtime and redraws the gauge\n *\n * @param {RadialGaugeOptions} options\n * @returns {BaseGauge}\n */\n value: function update(options) {\n Object.assign(this.options, this.type.configure(options || {}));\n\n this.canvas.width = this.options.width;\n this.canvas.height = this.options.height;\n\n this.animation.rule = this.options.animationRule;\n this.animation.duration = this.options.animationDuration;\n\n this.canvas.redraw();\n\n return this;\n }\n\n /**\n * Performs destruction of this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = gauges.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n //noinspection JSUnresolvedFunction\n gauges.splice(index, 1);\n }\n\n this.canvas.destroy();\n this.canvas = null;\n\n this.animation.destroy();\n this.animation = null;\n\n this.emit('destroy');\n }\n\n /**\n * Returns gauges version string\n *\n * @return {string}\n */\n\n }, {\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @abstract\n * @returns {BaseGauge}\n */\n value: function draw() {\n if (this.options.animateOnInit && !this.initialized) {\n this.value = this._value;\n this.initialized = true;\n this.emit('init');\n }\n\n this.emit('render');\n\n return this;\n }\n\n /**\n * Inject given gauge object into DOM\n *\n * @param {string} type\n * @param {GenericOptions} options\n */\n\n }, {\n key: 'value',\n set: function set(value) {\n var _this4 = this;\n\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n var fromValue = this.options.value;\n\n if (value === fromValue) return;\n\n if (this.options.animation) {\n if (this.animation.frame) {\n // animation is already in progress -\n // forget related old animation value\n // @see https://github.com/Mikhus/canvas-gauges/issues/94\n delete this._value;\n }\n\n /**\n * @type {number}\n * @access private\n */\n if (this._value === undefined) {\n this._value = value;\n }\n\n this.emit('animationStart');\n\n this.animation.animate(function (percent) {\n _this4.options.value = fromValue + (value - fromValue) * percent;\n\n _this4.draw();\n\n _this4.emit('animate', percent, _this4.options.value);\n }, function () {\n if (_this4._value !== undefined) {\n _this4.options.value = _this4._value;\n delete _this4._value;\n }\n\n _this4.draw();\n _this4.emit('animationEnd');\n });\n } else {\n this.options.value = value;\n this.draw();\n }\n }\n\n /**\n * Returns current value of the gauge\n *\n * @return {number}\n */\n ,\n get: function get() {\n return typeof this._value === 'undefined' ? this.options.value : this._value;\n }\n\n /**\n * Updates gauge options\n *\n * @param {*} options\n * @return {BaseGauge}\n * @access protected\n */\n\n }], [{\n key: 'configure',\n value: function configure(options) {\n return options;\n }\n }, {\n key: 'initialize',\n value: function initialize(type, options) {\n return new DomObserver(options, 'canvas', type);\n }\n\n /**\n * Initializes gauge from a given HTML element\n * (given element should be valid HTML canvas gauge definition)\n *\n * @param {HTMLElement} element\n */\n\n }, {\n key: 'fromElement',\n value: function fromElement(element) {\n var type = DomObserver.toCamelCase(element.getAttribute('data-type'));\n var attributes = element.attributes;\n var i = 0;\n var s = attributes.length;\n var options = {};\n\n if (!type) {\n return;\n }\n\n if (!/Gauge$/.test(type)) {\n type += 'Gauge';\n }\n\n for (; i < s; i++) {\n options[DomObserver.toCamelCase(attributes[i].name.replace(/^data-/, ''), false)] = DomObserver.parse(attributes[i].value);\n }\n\n new DomObserver(options, element.tagName, type).process(element);\n }\n\n /**\n * Ensures value is proper number\n *\n * @param {*} value\n * @param {number} min\n * @return {number}\n */\n\n }, {\n key: 'ensureValue',\n value: function ensureValue(value) {\n var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n value = parseFloat(value);\n\n if (isNaN(value) || !isFinite(value)) {\n value = parseFloat(min) || 0;\n }\n\n return value;\n }\n }, {\n key: 'version',\n get: function get() {\n return version;\n }\n }]);\n\n return BaseGauge;\n}(EventEmitter);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['BaseGauge'] = BaseGauge;\n ns['gauges'] = (window.document || {})['gauges'] = gauges;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @access private\n * @typedef {CanvasRenderingContext2D|{max: number, maxRadius: number, barDimensions: object}} Canvas2DContext\n */\n\n/* istanbul ignore next: private, not testable */\n/**\n * Examines if a given error is something to throw or to ignore\n *\n * @param {Error} err\n */\nfunction verifyError(err) {\n // there is some unpredictable error in FF in some circumstances\n // which we found simply safe to ignore than to fight with it\n // noinspection JSUnresolvedVariable\n if (err instanceof DOMException && err.result === 0x8053000b) {\n return; // ignore it\n }\n\n throw err;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Prepares major ticks data\n *\n * @access private\n * @param {GenericOptions|{ tickSide: string }} options\n * @return {[boolean, boolean]}\n */\nfunction prepareTicks(options) {\n if (!(options.majorTicks instanceof Array)) {\n options.majorTicks = options.majorTicks ? [options.majorTicks] : [];\n }\n\n if (!options.majorTicks.length) {\n options.majorTicks.push(drawings.formatMajorTickNumber(options.minValue, options));\n options.majorTicks.push(drawings.formatMajorTickNumber(options.maxValue, options));\n }\n\n return [options.tickSide !== 'right', options.tickSide !== 'left'];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rounded corners rectangle\n *\n * @param {Canvas2DContext} context\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @param {number} r\n */\nfunction roundRect(context, x, y, w, h, r) {\n context.beginPath();\n\n context.moveTo(x + r, y);\n context.lineTo(x + w - r, y);\n\n context.quadraticCurveTo(x + w, y, x + w, y + r);\n context.lineTo(x + w, y + h - r);\n\n context.quadraticCurveTo(x + w, y + h, x + w - r, y + h);\n context.lineTo(x + r, y + h);\n\n context.quadraticCurveTo(x, y + h, x, y + h - r);\n context.lineTo(x, y + r);\n\n context.quadraticCurveTo(x, y, x + r, y);\n\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Pads a given value with leading zeros using the given options\n *\n * @param {number} val\n * @param {RadialGaugeOptions|{valueInt: number, valueDec: number}} options\n * @returns {string}\n */\nfunction padValue(val, options) {\n var dec = options.valueDec;\n var int = options.valueInt;\n var i = 0;\n var s = void 0,\n strVal = void 0,\n n = void 0;\n\n val = parseFloat(val);\n n = val < 0;\n val = Math.abs(val);\n\n if (dec > 0) {\n strVal = val.toFixed(dec).toString().split('.');\n s = int - strVal[0].length;\n\n for (; i < s; ++i) {\n strVal[0] = '0' + strVal[0];\n }\n\n strVal = (n ? '-' : '') + strVal[0] + '.' + strVal[1];\n } else {\n strVal = Math.round(val).toString();\n s = int - strVal.length;\n\n for (; i < s; ++i) {\n strVal = '0' + strVal;\n }\n\n strVal = (n ? '-' : '') + strVal;\n }\n\n return strVal;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Formats a number for display on the dial's plate using the majorTicksFormat\n * config option.\n *\n * @param {number} num number to format\n * @param {object} options\n * @returns {string} formatted number\n */\nfunction formatMajorTickNumber(num, options) {\n var right = void 0,\n hasDec = false;\n\n // First, force the correct number of digits right of the decimal.\n if (options.majorTicksDec === 0) {\n right = Math.round(num).toString();\n } else {\n right = num.toFixed(options.majorTicksDec);\n }\n\n // Second, force the correct number of digits left of the decimal.\n if (options.majorTicksInt > 1) {\n // Does this number have a decimal?\n hasDec = ~right.indexOf('.');\n\n // Is this number a negative number?\n if (~right.indexOf('-')) {\n return '-' + [options.majorTicksInt + options.majorTicksDec + 2 + (hasDec ? 1 : 0) - right.length].join('0') + right.replace('-', '');\n } else {\n return [options.majorTicksInt + options.majorTicksDec + 1 + (hasDec ? 1 : 0) - right.length].join('0') + right;\n }\n }\n\n return right;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Transforms degrees to radians\n *\n * @param {number} degrees\n * @returns {number}\n */\nfunction radians(degrees) {\n return degrees * Math.PI / 180;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns radial point coordinates\n *\n * @param {number} radius\n * @param {number} angle\n * @returns {{x: number, y: number}}\n */\nfunction radialPoint(radius, angle) {\n return { x: -radius * Math.sin(angle), y: radius * Math.cos(angle) };\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Creates and returns linear gradient canvas object\n *\n * @param {Canvas2DContext} context\n * @param {string} colorFrom\n * @param {string} colorTo\n * @param {number} length\n * @param {boolean} [isVertical]\n * @param {number} [from]\n * @returns {CanvasGradient}\n */\nfunction linearGradient(context, colorFrom, colorTo, length) {\n var isVertical = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;\n var from = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n var grad = context.createLinearGradient(isVertical ? 0 : from, isVertical ? from : 0, isVertical ? 0 : length, isVertical ? length : 0);\n\n grad.addColorStop(0, colorFrom);\n grad.addColorStop(1, colorTo);\n\n return grad;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws the shadow if it was not drawn\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {boolean} shadowDrawn\n * @return {boolean}\n */\nfunction drawShadow(context, options) {\n var shadowDrawn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n if (shadowDrawn) {\n context.restore();\n return true;\n }\n\n context.save();\n\n var w = options.borderShadowWidth;\n\n if (w) {\n context.shadowBlur = w;\n context.shadowColor = options.colorBorderShadow;\n }\n\n return true;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle shadow\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawNeedleShadow(context, options) {\n if (!options.needleShadow) return;\n\n context.shadowOffsetX = 2;\n context.shadowOffsetY = 2;\n context.shadowBlur = 10;\n context.shadowColor = options.colorNeedleShadowDown;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Constructs font styles for canvas fonts\n *\n * @param {GenericOptions} options\n * @param {string} target\n * @param {number} baseSize\n */\nfunction font(options, target, baseSize) {\n return options['font' + target + 'Style'] + ' ' + options['font' + target + 'Weight'] + ' ' + options['font' + target + 'Size'] * baseSize + 'px ' + options['font' + target];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Resets some context settings\n *\n * @param {Canvas2DContext} context\n */\nfunction reset(context) {\n context.shadowOffsetX = null;\n context.shadowOffsetY = null;\n context.shadowBlur = null;\n context.shadowColor = '';\n context.strokeStyle = null;\n context.lineWidth = 0;\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Declares to drow value text shadow if configured\n *\n * @param context\n * @param options\n * @param offset\n * @param blur\n */\nfunction drawValueTextShadow(context, options, offset, blur) {\n if (options.valueTextShadow) {\n context.shadowOffsetX = offset;\n context.shadowOffsetY = offset;\n context.shadowBlur = blur;\n context.shadowColor = options.colorValueTextShadow;\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box at given position\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {number|string} value\n * @param {number} x\n * @param {number} y\n * @param {number} max\n */\nfunction drawValueBox(context, options, value, x, y, max) {\n if (!options.valueBox) return;\n\n reset(context);\n\n var text = options.valueText || padValue(value, options);\n var tunit = max / 200;\n var runit = max / 100;\n var offset = 0.4 * runit;\n var blur = 1.2 * runit;\n\n context.font = font(options, 'Value', tunit);\n drawValueTextShadow(context, options, offset, blur);\n\n var tw = context.measureText(options.valueText ? text : '-' + padValue(0, options)).width;\n\n reset(context);\n\n var th = parseFloat(options.fontValueSize) * tunit + offset + blur;\n var sw = runit * parseFloat(options.valueBoxStroke);\n var bmax = max * 2 - sw * 2;\n\n var bw = tw + 10 * runit;\n var bh = 1.1 * th + offset + blur;\n var br = runit * options.valueBoxBorderRadius;\n var obw = (parseFloat(options.valueBoxWidth) || 0) / 100 * bmax;\n\n obw > bw && (bw = obw);\n bw > bmax && (bw = bmax);\n\n var bx = x - bw / 2;\n var by = y - bh / 2;\n var gy = y - 5.75 * runit;\n\n context.beginPath();\n\n if (br) roundRect(context, bx, by, bw, bh, br);else context.rect(bx, by, bw, bh);\n\n if (sw) {\n var grd = context.createRadialGradient(x, gy, runit * 10, x, gy, runit * 20);\n\n grd.addColorStop(0, options.colorValueBoxRect);\n grd.addColorStop(1, options.colorValueBoxRectEnd);\n\n context.strokeStyle = grd;\n context.lineWidth = sw;\n context.stroke();\n }\n\n if (options.colorValueBoxShadow) {\n context.shadowBlur = 1.2 * runit;\n context.shadowColor = options.colorValueBoxShadow;\n }\n\n if (options.colorValueBoxBackground) {\n context.fillStyle = options.colorValueBoxBackground;\n context.fill();\n }\n\n context.closePath();\n context.restore();\n\n drawValueTextShadow(context, options, offset, blur);\n\n context.fillStyle = options.colorValueText;\n context.textAlign = 'center';\n context.textBaseline = 'alphabetic';\n context.fillText(text, bx + bw / 2, y + bh / 2 - th / 3);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns normalized value\n *\n * @param {GenericOptions} options\n * @return {{normal: number, indented: number}}\n */\nfunction normalizedValue(options) {\n var value = options.value;\n var min = options.minValue;\n var max = options.maxValue;\n var dt = (max - min) * 0.01;\n\n return {\n normal: value < min ? min : value > max ? max : value,\n indented: value < min ? min - dt : value > max ? max + dt : value\n };\n}\n\nvar drawings = {\n roundRect: roundRect,\n padValue: padValue,\n formatMajorTickNumber: formatMajorTickNumber,\n radians: radians,\n radialPoint: radialPoint,\n linearGradient: linearGradient,\n drawNeedleShadow: drawNeedleShadow,\n drawValueBox: drawValueBox,\n verifyError: verifyError,\n prepareTicks: prepareTicks,\n drawShadow: drawShadow,\n font: font,\n normalizedValue: normalizedValue\n};\n\ndrawings;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar PI = Math.PI;\nvar HPI = PI / 2;\n\n/**\n * Gauge configuration options\n *\n * @typedef {GenericOptions|{exactTicks: boolean, ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean}} RadialGaugeOptions\n */\n\n/**\n * Default gauge configuration options\n *\n * @access private\n * @type {RadialGaugeOptions}\n */\nvar defaultRadialGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n ticksAngle: 270,\n startAngle: 45,\n\n // colors\n colorNeedleCircleOuter: '#f0f0f0',\n colorNeedleCircleOuterEnd: '#ccc',\n colorNeedleCircleInner: '#e8e8e8',\n colorNeedleCircleInnerEnd: '#f5f5f5',\n\n // needle\n needleCircleSize: 10,\n needleCircleInner: true,\n needleCircleOuter: true,\n\n // custom animations\n animationTarget: 'needle', // 'needle' or 'plate'\n useMinPath: false,\n\n barWidth: 0\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gradient-filled circle on a canvas\n *\n * @access private\n * @param {number} radius\n * @param {number} width\n * @param {Canvas2DContext} context\n * @param {string} start gradient start color\n * @param {string} end gradient end color\n */\nfunction drawRadialBorder(radius, width, context, start, end) {\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(radius), 0, PI * 2, true);\n context.lineWidth = width;\n context.strokeStyle = end ? drawings.linearGradient(context, start, end, radius) : start;\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns max radius without borders for the gauge\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @return {number}\n */\nfunction maxRadialRadius(context, options) {\n var pxRatio = SmartCanvas.pixelRatio;\n\n if (!context.maxRadius) {\n context.maxRadius = context.max - options.borderShadowWidth - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio + (options.borderOuterWidth ? 0.5 : 0) + (options.borderMiddleWidth ? 0.5 : 0) + (options.borderInnerWidth ? 0.5 : 0);\n }\n\n return context.maxRadius;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge plate on the canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialPlate(context, options) {\n var pxRatio = SmartCanvas.pixelRatio;\n var d0 = options.borderShadowWidth * pxRatio;\n var r0 = context.max - d0 - options.borderOuterWidth * pxRatio / 2;\n var r1 = r0 - options.borderOuterWidth * pxRatio / 2 - options.borderMiddleWidth * pxRatio / 2 + 0.5;\n var r2 = r1 - options.borderMiddleWidth * pxRatio / 2 - options.borderInnerWidth * pxRatio / 2 + 0.5;\n var r3 = maxRadialRadius(context, options);\n var grad = void 0;\n var shadowDrawn = false;\n\n context.save();\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r0, options.borderOuterWidth * pxRatio, context, options.colorBorderOuter, options.colorBorderOuterEnd);\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r1, options.borderMiddleWidth * pxRatio, context, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r2, options.borderInnerWidth * pxRatio, context, options.colorBorderInner, options.colorBorderInnerEnd);\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(r3), 0, PI * 2, true);\n\n if (options.colorPlateEnd) {\n grad = context.createRadialGradient(0, 0, r3 / 2, 0, 0, r3);\n grad.addColorStop(0, options.colorPlate);\n grad.addColorStop(1, options.colorPlateEnd);\n } else {\n grad = options.colorPlate;\n }\n\n context.fillStyle = grad;\n\n context.fill();\n context.closePath();\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge highlight areas on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialHighlights(context, options) {\n var hlWidth = context.max * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!hlWidth) return;\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options) - hlWidth / 2);\n var i = 0,\n s = options.highlights.length;\n var vd = (options.maxValue - options.minValue) / options.ticksAngle;\n\n context.save();\n\n for (; i < s; i++) {\n var hlt = options.highlights[i];\n\n context.beginPath();\n\n context.rotate(HPI);\n context.arc(0, 0, r, drawings.radians(options.startAngle + (hlt.from - options.minValue) / vd), drawings.radians(options.startAngle + (hlt.to - options.minValue) / vd), false);\n context.strokeStyle = hlt.color;\n context.lineWidth = hlWidth;\n context.stroke();\n context.closePath();\n\n context.restore();\n context.save();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks bar on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMinorTicks(context, options) {\n var radius = radialTicksRadius(context, options);\n var s = void 0,\n range = void 0,\n angle = void 0;\n var i = 0;\n var delta = 0;\n var ratio = options.ticksAngle / (options.maxValue - options.minValue);\n\n context.lineWidth = SmartCanvas.pixelRatio;\n context.strokeStyle = options.colorMinorTicks;\n\n context.save();\n\n if (options.exactTicks) {\n range = options.maxValue - options.minValue;\n s = range / options.minorTicks;\n delta = options.majorTicks[0] % options.minorTicks * ratio;\n } else {\n s = options.minorTicks * (options.majorTicks.length - 1);\n }\n\n for (; i < s; ++i) {\n angle = options.startAngle + delta + i * (options.ticksAngle / s);\n\n context.rotate(drawings.radians(angle));\n\n context.beginPath();\n context.moveTo(0, radius);\n context.lineTo(0, radius - context.max * 0.075);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns ticks radius\n *\n * @access private\n * @param context\n * @param options\n * @return {number}\n */\nfunction radialTicksRadius(context, options) {\n var unit = context.max / 100;\n\n return maxRadialRadius(context, options) - 5 * unit - (options.barWidth ? (parseFloat(options.barStrokeWidth) || 0) * 2 + ((parseFloat(options.barWidth) || 0) + 5) * unit : 0);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge major ticks bar on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMajorTicks(context, options) {\n drawings.prepareTicks(options);\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options));\n var i = void 0,\n colors = void 0;\n var s = options.majorTicks.length;\n var pixelRatio = SmartCanvas.pixelRatio;\n\n context.lineWidth = 2 * pixelRatio;\n context.save();\n\n colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(s).fill(options.colorMajorTicks);\n\n i = 0;\n for (; i < s; ++i) {\n context.strokeStyle = colors[i];\n context.rotate(drawings.radians(radialNextAngle(options, options.exactTicks ? options.majorTicks[i] : i, s)));\n\n context.beginPath();\n context.moveTo(0, r);\n context.lineTo(0, r - context.max * 0.15);\n closeStrokedPath(context);\n }\n\n if (options.strokeTicks) {\n context.strokeStyle = colors[0];\n context.rotate(HPI);\n\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\nfunction radialNextAngle(options, i, s) {\n if (options.exactTicks) {\n var ratio = options.ticksAngle / (options.maxValue - options.minValue);\n return options.startAngle + ratio * (i - options.minValue);\n }\n\n return options.startAngle + i * (options.ticksAngle / (s - 1));\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Strokes, closes path and restores previous context state\n *\n * @param {Canvas2DContext} context\n */\nfunction closeStrokedPath(context) {\n context.stroke();\n context.restore();\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar numbers\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNumbers(context, options) {\n var textWidth = Math.max.apply(null, options.majorTicks.map(function (text) {\n return context.measureText(text).width;\n }));\n var textHeight = options.fontNumbersSize;\n var radius = radialTicksRadius(context, options) - context.max * 0.2 - Math.sqrt(textWidth * textWidth + textHeight * textHeight) / 2;\n var points = {};\n var i = 0;\n var s = options.majorTicks.length;\n var isAnimated = options.animationTarget !== 'needle';\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(s).fill(options.colorNumbers);\n\n var plateValueAngle = isAnimated ? -(options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle : 0;\n\n if (isAnimated) {\n context.save();\n context.rotate(-drawings.radians(plateValueAngle));\n }\n\n for (; i < s; ++i) {\n var angle = plateValueAngle + radialNextAngle(options, options.exactTicks ? options.majorTicks[i] : i, s);\n var point = drawings.radialPoint(radius, drawings.radians(angle));\n\n if (angle === 360) angle = 0;\n\n if (points[angle]) {\n continue; //already drawn at this place, skipping\n }\n\n points[angle] = true;\n\n context.font = drawings.font(options, 'Numbers', context.max / 200);\n context.fillStyle = colors[i];\n context.lineWidth = 0;\n context.textAlign = 'center';\n context.textBaseline = 'middle';\n context.fillText(options.majorTicks[i], point.x, point.y);\n }\n\n isAnimated && context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge title\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialTitle(context, options) {\n if (!options.title) return;\n\n context.save();\n context.font = drawings.font(options, 'Title', context.max / 200);\n context.fillStyle = options.colorTitle;\n context.textAlign = 'center';\n context.fillText(options.title, 0, -context.max / 4.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws units name on the gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialUnits(context, options) {\n if (!options.units) return;\n\n context.save();\n context.font = drawings.font(options, 'Units', context.max / 200);\n context.fillStyle = options.colorUnits;\n context.textAlign = 'center';\n context.fillText(options.units, 0, context.max / 3.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNeedle(context, options) {\n if (!options.needle) return;\n\n var value = options.ticksAngle < 360 ? drawings.normalizedValue(options).indented : options.value;\n var max = maxRadialRadius(context, options);\n //noinspection JSUnresolvedFunction\n var r1 = abs(max / 100 * options.needleCircleSize);\n //noinspection JSUnresolvedFunction\n var r2 = abs(max / 100 * options.needleCircleSize * 0.75);\n //noinspection JSUnresolvedFunction\n var rIn = abs(max / 100 * options.needleEnd);\n //noinspection JSUnresolvedFunction\n var rStart = abs(options.needleStart ? max / 100 * options.needleStart : 0);\n //noinspection JSUnresolvedFunction\n var rOut = abs(max * 0.2);\n var pad1 = max / 100 * options.needleWidth;\n var pad2 = max / 100 * options.needleWidth / 2;\n var pixelRatio = SmartCanvas.pixelRatio;\n var isFixed = options.animationTarget !== 'needle';\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n context.rotate(drawings.radians(isFixed ? options.startAngle : options.startAngle + (value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle));\n\n context.fillStyle = drawings.linearGradient(context, options.colorNeedle, options.colorNeedleEnd, rIn - rOut);\n\n if (options.needleType === 'arrow') {\n context.beginPath();\n context.moveTo(-pad2, -rOut);\n context.lineTo(-pad1, 0);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(pixelRatio, rIn);\n context.lineTo(pad1, 0);\n context.lineTo(pad2, -rOut);\n context.closePath();\n context.fill();\n\n context.beginPath();\n context.lineTo(-0.5 * pixelRatio, rIn);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(-pad1, 0);\n context.lineTo(-pad2, -rOut);\n context.lineTo(pad2 / 2 * pixelRatio - 2 * pixelRatio, -rOut);\n context.closePath();\n context.fillStyle = options.colorNeedleShadowUp;\n context.fill();\n } else {\n // simple line needle\n context.beginPath();\n context.moveTo(-pad2, rIn);\n context.lineTo(-pad2, rStart);\n context.lineTo(pad2, rStart);\n context.lineTo(pad2, rIn);\n context.closePath();\n context.fill();\n }\n\n if (options.needleCircleSize) {\n context.restore();\n\n drawings.drawNeedleShadow(context, options);\n\n if (options.needleCircleOuter) {\n context.beginPath();\n context.arc(0, 0, r1, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleOuter, options.colorNeedleCircleOuterEnd, r1);\n context.fill();\n context.closePath();\n }\n\n if (options.needleCircleInner) {\n context.beginPath();\n context.arc(0, 0, r2, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleInner, options.colorNeedleCircleInnerEnd, r2);\n context.fill();\n context.closePath();\n }\n\n context.restore();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge value box\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @param {number} value\n */\nfunction drawRadialValueBox(context, options, value) {\n drawings.drawValueBox(context, options, value, 0, context.max - context.max * 0.33, context.max);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge progress bar\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialProgressBar(context, options) {\n var unit = context.max / 100;\n var rMax = maxRadialRadius(context, options) - 5 * unit;\n var sw = parseFloat(options.barStrokeWidth) || 0;\n var w = (parseFloat(options.barWidth) || 0) * unit;\n var rMin = rMax - sw * 2 - w;\n var half = (rMax - rMin) / 2;\n var r = rMin + half;\n var delta = sw / r;\n var sa = options.startAngle;\n var ea = options.startAngle + options.ticksAngle;\n\n context.save();\n context.rotate(HPI);\n\n if (sw) {\n // draw stroke\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa) - delta, drawings.radians(ea) + delta, false);\n context.strokeStyle = options.colorBarStroke;\n context.lineWidth = half * 2;\n context.stroke();\n context.closePath();\n }\n\n if (w) {\n // draw bar\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(ea), false);\n context.strokeStyle = options.colorBar;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n\n if (options.barShadow) {\n // draw shadow\n context.beginPath();\n context.arc(0, 0, rMax, drawings.radians(sa), drawings.radians(ea), false);\n context.clip();\n\n context.beginPath();\n context.strokeStyle = options.colorBar;\n context.lineWidth = 1;\n context.shadowBlur = options.barShadow;\n context.shadowColor = options.colorBarShadow;\n context.shadowOffsetX = 0;\n context.shadowOffsetY = 0;\n context.arc(0, 0, rMax, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n context.stroke();\n context.closePath();\n\n context.restore();\n context.rotate(HPI);\n }\n\n // draw bar progress\n if (options.barProgress) {\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(sa + (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle), false);\n context.strokeStyle = options.colorBarProgress;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n }\n }\n\n context.restore();\n}\n\n/**\n * Find and return gauge value to display\n *\n * @param {RadialGauge} gauge\n */\nfunction displayValue(gauge) {\n if (gauge.options.animatedValue) {\n return gauge.options.value;\n }\n\n return gauge.value;\n}\n\n/**\n * Minimalistic HTML5 Canvas Gauge\n * @example\n * var gauge = new RadialGauge({\n * renderTo: 'gauge-id', // identifier of HTML canvas element or element itself\n * width: 400,\n * height: 400,\n * units: 'Km/h',\n * title: false,\n * value: 0,\n * minValue: 0,\n * maxValue: 220,\n * majorTicks: [\n * '0','20','40','60','80','100','120','140','160','180','200','220'\n * ],\n * minorTicks: 2,\n * strokeTicks: false,\n * highlights: [\n * { from: 0, to: 50, color: 'rgba(0,255,0,.15)' },\n * { from: 50, to: 100, color: 'rgba(255,255,0,.15)' },\n * { from: 100, to: 150, color: 'rgba(255,30,0,.25)' },\n * { from: 150, to: 200, color: 'rgba(255,0,225,.25)' },\n * { from: 200, to: 220, color: 'rgba(0,0,255,.25)' }\n * ],\n * colorPlate: '#222',\n * colorMajorTicks: '#f5f5f5',\n * colorMinorTicks: '#ddd',\n * colorTitle: '#fff',\n * colorUnits: '#ccc',\n * colorNumbers: '#eee',\n * colorNeedleStart: 'rgba(240, 128, 128, 1)',\n * colorNeedleEnd: 'rgba(255, 160, 122, .9)',\n * valueBox: true,\n * animationRule: 'bounce'\n * });\n * // draw initially\n * gauge.draw();\n * // animate\n * setInterval(() => {\n * gauge.value = Math.random() * -220 + 220;\n * }, 1000);\n */\n\nvar RadialGauge = function (_BaseGauge) {\n _inherits(RadialGauge, _BaseGauge);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event RadialGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event RadialGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event RadialGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event RadialGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event RadialGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event RadialGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event RadialGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event RadialGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event RadialGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event RadialGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {RadialGaugeOptions} options\n */\n function RadialGauge(options) {\n _classCallCheck(this, RadialGauge);\n\n options = Object.assign({}, defaultRadialGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (RadialGauge.__proto__ || Object.getPrototypeOf(RadialGauge)).call(this, RadialGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(RadialGauge, [{\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @returns {RadialGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref[0];\n var y = _ref[1];\n var w = _ref[2];\n var h = _ref[3];\n\n var options = this.options;\n\n if (options.animationTarget === 'needle') {\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(context, options);\n this.emit('beforeHighlights');\n drawRadialHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(context, options);\n this.emit('beforeTitle');\n drawRadialTitle(context, options);\n this.emit('beforeUnits');\n drawRadialUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n this.emit('beforeNeedle');\n drawRadialNeedle(canvas.context, options);\n } else {\n var plateValueAngle = -drawings.radians((options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle);\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(canvas.context, options);\n\n canvas.context.rotate(plateValueAngle);\n\n // animated\n this.emit('beforeHighlights');\n drawRadialHighlights(canvas.context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(canvas.context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(canvas.context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(canvas.context, options);\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n\n // non-animated\n canvas.context.rotate(-plateValueAngle);\n canvas.context.save();\n\n if (!canvas.elementClone.initialized) {\n var _context = canvas.contextClone;\n\n // clear the cache\n _context.clearRect(x, y, w, h);\n _context.save();\n\n this.emit('beforeTitle');\n drawRadialTitle(_context, options);\n this.emit('beforeUnits');\n drawRadialUnits(_context, options);\n this.emit('beforeNeedle');\n drawRadialNeedle(_context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n }\n\n // value box animations\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n\n _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }, {\n key: 'value',\n\n\n /**\n * Sets the value for radial gauge\n *\n * @param {number} value\n */\n set: function set(value) {\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n if (this.options.animation && this.options.ticksAngle === 360 && this.options.useMinPath) {\n this._value = value;\n value = this.options.value + ((value - this.options.value) % 360 + 540) % 360 - 180;\n }\n\n _set(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', value, this);\n }\n\n /**\n * Returns current gauge value\n *\n * @return {number}\n */\n ,\n get: function get() {\n return _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', this);\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n if (options.barWidth > 50) options.barWidth = 50;\n\n /* istanbul ignore if */\n if (isNaN(options.startAngle)) options.startAngle = 45;\n /* istanbul ignore if */\n if (isNaN(options.ticksAngle)) options.ticksAngle = 270;\n\n /* istanbul ignore if */\n if (options.ticksAngle > 360) options.ticksAngle = 360;\n /* istanbul ignore if */\n if (options.ticksAngle < 0) options.ticksAngle = 0;\n\n /* istanbul ignore if */\n if (options.startAngle < 0) options.startAngle = 0;\n /* istanbul ignore if */\n if (options.startAngle > 360) options.startAngle = 360;\n\n return options;\n }\n }]);\n\n return RadialGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['RadialGauge'] = RadialGauge;\n}\n\nBaseGauge.initialize('RadialGauge', defaultRadialGaugeOptions);\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Linear gauge configuration options\n *\n * @typedef {GenericOptions|{borderRadius: number, barBeginCircle: number, tickSide: string, needleSide: string, numberSide: string, ticksWidth: number, ticksWidthMinor: number, ticksPadding: number, barLength: number, colorBarEnd: string, colorBarProgressEnd: string}} LinearGaugeOptions\n */\n\n/**\n * Default linear gauge configuration options\n *\n * @type {LinearGaugeOptions}\n */\nvar defaultLinearGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n borderRadius: 0,\n // width: 150,\n // height: 400,\n\n // bar\n barBeginCircle: 30, // percents\n colorBarEnd: '',\n colorBarProgressEnd: '',\n\n needleWidth: 6,\n\n tickSide: 'both', // available: 'left', 'right', 'both'\n needleSide: 'both', // available: 'left', 'right', 'both'\n\n numberSide: 'both', // available: 'left', 'right', 'both'\n\n ticksWidth: 10,\n ticksWidthMinor: 5,\n ticksPadding: 5,\n barLength: 85,\n fontTitleSize: 26,\n\n highlightsWidth: 10\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawRectangle(context, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.fillStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, w > h ? w : h, h > w, w > h ? x : y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} width width of the border\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawLinearBorder(context, width, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.lineWidth = width;\n context.strokeStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, h, true, y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge plate\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearPlate(context, options, x, y, w, h) {\n var pxRatio = SmartCanvas.pixelRatio;\n context.save();\n\n var r = options.borderRadius * pxRatio;\n var w1 = w - options.borderShadowWidth - options.borderOuterWidth * pxRatio;\n var w2 = w1 - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio;\n var w3 = w2 - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio;\n var w4 = w3 - options.borderInnerWidth * pxRatio;\n\n var h1 = h - options.borderShadowWidth - options.borderOuterWidth * pxRatio;\n var h2 = h1 - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio;\n var h3 = h2 - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio;\n var h4 = h3 - options.borderInnerWidth * pxRatio;\n\n var x2 = x - (w2 - w1) / 2;\n var x3 = x2 - (w3 - w2) / 2;\n var x4 = x3 - (w4 - w3) / 2;\n\n var y2 = y - (h2 - h1) / 2;\n var y3 = y2 - (h3 - h2) / 2;\n var y4 = y3 - (h4 - h3) / 2;\n var aliasingOffset = 0;\n var shadowDrawn = false;\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderOuterWidth * pxRatio, r, x + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, y + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, w1, h1, options.colorBorderOuter, options.colorBorderOuterEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderMiddleWidth * pxRatio, r -= 1 + aliasingOffset * 2, x2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, y2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, w2 + aliasingOffset * 2, h2 + aliasingOffset * 2, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderInnerWidth * pxRatio, r -= 1 + aliasingOffset * 2, x3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, y3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, w3 + aliasingOffset * 2, h3 + aliasingOffset * 2, options.colorBorderInner, options.colorBorderInnerEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n drawRectangle(context, r, x4, y4, w4 + aliasingOffset * 2, h4 + aliasingOffset * 2, options.colorPlate, options.colorPlateEnd);\n\n context.restore();\n\n return [x4, y4, w4, h4];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns linear gauge base bar dimensions.\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions|{barStrokeWidth: number, barBeginCircle: number, barWidth: number, hasLeft: boolean, hasRight: boolean}} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @return {{isVertical: boolean, width: number, length: number, barWidth: number, barLength: number, strokeWidth: number, barMargin: number, radius: number, x0: number, y0: number, barOffset: number, titleMargin: number, unitsMargin: number, X: number, Y: number, baseX: number, baseY: number, ticksPadding: number}}\n */\nfunction barDimensions(context, options, x, y, w, h) {\n var pixelRatio = SmartCanvas.pixelRatio;\n var isVertical = h >= w;\n var width = isVertical ? w * 0.85 : h;\n var length = isVertical ? h : w;\n\n //noinspection JSUnresolvedFunction\n x = isVertical ? round(x + (w - width) / 2) : x;\n\n var hasTitle = !!options.title;\n var hasUnits = !!options.units;\n var hasValue = !!options.valueBox;\n\n var titleMargin = void 0;\n var unitsMargin = void 0;\n var valueMargin = void 0;\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n unitsMargin = round(length * 0.05);\n //noinspection JSUnresolvedFunction\n titleMargin = round(length * 0.075);\n //noinspection JSUnresolvedFunction\n valueMargin = round(length * 0.11);\n\n if (hasTitle) {\n length -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) length -= unitsMargin;\n if (hasValue) length -= valueMargin;\n } else {\n //noinspection JSUnresolvedFunction\n unitsMargin = titleMargin = round(width * 0.15);\n\n if (hasTitle) {\n width -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) width -= unitsMargin;\n }\n\n var strokeWidth = options.barStrokeWidth * 2;\n //noinspection JSUnresolvedFunction\n var radius = options.barBeginCircle ? round(width * options.barBeginCircle / 200 - strokeWidth / 2) : 0;\n //noinspection JSUnresolvedFunction\n var barWidth = round(width * options.barWidth / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barLength = round(length * options.barLength / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barMargin = round((length - barLength) / 2);\n\n // coordinates for arc of the bar if configured\n //noinspection JSUnresolvedFunction\n var x0 = round(x + (isVertical ? width / 2 : barMargin + radius));\n //noinspection JSUnresolvedFunction\n var y0 = round(y + (isVertical ? length - barMargin - radius + strokeWidth / 2 : width / 2));\n var dx = isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n var dy = !isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n\n //noinspection JSUndefinedPropertyAssignment\n context.barDimensions = {\n isVertical: isVertical,\n width: width,\n length: length,\n barWidth: barWidth,\n barLength: barLength,\n strokeWidth: strokeWidth,\n barMargin: barMargin,\n radius: radius,\n pixelRatio: pixelRatio,\n barOffset: null,\n titleMargin: hasTitle ? titleMargin : 0,\n unitsMargin: hasUnits ? unitsMargin : 0,\n get ticksLength() {\n return this.barLength - this.barOffset - this.strokeWidth;\n },\n X: x + dx,\n Y: y + dy,\n x0: x0 + dx,\n y0: y0 + dy,\n baseX: x,\n baseY: y,\n ticksPadding: options.ticksPadding / 100\n };\n\n return context.barDimensions;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws bar shape from the given options on a given canvas context\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {string} type\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearBarShape(context, options, type, x, y, w, h) {\n var _barDimensions = barDimensions(context, options, x, y, w, h);\n\n var isVertical = _barDimensions.isVertical;\n var width = _barDimensions.width;\n var barWidth = _barDimensions.barWidth;\n var barLength = _barDimensions.barLength;\n var strokeWidth = _barDimensions.strokeWidth;\n var barMargin = _barDimensions.barMargin;\n var radius = _barDimensions.radius;\n var x0 = _barDimensions.x0;\n var y0 = _barDimensions.y0;\n var X = _barDimensions.X;\n var Y = _barDimensions.Y;\n\n var fullBarLength = barLength;\n\n context.save();\n context.beginPath();\n\n if (options.barBeginCircle) {\n var direction = drawings.radians(isVertical ? 270 : 0);\n var alpha = Math.asin(barWidth / 2 / radius);\n var cosAlpha = Math.cos(alpha);\n var sinAlpha = Math.sin(alpha);\n\n var x1 = x0 + (isVertical ? radius * sinAlpha : radius * cosAlpha - strokeWidth / 2);\n var y1 = isVertical ? y0 - radius * cosAlpha : y0 + radius * sinAlpha;\n //noinspection JSUnresolvedFunction\n var cutRadius = isVertical ? abs(y1 - y0) : abs(x1 - x0);\n\n //noinspection JSUnresolvedFunction\n context.barDimensions.barOffset = round(cutRadius + radius);\n\n // bottom point\n //noinspection JSUnresolvedFunction\n var x2 = isVertical ? round(x0 - radius * sinAlpha) : x1;\n //noinspection JSUnresolvedFunction\n var y2 = isVertical ? y1 : round(y0 - radius * sinAlpha);\n\n if (type === 'progress') {\n barLength = context.barDimensions.barOffset + (barLength - context.barDimensions.barOffset) * (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue);\n }\n\n // bar ends at\n //noinspection JSUnresolvedFunction\n var x3 = round(x1 + barLength - context.barDimensions.barOffset + strokeWidth / 2); // h\n //noinspection JSUnresolvedFunction\n var y3 = round(y1 - barLength + context.barDimensions.barOffset - strokeWidth / 2); // v\n\n context.arc(x0, y0, radius, direction + alpha, direction - alpha);\n\n if (isVertical) {\n context.moveTo(x1, y2);\n context.lineTo(x1, y3);\n context.lineTo(x2, y3);\n context.lineTo(x2, y2);\n } else {\n context.moveTo(x1, y2);\n context.lineTo(x3, y2);\n context.lineTo(x3, y1);\n context.lineTo(x1, y1);\n }\n } else {\n // simply rectangle\n //noinspection JSUnresolvedFunction\n var rx = round(isVertical ? X + (width - barWidth) / 2 : X + barMargin);\n //noinspection JSUnresolvedFunction\n var ry = round(isVertical ? Y + barLength + barMargin : Y + (width - barWidth) / 2);\n\n if (type === 'progress') {\n barLength *= (options.value - options.minValue) / (options.maxValue - options.minValue);\n }\n\n if (isVertical) context.rect(rx, ry, barWidth, -barLength);else context.rect(rx, ry, barLength, barWidth);\n }\n\n if (type !== 'progress' && options.barStrokeWidth) {\n context.lineWidth = strokeWidth;\n context.strokeStyle = options.colorBarStroke;\n //context.lineJoin = 'round';\n context.stroke();\n }\n\n if (type !== 'progress' && options.colorBar) {\n context.fillStyle = options.colorBarEnd ? drawings.linearGradient(context, options.colorBar, options.colorBarEnd, barLength, isVertical, isVertical ? Y : X) : options.colorBar;\n context.fill();\n } else if (type === 'progress' && options.colorBarProgress) {\n context.fillStyle = options.colorBarProgressEnd ? drawings.linearGradient(context, options.colorBarProgress, options.colorBarProgressEnd, fullBarLength, isVertical, isVertical ? Y : X) : options.colorBarProgress;\n context.fill();\n }\n\n context.closePath();\n\n // fix dimensions for further usage\n if (options.barBeginCircle) context.barDimensions.radius += strokeWidth;\n\n context.barDimensions.barWidth += strokeWidth;\n context.barDimensions.barLength += strokeWidth;\n}\n\n/**\n * Draws gauge bar\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBar(context, options, x, y, w, h) {\n drawLinearBarShape(context, options, '', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Helper function to calculate bar ticks presence on the sides\n *\n * @param {string} notWhich\n * @param {LinearGaugeOptions} options\n * @return {boolean}\n */\nfunction hasTicksBar(notWhich, options) {\n return options.needleSide !== notWhich || options.tickSide !== notWhich || options.numberSide !== notWhich;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar progress\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBarProgress(context, options, x, y, w, h) {\n options.barProgress && drawLinearBarShape(context, options, 'progress', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar highlighted areas\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarHighlights(context, options) {\n var _context$barDimension = context.barDimensions;\n var isVertical = _context$barDimension.isVertical;\n var width = _context$barDimension.width;\n var length = _context$barDimension.length;\n var barWidth = _context$barDimension.barWidth;\n var barOffset = _context$barDimension.barOffset;\n var barMargin = _context$barDimension.barMargin;\n var X = _context$barDimension.X;\n var Y = _context$barDimension.Y;\n var ticksLength = _context$barDimension.ticksLength;\n var ticksPadding = _context$barDimension.ticksPadding;\n\n var hlWidth = width * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!options.highlights || !hlWidth) return;\n\n var hasLeft = options.tickSide !== 'right';\n var hasRight = options.tickSide !== 'left';\n var i = 0;\n var s = options.highlights.length;\n var tickOffset = (width - barWidth) / 2;\n var interval = options.maxValue - options.minValue;\n //noinspection JSUnresolvedFunction\n var eX = round(isVertical ? X + tickOffset : X + barMargin + barOffset);\n var eH = hlWidth;\n var eY = isVertical ? Y + length - barMargin - barOffset : Y + tickOffset;\n //noinspection JSUnresolvedFunction\n var hLeft = round((options.ticksWidth / 100 + ticksPadding) * width) + (hlWidth - options.ticksWidth / 100 * width);\n //noinspection JSUnresolvedFunction\n var hRight = round(barWidth + ticksPadding * width);\n\n context.save();\n\n for (; i < s; i++) {\n var entry = options.highlights[i];\n //noinspection JSUnresolvedFunction\n var eStart = ticksLength * abs(options.minValue - entry.from) / interval;\n //noinspection JSUnresolvedFunction\n var eW = ticksLength * abs((entry.to - entry.from) / interval);\n\n context.beginPath();\n context.fillStyle = entry.color;\n\n if (isVertical) {\n if (hasLeft) context.rect(eX - hLeft, eY - eStart, eH, -eW);\n\n if (hasRight) context.rect(eX + hRight, eY - eStart, eH, -eW);\n } else {\n if (hasLeft) context.rect(eX + eStart, eY - hLeft, eW, eH);\n\n if (hasRight) context.rect(eX + eStart, eY + hRight, eW, eH);\n }\n\n context.fill();\n context.closePath();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws a tick line on a linear gauge\n *\n * @param {Canvas2DContext} context\n * @param x1\n * @param y1\n * @param x2\n * @param y2\n */\nfunction drawLinearTick(context, x1, y1, x2, y2) {\n context.beginPath();\n\n context.moveTo(x1, y1);\n context.lineTo(x2, y2);\n context.stroke();\n\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks\n *\n * @param {Canvas2DContext} context\n * @param {string} color\n * @param {number[]} ticks\n * @param {number} minVal\n * @param {number} maxVal\n * @param {boolean} hasLeft\n * @param {boolean} hasRight\n * @param {number} lineWidth\n * @param {number} lineLength\n */\nfunction drawLinearTicks(context, color, ticks, minVal, maxVal, hasLeft, hasRight, lineWidth, lineLength) {\n var _context$barDimension2 = context.barDimensions;\n var isVertical = _context$barDimension2.isVertical;\n var length = _context$barDimension2.length;\n var barWidth = _context$barDimension2.barWidth;\n var barOffset = _context$barDimension2.barOffset;\n var barMargin = _context$barDimension2.barMargin;\n var pixelRatio = _context$barDimension2.pixelRatio;\n var width = _context$barDimension2.width;\n var X = _context$barDimension2.X;\n var Y = _context$barDimension2.Y;\n var ticksLength = _context$barDimension2.ticksLength;\n var ticksPadding = _context$barDimension2.ticksPadding;\n\n var tickOffset = (width - barWidth) / 2;\n var tickX = void 0,\n tickY = void 0;\n var i = 0;\n var tickLen = lineLength * width;\n var tickLeft = tickOffset - ticksPadding * width;\n var tickRight = tickOffset + barWidth + tickLen + ticksPadding * width;\n var colors = color instanceof Array ? color : new Array(ticks.length).fill(color);\n\n context.lineWidth = lineWidth * pixelRatio;\n context.save();\n\n var ratio = ticksLength / (maxVal - minVal);\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = ticks[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var val = _step.value;\n\n context.strokeStyle = colors[ticks.indexOf(val)];\n\n if (isVertical) {\n tickY = Y + length - barMargin - barOffset + (minVal - val) * ratio;\n\n if (hasLeft) {\n tickX = X + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n\n if (hasRight) {\n tickX = X + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n } else {\n tickX = X + barMargin + barOffset - (minVal - val) * ratio;\n\n if (hasLeft) {\n tickY = Y + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, tickX, round(tickY - tickLen));\n }\n\n if (hasRight) {\n tickY = Y + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, round(tickY), tickX, tickY - tickLen);\n }\n }\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicks(context, options) {\n var _drawings$prepareTick = drawings.prepareTicks(options);\n\n var _drawings$prepareTick2 = _slicedToArray(_drawings$prepareTick, 2);\n\n var hasLeft = _drawings$prepareTick2[0];\n var hasRight = _drawings$prepareTick2[1];\n\n var lineWidth = 2;\n var valuePerNonExactTick = (options.maxValue - options.minValue) / (options.majorTicks.length - 1);\n var colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(options.majorTicks.length).fill(options.colorMajorTicks);\n var ticks = options.exactTicks ? options.majorTicks : options.majorTicks.map(function (tick, i) {\n return options.minValue + valuePerNonExactTick * i;\n });\n\n drawLinearTicks(context, colors, ticks, options.minValue, options.maxValue, hasLeft, hasRight, lineWidth, options.ticksWidth / 100);\n\n if (options.strokeTicks) {\n var _context$barDimension3 = context.barDimensions;\n var isVertical = _context$barDimension3.isVertical;\n var length = _context$barDimension3.length;\n var width = _context$barDimension3.width;\n var barWidth = _context$barDimension3.barWidth;\n var barMargin = _context$barDimension3.barMargin;\n var barOffset = _context$barDimension3.barOffset;\n var X = _context$barDimension3.X;\n var Y = _context$barDimension3.Y;\n var ticksLength = _context$barDimension3.ticksLength;\n var pixelRatio = _context$barDimension3.pixelRatio;\n var ticksPadding = _context$barDimension3.ticksPadding;\n\n var rightTicks = (width - barWidth) / 2 + barWidth + ticksPadding * width;\n var leftTicks = (width - barWidth) / 2 - ticksPadding * width;\n var sX = void 0,\n sY = void 0,\n eX = void 0,\n eY = void 0;\n\n context.strokeStyle = colors[0];\n\n lineWidth *= pixelRatio;\n\n if (isVertical) {\n sY = Y + length - barMargin - barOffset + lineWidth / 2;\n eY = sY - ticksLength - lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n } else {\n sX = X + barMargin + barOffset - lineWidth / 2;\n eX = sX + ticksLength + lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks stroke\n *\n * @param {Canvas2DContext} context\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n */\nfunction drawLinearTickStroke(context, sX, sY, eX, eY) {\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMinorTicks(context, options) {\n var _drawings$prepareTick3 = drawings.prepareTicks(options);\n\n var _drawings$prepareTick4 = _slicedToArray(_drawings$prepareTick3, 2);\n\n var hasLeft = _drawings$prepareTick4[0];\n var hasRight = _drawings$prepareTick4[1];\n\n var ticks = [];\n var i = options.minValue;\n var valuePerNonExactTick = (options.maxValue - options.minValue) / (options.minorTicks * (options.majorTicks.length - 1));\n\n if (options.exactTicks) {\n var delta = options.majorTicks[0] % options.minorTicks;\n\n for (; i < options.maxValue; i += options.minorTicks) {\n ticks.push(delta + i);\n }\n } else {\n for (; i < options.maxValue; i += valuePerNonExactTick) {\n ticks.push(i);\n }\n }\n\n drawLinearTicks(context, options.colorMinorTicks, ticks, options.minValue, options.maxValue, hasLeft, hasRight, 1, options.ticksWidthMinor / 100);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major tick numbers\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicksNumbers(context, options) {\n var _context$barDimension4 = context.barDimensions;\n var isVertical = _context$barDimension4.isVertical;\n var length = _context$barDimension4.length;\n var width = _context$barDimension4.width;\n var barWidth = _context$barDimension4.barWidth;\n var barMargin = _context$barDimension4.barMargin;\n var barOffset = _context$barDimension4.barOffset;\n var X = _context$barDimension4.X;\n var Y = _context$barDimension4.Y;\n var ticksLength = _context$barDimension4.ticksLength;\n var ticksPadding = _context$barDimension4.ticksPadding;\n\n var range = options.maxValue - options.minValue;\n var valuePerNonExactTick = range / (options.majorTicks.length - 1);\n var tickValues = options.exactTicks ? options.majorTicks : options.majorTicks.map(function (tick, i) {\n return options.minValue + valuePerNonExactTick * i;\n });\n var ticks = tickValues.length;\n var hasLeft = options.numberSide !== 'right';\n var hasRight = options.numberSide !== 'left';\n var textHeight = options.fontNumbersSize * width / 200;\n var i = 0;\n var ticksWidth = (options.ticksWidth / 100 + ticksPadding * 2) * width;\n var numLeft = (width - barWidth) / 2 - ticksWidth;\n var numRight = (width - barWidth) / 2 + barWidth + ticksWidth;\n var textX = void 0,\n textY = void 0,\n textWidth = void 0,\n numberOffset = void 0,\n tick = void 0;\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(ticks).fill(options.colorNumbers);\n\n context.font = drawings.font(options, 'Numbers', width / 200);\n context.lineWidth = 0;\n context.textAlign = 'center';\n\n for (; i < ticks; i++) {\n context.fillStyle = colors[i];\n tick = options.majorTicks[i];\n numberOffset = options.exactTicks ? ticksLength * ((tickValues[i] - options.minValue) / range) : i * ticksLength / (ticks - 1);\n\n if (isVertical) {\n textY = Y + length - barMargin - barOffset - numberOffset + textHeight / 3;\n\n if (hasLeft) {\n context.textAlign = 'right';\n context.fillText(tick, X + numLeft, textY);\n }\n\n if (hasRight) {\n context.textAlign = 'left';\n context.fillText(tick, X + numRight, textY);\n }\n } else {\n textWidth = context.measureText(tick).width;\n textX = X + barMargin + barOffset + numberOffset;\n\n if (hasLeft) {\n context.fillText(tick, textX, Y + numLeft);\n }\n\n if (hasRight) {\n context.fillText(tick, textX, Y + numRight + textHeight);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge title\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearTitle(context, options) {\n if (!options.title) return;\n\n var _context$barDimension5 = context.barDimensions;\n var isVertical = _context$barDimension5.isVertical;\n var width = _context$barDimension5.width;\n var length = _context$barDimension5.length;\n var baseX = _context$barDimension5.baseX;\n var baseY = _context$barDimension5.baseY;\n var titleMargin = _context$barDimension5.titleMargin;\n\n var textHeight = options.fontTitleSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + titleMargin / 2 - (isVertical ? textHeight : textHeight / 2) - 0.025 * (isVertical ? length : width));\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Title', width / 200);\n context.lineWidth = 0;\n context.fillText(options.title, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge units\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearUnits(context, options) {\n if (!options.units) return;\n\n var _context$barDimension6 = context.barDimensions;\n var isVertical = _context$barDimension6.isVertical;\n var width = _context$barDimension6.width;\n var length = _context$barDimension6.length;\n var baseX = _context$barDimension6.baseX;\n var baseY = _context$barDimension6.baseY;\n var unitsMargin = _context$barDimension6.unitsMargin;\n\n var textHeight = options.fontUnitsSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + (isVertical ? length : width) + unitsMargin / 2 - textHeight / 2);\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Units', width / 200);\n context.lineWidth = 0;\n context.fillText(options.units, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge needles\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarNeedle(context, options) {\n if (!options.needle) return;\n\n var _context$barDimension7 = context.barDimensions;\n var isVertical = _context$barDimension7.isVertical;\n var width = _context$barDimension7.width;\n var length = _context$barDimension7.length;\n var barWidth = _context$barDimension7.barWidth;\n var barOffset = _context$barDimension7.barOffset;\n var barMargin = _context$barDimension7.barMargin;\n var ticksLength = _context$barDimension7.ticksLength;\n var X = _context$barDimension7.X;\n var Y = _context$barDimension7.Y;\n var ticksPadding = _context$barDimension7.ticksPadding;\n\n var hasLeft = options.needleSide !== 'right';\n var hasRight = options.needleSide !== 'left';\n var position = ticksLength * (drawings.normalizedValue(options).indented - options.minValue) / (options.maxValue - options.minValue);\n var tickWidth = (options.ticksWidth / 100 + ticksPadding) * width;\n var baseLength = barWidth / 2 + tickWidth;\n var needleLength = baseLength * (options.needleEnd / 100);\n var sX = void 0,\n eX = void 0,\n sY = void 0,\n eY = void 0;\n var draw = options.needleType.toLowerCase() === 'arrow' ? drawLinearArrowNeedle : drawLinearLineNeedle;\n var barStart = (width - barWidth) / 2;\n var needleStart = baseLength * (options.needleStart / 100);\n var nLeft = barStart - tickWidth - needleStart;\n var nRight = barStart + barWidth + tickWidth + needleStart;\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + length - barMargin - barOffset - position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nLeft);\n eX = sX + needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nRight);\n eX = sX - needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength, true);\n }\n } else {\n //noinspection JSUnresolvedFunction\n sX = round(X + barMargin + barOffset + position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nLeft);\n eY = sY + needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nRight);\n eY = sY - needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength, true);\n }\n }\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns needle color style\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} length\n * @param {boolean} [isRight]\n * @return {CanvasGradient|string}\n */\nfunction needleStyle(context, options, length, isRight) {\n return options.colorNeedleEnd ? drawings.linearGradient(context, isRight ? options.colorNeedleEnd : options.colorNeedle, isRight ? options.colorNeedle : options.colorNeedleEnd, length, !context.barDimensions.isVertical) : options.colorNeedle;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws line needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearLineNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n context.lineWidth = options.needleWidth;\n context.strokeStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws arrow needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearArrowNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n //noinspection JSUnresolvedFunction\n var peakLength = round(length * 0.4);\n var bodyLength = length - peakLength;\n var isVertical = sX === eX;\n var halfWidth = options.needleWidth / 2;\n\n context.fillStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n\n if (isVertical) {\n if (sY > eY) bodyLength *= -1;\n\n context.moveTo(sX - halfWidth, sY);\n context.lineTo(sX + halfWidth, sY);\n context.lineTo(sX + halfWidth, sY + bodyLength);\n context.lineTo(sX, eY);\n context.lineTo(sX - halfWidth, sY + bodyLength);\n context.lineTo(sX - halfWidth, sY);\n } else {\n if (sX > eX) bodyLength *= -1;\n\n context.moveTo(sX, sY - halfWidth);\n context.lineTo(sX, sY + halfWidth);\n context.lineTo(sX + bodyLength, sY + halfWidth);\n context.lineTo(eX, sY);\n context.lineTo(sX + bodyLength, sY - halfWidth);\n context.lineTo(sX, sY - halfWidth);\n }\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box for linear gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} value\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearValueBox(context, options, value, x, y, w, h) {\n // currently value box is available only for vertical linear gauge,\n // as far as by design it is hard to find a proper place for\n // horizontal ones\n var boxWidth = (parseFloat(options.fontValueSize) || 0) * w / 200;\n var dy = (0.11 * h - boxWidth) / 2;\n\n context.barDimensions.isVertical && drawings.drawValueBox(context, options, value, x + w / 2, y + h - boxWidth - dy, w);\n}\n\n/**\n * Minimalistic HTML5 Canvas Linear Gauge\n */\n\nvar LinearGauge = function (_BaseGauge2) {\n _inherits(LinearGauge, _BaseGauge2);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event LinearGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event LinearGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event LinearGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event LinearGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event LinearGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event LinearGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event LinearGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge bar area is drawn\n *\n * @event LinearGauge#beforeBar\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event LinearGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event LinearGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event LinearGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {LinearGaugeOptions} options\n */\n function LinearGauge(options) {\n _classCallCheck(this, LinearGauge);\n\n options = Object.assign({}, defaultLinearGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (LinearGauge.__proto__ || Object.getPrototypeOf(LinearGauge)).call(this, LinearGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(LinearGauge, [{\n key: 'draw',\n\n\n /* istanbul ignore next */\n /**\n * Triggering linear gauge render on a canvas.\n *\n * @returns {LinearGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref2 = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref2[0];\n var y = _ref2[1];\n var w = _ref2[2];\n var h = _ref2[3];\n\n var options = this.options;\n\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n this.drawBox = drawLinearPlate(context, options, x, y, w, h);\n\n this.emit('beforeBar');\n drawLinearBar.apply(undefined, [context, options].concat(_toConsumableArray(this.drawBox)));\n\n canvas.context.barDimensions = context.barDimensions;\n\n this.emit('beforeHighlights');\n drawLinearBarHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawLinearMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawLinearMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawLinearMajorTicksNumbers(context, options);\n this.emit('beforeTitle');\n drawLinearTitle(context, options);\n this.emit('beforeUnits');\n drawLinearUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawLinearBarProgress.apply(undefined, [canvas.context, options].concat(_toConsumableArray(this.drawBox)));\n this.emit('beforeNeedle');\n drawLinearBarNeedle(canvas.context, options);\n this.emit('beforeValueBox');\n drawLinearValueBox.apply(undefined, [canvas.context, options, options.animatedValue ? this.options.value : this.value].concat(_toConsumableArray(this.drawBox)));\n\n _get(LinearGauge.prototype.__proto__ || Object.getPrototypeOf(LinearGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n /* istanbul ignore else */\n if (options.barStrokeWidth >= options.barWidth) {\n //noinspection JSUnresolvedFunction\n options.barStrokeWidth = round(options.barWidth / 2);\n }\n\n //noinspection JSUndefinedPropertyAssignment\n options.hasLeft = hasTicksBar('right', options);\n //noinspection JSUndefinedPropertyAssignment\n options.hasRight = hasTicksBar('left', options);\n\n if (options.value > options.maxValue) {\n options.value = options.maxValue;\n }\n\n if (options.value < options.minValue) {\n options.value = options.minValue;\n }\n\n return BaseGauge.configure(options);\n }\n }]);\n\n return LinearGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['LinearGauge'] = LinearGauge;\n}\n\nBaseGauge.initialize('LinearGauge', defaultLinearGaugeOptions);;typeof module !== \"undefined\" && Object.assign(ns, {Collection: Collection,GenericOptions: GenericOptions,Animation: Animation,BaseGauge: BaseGauge,drawings: drawings,SmartCanvas: SmartCanvas,vendorize: vendorize});}(typeof module !== \"undefined\" ? module.exports : window));"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/lib/RadialGauge.js b/lib/RadialGauge.js index e628d51d..bb819e6e 100644 --- a/lib/RadialGauge.js +++ b/lib/RadialGauge.js @@ -375,7 +375,11 @@ function closeStrokedPath(context) { * @param {RadialGaugeOptions} options */ function drawRadialNumbers(context, options) { - let radius = radialTicksRadius(context, options) - context.max * 0.25; + let textWidth = Math.max.apply(null, options.majorTicks.map(text => + context.measureText(text).width)); + let textHeight = options.fontNumbersSize; + let radius = radialTicksRadius(context, options) - context.max * 0.2 - + Math.sqrt(textWidth * textWidth + textHeight * textHeight) / 2; let points = {}; let i = 0; let s = options.majorTicks.length; @@ -392,10 +396,8 @@ function drawRadialNumbers(context, options) { } for (; i < s; ++i) { - let angle = plateValueAngle + radialNextAngle( - options, - options.exactTicks ? options.majorTicks[i] : i, - s); + let angle = plateValueAngle + radialNextAngle(options, + options.exactTicks ? options.majorTicks[i] : i, s); let point = drawings.radialPoint(radius, drawings.radians(angle)); if (angle === 360) angle = 0; @@ -410,7 +412,8 @@ function drawRadialNumbers(context, options) { context.fillStyle = colors[i]; context.lineWidth = 0; context.textAlign = 'center'; - context.fillText(options.majorTicks[i], point.x, point.y + 3); + context.textBaseline = 'middle'; + context.fillText(options.majorTicks[i], point.x, point.y); } isAnimated && context.restore(); diff --git a/test-coverage.svg b/test-coverage.svg index e1811337..0e50771e 100644 --- a/test-coverage.svg +++ b/test-coverage.svg @@ -1 +1 @@ -coveragecoverage85.2%85.2% \ No newline at end of file +coveragecoverage85.23%85.23% \ No newline at end of file From 15be0cc4538f7d76410ab338c8185fd2d9281987 Mon Sep 17 00:00:00 2001 From: Mykhailo Stadnyk Date: Thu, 29 Dec 2016 11:18:57 +0200 Subject: [PATCH 10/10] Implemented possibility to define tick labels margin (see issue #90) --- gauge.min.js | 4 ++-- gauge.min.js.map | 2 +- lib/GenericOptions.js | 1 + lib/LinearGauge.js | 10 ++++++---- lib/RadialGauge.js | 23 +++++++++++++---------- test-coverage.svg | 2 +- 6 files changed, 24 insertions(+), 18 deletions(-) diff --git a/gauge.min.js b/gauge.min.js index e59e2881..6cbf7d67 100644 --- a/gauge.min.js +++ b/gauge.min.js @@ -23,6 +23,6 @@ * * @version 2.1.1 */ -!function(e){"use strict";function t(e){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t1&&(d=1),t&&t(1===d?d:r(d)),s0){for(a=e.toFixed(i).toString().split("."),n=r-a[0].length;o1?(r=~i.indexOf("."),~i.indexOf("-")?"-"+[t.majorTicksInt+t.majorTicksDec+2+(r?1:0)-i.length].join("0")+i.replace("-",""):[t.majorTicksInt+t.majorTicksDec+1+(r?1:0)-i.length].join("0")+i):i}function f(e){return e*Math.PI/180}function m(e,t){return{x:-e*Math.sin(t),y:e*Math.cos(t)}}function v(e,t,i,r){var o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,a=e.createLinearGradient(o?0:n,o?n:0,o?0:r,o?r:0);return a.addColorStop(0,t),a.addColorStop(1,i),a}function b(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(i)return e.restore(),!0;e.save();var r=t.borderShadowWidth;return r&&(e.shadowBlur=r,e.shadowColor=t.colorBorderShadow),!0}function g(e,t){t.needleShadow&&(e.shadowOffsetX=2,e.shadowOffsetY=2,e.shadowBlur=10,e.shadowColor=t.colorNeedleShadowDown)}function p(e,t,i){return e["font"+t+"Style"]+" "+e["font"+t+"Weight"]+" "+e["font"+t+"Size"]*i+"px "+e["font"+t]}function w(e){e.shadowOffsetX=null,e.shadowOffsetY=null,e.shadowBlur=null,e.shadowColor="",e.strokeStyle=null,e.lineWidth=0,e.save()}function y(e,t,i,r){t.valueTextShadow&&(e.shadowOffsetX=i,e.shadowOffsetY=i,e.shadowBlur=r,e.shadowColor=t.colorValueTextShadow)}function k(e,t,i,r,o,n){if(t.valueBox){w(e);var a=t.valueText||h(i,t),l=n/200,s=n/100,d=.4*s,u=1.2*s;e.font=p(t,"Value",l),y(e,t,d,u);var f=e.measureText(t.valueText?a:"-"+h(0,t)).width;w(e);var m=parseFloat(t.fontValueSize)*l+d+u,v=s*parseFloat(t.valueBoxStroke),b=2*n-2*v,g=f+10*s,k=1.1*m+d+u,x=s*t.valueBoxBorderRadius,T=(parseFloat(t.valueBoxWidth)||0)/100*b;T>g&&(g=T),g>b&&(g=b);var S=r-g/2,W=o-k/2,O=o-5.75*s;if(e.beginPath(),x?c(e,S,W,g,k,x):e.rect(S,W,g,k),v){var V=e.createRadialGradient(r,O,10*s,r,O,20*s);V.addColorStop(0,t.colorValueBoxRect),V.addColorStop(1,t.colorValueBoxRectEnd),e.strokeStyle=V,e.lineWidth=v,e.stroke()}t.colorValueBoxShadow&&(e.shadowBlur=1.2*s,e.shadowColor=t.colorValueBoxShadow),t.colorValueBoxBackground&&(e.fillStyle=t.colorValueBoxBackground,e.fill()),e.closePath(),e.restore(),y(e,t,d,u),e.fillStyle=t.colorValueText,e.textAlign="center",e.textBaseline="alphabetic",e.fillText(a,S+g/2,o+k/2-m/3),e.restore()}}function x(e){var t=e.value,i=e.minValue,r=e.maxValue,o=.01*(r-i);return{normal:tr?r:t,indented:tr?r+o:t}}function T(e,t,i,r,o){i.beginPath(),i.arc(0,0,ye(e),0,2*Se,!0),i.lineWidth=t,i.strokeStyle=o?Te.linearGradient(i,r,o,e):r,i.stroke(),i.closePath()}function S(e,t){var i=be.pixelRatio;return e.maxRadius||(e.maxRadius=e.max-t.borderShadowWidth-t.borderOuterWidth*i-t.borderMiddleWidth*i-t.borderInnerWidth*i+(t.borderOuterWidth?.5:0)+(t.borderMiddleWidth?.5:0)+(t.borderInnerWidth?.5:0)),e.maxRadius}function W(e,t){var i=be.pixelRatio,r=t.borderShadowWidth*i,o=e.max-r-t.borderOuterWidth*i/2,n=o-t.borderOuterWidth*i/2-t.borderMiddleWidth*i/2+.5,a=n-t.borderMiddleWidth*i/2-t.borderInnerWidth*i/2+.5,l=S(e,t),s=void 0,d=!1;e.save(),t.borderOuterWidth&&(d=Te.drawShadow(e,t,d),T(o,t.borderOuterWidth*i,e,t.colorBorderOuter,t.colorBorderOuterEnd)),t.borderMiddleWidth&&(d=Te.drawShadow(e,t,d),T(n,t.borderMiddleWidth*i,e,t.colorBorderMiddle,t.colorBorderMiddleEnd)),t.borderInnerWidth&&(d=Te.drawShadow(e,t,d),T(a,t.borderInnerWidth*i,e,t.colorBorderInner,t.colorBorderInnerEnd)),Te.drawShadow(e,t,d),e.beginPath(),e.arc(0,0,ye(l),0,2*Se,!0),t.colorPlateEnd?(s=e.createRadialGradient(0,0,l/2,0,0,l),s.addColorStop(0,t.colorPlate),s.addColorStop(1,t.colorPlateEnd)):s=t.colorPlate,e.fillStyle=s,e.fill(),e.closePath(),e.restore()}function O(e,t){var i=e.max*(parseFloat(t.highlightsWidth)||0)/100;if(i){var r=ye(P(e,t)-i/2),o=0,n=t.highlights.length,a=(t.maxValue-t.minValue)/t.ticksAngle;for(e.save();on?o:n,n>o,o>n?i:r):a,t>0?Te.roundRect(e,i,r,o,n,t):e.rect(i,r,o,n),e.fill(),e.closePath()}function z(e,t,i,r,o,n,a,l,s){e.beginPath(),e.lineWidth=t,e.strokeStyle=s?Te.linearGradient(e,l,s,a,!0,o):l,i>0?Te.roundRect(e,r,o,n,a,i):e.rect(r,o,n,a),e.stroke(),e.closePath()}function L(e,t,i,r,o,n){var a=be.pixelRatio;e.save();var l=t.borderRadius*a,s=o-t.borderShadowWidth-t.borderOuterWidth*a,d=s-t.borderOuterWidth*a-t.borderMiddleWidth*a,c=d-t.borderMiddleWidth*a-t.borderInnerWidth*a,h=c-t.borderInnerWidth*a,u=n-t.borderShadowWidth-t.borderOuterWidth*a,f=u-t.borderOuterWidth*a-t.borderMiddleWidth*a,m=f-t.borderMiddleWidth*a-t.borderInnerWidth*a,v=m-t.borderInnerWidth*a,b=i-(d-s)/2,g=b-(c-d)/2,p=g-(h-c)/2,w=r-(f-u)/2,y=w-(m-f)/2,k=y-(v-m)/2,x=0,T=!1;return t.borderOuterWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderOuterWidth*a,l,i+t.borderOuterWidth*a/2-x,r+t.borderOuterWidth*a/2-x,s,u,t.colorBorderOuter,t.colorBorderOuterEnd),x+=.5*a),t.borderMiddleWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderMiddleWidth*a,l-=1+2*x,b+t.borderMiddleWidth*a/2-x,w+t.borderMiddleWidth*a/2-x,d+2*x,f+2*x,t.colorBorderMiddle,t.colorBorderMiddleEnd),x+=.5*a),t.borderInnerWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderInnerWidth*a,l-=1+2*x,g+t.borderInnerWidth*a/2-x,y+t.borderInnerWidth*a/2-x,c+2*x,m+2*x,t.colorBorderInner,t.colorBorderInnerEnd),x+=.5*a),Te.drawShadow(e,t,T),D(e,l,p,k,h+2*x,v+2*x,t.colorPlate,t.colorPlateEnd),e.restore(),[p,k,h,v]}function G(e,t,i,r,o,n){var a=be.pixelRatio,l=n>=o,s=l?.85*o:n,d=l?n:o;i=l?we(i+(o-s)/2):i;var c=!!t.title,h=!!t.units,u=!!t.valueBox,f=void 0,m=void 0,v=void 0;l?(m=we(.05*d),f=we(.075*d),v=we(.11*d),c&&(d-=f,r+=f),h&&(d-=m),u&&(d-=v)):(m=f=we(.15*s),c&&(s-=f,r+=f),h&&(s-=m));var b=2*t.barStrokeWidth,g=t.barBeginCircle?we(s*t.barBeginCircle/200-b/2):0,p=we(s*t.barWidth/100-b),w=we(d*t.barLength/100-b),y=we((d-w)/2),k=we(i+(l?s/2:y+g)),x=we(r+(l?d-y-g+b/2:s/2)),T=!l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s,S=l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s;return e.barDimensions={isVertical:l,width:s,length:d,barWidth:p,barLength:w,strokeWidth:b,barMargin:y,radius:g,pixelRatio:a,barOffset:null,titleMargin:c?f:0,unitsMargin:h?m:0,get ticksLength(){return this.barLength-this.barOffset-this.strokeWidth},X:i+T,Y:r+S,x0:k+T,y0:x+S,baseX:i,baseY:r,ticksPadding:t.ticksPadding/100},e.barDimensions}function F(e,t,i,r,o,n,a){var l=G(e,t,r,o,n,a),s=l.isVertical,d=l.width,c=l.barWidth,h=l.barLength,u=l.strokeWidth,f=l.barMargin,m=l.radius,v=l.x0,b=l.y0,g=l.X,p=l.Y,w=h;if(e.save(),e.beginPath(),t.barBeginCircle){var y=Te.radians(s?270:0),k=Math.asin(c/2/m),x=Math.cos(k),T=Math.sin(k),S=v+(s?m*T:m*x-u/2),W=s?b-m*x:b+m*T,O=ye(s?W-b:S-v);e.barDimensions.barOffset=we(O+m);var V=s?we(v-m*T):S,P=s?W:we(b-m*T);"progress"===i&&(h=e.barDimensions.barOffset+(h-e.barDimensions.barOffset)*(Te.normalizedValue(t).normal-t.minValue)/(t.maxValue-t.minValue));var B=we(S+h-e.barDimensions.barOffset+u/2),A=we(W-h+e.barDimensions.barOffset-u/2);e.arc(v,b,m,y+k,y-k),s?(e.moveTo(S,P),e.lineTo(S,A),e.lineTo(V,A),e.lineTo(V,P)):(e.moveTo(S,P),e.lineTo(B,P),e.lineTo(B,W),e.lineTo(S,W))}else{var M=we(s?g+(d-c)/2:g+f),j=we(s?p+h+f:p+(d-c)/2);"progress"===i&&(h*=(t.value-t.minValue)/(t.maxValue-t.minValue)),s?e.rect(M,j,c,-h):e.rect(M,j,h,c)}"progress"!==i&&t.barStrokeWidth&&(e.lineWidth=u,e.strokeStyle=t.colorBarStroke,e.stroke()),"progress"!==i&&t.colorBar?(e.fillStyle=t.colorBarEnd?Te.linearGradient(e,t.colorBar,t.colorBarEnd,h,s,s?p:g):t.colorBar,e.fill()):"progress"===i&&t.colorBarProgress&&(e.fillStyle=t.colorBarProgressEnd?Te.linearGradient(e,t.colorBarProgress,t.colorBarProgressEnd,w,s,s?p:g):t.colorBarProgress,e.fill()),e.closePath(),t.barBeginCircle&&(e.barDimensions.radius+=u),e.barDimensions.barWidth+=u,e.barDimensions.barLength+=u}function X(e,t,i,r,o,n){F(e,t,"",i,r,o,n)}function Y(e,t){return t.needleSide!==e||t.tickSide!==e||t.numberSide!==e}function U(e,t,i,r,o,n){t.barProgress&&F(e,t,"progress",i,r,o,n)}function q(e,t){var i=e.barDimensions,r=i.isVertical,o=i.width,n=i.length,a=i.barWidth,l=i.barOffset,s=i.barMargin,d=i.X,c=i.Y,h=i.ticksLength,u=i.ticksPadding,f=o*(parseFloat(t.highlightsWidth)||0)/100;if(t.highlights&&f){var m="right"!==t.tickSide,v="left"!==t.tickSide,b=0,g=t.highlights.length,p=(o-a)/2,w=t.maxValue-t.minValue,y=we(r?d+p:d+s+l),k=f,x=r?c+n-s-l:c+p,T=we((t.ticksWidth/100+u)*o)+(f-t.ticksWidth/100*o),S=we(a+u*o);for(e.save();bn&&(d*=-1),e.moveTo(i-h,r),e.lineTo(i+h,r),e.lineTo(i+h,r+d),e.lineTo(i,n),e.lineTo(i-h,r+d),e.lineTo(i-h,r)):(i>o&&(d*=-1),e.moveTo(i,r-h),e.lineTo(i,r+h),e.lineTo(i+d,r+h),e.lineTo(o,r),e.lineTo(i+d,r-h),e.lineTo(i,r-h)),e.fill(),e.closePath()}function ae(e,t,i,r,o,n,a){var l=(parseFloat(t.fontValueSize)||0)*n/200,s=(.11*a-l)/2;e.barDimensions.isVertical&&Te.drawValueBox(e,t,i,r+n/2,o+a-l-s,n)}var le=function(){function e(e,t){var i=[],r=!0,o=!1,n=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(i.push(a.value),!t||i.length!==t);r=!0);}catch(e){o=!0,n=e}finally{try{!r&&l.return&&l.return()}finally{if(o)throw n}}return i}return function(t,i){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),se=function e(t,i,r){null===t&&(t=Function.prototype);var o=Object.getOwnPropertyDescriptor(t,i);if(void 0===o){var n=Object.getPrototypeOf(t);return null===n?void 0:e(n,i,r)}if("value"in o)return o.value;var a=o.get;if(void 0!==a)return a.call(r)},de=function e(t,i,r,o){var n=Object.getOwnPropertyDescriptor(t,i);if(void 0===n){var a=Object.getPrototypeOf(t);null!==a&&e(a,i,r,o)}else if("value"in n&&n.writable)n.value=r;else{var l=n.set;void 0!==l&&l.call(o,r)}return r},ce=function(){function e(e,t){for(var i=0;i>>0;if(0===o)return-1;var n=+t||0;if(Math.abs(n)===1/0&&(n=0),n>=o)return-1;for(i=Math.max(n>=0?n:o-Math.abs(n),0);i>>0,r=arguments[1],o=r>>0,n=o<0?Math.max(i+o,0):Math.min(o,i),a=arguments[2],l=void 0===a?i:a>>0,s=l<0?Math.max(i+l,0):Math.min(l,i);n1?r-1:0),n=1;n1?t-1:0),r=1;r=(7-4*t)/11)return-Math.pow((11-6*t-11*e)/4,2)+Math.pow(i,2)},elastic:function(e){return 1-fe.delastic(1-e)},delastic:function(e){var t=1.5;return Math.pow(2,10*(e-1))*Math.cos(20*Math.PI*t/3*e)}},me=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:250,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};if(o(this,e),this.duration=i,this.rule=t,this.draw=r,this.end=n,"function"!=typeof this.draw)throw new TypeError("Invalid animation draw callback:",r);if("function"!=typeof this.end)throw new TypeError("Invalid animation end callback:",n)}return ce(e,[{key:"animate",value:function(e,t){var i=this;this.cancel();var r=window.performance&&window.performance.now?window.performance.now():n("animationStartTime")||Date.now();e=e||this.draw,t=t||this.end,this.frame=ue(function(o){return a(o,e,r,fe[i.rule]||i.rule,i.duration,t,i)})}},{key:"cancel",value:function(){if(this.frame){var e=n("cancelAnimationFrame")||function(e){};e(this.frame),this.frame=null}}},{key:"destroy",value:function(){this.cancel(),this.draw=null,this.end=null}}]),e}();me.rules=fe;var ve=function(){function t(i,r,n){o(this,t),this.options=i,this.element=r.toLowerCase(),this.type=t.toDashed(n),this.Type=e[n],this.mutationsObserved=!1,this.isObservable=!!window.MutationObserver,window.GAUGES_NO_AUTO_INIT||t.domReady(this.traverse.bind(this))}return ce(t,[{key:"isValidNode",value:function(e){return!(!e.tagName||e.tagName.toLowerCase()!==this.element||e.getAttribute("data-type")!==this.type)}},{key:"traverse",value:function(){for(var e=document.getElementsByTagName(this.element),t=0,i=e.length;t1&&void 0!==arguments[1])||arguments[1],i=e.split(/-/),r=0,o=i.length,n="";r1&&void 0!==arguments[1]?arguments[1]:0;return e=parseFloat(e),!isNaN(e)&&isFinite(e)||(e=parseFloat(t)||0),e}},{key:"version",get:function(){return pe}}]),n}(he);"undefined"!=typeof e&&(e.BaseGauge=xe,e.gauges=(window.document||{}).gauges=ke);var Te={roundRect:c,padValue:h,formatMajorTickNumber:u,radians:f,radialPoint:m,linearGradient:v,drawNeedleShadow:g,drawValueBox:k,verifyError:s,prepareTicks:d,drawShadow:b,font:p,normalizedValue:x},Se=Math.PI,We=Se/2,Oe=Object.assign({},ge,{ticksAngle:270,startAngle:45,colorNeedleCircleOuter:"#f0f0f0",colorNeedleCircleOuterEnd:"#ccc",colorNeedleCircleInner:"#e8e8e8",colorNeedleCircleInnerEnd:"#f5f5f5",needleCircleSize:10,needleCircleInner:!0,needleCircleOuter:!0,animationTarget:"needle",useMinPath:!1,barWidth:0}),Ve=function(e){function t(e){return o(this,t),e=Object.assign({},Oe,e||{}),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,t.configure(e)))}return r(t,e),ce(t,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],n=i[2],a=i[3],l=this.options;if("needle"===l.animationTarget){if(!e.elementClone.initialized){var s=e.contextClone;s.clearRect(r,o,n,a),s.save(),this.emit("beforePlate"),W(s,l),this.emit("beforeHighlights"),O(s,l),this.emit("beforeMinorTicks"),V(s,l),this.emit("beforeMajorTicks"),B(s,l),this.emit("beforeNumbers"),j(s,l),this.emit("beforeTitle"),C(s,l),this.emit("beforeUnits"),N(s,l),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,n,a),e.context.save(),e.context.drawImage(e.elementClone,r,o,n,a),e.context.save(),this.emit("beforeProgressBar"),R(e.context,l),this.emit("beforeValueBox"),_(e.context,l,I(this)),this.emit("beforeNeedle"),E(e.context,l)}else{var d=-Te.radians((l.value-l.minValue)/(l.maxValue-l.minValue)*l.ticksAngle);if(e.context.clearRect(r,o,n,a),e.context.save(),this.emit("beforePlate"),W(e.context,l),e.context.rotate(d),this.emit("beforeHighlights"),O(e.context,l),this.emit("beforeMinorTicks"),V(e.context,l),this.emit("beforeMajorTicks"),B(e.context,l),this.emit("beforeNumbers"),j(e.context,l),this.emit("beforeProgressBar"),R(e.context,l),e.context.rotate(-d),e.context.save(),!e.elementClone.initialized){var c=e.contextClone;c.clearRect(r,o,n,a),c.save(),this.emit("beforeTitle"),C(c,l),this.emit("beforeUnits"),N(c,l),this.emit("beforeNeedle"),E(c,l),e.elementClone.initialized=!0}e.context.drawImage(e.elementClone,r,o,n,a)}this.emit("beforeValueBox"),_(e.context,l,I(this)),se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}},{key:"value",set:function(e){e=xe.ensureValue(e,this.options.minValue),this.options.animation&&360===this.options.ticksAngle&&this.options.useMinPath&&(this._value=e,e=this.options.value+((e-this.options.value)%360+540)%360-180),de(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",e,this)},get:function(){return se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",this)}}],[{key:"configure",value:function(e){return e.barWidth>50&&(e.barWidth=50),isNaN(e.startAngle)&&(e.startAngle=45),isNaN(e.ticksAngle)&&(e.ticksAngle=270),e.ticksAngle>360&&(e.ticksAngle=360),e.ticksAngle<0&&(e.ticksAngle=0),e.startAngle<0&&(e.startAngle=0),e.startAngle>360&&(e.startAngle=360),e}}]),t}(xe);"undefined"!=typeof e&&(e.RadialGauge=Ve),xe.initialize("RadialGauge",Oe);var Pe=Object.assign({},ge,{borderRadius:0,barBeginCircle:30,colorBarEnd:"",colorBarProgressEnd:"",needleWidth:6,tickSide:"both",needleSide:"both",numberSide:"both",ticksWidth:10,ticksWidthMinor:5,ticksPadding:5,barLength:85,fontTitleSize:26,highlightsWidth:10}),Be=function(e){function n(e){return o(this,n),e=Object.assign({},Pe,e||{}),i(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n.configure(e)))}return r(n,e),ce(n,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],a=i[2],l=i[3],s=this.options;if(!e.elementClone.initialized){var d=e.contextClone;d.clearRect(r,o,a,l),d.save(),this.emit("beforePlate"),this.drawBox=L(d,s,r,o,a,l),this.emit("beforeBar"),X.apply(void 0,[d,s].concat(t(this.drawBox))),e.context.barDimensions=d.barDimensions,this.emit("beforeHighlights"),q(d,s),this.emit("beforeMinorTicks"),K(d,s),this.emit("beforeMajorTicks"),$(d,s),this.emit("beforeNumbers"),Q(d,s),this.emit("beforeTitle"),ee(d,s),this.emit("beforeUnits"),te(d,s),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,a,l),e.context.save(),e.context.drawImage(e.elementClone,r,o,a,l),e.context.save(),this.emit("beforeProgressBar"),U.apply(void 0,[e.context,s].concat(t(this.drawBox))),this.emit("beforeNeedle"),ie(e.context,s),this.emit("beforeValueBox"),ae.apply(void 0,[e.context,s,s.animatedValue?this.options.value:this.value].concat(t(this.drawBox))),se(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}}],[{key:"configure",value:function(e){return e.barStrokeWidth>=e.barWidth&&(e.barStrokeWidth=we(e.barWidth/2)),e.hasLeft=Y("right",e),e.hasRight=Y("left",e),e.value>e.maxValue&&(e.value=e.maxValue),e.value1&&(d=1),t&&t(1===d?d:r(d)),s0){for(a=e.toFixed(i).toString().split("."),n=r-a[0].length;o1?(r=~i.indexOf("."),~i.indexOf("-")?"-"+[t.majorTicksInt+t.majorTicksDec+2+(r?1:0)-i.length].join("0")+i.replace("-",""):[t.majorTicksInt+t.majorTicksDec+1+(r?1:0)-i.length].join("0")+i):i}function f(e){return e*Math.PI/180}function m(e,t){return{x:-e*Math.sin(t),y:e*Math.cos(t)}}function v(e,t,i,r){var o=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,a=e.createLinearGradient(o?0:n,o?n:0,o?0:r,o?r:0);return a.addColorStop(0,t),a.addColorStop(1,i),a}function b(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(i)return e.restore(),!0;e.save();var r=t.borderShadowWidth;return r&&(e.shadowBlur=r,e.shadowColor=t.colorBorderShadow),!0}function g(e,t){t.needleShadow&&(e.shadowOffsetX=2,e.shadowOffsetY=2,e.shadowBlur=10,e.shadowColor=t.colorNeedleShadowDown)}function p(e,t,i){return e["font"+t+"Style"]+" "+e["font"+t+"Weight"]+" "+e["font"+t+"Size"]*i+"px "+e["font"+t]}function w(e){e.shadowOffsetX=null,e.shadowOffsetY=null,e.shadowBlur=null,e.shadowColor="",e.strokeStyle=null,e.lineWidth=0,e.save()}function y(e,t,i,r){t.valueTextShadow&&(e.shadowOffsetX=i,e.shadowOffsetY=i,e.shadowBlur=r,e.shadowColor=t.colorValueTextShadow)}function k(e,t,i,r,o,n){if(t.valueBox){w(e);var a=t.valueText||h(i,t),l=n/200,s=n/100,d=.4*s,u=1.2*s;e.font=p(t,"Value",l),y(e,t,d,u);var f=e.measureText(t.valueText?a:"-"+h(0,t)).width;w(e);var m=parseFloat(t.fontValueSize)*l+d+u,v=s*parseFloat(t.valueBoxStroke),b=2*n-2*v,g=f+10*s,k=1.1*m+d+u,x=s*t.valueBoxBorderRadius,T=(parseFloat(t.valueBoxWidth)||0)/100*b;T>g&&(g=T),g>b&&(g=b);var S=r-g/2,W=o-k/2,O=o-5.75*s;if(e.beginPath(),x?c(e,S,W,g,k,x):e.rect(S,W,g,k),v){var V=e.createRadialGradient(r,O,10*s,r,O,20*s);V.addColorStop(0,t.colorValueBoxRect),V.addColorStop(1,t.colorValueBoxRectEnd),e.strokeStyle=V,e.lineWidth=v,e.stroke()}t.colorValueBoxShadow&&(e.shadowBlur=1.2*s,e.shadowColor=t.colorValueBoxShadow),t.colorValueBoxBackground&&(e.fillStyle=t.colorValueBoxBackground,e.fill()),e.closePath(),e.restore(),y(e,t,d,u),e.fillStyle=t.colorValueText,e.textAlign="center",e.textBaseline="alphabetic",e.fillText(a,S+g/2,o+k/2-m/3),e.restore()}}function x(e){var t=e.value,i=e.minValue,r=e.maxValue,o=.01*(r-i);return{normal:tr?r:t,indented:tr?r+o:t}}function T(e,t,i,r,o){i.beginPath(),i.arc(0,0,ye(e),0,2*Se,!0),i.lineWidth=t,i.strokeStyle=o?Te.linearGradient(i,r,o,e):r,i.stroke(),i.closePath()}function S(e,t){var i=be.pixelRatio;return e.maxRadius||(e.maxRadius=e.max-t.borderShadowWidth-t.borderOuterWidth*i-t.borderMiddleWidth*i-t.borderInnerWidth*i+(t.borderOuterWidth?.5:0)+(t.borderMiddleWidth?.5:0)+(t.borderInnerWidth?.5:0)),e.maxRadius}function W(e,t){var i=be.pixelRatio,r=t.borderShadowWidth*i,o=e.max-r-t.borderOuterWidth*i/2,n=o-t.borderOuterWidth*i/2-t.borderMiddleWidth*i/2+.5,a=n-t.borderMiddleWidth*i/2-t.borderInnerWidth*i/2+.5,l=S(e,t),s=void 0,d=!1;e.save(),t.borderOuterWidth&&(d=Te.drawShadow(e,t,d),T(o,t.borderOuterWidth*i,e,t.colorBorderOuter,t.colorBorderOuterEnd)),t.borderMiddleWidth&&(d=Te.drawShadow(e,t,d),T(n,t.borderMiddleWidth*i,e,t.colorBorderMiddle,t.colorBorderMiddleEnd)),t.borderInnerWidth&&(d=Te.drawShadow(e,t,d),T(a,t.borderInnerWidth*i,e,t.colorBorderInner,t.colorBorderInnerEnd)),Te.drawShadow(e,t,d),e.beginPath(),e.arc(0,0,ye(l),0,2*Se,!0),t.colorPlateEnd?(s=e.createRadialGradient(0,0,l/2,0,0,l),s.addColorStop(0,t.colorPlate),s.addColorStop(1,t.colorPlateEnd)):s=t.colorPlate,e.fillStyle=s,e.fill(),e.closePath(),e.restore()}function O(e,t){var i=e.max*(parseFloat(t.highlightsWidth)||0)/100;if(i){var r=ye(P(e,t)-i/2),o=0,n=t.highlights.length,a=(t.maxValue-t.minValue)/t.ticksAngle;for(e.save();on?o:n,n>o,o>n?i:r):a,t>0?Te.roundRect(e,i,r,o,n,t):e.rect(i,r,o,n),e.fill(),e.closePath()}function z(e,t,i,r,o,n,a,l,s){e.beginPath(),e.lineWidth=t,e.strokeStyle=s?Te.linearGradient(e,l,s,a,!0,o):l,i>0?Te.roundRect(e,r,o,n,a,i):e.rect(r,o,n,a),e.stroke(),e.closePath()}function L(e,t,i,r,o,n){var a=be.pixelRatio;e.save();var l=t.borderRadius*a,s=o-t.borderShadowWidth-t.borderOuterWidth*a,d=s-t.borderOuterWidth*a-t.borderMiddleWidth*a,c=d-t.borderMiddleWidth*a-t.borderInnerWidth*a,h=c-t.borderInnerWidth*a,u=n-t.borderShadowWidth-t.borderOuterWidth*a,f=u-t.borderOuterWidth*a-t.borderMiddleWidth*a,m=f-t.borderMiddleWidth*a-t.borderInnerWidth*a,v=m-t.borderInnerWidth*a,b=i-(d-s)/2,g=b-(c-d)/2,p=g-(h-c)/2,w=r-(f-u)/2,y=w-(m-f)/2,k=y-(v-m)/2,x=0,T=!1;return t.borderOuterWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderOuterWidth*a,l,i+t.borderOuterWidth*a/2-x,r+t.borderOuterWidth*a/2-x,s,u,t.colorBorderOuter,t.colorBorderOuterEnd),x+=.5*a),t.borderMiddleWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderMiddleWidth*a,l-=1+2*x,b+t.borderMiddleWidth*a/2-x,w+t.borderMiddleWidth*a/2-x,d+2*x,f+2*x,t.colorBorderMiddle,t.colorBorderMiddleEnd),x+=.5*a),t.borderInnerWidth&&(T=Te.drawShadow(e,t,T),z(e,t.borderInnerWidth*a,l-=1+2*x,g+t.borderInnerWidth*a/2-x,y+t.borderInnerWidth*a/2-x,c+2*x,m+2*x,t.colorBorderInner,t.colorBorderInnerEnd),x+=.5*a),Te.drawShadow(e,t,T),D(e,l,p,k,h+2*x,v+2*x,t.colorPlate,t.colorPlateEnd),e.restore(),[p,k,h,v]}function G(e,t,i,r,o,n){var a=be.pixelRatio,l=n>=o,s=l?.85*o:n,d=l?n:o;i=l?we(i+(o-s)/2):i;var c=!!t.title,h=!!t.units,u=!!t.valueBox,f=void 0,m=void 0,v=void 0;l?(m=we(.05*d),f=we(.075*d),v=we(.11*d),c&&(d-=f,r+=f),h&&(d-=m),u&&(d-=v)):(m=f=we(.15*s),c&&(s-=f,r+=f),h&&(s-=m));var b=2*t.barStrokeWidth,g=t.barBeginCircle?we(s*t.barBeginCircle/200-b/2):0,p=we(s*t.barWidth/100-b),w=we(d*t.barLength/100-b),y=we((d-w)/2),k=we(i+(l?s/2:y+g)),x=we(r+(l?d-y-g+b/2:s/2)),T=!l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s,S=l||t.hasLeft&&t.hasRight?0:(t.hasRight?-1:1)*t.ticksWidth/100*s;return e.barDimensions={isVertical:l,width:s,length:d,barWidth:p,barLength:w,strokeWidth:b,barMargin:y,radius:g,pixelRatio:a,barOffset:null,titleMargin:c?f:0,unitsMargin:h?m:0,get ticksLength(){return this.barLength-this.barOffset-this.strokeWidth},X:i+T,Y:r+S,x0:k+T,y0:x+S,baseX:i,baseY:r,ticksPadding:t.ticksPadding/100},e.barDimensions}function F(e,t,i,r,o,n,a){var l=G(e,t,r,o,n,a),s=l.isVertical,d=l.width,c=l.barWidth,h=l.barLength,u=l.strokeWidth,f=l.barMargin,m=l.radius,v=l.x0,b=l.y0,g=l.X,p=l.Y,w=h;if(e.save(),e.beginPath(),t.barBeginCircle){var y=Te.radians(s?270:0),k=Math.asin(c/2/m),x=Math.cos(k),T=Math.sin(k),S=v+(s?m*T:m*x-u/2),W=s?b-m*x:b+m*T,O=ye(s?W-b:S-v);e.barDimensions.barOffset=we(O+m);var V=s?we(v-m*T):S,P=s?W:we(b-m*T);"progress"===i&&(h=e.barDimensions.barOffset+(h-e.barDimensions.barOffset)*(Te.normalizedValue(t).normal-t.minValue)/(t.maxValue-t.minValue));var B=we(S+h-e.barDimensions.barOffset+u/2),M=we(W-h+e.barDimensions.barOffset-u/2);e.arc(v,b,m,y+k,y-k),s?(e.moveTo(S,P),e.lineTo(S,M),e.lineTo(V,M),e.lineTo(V,P)):(e.moveTo(S,P),e.lineTo(B,P),e.lineTo(B,W),e.lineTo(S,W))}else{var A=we(s?g+(d-c)/2:g+f),j=we(s?p+h+f:p+(d-c)/2);"progress"===i&&(h*=(t.value-t.minValue)/(t.maxValue-t.minValue)),s?e.rect(A,j,c,-h):e.rect(A,j,h,c)}"progress"!==i&&t.barStrokeWidth&&(e.lineWidth=u,e.strokeStyle=t.colorBarStroke,e.stroke()),"progress"!==i&&t.colorBar?(e.fillStyle=t.colorBarEnd?Te.linearGradient(e,t.colorBar,t.colorBarEnd,h,s,s?p:g):t.colorBar,e.fill()):"progress"===i&&t.colorBarProgress&&(e.fillStyle=t.colorBarProgressEnd?Te.linearGradient(e,t.colorBarProgress,t.colorBarProgressEnd,w,s,s?p:g):t.colorBarProgress,e.fill()),e.closePath(),t.barBeginCircle&&(e.barDimensions.radius+=u),e.barDimensions.barWidth+=u,e.barDimensions.barLength+=u}function X(e,t,i,r,o,n){F(e,t,"",i,r,o,n)}function Y(e,t){return t.needleSide!==e||t.tickSide!==e||t.numberSide!==e}function U(e,t,i,r,o,n){t.barProgress&&F(e,t,"progress",i,r,o,n)}function q(e,t){var i=e.barDimensions,r=i.isVertical,o=i.width,n=i.length,a=i.barWidth,l=i.barOffset,s=i.barMargin,d=i.X,c=i.Y,h=i.ticksLength,u=i.ticksPadding,f=o*(parseFloat(t.highlightsWidth)||0)/100;if(t.highlights&&f){var m="right"!==t.tickSide,v="left"!==t.tickSide,b=0,g=t.highlights.length,p=(o-a)/2,w=t.maxValue-t.minValue,y=we(r?d+p:d+s+l),k=f,x=r?c+n-s-l:c+p,T=we((t.ticksWidth/100+u)*o)+(f-t.ticksWidth/100*o),S=we(a+u*o);for(e.save();bn&&(d*=-1),e.moveTo(i-h,r),e.lineTo(i+h,r),e.lineTo(i+h,r+d),e.lineTo(i,n),e.lineTo(i-h,r+d),e.lineTo(i-h,r)):(i>o&&(d*=-1),e.moveTo(i,r-h),e.lineTo(i,r+h),e.lineTo(i+d,r+h),e.lineTo(o,r),e.lineTo(i+d,r-h),e.lineTo(i,r-h)),e.fill(),e.closePath()}function ae(e,t,i,r,o,n,a){var l=(parseFloat(t.fontValueSize)||0)*n/200,s=(.11*a-l)/2;e.barDimensions.isVertical&&Te.drawValueBox(e,t,i,r+n/2,o+a-l-s,n)}var le=function(){function e(e,t){var i=[],r=!0,o=!1,n=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(i.push(a.value),!t||i.length!==t);r=!0);}catch(e){o=!0,n=e}finally{try{!r&&l.return&&l.return()}finally{if(o)throw n}}return i}return function(t,i){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),se=function e(t,i,r){null===t&&(t=Function.prototype);var o=Object.getOwnPropertyDescriptor(t,i);if(void 0===o){var n=Object.getPrototypeOf(t);return null===n?void 0:e(n,i,r)}if("value"in o)return o.value;var a=o.get;if(void 0!==a)return a.call(r)},de=function e(t,i,r,o){var n=Object.getOwnPropertyDescriptor(t,i);if(void 0===n){var a=Object.getPrototypeOf(t);null!==a&&e(a,i,r,o)}else if("value"in n&&n.writable)n.value=r;else{var l=n.set;void 0!==l&&l.call(o,r)}return r},ce=function(){function e(e,t){for(var i=0;i>>0;if(0===o)return-1;var n=+t||0;if(Math.abs(n)===1/0&&(n=0),n>=o)return-1;for(i=Math.max(n>=0?n:o-Math.abs(n),0);i>>0,r=arguments[1],o=r>>0,n=o<0?Math.max(i+o,0):Math.min(o,i),a=arguments[2],l=void 0===a?i:a>>0,s=l<0?Math.max(i+l,0):Math.min(l,i);n1?r-1:0),n=1;n1?t-1:0),r=1;r=(7-4*t)/11)return-Math.pow((11-6*t-11*e)/4,2)+Math.pow(i,2)},elastic:function(e){return 1-fe.delastic(1-e)},delastic:function(e){var t=1.5;return Math.pow(2,10*(e-1))*Math.cos(20*Math.PI*t/3*e)}},me=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:250,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};if(o(this,e),this.duration=i,this.rule=t,this.draw=r,this.end=n,"function"!=typeof this.draw)throw new TypeError("Invalid animation draw callback:",r);if("function"!=typeof this.end)throw new TypeError("Invalid animation end callback:",n)}return ce(e,[{key:"animate",value:function(e,t){var i=this;this.cancel();var r=window.performance&&window.performance.now?window.performance.now():n("animationStartTime")||Date.now();e=e||this.draw,t=t||this.end,this.frame=ue(function(o){return a(o,e,r,fe[i.rule]||i.rule,i.duration,t,i)})}},{key:"cancel",value:function(){if(this.frame){var e=n("cancelAnimationFrame")||function(e){};e(this.frame),this.frame=null}}},{key:"destroy",value:function(){this.cancel(),this.draw=null,this.end=null}}]),e}();me.rules=fe;var ve=function(){function t(i,r,n){o(this,t),this.options=i,this.element=r.toLowerCase(),this.type=t.toDashed(n),this.Type=e[n],this.mutationsObserved=!1,this.isObservable=!!window.MutationObserver,window.GAUGES_NO_AUTO_INIT||t.domReady(this.traverse.bind(this))}return ce(t,[{key:"isValidNode",value:function(e){return!(!e.tagName||e.tagName.toLowerCase()!==this.element||e.getAttribute("data-type")!==this.type)}},{key:"traverse",value:function(){for(var e=document.getElementsByTagName(this.element),t=0,i=e.length;t1&&void 0!==arguments[1])||arguments[1],i=e.split(/-/),r=0,o=i.length,n="";r1&&void 0!==arguments[1]?arguments[1]:0;return e=parseFloat(e),!isNaN(e)&&isFinite(e)||(e=parseFloat(t)||0),e}},{key:"version",get:function(){return pe}}]),n}(he);"undefined"!=typeof e&&(e.BaseGauge=xe,e.gauges=(window.document||{}).gauges=ke);var Te={roundRect:c,padValue:h,formatMajorTickNumber:u,radians:f,radialPoint:m,linearGradient:v,drawNeedleShadow:g,drawValueBox:k,verifyError:s,prepareTicks:d,drawShadow:b,font:p,normalizedValue:x},Se=Math.PI,We=Se/2,Oe=Object.assign({},ge,{ticksAngle:270,startAngle:45,colorNeedleCircleOuter:"#f0f0f0",colorNeedleCircleOuterEnd:"#ccc",colorNeedleCircleInner:"#e8e8e8",colorNeedleCircleInnerEnd:"#f5f5f5",needleCircleSize:10,needleCircleInner:!0,needleCircleOuter:!0,animationTarget:"needle",useMinPath:!1,barWidth:0}),Ve=function(e){function t(e){return o(this,t),e=Object.assign({},Oe,e||{}),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,t.configure(e)))}return r(t,e),ce(t,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],n=i[2],a=i[3],l=this.options;if("needle"===l.animationTarget){if(!e.elementClone.initialized){var s=e.contextClone;s.clearRect(r,o,n,a),s.save(),this.emit("beforePlate"),W(s,l),this.emit("beforeHighlights"),O(s,l),this.emit("beforeMinorTicks"),V(s,l),this.emit("beforeMajorTicks"),B(s,l),this.emit("beforeNumbers"),j(s,l),this.emit("beforeTitle"),C(s,l),this.emit("beforeUnits"),N(s,l),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,n,a),e.context.save(),e.context.drawImage(e.elementClone,r,o,n,a),e.context.save(),this.emit("beforeProgressBar"),R(e.context,l),this.emit("beforeValueBox"),_(e.context,l,I(this)),this.emit("beforeNeedle"),E(e.context,l)}else{var d=-Te.radians((l.value-l.minValue)/(l.maxValue-l.minValue)*l.ticksAngle);if(e.context.clearRect(r,o,n,a),e.context.save(),this.emit("beforePlate"),W(e.context,l),e.context.rotate(d),this.emit("beforeHighlights"),O(e.context,l),this.emit("beforeMinorTicks"),V(e.context,l),this.emit("beforeMajorTicks"),B(e.context,l),this.emit("beforeNumbers"),j(e.context,l),this.emit("beforeProgressBar"),R(e.context,l),e.context.rotate(-d),e.context.save(),!e.elementClone.initialized){var c=e.contextClone;c.clearRect(r,o,n,a),c.save(),this.emit("beforeTitle"),C(c,l),this.emit("beforeUnits"),N(c,l),this.emit("beforeNeedle"),E(c,l),e.elementClone.initialized=!0}e.context.drawImage(e.elementClone,r,o,n,a)}this.emit("beforeValueBox"),_(e.context,l,I(this)),se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}},{key:"value",set:function(e){e=xe.ensureValue(e,this.options.minValue),this.options.animation&&360===this.options.ticksAngle&&this.options.useMinPath&&(this._value=e,e=this.options.value+((e-this.options.value)%360+540)%360-180),de(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",e,this)},get:function(){return se(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"value",this)}}],[{key:"configure",value:function(e){return e.barWidth>50&&(e.barWidth=50),isNaN(e.startAngle)&&(e.startAngle=45),isNaN(e.ticksAngle)&&(e.ticksAngle=270),e.ticksAngle>360&&(e.ticksAngle=360),e.ticksAngle<0&&(e.ticksAngle=0),e.startAngle<0&&(e.startAngle=0),e.startAngle>360&&(e.startAngle=360),e}}]),t}(xe);"undefined"!=typeof e&&(e.RadialGauge=Ve),xe.initialize("RadialGauge",Oe);var Pe=Object.assign({},ge,{borderRadius:0,barBeginCircle:30,colorBarEnd:"",colorBarProgressEnd:"",needleWidth:6,tickSide:"both",needleSide:"both",numberSide:"both",ticksWidth:10,ticksWidthMinor:5,ticksPadding:5,barLength:85,fontTitleSize:26,highlightsWidth:10}),Be=function(e){function n(e){return o(this,n),e=Object.assign({},Pe,e||{}),i(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n.configure(e)))}return r(n,e),ce(n,[{key:"draw",value:function(){try{var e=this.canvas,i=[-e.drawX,-e.drawY,e.drawWidth,e.drawHeight],r=i[0],o=i[1],a=i[2],l=i[3],s=this.options;if(!e.elementClone.initialized){var d=e.contextClone;d.clearRect(r,o,a,l),d.save(),this.emit("beforePlate"),this.drawBox=L(d,s,r,o,a,l),this.emit("beforeBar"),X.apply(void 0,[d,s].concat(t(this.drawBox))),e.context.barDimensions=d.barDimensions,this.emit("beforeHighlights"),q(d,s),this.emit("beforeMinorTicks"),K(d,s),this.emit("beforeMajorTicks"),$(d,s),this.emit("beforeNumbers"),Q(d,s),this.emit("beforeTitle"),ee(d,s),this.emit("beforeUnits"),te(d,s),e.elementClone.initialized=!0}this.canvas.commit(),e.context.clearRect(r,o,a,l),e.context.save(),e.context.drawImage(e.elementClone,r,o,a,l),e.context.save(),this.emit("beforeProgressBar"),U.apply(void 0,[e.context,s].concat(t(this.drawBox))),this.emit("beforeNeedle"),ie(e.context,s),this.emit("beforeValueBox"),ae.apply(void 0,[e.context,s,s.animatedValue?this.options.value:this.value].concat(t(this.drawBox))),se(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"draw",this).call(this)}catch(e){Te.verifyError(e)}return this}}],[{key:"configure",value:function(e){return e.barStrokeWidth>=e.barWidth&&(e.barStrokeWidth=we(e.barWidth/2)),e.hasLeft=Y("right",e),e.hasRight=Y("left",e),e.value>e.maxValue&&(e.value=e.maxValue),e.value\n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n *\n * @version 2.1.1\n */\n(function(ns) {'use strict';\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if (\"value\" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };\n\nvar _set = function set(object, property, value, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent !== null) { set(parent, property, value, receiver); } } else if (\"value\" in desc && desc.writable) { desc.value = value; } else { var setter = desc.set; if (setter !== undefined) { setter.call(receiver, value); } } return value; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * @external {Object.assign} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n */\n/* istanbul ignore next */\nif (!Object.assign) {\n Object.defineProperty(Object, 'assign', {\n enumerable: false,\n configurable: true,\n writable: true,\n value: function value(target, firstSource) {\n 'use strict';\n\n if (target === undefined || target === null) {\n throw new TypeError('Cannot convert first argument to object');\n }\n\n var to = Object(target);\n var i = 1;\n\n for (; i < arguments.length; i++) {\n var nextSource = arguments[i];\n\n if (nextSource === undefined || nextSource === null) {\n continue;\n }\n\n var keysArray = Object.keys(Object(nextSource));\n var nextIndex = 0,\n len = keysArray.length;\n\n for (; nextIndex < len; nextIndex++) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n\n if (desc !== undefined && desc.enumerable) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n\n return to;\n }\n });\n}\n\n/**\n * @external {Array.indexOf} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf\n */\n/* istanbul ignore next */\nif (!Array.prototype.indexOf) {\n Array.prototype.indexOf = function (searchElement, fromIndex) {\n var k;\n\n if (this === null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n\n if (len === 0) {\n return -1;\n }\n\n var n = +fromIndex || 0;\n\n if (Math.abs(n) === Infinity) {\n n = 0;\n }\n\n if (n >= len) {\n return -1;\n }\n\n k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n while (k < len) {\n if (k in O && O[k] === searchElement) {\n return k;\n }\n\n k++;\n }\n\n return -1;\n };\n}\n\n/**\n * @external {Array.fill} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/fill\n */\n/* istanbul ignore next */\nif (!Array.prototype.fill) {\n Array.prototype.fill = function (value) {\n if (this === null) {\n throw new TypeError('this is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n var start = arguments[1];\n var relativeStart = start >> 0;\n var k = relativeStart < 0 ? Math.max(len + relativeStart, 0) : Math.min(relativeStart, len);\n var end = arguments[2];\n var relativeEnd = end === undefined ? len : end >> 0;\n var final = relativeEnd < 0 ? Math.max(len + relativeEnd, 0) : Math.min(relativeEnd, len);\n while (k < final) {\n O[k] = value;\n k++;\n }\n\n return O;\n };\n}\n\n/**\n * mocking window\n */\nif (typeof window === 'undefined') {\n window = typeof global === 'undefined' ? {} : global;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * Look-ups for a proper vendor-specific property and returns its value\n *\n * @example\n * var requestAnimationFrame = vendorize('requestAnimationFrame');\n * // it will refer properly to:\n * // - window.requestAnimationFrame by default or to\n * // - window.webkitRequestAnimationFrame or to\n * // - window.mozRequestAnimationFrame or to\n * // - window.msRequestAnimationFrame or to\n * // - window.oRequestAnimationFrame\n * // depending on the current browser vendor\n *\n * @author Mykhailo Stadnyk \n * @param {string} prop\n * @param {HTMLElement|Window|object} [from] - default is window\n * @returns {*}\n */\nfunction vendorize(prop, from) {\n /* istanbul ignore else: no reason to cover */\n if (!from) {\n from = typeof window === 'undefined' ? global : window;\n }\n\n if (typeof from[prop] !== 'undefined') {\n return from[prop];\n }\n\n var vendors = ['webkit', 'moz', 'ms', 'o'];\n var i = 0;\n var s = vendors.length;\n var capitalized = prop.charAt(0).toUpperCase() + prop.substr(1);\n\n for (; i < s; i++) {\n var vendorProp = from[vendors[i] + capitalized];\n\n /* istanbul ignore if: requires very complex environment to test (specific browser version) */\n if (typeof vendorProp !== 'undefined') {\n return vendorProp;\n }\n }\n\n return null;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Class EventEmitter - base event manager\n */\n\nvar EventEmitter = function () {\n /**\n * @constructor\n */\n function EventEmitter() {\n _classCallCheck(this, EventEmitter);\n\n this._events = {};\n\n this.addListener = this.on;\n this.removeListener = this.off;\n }\n\n /**\n * Returns all event listeners\n *\n * @return {object}\n */\n\n\n _createClass(EventEmitter, [{\n key: 'emit',\n\n\n /**\n * Emits given event bypassing to each registered handler given args\n *\n * @param {string} event\n * @param {...*} args\n */\n value: function emit(event) {\n if (this._events[event]) {\n var i = 0;\n var s = this._events[event].length;\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n for (; i < s; i++) {\n this._events[event][i] && this._events[event][i].apply(this, args);\n }\n }\n }\n\n /**\n * Registers given handler for given event to be called only once when\n * event is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'once',\n value: function once(event) {\n for (var _len2 = arguments.length, handlers = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n handlers[_key2 - 1] = arguments[_key2];\n }\n\n var i = 0;\n var s = handlers.length;\n var self = this;\n\n var _loop = function _loop() {\n var handler = handlers[i];\n var wrapper = function wrapper() {\n self.off(event, wrapper);\n handler.apply(self, arguments);\n };\n\n handlers[i] = wrapper;\n };\n\n for (; i < s; i++) {\n _loop();\n }\n\n this.on.apply(this, [event].concat(handlers));\n }\n\n /**\n * Registers given handlers for a given events to be called each time event\n * is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'on',\n value: function on(event) {\n if (!this._events[event]) {\n this._events[event] = [];\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n this._events[event].push(arguments.length <= i + 1 ? undefined : arguments[i + 1]);\n }\n }\n\n /**\n * Un-registers previously registered event handlers\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'off',\n value: function off(event) {\n if (!this._events[event]) {\n return;\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n var _handler = arguments.length <= i + 1 ? undefined : arguments[i + 1];\n var index = void 0;\n\n while (~(index = this._events[event].indexOf(_handler))) {\n this._events[event].splice(index, 1);\n }\n }\n }\n\n /**\n * Removes all listeners for a given event\n *\n * @param {string} event\n */\n\n }, {\n key: 'removeAllListeners',\n value: function removeAllListeners(event) {\n delete this._events[event];\n }\n }, {\n key: 'listeners',\n get: function get() {\n return this._events;\n }\n }]);\n\n return EventEmitter;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/* jshint -W079 */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/* istanbul ignore next */\n/**\n * @type {function(callback: function(time: number): number, element?: HTMLElement)}\n * @access private\n */\n\n\nvar requestAnimationFrame = vendorize('requestAnimationFrame') || function (callback) {\n return setTimeout(function () {\n return callback(new Date().getTime());\n }, 1000 / 60);\n};\n\n/**\n * Generic AnimationRule function interface\n *\n * @typedef {function(percent: number): number} AnimationRule\n */\n\n/**\n * Callback for animation step draw event.\n * It will be called each time animation step is executed, bypassing\n * as first argument a percent of animation completeness. It is expected\n * that this callback will do an actual work of animating an elements or\n * whatever, as far as animation engine is just calculating and executing\n * animation steps without any knowledge about things under animation.\n *\n * @typedef {function(percent: number): *} DrawEventCallback\n */\n\n/**\n * Callback for animation complete event.\n * It is called once each animation is complete.\n *\n * @typedef {function(): *} EndEventCallback\n */\n\n/**\n * Predefined known animation rules.\n * It's a simple collection of math for some most used animations.\n *\n * @typedef {{linear: AnimationRule, quad: AnimationRule, dequad: AnimationRule, quint: AnimationRule, dequint: AnimationRule, cycle: AnimationRule, decycle: AnimationRule, bounce: AnimationRule, debounce: AnimationRule, elastic: AnimationRule, delastic: AnimationRule}} AnimationRules\n */\n\n/* istanbul ignore next: no reason covering this */\nvar rules = {\n linear: function linear(p) {\n return p;\n },\n quad: function quad(p) {\n return Math.pow(p, 2);\n },\n dequad: function dequad(p) {\n return 1 - rules.quad(1 - p);\n },\n quint: function quint(p) {\n return Math.pow(p, 5);\n },\n dequint: function dequint(p) {\n return 1 - Math.pow(1 - p, 5);\n },\n cycle: function cycle(p) {\n return 1 - Math.sin(Math.acos(p));\n },\n decycle: function decycle(p) {\n return Math.sin(Math.acos(1 - p));\n },\n bounce: function bounce(p) {\n return 1 - rules.debounce(1 - p);\n },\n debounce: function debounce(p) {\n var a = 0,\n b = 1;\n for (; 1; a += b, b /= 2) {\n if (p >= (7 - 4 * a) / 11) {\n return -Math.pow((11 - 6 * a - 11 * p) / 4, 2) + Math.pow(b, 2);\n }\n }\n },\n elastic: function elastic(p) {\n return 1 - rules.delastic(1 - p);\n },\n delastic: function delastic(p) {\n var x = 1.5;\n return Math.pow(2, 10 * (p - 1)) * Math.cos(20 * Math.PI * x / 3 * p);\n }\n};\n\n/* istanbul ignore next: private, not testable */\n/**\n * Evaluates animation step and decides if the next step required or\n * stops animation calling a proper events.\n *\n * @access private\n * @param {number} time\n * @param {DrawEventCallback} draw\n * @param {number} start\n * @param {AnimationRule} rule\n * @param {number} duration\n * @param {EndEventCallback} end\n * @param {Animation} anim\n */\nfunction step(time, draw, start, rule, duration, end, anim) {\n if (typeof rule !== 'function') {\n throw new TypeError('Invalid animation rule:', rule);\n }\n\n var progress = time - start;\n var percent = progress / duration;\n\n if (percent > 1) {\n percent = 1;\n }\n\n draw && draw(percent === 1 ? percent : rule(percent));\n\n if (progress < duration) {\n anim.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rule, duration, end, anim);\n });\n } else {\n end && end();\n }\n}\n\n/**\n * Animation engine API for JavaScript-based animations.\n * This is simply an animation core framework which simplifies creation\n * of various animations for generic purposes.\n *\n * @example\n * // create 'linear' animation engine, 500ms duration\n * let linear = new Animation('linear', 500);\n *\n * // create 'elastic' animation engine\n * let elastic = new Animation('elastic');\n *\n * // define animation behavior\n * let bounced = new Animation('bounce', 500, percent => {\n * let value = parseInt(percent * 100, 10);\n *\n * $('div.bounced').css({\n * width: value + '%',\n * height: value + '%'\n * });\n * });\n *\n * // execute animation\n * bounced.animate();\n *\n * // execute animation and handle when its finished\n * bounced.animate(null, () => {\n * console.log('Animation finished!');\n * });\n */\n\nvar Animation = function () {\n\n /**\n * @constructor\n * @param {string|AnimationRule} rule\n * @param {number} duration\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n function Animation() {\n var rule = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'linear';\n var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;\n var draw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};\n var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};\n\n _classCallCheck(this, Animation);\n\n /**\n * Overall animation duration in milliseconds.\n * By default is equal to 250 ms.\n *\n * @type {number}\n */\n this.duration = duration;\n\n /**\n * Animation rule. By default is linear animation.\n * Animation rule is a subject to animation rules, which are\n * a simple object containing math-based methods for calculating\n * animation steps.\n *\n * @type {string|AnimationRule}\n */\n this.rule = rule;\n\n /**\n * Callback function for the animation step draw event.\n *\n * @type {DrawEventCallback}\n */\n this.draw = draw;\n\n /**\n * Callback for the animation complete event.\n *\n * @type {EndEventCallback}\n */\n this.end = end;\n\n if (typeof this.draw !== 'function') {\n throw new TypeError('Invalid animation draw callback:', draw);\n }\n\n if (typeof this.end !== 'function') {\n throw new TypeError('Invalid animation end callback:', end);\n }\n }\n\n /* istanbul ignore next: non-testable */\n /**\n * Performs animation calling each animation step draw callback and\n * end callback at the end of animation. Callbacks are optional to this\n * method call. If them are not bypassed will be used that ones which\n * was pre-set on constructing an Animation object or pre-set after\n * construction.\n *\n * @example\n * function draw(percent) {\n * $('.my-animated-divs').css({\n * width: parseInt(percent * 100, 10) + '%'\n * });\n * }\n * function done() {\n * console.log('Animation complete!');\n * }\n *\n * // Define 'draw' and 'end' callbacks on construction\n * var animation = new Animation('cycle', 500, draw, done);\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks after construction\n * var animation = new Animation('cycle', 500);\n * animation.draw = draw;\n * animation.end = done;\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks at animation\n * var animation = new Animation('cycle', 500);\n * animation.animate(draw, done);\n *\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n\n\n _createClass(Animation, [{\n key: 'animate',\n value: function animate(draw, end) {\n var _this = this;\n\n this.cancel();\n\n // noinspection JSUnresolvedVariable\n var start = window.performance && window.performance.now ? window.performance.now() : vendorize('animationStartTime') || Date.now();\n\n draw = draw || this.draw;\n end = end || this.end;\n\n /**\n * Current requested animation frame identifier\n *\n * @type {number}\n */\n this.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rules[_this.rule] || _this.rule, _this.duration, end, _this);\n });\n }\n\n /**\n * Cancels current animation if any\n */\n\n }, {\n key: 'cancel',\n value: function cancel() {\n if (this.frame) {\n var cancelAnimationFrame = vendorize('cancelAnimationFrame') ||\n /* istanbul ignore next */\n function (id) {};\n\n cancelAnimationFrame(this.frame);\n this.frame = null;\n }\n }\n\n /**\n * Destroys this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n this.cancel();\n this.draw = null;\n this.end = null;\n }\n }]);\n\n return Animation;\n}();\n\n/**\n * Animation rules bound statically to Animation constructor.\n *\n * @type {AnimationRules}\n * @static\n */\n\n\nAnimation.rules = rules;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * @typedef {{ constructor: function(options: GenericOptions): GaugeInterface, draw: function(): GaugeInterface, destroy: function, update: function(options: GenericOptions) }} GaugeInterface\n */\n/**\n * @typedef {{parse: function, stringify: function}} JSON\n * @external {JSON} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON\n */\n/**\n * @ignore\n * @typedef {{MutationObserver: function}} ns\n */\n\n/**\n * DOM Observer.\n * It will observe DOM document for a configured element types and\n * instantiate associated Types for an existing or newly added DOM elements\n *\n * @example\n * class ProgressBar {\n * constructor(options) {}\n * draw() {}\n * }\n *\n * // It will observe DOM document for elements
\n * // having attribute 'data-type=\"progress\"'\n * // and instantiate for each new instance of ProgressBar\n *\n * new DomParser({color: 'red'}, 'div', 'progress', ProgressBar);\n *\n * // assume we could have HTML like this\n * //
\n * // in this case all matching attributes names for a given options will be\n * // parsed and bypassed to an instance from HTML attributes\n */\n\nvar DomObserver = function () {\n\n /**\n * @constructor\n * @param {object} options\n * @param {string} element\n * @param {string} type\n */\n function DomObserver(options, element, type) {\n _classCallCheck(this, DomObserver);\n\n //noinspection JSUnresolvedVariable\n /**\n * Default instantiation options for the given type\n *\n * @type {Object}\n */\n this.options = options;\n\n /**\n * Name of an element to lookup/observe\n *\n * @type {string}\n */\n this.element = element.toLowerCase();\n\n /**\n * data-type attribute value to lookup\n *\n * @type {string}\n */\n this.type = DomObserver.toDashed(type);\n\n /**\n * Actual type constructor to instantiate for each found element\n *\n * @type {Function}\n */\n this.Type = ns[type];\n\n /**\n * Signals if mutations observer for this type or not\n *\n * @type {boolean}\n */\n this.mutationsObserved = false;\n\n /**\n * Flag specifies whenever the browser supports observing\n * of DOM tree mutations or not\n *\n * @type {boolean}\n */\n this.isObservable = !!window.MutationObserver;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n if (!window.GAUGES_NO_AUTO_INIT) {\n DomObserver.domReady(this.traverse.bind(this));\n }\n }\n\n /**\n * Checks if given node is valid node to process\n *\n * @param {Node|HTMLElement} node\n * @returns {boolean}\n */\n\n\n _createClass(DomObserver, [{\n key: 'isValidNode',\n value: function isValidNode(node) {\n //noinspection JSUnresolvedVariable\n return !!(node.tagName && node.tagName.toLowerCase() === this.element && node.getAttribute('data-type') === this.type);\n }\n\n /**\n * Traverse entire current DOM tree and process matching nodes.\n * Usually it should be called only once on document initialization.\n */\n\n }, {\n key: 'traverse',\n value: function traverse() {\n var elements = document.getElementsByTagName(this.element);\n var i = 0,\n s = elements.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n this.process(elements[i]);\n }\n\n if (this.isObservable && !this.mutationsObserved) {\n new MutationObserver(this.observe.bind(this)).observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n characterData: true,\n attributeOldValue: true,\n characterDataOldValue: true\n });\n\n this.mutationsObserved = true;\n }\n }\n\n /**\n * Observes given mutation records for an elements to process\n *\n * @param {MutationRecord[]} records\n */\n\n }, {\n key: 'observe',\n value: function observe(records) {\n var i = 0;\n var s = records.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n var record = records[i];\n\n if (record.type === 'attributes' && record.attributeName === 'data-type' && this.isValidNode(record.target) && record.oldValue !== this.type) // skip false-positive mutations\n {\n setTimeout(this.process.bind(this, record.target));\n } else if (record.addedNodes && record.addedNodes.length) {\n var ii = 0;\n var ss = record.addedNodes.length;\n\n for (; ii < ss; ii++) {\n setTimeout(this.process.bind(this, record.addedNodes[ii]));\n }\n }\n }\n }\n\n /**\n * Parses given attribute value to a proper JavaScript value.\n * For example it will parse some stringified value to a proper type\n * value, e.g. 'true' => true, 'null' => null, '{\"prop\": 20}' => {prop: 20}\n *\n * @param {*} value\n * @return {*}\n */\n\n }, {\n key: 'process',\n\n\n /**\n * Processes a given node, instantiating a proper type constructor for it\n *\n * @param {Node|HTMLElement} node\n * @returns {GaugeInterface|null}\n */\n value: function process(node) {\n var _this2 = this;\n\n if (!this.isValidNode(node)) return null;\n\n var prop = void 0;\n var options = JSON.parse(JSON.stringify(this.options));\n var instance = null;\n\n for (prop in options) {\n /* istanbul ignore else: non-testable in most cases */\n if (options.hasOwnProperty(prop)) {\n var attributeName = DomObserver.toAttributeName(prop);\n var attributeValue = DomObserver.parse(node.getAttribute(attributeName));\n\n if (attributeValue !== null && attributeValue !== undefined) {\n options[prop] = attributeValue;\n }\n }\n }\n\n options.renderTo = node;\n instance = new this.Type(options);\n instance.draw && instance.draw();\n\n if (!this.isObservable) return instance;\n\n instance.observer = new MutationObserver(function (records) {\n records.forEach(function (record) {\n if (record.type === 'attributes') {\n var attr = record.attributeName.toLowerCase();\n var type = node.getAttribute(attr).toLowerCase();\n\n if (attr === 'data-type' && type && type !== _this2.type) {\n instance.observer.disconnect();\n delete instance.observer;\n instance.destroy && instance.destroy();\n } else if (attr.substr(0, 5) === 'data-') {\n var _prop = attr.substr(5).split('-').map(function (part, i) {\n return !i ? part : part.charAt(0).toUpperCase() + part.substr(1);\n }).join('');\n var _options = {};\n\n _options[_prop] = DomObserver.parse(node.getAttribute(record.attributeName));\n\n instance.update && instance.update(_options);\n }\n }\n });\n });\n\n //noinspection JSCheckFunctionSignatures\n instance.observer.observe(node, { attributes: true });\n\n return instance;\n }\n\n /**\n * Transforms camelCase string to dashed string\n *\n * @static\n * @param {string} camelCase\n * @return {string}\n */\n\n }], [{\n key: 'parse',\n value: function parse(value) {\n // parse boolean\n if (value === 'true') return true;\n if (value === 'false') return false;\n\n // parse undefined\n if (value === 'undefined') return undefined;\n\n // parse null\n if (value === 'null') return null;\n\n // Comma-separated strings to array parsing.\n // It won't match strings which contains non alphanumeric characters to\n // prevent strings like 'rgba(0,0,0,0)' or JSON-like from being parsed.\n // Typically it simply allows easily declare arrays as comma-separated\n // numbers or plain strings. If something more complicated is\n // required it can be declared using JSON format syntax\n if (/^[-+#.\\w\\d\\s]+(?:,[-+#.\\w\\d\\s]*)+$/.test(value)) {\n return value.split(',');\n }\n\n // parse JSON\n try {\n return JSON.parse(value);\n } catch (e) {}\n\n // plain value - no need to parse\n return value;\n }\n }, {\n key: 'toDashed',\n value: function toDashed(camelCase) {\n var arr = camelCase.split(/(?=[A-Z])/);\n var i = 1;\n var s = arr.length;\n var str = arr[0].toLowerCase();\n\n for (; i < s; i++) {\n str += '-' + arr[i].toLowerCase();\n }\n\n return str;\n }\n\n /**\n * Transforms dashed string to CamelCase representation\n *\n * @param {string} dashed\n * @param {boolean} [capitalized]\n * @return {string}\n */\n\n }, {\n key: 'toCamelCase',\n value: function toCamelCase(dashed) {\n var capitalized = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n var arr = dashed.split(/-/);\n var i = 0;\n var s = arr.length;\n var str = '';\n\n for (; i < s; i++) {\n if (!(i || capitalized)) {\n str += arr[i].toLowerCase();\n } else {\n str += arr[i][0].toUpperCase() + arr[i].substr(1).toLowerCase();\n }\n }\n\n return str;\n }\n\n /**\n * Transforms camel case property name to dash separated attribute name\n *\n * @static\n * @param {string} str\n * @returns {string}\n */\n\n }, {\n key: 'toAttributeName',\n value: function toAttributeName(str) {\n return 'data-' + DomObserver.toDashed(str);\n }\n\n /**\n * Cross-browser DOM ready handler\n *\n * @static\n * @param {Function} handler\n */\n\n }, {\n key: 'domReady',\n value: function domReady(handler) {\n if (/comp|inter|loaded/.test((window.document || {}).readyState + '')) return handler();\n\n if (window.addEventListener) window.addEventListener('DOMContentLoaded', handler, false);else if (window.attachEvent) window.attachEvent('onload', handler);\n }\n }]);\n\n return DomObserver;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/**\n * Drawings on canvas using hidden canvas as a cache for better\n * performance drawings during canvas animations. SmartCanvas also\n * adopts a canvas to\n */\n\n\nvar SmartCanvas = function () {\n\n /**\n * @constructor\n * @param {HTMLCanvasElement} canvas\n * @param {number} [width]\n * @param {number} [height]\n */\n function SmartCanvas(canvas, width, height) {\n _classCallCheck(this, SmartCanvas);\n\n SmartCanvas.collection.push(this);\n\n /**\n * Canvas base width\n *\n * @type {number}\n */\n this.width = width || 0;\n\n /**\n * Canvas base height\n *\n * @type {number}\n */\n this.height = height || 0;\n\n /**\n * Target drawings canvas element\n *\n * @type {HTMLCanvasElement}\n */\n this.element = canvas;\n\n this.init();\n }\n\n /**\n * Initializes canvases and contexts\n */\n\n\n _createClass(SmartCanvas, [{\n key: 'init',\n value: function init() {\n var pixelRatio = SmartCanvas.pixelRatio;\n\n this.element.width = this.width * pixelRatio;\n this.element.height = this.height * pixelRatio;\n\n this.element.style.width = this.width + 'px';\n this.element.style.height = this.height + 'px';\n\n /**\n * Canvas caching element\n *\n * @type {HTMLCanvasElement|Node}\n */\n this.elementClone = this.element.cloneNode(true);\n\n //noinspection JSUnresolvedVariable\n /**\n * Target drawings canvas element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.context = this.element.getContext('2d');\n\n /**\n * Canvas caching element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.contextClone = this.elementClone.getContext('2d');\n\n /**\n * Actual drawings width\n *\n * @type {number}\n */\n this.drawWidth = this.element.width;\n\n /**\n * Actual drawings height\n *\n * @type {number}\n */\n this.drawHeight = this.element.height;\n\n /**\n * X-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawX = this.drawWidth / 2;\n\n /**\n * Y-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawY = this.drawHeight / 2;\n\n /**\n * Minimal side length in pixels of the drawing\n *\n * @type {number}\n */\n this.minSide = this.drawX < this.drawY ? this.drawX : this.drawY;\n\n this.elementClone.initialized = false;\n\n this.contextClone.translate(this.drawX, this.drawY);\n this.contextClone.save();\n\n this.context.translate(this.drawX, this.drawY);\n this.context.save();\n\n this.context.max = this.contextClone.max = this.minSide;\n this.context.maxRadius = this.contextClone.maxRadius = null;\n }\n\n /**\n * Destroys this object, removing the references from memory\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = SmartCanvas.collection.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n SmartCanvas.collection.splice(index, 1);\n }\n\n this.context.clearRect(-this.drawX, -this.drawY, this.drawWidth, this.drawHeight);\n\n // dereference all created elements\n this.context.max = null;\n delete this.context.max;\n\n this.context.maxRadius = null;\n delete this.context.maxRadius;\n\n this.context = null;\n this.contextClone = null;\n this.elementClone = null;\n this.element = null;\n\n /**\n * On canvas redraw event callback\n *\n * @type {function|null|undefined}\n */\n this.onRedraw = null;\n }\n\n /**\n * Commits the drawings\n */\n\n }, {\n key: 'commit',\n value: function commit() {\n var scale = SmartCanvas.pixelRatio;\n\n if (scale !== 1) {\n this.contextClone.scale(scale, scale);\n this.contextClone.save();\n }\n\n return this;\n }\n\n /**\n * Redraw this object\n */\n\n }, {\n key: 'redraw',\n value: function redraw() {\n this.init();\n\n /**\n * On canvas redraw event callback\n *\n * @type {function(): *}\n */\n this.onRedraw && this.onRedraw();\n\n return this;\n }\n\n /**\n * Returns current device pixel ratio\n *\n * @returns {number}\n */\n\n }], [{\n key: 'redraw',\n\n\n /**\n * Forces redraw all canvas in the current collection\n */\n value: function redraw() {\n var i = 0;\n var s = SmartCanvas.collection.length;\n\n for (; i < s; i++) {\n SmartCanvas.collection[i].redraw();\n }\n }\n }, {\n key: 'pixelRatio',\n get: function get() {\n /* istanbul ignore next */\n //noinspection JSUnresolvedVariable\n return window.devicePixelRatio || 1;\n }\n }]);\n\n return SmartCanvas;\n}();\n\nSmartCanvas.collection = [];\n\n/* istanbul ignore next: very browser-specific testing required to cover */\n//noinspection JSUnresolvedVariable\nif (window.matchMedia) {\n //noinspection JSUnresolvedFunction\n window.matchMedia('screen and (min-resolution: 2dppx)').addListener(SmartCanvas.redraw);\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Describes rendering target element. Can be either string identifier of\n * the element or the element itself.\n *\n * @typedef {HTMLElement|string} RenderTarget\n */\n\n/**\n * Highlight area definition.\n * It describes highlight area starting from value to value using\n * color. Color can be describes with hex, rgb or rgba value.\n *\n * @typedef {{ from: number, to: number, color: string}} Highlight\n */\n\n/**\n * Shared generic gauges options\n *\n * @type {{renderTo: RenderTarget, width: number, height: number, minValue: number, maxValue: number, value: number, units: string|boolean, majorTicks: number[]|string[], exactTicks: boolean, minorTicks: number, strokeTicks: boolean, animatedValue: boolean, animateOnInit: boolean, title: string|boolean, borders: boolean, valueInt: number, valueDec: number, majorTicksInt: number, majorTicksDec: number, animation: boolean, animationDuration: number, animationRule: string|AnimationRule, colorPlate: string, colorPlateEnd: string, colorMajorTicks: string, colorMinorTicks: string, colorTitle: string, colorUnits: string, colorNumbers: string, colorNeedle: string, colorNeedleEnd: string, colorValueText: string, colorValueTextShadow: string, colorBorderShadow: string, colorBorderOuter: string, colorBorderOuterEnd: string, colorBorderMiddle: string, colorBorderMiddleEnd: string, colorBorderInner: string, colorBorderInnerEnd: string, colorValueBoxRect: string, colorValueBoxRectEnd: string, colorValueBoxBackground: string, colorValueBoxShadow: string, colorNeedleShadowUp: string, colorNeedleShadowDown: string, needle: boolean, needleShadow: boolean, needleType: string, needleStart: number, needleEnd: number, needleWidth: number, borderOuterWidth: number, borderMiddleWidth: number, borderInnerWidth: number, borderShadowWidth: number, valueBox: boolean, valueBoxWidth: number, valueBoxStroke: number, valueText: string, valueTextShadow: boolean, valueBoxBorderRadius: number, highlights: Highlight[], highlightsWidth: number, fontNumbers: string, fontTitle: string, fontUnits: string, fontValue: string, fontTitleSize: number, fontValueSize: number, fontUnitsSize: number, fontNumbersSize: number, fontNumbersStyle: string, fontTitleStyle: string, fontUnitsStyle: string, fontValueStyle: string, fontNumbersWeight: string, fontTitleWeight: string, fontUnitsWeight: string, fontValueWeight: string, barWidth: number, barStrokeWidth: number, barProgress: boolean, colorBar: string, colorBarStroke: string, colorBarProgress: string, colorBarShadow: string, barShadow: number}} GenericOptions\n */\nvar GenericOptions = {\n // basic options\n renderTo: null,\n width: 0,\n height: 0,\n minValue: 0,\n maxValue: 100,\n value: 0,\n units: false,\n exactTicks: false,\n majorTicks: [0, 20, 40, 60, 80, 100],\n minorTicks: 10,\n strokeTicks: true,\n animatedValue: false,\n animateOnInit: false,\n title: false,\n borders: true,\n\n // number formats\n valueInt: 3,\n valueDec: 2,\n majorTicksInt: 1,\n majorTicksDec: 0,\n\n // animations\n animation: true,\n animationDuration: 500,\n animationRule: 'cycle',\n\n // colors\n colorPlate: '#fff',\n colorPlateEnd: '',\n colorMajorTicks: '#444',\n colorMinorTicks: '#666',\n colorTitle: '#888',\n colorUnits: '#888',\n colorNumbers: '#444',\n colorNeedle: 'rgba(240,128,128,1)',\n colorNeedleEnd: 'rgba(255,160,122,.9)',\n colorValueText: '#444',\n colorValueTextShadow: 'rgba(0,0,0,0.3)',\n colorBorderShadow: 'rgba(0,0,0,0.5)',\n colorBorderOuter: '#ddd',\n colorBorderOuterEnd: '#aaa',\n colorBorderMiddle: '#eee',\n colorBorderMiddleEnd: '#f0f0f0',\n colorBorderInner: '#fafafa',\n colorBorderInnerEnd: '#ccc',\n colorValueBoxRect: '#888',\n colorValueBoxRectEnd: '#666',\n colorValueBoxBackground: '#babab2',\n colorValueBoxShadow: 'rgba(0,0,0,1)',\n colorNeedleShadowUp: 'rgba(2,255,255,0.2)',\n colorNeedleShadowDown: 'rgba(188,143,143,0.45)',\n colorBarStroke: '#222',\n colorBar: '#ccc',\n colorBarProgress: '#888',\n colorBarShadow: '#000',\n\n fontNumbers: 'Arial',\n fontTitle: 'Arial',\n fontUnits: 'Arial',\n fontValue: 'Arial',\n\n fontNumbersSize: 20,\n fontTitleSize: 24,\n fontUnitsSize: 22,\n fontValueSize: 26,\n\n fontNumbersStyle: 'normal',\n fontTitleStyle: 'normal',\n fontUnitsStyle: 'normal',\n fontValueStyle: 'normal',\n\n fontNumbersWeight: 'normal',\n fontTitleWeight: 'normal',\n fontUnitsWeight: 'normal',\n fontValueWeight: 'normal',\n\n // needle\n needle: true,\n needleShadow: true,\n needleType: 'arrow',\n needleStart: 5,\n needleEnd: 85,\n needleWidth: 4,\n\n // borders\n borderOuterWidth: 3,\n borderMiddleWidth: 3,\n borderInnerWidth: 3,\n borderShadowWidth: 3,\n\n // value and highlights\n valueBox: true,\n valueBoxStroke: 5,\n valueBoxWidth: 0,\n valueText: '',\n valueTextShadow: true,\n valueBoxBorderRadius: 2.5,\n\n // highlights\n highlights: [{ from: 20, to: 60, color: '#eee' }, { from: 60, to: 80, color: '#ccc' }, { from: 80, to: 100, color: '#999' }],\n highlightsWidth: 15,\n\n // progress bar\n barWidth: 20, // percents\n barStrokeWidth: 0, // pixels\n barProgress: true,\n barShadow: 0\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Gauge collections type.\n *\n * It is used ES5 declaration here, because babel\n * transpiles inheritance incorrectly in this case.\n *\n * @class Collection\n * @constructor\n */\nfunction Collection() {\n Array.prototype.constructor.apply(this, arguments);\n}\n\nCollection.prototype = Object.create(Array.prototype);\nCollection.prototype.constructor = Collection;\n\n/**\n * Returns gauge object by its identifier or index in the collection\n *\n * @param {string|number} id\n * @return {*}\n */\nCollection.prototype.get = function (id) {\n if (typeof id === 'string') {\n var i = 0;\n var s = this.length;\n\n for (; i < s; i++) {\n var canvas = this[i].options.renderTo.tagName ? this[i].options.renderTo :\n /* istanbul ignore next: should be tested with e2e tests */\n document.getElementById(this[i].options.renderTo || '');\n\n if (canvas.getAttribute('id') === id) {\n return this[i];\n }\n }\n } else if (typeof id === 'number') {\n return this[id];\n }\n\n return null;\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar version = '2.1.1';\n\nvar round = Math.round;\nvar abs = Math.abs;\n\nvar gauges = new Collection();\n\ngauges.version = version;\n\n/**\n * Basic abstract BaseGauge class implementing common functionality\n * for different type of gauges.\n *\n * It should not be instantiated directly but must be extended by a final\n * gauge implementation.\n *\n * @abstract\n * @example\n *\n * class MyCoolGauge extends BaseGauge {\n *\n * // theses methods below MUST be implemented:\n *\n * constructor(options) {\n * // ... do something with options\n * super(options);\n * // ... implement anything else\n * }\n *\n * draw() {\n * // ... some implementation here\n * return this;\n * }\n * }\n */\n\nvar BaseGauge = function (_EventEmitter) {\n _inherits(BaseGauge, _EventEmitter);\n\n /**\n * Fired each time gauge is initialized on a page\n *\n * @event BaseGauge#init\n */\n\n /**\n * Fired each time gauge scene is rendered\n *\n * @event BaseGauge#render\n */\n\n /**\n * Fired each time gauge object is destroyed\n *\n * @event BaseGauge#destroy\n */\n\n /**\n * Fired each time before animation is started on the gauge\n *\n * @event BaseGauge#animationStart\n */\n\n /**\n * Fired each time animation scene is complete\n *\n * @event BaseGauge#animate\n * @type {number} percent\n * @type {number} value\n */\n\n /**\n * Fired each time animation is complete on the gauge\n *\n * @event BaseGauge#animationEnd\n */\n\n /**\n * @constructor\n * @abstract\n * @param {GenericOptions} options\n */\n function BaseGauge(options) {\n _classCallCheck(this, BaseGauge);\n\n var _this3 = _possibleConstructorReturn(this, (BaseGauge.__proto__ || Object.getPrototypeOf(BaseGauge)).call(this));\n\n var className = _this3.constructor.name;\n\n if (className === 'BaseGauge') {\n throw new TypeError('Attempt to instantiate abstract class!');\n }\n\n gauges.push(_this3);\n\n //noinspection JSUnresolvedVariable\n /**\n * Gauges version string\n *\n * @type {string}\n */\n _this3.version = version;\n\n /**\n * Gauge type class\n *\n * @type {BaseGauge} type\n */\n _this3.type = ns[className] || BaseGauge;\n\n /**\n * True if gauge has been drawn for the first time, false otherwise.\n *\n * @type {boolean}\n */\n _this3.initialized = false;\n\n options.minValue = parseFloat(options.minValue);\n options.maxValue = parseFloat(options.maxValue);\n options.value = parseFloat(options.value) || 0;\n\n if (!options.borders) {\n options.borderInnerWidth = options.borderMiddleWidth = options.borderOuterWidth = 0;\n }\n\n if (!options.renderTo) {\n throw TypeError('Canvas element was not specified when creating ' + 'the Gauge object!');\n }\n\n var canvas = options.renderTo.tagName ? options.renderTo :\n /* istanbul ignore next: to be tested with e2e tests */\n document.getElementById(options.renderTo);\n\n if (!(canvas instanceof HTMLCanvasElement)) {\n throw TypeError('Given gauge canvas element is invalid!');\n }\n\n options.width = parseFloat(options.width) || 0;\n options.height = parseFloat(options.height) || 0;\n\n if (!options.width || !options.height) {\n if (!options.width) options.width = canvas.parentNode ? canvas.parentNode.offsetWidth : canvas.offsetWidth;\n if (!options.height) options.height = canvas.parentNode ? canvas.parentNode.offsetHeight : canvas.offsetHeight;\n }\n\n /**\n * Gauge options\n *\n * @type {GenericOptions} options\n */\n _this3.options = options || {};\n\n if (_this3.options.animateOnInit) {\n _this3._value = _this3.options.value;\n _this3.options.value = _this3.options.minValue;\n }\n\n /**\n * @type {SmartCanvas} canvas\n */\n _this3.canvas = new SmartCanvas(canvas, options.width, options.height);\n _this3.canvas.onRedraw = _this3.draw.bind(_this3);\n\n /**\n * @type {Animation} animation\n */\n _this3.animation = new Animation(options.animationRule, options.animationDuration);\n return _this3;\n }\n\n /**\n * Sets new value for this gauge.\n * If gauge is animated by configuration it will trigger a proper animation.\n * Upsetting a value triggers gauge redraw.\n *\n * @param {number} value\n */\n\n\n _createClass(BaseGauge, [{\n key: 'update',\n\n\n /**\n * Updates gauge configuration options at runtime and redraws the gauge\n *\n * @param {RadialGaugeOptions} options\n * @returns {BaseGauge}\n */\n value: function update(options) {\n Object.assign(this.options, this.type.configure(options || {}));\n\n this.canvas.width = this.options.width;\n this.canvas.height = this.options.height;\n\n this.animation.rule = this.options.animationRule;\n this.animation.duration = this.options.animationDuration;\n\n this.canvas.redraw();\n\n return this;\n }\n\n /**\n * Performs destruction of this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = gauges.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n //noinspection JSUnresolvedFunction\n gauges.splice(index, 1);\n }\n\n this.canvas.destroy();\n this.canvas = null;\n\n this.animation.destroy();\n this.animation = null;\n\n this.emit('destroy');\n }\n\n /**\n * Returns gauges version string\n *\n * @return {string}\n */\n\n }, {\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @abstract\n * @returns {BaseGauge}\n */\n value: function draw() {\n if (this.options.animateOnInit && !this.initialized) {\n this.value = this._value;\n this.initialized = true;\n this.emit('init');\n }\n\n this.emit('render');\n\n return this;\n }\n\n /**\n * Inject given gauge object into DOM\n *\n * @param {string} type\n * @param {GenericOptions} options\n */\n\n }, {\n key: 'value',\n set: function set(value) {\n var _this4 = this;\n\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n var fromValue = this.options.value;\n\n if (value === fromValue) return;\n\n if (this.options.animation) {\n if (this.animation.frame) {\n // animation is already in progress -\n // forget related old animation value\n // @see https://github.com/Mikhus/canvas-gauges/issues/94\n delete this._value;\n }\n\n /**\n * @type {number}\n * @access private\n */\n if (this._value === undefined) {\n this._value = value;\n }\n\n this.emit('animationStart');\n\n this.animation.animate(function (percent) {\n _this4.options.value = fromValue + (value - fromValue) * percent;\n\n _this4.draw();\n\n _this4.emit('animate', percent, _this4.options.value);\n }, function () {\n if (_this4._value !== undefined) {\n _this4.options.value = _this4._value;\n delete _this4._value;\n }\n\n _this4.draw();\n _this4.emit('animationEnd');\n });\n } else {\n this.options.value = value;\n this.draw();\n }\n }\n\n /**\n * Returns current value of the gauge\n *\n * @return {number}\n */\n ,\n get: function get() {\n return typeof this._value === 'undefined' ? this.options.value : this._value;\n }\n\n /**\n * Updates gauge options\n *\n * @param {*} options\n * @return {BaseGauge}\n * @access protected\n */\n\n }], [{\n key: 'configure',\n value: function configure(options) {\n return options;\n }\n }, {\n key: 'initialize',\n value: function initialize(type, options) {\n return new DomObserver(options, 'canvas', type);\n }\n\n /**\n * Initializes gauge from a given HTML element\n * (given element should be valid HTML canvas gauge definition)\n *\n * @param {HTMLElement} element\n */\n\n }, {\n key: 'fromElement',\n value: function fromElement(element) {\n var type = DomObserver.toCamelCase(element.getAttribute('data-type'));\n var attributes = element.attributes;\n var i = 0;\n var s = attributes.length;\n var options = {};\n\n if (!type) {\n return;\n }\n\n if (!/Gauge$/.test(type)) {\n type += 'Gauge';\n }\n\n for (; i < s; i++) {\n options[DomObserver.toCamelCase(attributes[i].name.replace(/^data-/, ''), false)] = DomObserver.parse(attributes[i].value);\n }\n\n new DomObserver(options, element.tagName, type).process(element);\n }\n\n /**\n * Ensures value is proper number\n *\n * @param {*} value\n * @param {number} min\n * @return {number}\n */\n\n }, {\n key: 'ensureValue',\n value: function ensureValue(value) {\n var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n value = parseFloat(value);\n\n if (isNaN(value) || !isFinite(value)) {\n value = parseFloat(min) || 0;\n }\n\n return value;\n }\n }, {\n key: 'version',\n get: function get() {\n return version;\n }\n }]);\n\n return BaseGauge;\n}(EventEmitter);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['BaseGauge'] = BaseGauge;\n ns['gauges'] = (window.document || {})['gauges'] = gauges;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @access private\n * @typedef {CanvasRenderingContext2D|{max: number, maxRadius: number, barDimensions: object}} Canvas2DContext\n */\n\n/* istanbul ignore next: private, not testable */\n/**\n * Examines if a given error is something to throw or to ignore\n *\n * @param {Error} err\n */\nfunction verifyError(err) {\n // there is some unpredictable error in FF in some circumstances\n // which we found simply safe to ignore than to fight with it\n // noinspection JSUnresolvedVariable\n if (err instanceof DOMException && err.result === 0x8053000b) {\n return; // ignore it\n }\n\n throw err;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Prepares major ticks data\n *\n * @access private\n * @param {GenericOptions|{ tickSide: string }} options\n * @return {[boolean, boolean]}\n */\nfunction prepareTicks(options) {\n if (!(options.majorTicks instanceof Array)) {\n options.majorTicks = options.majorTicks ? [options.majorTicks] : [];\n }\n\n if (!options.majorTicks.length) {\n options.majorTicks.push(drawings.formatMajorTickNumber(options.minValue, options));\n options.majorTicks.push(drawings.formatMajorTickNumber(options.maxValue, options));\n }\n\n return [options.tickSide !== 'right', options.tickSide !== 'left'];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rounded corners rectangle\n *\n * @param {Canvas2DContext} context\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @param {number} r\n */\nfunction roundRect(context, x, y, w, h, r) {\n context.beginPath();\n\n context.moveTo(x + r, y);\n context.lineTo(x + w - r, y);\n\n context.quadraticCurveTo(x + w, y, x + w, y + r);\n context.lineTo(x + w, y + h - r);\n\n context.quadraticCurveTo(x + w, y + h, x + w - r, y + h);\n context.lineTo(x + r, y + h);\n\n context.quadraticCurveTo(x, y + h, x, y + h - r);\n context.lineTo(x, y + r);\n\n context.quadraticCurveTo(x, y, x + r, y);\n\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Pads a given value with leading zeros using the given options\n *\n * @param {number} val\n * @param {RadialGaugeOptions|{valueInt: number, valueDec: number}} options\n * @returns {string}\n */\nfunction padValue(val, options) {\n var dec = options.valueDec;\n var int = options.valueInt;\n var i = 0;\n var s = void 0,\n strVal = void 0,\n n = void 0;\n\n val = parseFloat(val);\n n = val < 0;\n val = Math.abs(val);\n\n if (dec > 0) {\n strVal = val.toFixed(dec).toString().split('.');\n s = int - strVal[0].length;\n\n for (; i < s; ++i) {\n strVal[0] = '0' + strVal[0];\n }\n\n strVal = (n ? '-' : '') + strVal[0] + '.' + strVal[1];\n } else {\n strVal = Math.round(val).toString();\n s = int - strVal.length;\n\n for (; i < s; ++i) {\n strVal = '0' + strVal;\n }\n\n strVal = (n ? '-' : '') + strVal;\n }\n\n return strVal;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Formats a number for display on the dial's plate using the majorTicksFormat\n * config option.\n *\n * @param {number} num number to format\n * @param {object} options\n * @returns {string} formatted number\n */\nfunction formatMajorTickNumber(num, options) {\n var right = void 0,\n hasDec = false;\n\n // First, force the correct number of digits right of the decimal.\n if (options.majorTicksDec === 0) {\n right = Math.round(num).toString();\n } else {\n right = num.toFixed(options.majorTicksDec);\n }\n\n // Second, force the correct number of digits left of the decimal.\n if (options.majorTicksInt > 1) {\n // Does this number have a decimal?\n hasDec = ~right.indexOf('.');\n\n // Is this number a negative number?\n if (~right.indexOf('-')) {\n return '-' + [options.majorTicksInt + options.majorTicksDec + 2 + (hasDec ? 1 : 0) - right.length].join('0') + right.replace('-', '');\n } else {\n return [options.majorTicksInt + options.majorTicksDec + 1 + (hasDec ? 1 : 0) - right.length].join('0') + right;\n }\n }\n\n return right;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Transforms degrees to radians\n *\n * @param {number} degrees\n * @returns {number}\n */\nfunction radians(degrees) {\n return degrees * Math.PI / 180;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns radial point coordinates\n *\n * @param {number} radius\n * @param {number} angle\n * @returns {{x: number, y: number}}\n */\nfunction radialPoint(radius, angle) {\n return { x: -radius * Math.sin(angle), y: radius * Math.cos(angle) };\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Creates and returns linear gradient canvas object\n *\n * @param {Canvas2DContext} context\n * @param {string} colorFrom\n * @param {string} colorTo\n * @param {number} length\n * @param {boolean} [isVertical]\n * @param {number} [from]\n * @returns {CanvasGradient}\n */\nfunction linearGradient(context, colorFrom, colorTo, length) {\n var isVertical = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;\n var from = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n var grad = context.createLinearGradient(isVertical ? 0 : from, isVertical ? from : 0, isVertical ? 0 : length, isVertical ? length : 0);\n\n grad.addColorStop(0, colorFrom);\n grad.addColorStop(1, colorTo);\n\n return grad;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws the shadow if it was not drawn\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {boolean} shadowDrawn\n * @return {boolean}\n */\nfunction drawShadow(context, options) {\n var shadowDrawn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n if (shadowDrawn) {\n context.restore();\n return true;\n }\n\n context.save();\n\n var w = options.borderShadowWidth;\n\n if (w) {\n context.shadowBlur = w;\n context.shadowColor = options.colorBorderShadow;\n }\n\n return true;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle shadow\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawNeedleShadow(context, options) {\n if (!options.needleShadow) return;\n\n context.shadowOffsetX = 2;\n context.shadowOffsetY = 2;\n context.shadowBlur = 10;\n context.shadowColor = options.colorNeedleShadowDown;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Constructs font styles for canvas fonts\n *\n * @param {GenericOptions} options\n * @param {string} target\n * @param {number} baseSize\n */\nfunction font(options, target, baseSize) {\n return options['font' + target + 'Style'] + ' ' + options['font' + target + 'Weight'] + ' ' + options['font' + target + 'Size'] * baseSize + 'px ' + options['font' + target];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Resets some context settings\n *\n * @param {Canvas2DContext} context\n */\nfunction reset(context) {\n context.shadowOffsetX = null;\n context.shadowOffsetY = null;\n context.shadowBlur = null;\n context.shadowColor = '';\n context.strokeStyle = null;\n context.lineWidth = 0;\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Declares to drow value text shadow if configured\n *\n * @param context\n * @param options\n * @param offset\n * @param blur\n */\nfunction drawValueTextShadow(context, options, offset, blur) {\n if (options.valueTextShadow) {\n context.shadowOffsetX = offset;\n context.shadowOffsetY = offset;\n context.shadowBlur = blur;\n context.shadowColor = options.colorValueTextShadow;\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box at given position\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {number|string} value\n * @param {number} x\n * @param {number} y\n * @param {number} max\n */\nfunction drawValueBox(context, options, value, x, y, max) {\n if (!options.valueBox) return;\n\n reset(context);\n\n var text = options.valueText || padValue(value, options);\n var tunit = max / 200;\n var runit = max / 100;\n var offset = 0.4 * runit;\n var blur = 1.2 * runit;\n\n context.font = font(options, 'Value', tunit);\n drawValueTextShadow(context, options, offset, blur);\n\n var tw = context.measureText(options.valueText ? text : '-' + padValue(0, options)).width;\n\n reset(context);\n\n var th = parseFloat(options.fontValueSize) * tunit + offset + blur;\n var sw = runit * parseFloat(options.valueBoxStroke);\n var bmax = max * 2 - sw * 2;\n\n var bw = tw + 10 * runit;\n var bh = 1.1 * th + offset + blur;\n var br = runit * options.valueBoxBorderRadius;\n var obw = (parseFloat(options.valueBoxWidth) || 0) / 100 * bmax;\n\n obw > bw && (bw = obw);\n bw > bmax && (bw = bmax);\n\n var bx = x - bw / 2;\n var by = y - bh / 2;\n var gy = y - 5.75 * runit;\n\n context.beginPath();\n\n if (br) roundRect(context, bx, by, bw, bh, br);else context.rect(bx, by, bw, bh);\n\n if (sw) {\n var grd = context.createRadialGradient(x, gy, runit * 10, x, gy, runit * 20);\n\n grd.addColorStop(0, options.colorValueBoxRect);\n grd.addColorStop(1, options.colorValueBoxRectEnd);\n\n context.strokeStyle = grd;\n context.lineWidth = sw;\n context.stroke();\n }\n\n if (options.colorValueBoxShadow) {\n context.shadowBlur = 1.2 * runit;\n context.shadowColor = options.colorValueBoxShadow;\n }\n\n if (options.colorValueBoxBackground) {\n context.fillStyle = options.colorValueBoxBackground;\n context.fill();\n }\n\n context.closePath();\n context.restore();\n\n drawValueTextShadow(context, options, offset, blur);\n\n context.fillStyle = options.colorValueText;\n context.textAlign = 'center';\n context.textBaseline = 'alphabetic';\n context.fillText(text, bx + bw / 2, y + bh / 2 - th / 3);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns normalized value\n *\n * @param {GenericOptions} options\n * @return {{normal: number, indented: number}}\n */\nfunction normalizedValue(options) {\n var value = options.value;\n var min = options.minValue;\n var max = options.maxValue;\n var dt = (max - min) * 0.01;\n\n return {\n normal: value < min ? min : value > max ? max : value,\n indented: value < min ? min - dt : value > max ? max + dt : value\n };\n}\n\nvar drawings = {\n roundRect: roundRect,\n padValue: padValue,\n formatMajorTickNumber: formatMajorTickNumber,\n radians: radians,\n radialPoint: radialPoint,\n linearGradient: linearGradient,\n drawNeedleShadow: drawNeedleShadow,\n drawValueBox: drawValueBox,\n verifyError: verifyError,\n prepareTicks: prepareTicks,\n drawShadow: drawShadow,\n font: font,\n normalizedValue: normalizedValue\n};\n\ndrawings;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar PI = Math.PI;\nvar HPI = PI / 2;\n\n/**\n * Gauge configuration options\n *\n * @typedef {GenericOptions|{exactTicks: boolean, ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean}} RadialGaugeOptions\n */\n\n/**\n * Default gauge configuration options\n *\n * @access private\n * @type {RadialGaugeOptions}\n */\nvar defaultRadialGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n ticksAngle: 270,\n startAngle: 45,\n\n // colors\n colorNeedleCircleOuter: '#f0f0f0',\n colorNeedleCircleOuterEnd: '#ccc',\n colorNeedleCircleInner: '#e8e8e8',\n colorNeedleCircleInnerEnd: '#f5f5f5',\n\n // needle\n needleCircleSize: 10,\n needleCircleInner: true,\n needleCircleOuter: true,\n\n // custom animations\n animationTarget: 'needle', // 'needle' or 'plate'\n useMinPath: false,\n\n barWidth: 0\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gradient-filled circle on a canvas\n *\n * @access private\n * @param {number} radius\n * @param {number} width\n * @param {Canvas2DContext} context\n * @param {string} start gradient start color\n * @param {string} end gradient end color\n */\nfunction drawRadialBorder(radius, width, context, start, end) {\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(radius), 0, PI * 2, true);\n context.lineWidth = width;\n context.strokeStyle = end ? drawings.linearGradient(context, start, end, radius) : start;\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns max radius without borders for the gauge\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @return {number}\n */\nfunction maxRadialRadius(context, options) {\n var pxRatio = SmartCanvas.pixelRatio;\n\n if (!context.maxRadius) {\n context.maxRadius = context.max - options.borderShadowWidth - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio + (options.borderOuterWidth ? 0.5 : 0) + (options.borderMiddleWidth ? 0.5 : 0) + (options.borderInnerWidth ? 0.5 : 0);\n }\n\n return context.maxRadius;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge plate on the canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialPlate(context, options) {\n var pxRatio = SmartCanvas.pixelRatio;\n var d0 = options.borderShadowWidth * pxRatio;\n var r0 = context.max - d0 - options.borderOuterWidth * pxRatio / 2;\n var r1 = r0 - options.borderOuterWidth * pxRatio / 2 - options.borderMiddleWidth * pxRatio / 2 + 0.5;\n var r2 = r1 - options.borderMiddleWidth * pxRatio / 2 - options.borderInnerWidth * pxRatio / 2 + 0.5;\n var r3 = maxRadialRadius(context, options);\n var grad = void 0;\n var shadowDrawn = false;\n\n context.save();\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r0, options.borderOuterWidth * pxRatio, context, options.colorBorderOuter, options.colorBorderOuterEnd);\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r1, options.borderMiddleWidth * pxRatio, context, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r2, options.borderInnerWidth * pxRatio, context, options.colorBorderInner, options.colorBorderInnerEnd);\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(r3), 0, PI * 2, true);\n\n if (options.colorPlateEnd) {\n grad = context.createRadialGradient(0, 0, r3 / 2, 0, 0, r3);\n grad.addColorStop(0, options.colorPlate);\n grad.addColorStop(1, options.colorPlateEnd);\n } else {\n grad = options.colorPlate;\n }\n\n context.fillStyle = grad;\n\n context.fill();\n context.closePath();\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge highlight areas on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialHighlights(context, options) {\n var hlWidth = context.max * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!hlWidth) return;\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options) - hlWidth / 2);\n var i = 0,\n s = options.highlights.length;\n var vd = (options.maxValue - options.minValue) / options.ticksAngle;\n\n context.save();\n\n for (; i < s; i++) {\n var hlt = options.highlights[i];\n\n context.beginPath();\n\n context.rotate(HPI);\n context.arc(0, 0, r, drawings.radians(options.startAngle + (hlt.from - options.minValue) / vd), drawings.radians(options.startAngle + (hlt.to - options.minValue) / vd), false);\n context.strokeStyle = hlt.color;\n context.lineWidth = hlWidth;\n context.stroke();\n context.closePath();\n\n context.restore();\n context.save();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks bar on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMinorTicks(context, options) {\n var radius = radialTicksRadius(context, options);\n var s = void 0,\n range = void 0,\n angle = void 0;\n var i = 0;\n var delta = 0;\n var ratio = options.ticksAngle / (options.maxValue - options.minValue);\n\n context.lineWidth = SmartCanvas.pixelRatio;\n context.strokeStyle = options.colorMinorTicks;\n\n context.save();\n\n if (options.exactTicks) {\n range = options.maxValue - options.minValue;\n s = range / options.minorTicks;\n delta = options.majorTicks[0] % options.minorTicks * ratio;\n } else {\n s = options.minorTicks * (options.majorTicks.length - 1);\n }\n\n for (; i < s; ++i) {\n angle = options.startAngle + delta + i * (options.ticksAngle / s);\n\n context.rotate(drawings.radians(angle));\n\n context.beginPath();\n context.moveTo(0, radius);\n context.lineTo(0, radius - context.max * 0.075);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns ticks radius\n *\n * @access private\n * @param context\n * @param options\n * @return {number}\n */\nfunction radialTicksRadius(context, options) {\n var unit = context.max / 100;\n\n return maxRadialRadius(context, options) - 5 * unit - (options.barWidth ? (parseFloat(options.barStrokeWidth) || 0) * 2 + ((parseFloat(options.barWidth) || 0) + 5) * unit : 0);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge major ticks bar on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMajorTicks(context, options) {\n drawings.prepareTicks(options);\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options));\n var i = void 0,\n colors = void 0;\n var s = options.majorTicks.length;\n var pixelRatio = SmartCanvas.pixelRatio;\n\n context.lineWidth = 2 * pixelRatio;\n context.save();\n\n colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(s).fill(options.colorMajorTicks);\n\n i = 0;\n for (; i < s; ++i) {\n context.strokeStyle = colors[i];\n context.rotate(drawings.radians(radialNextAngle(options, options.exactTicks ? options.majorTicks[i] : i, s)));\n\n context.beginPath();\n context.moveTo(0, r);\n context.lineTo(0, r - context.max * 0.15);\n closeStrokedPath(context);\n }\n\n if (options.strokeTicks) {\n context.strokeStyle = colors[0];\n context.rotate(HPI);\n\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\nfunction radialNextAngle(options, i, s) {\n if (options.exactTicks) {\n var ratio = options.ticksAngle / (options.maxValue - options.minValue);\n return options.startAngle + ratio * (i - options.minValue);\n }\n\n return options.startAngle + i * (options.ticksAngle / (s - 1));\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Strokes, closes path and restores previous context state\n *\n * @param {Canvas2DContext} context\n */\nfunction closeStrokedPath(context) {\n context.stroke();\n context.restore();\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar numbers\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNumbers(context, options) {\n var textWidth = Math.max.apply(null, options.majorTicks.map(function (text) {\n return context.measureText(text).width;\n }));\n var textHeight = options.fontNumbersSize;\n var radius = radialTicksRadius(context, options) - context.max * 0.2 - Math.sqrt(textWidth * textWidth + textHeight * textHeight) / 2;\n var points = {};\n var i = 0;\n var s = options.majorTicks.length;\n var isAnimated = options.animationTarget !== 'needle';\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(s).fill(options.colorNumbers);\n\n var plateValueAngle = isAnimated ? -(options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle : 0;\n\n if (isAnimated) {\n context.save();\n context.rotate(-drawings.radians(plateValueAngle));\n }\n\n for (; i < s; ++i) {\n var angle = plateValueAngle + radialNextAngle(options, options.exactTicks ? options.majorTicks[i] : i, s);\n var point = drawings.radialPoint(radius, drawings.radians(angle));\n\n if (angle === 360) angle = 0;\n\n if (points[angle]) {\n continue; //already drawn at this place, skipping\n }\n\n points[angle] = true;\n\n context.font = drawings.font(options, 'Numbers', context.max / 200);\n context.fillStyle = colors[i];\n context.lineWidth = 0;\n context.textAlign = 'center';\n context.textBaseline = 'middle';\n context.fillText(options.majorTicks[i], point.x, point.y);\n }\n\n isAnimated && context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge title\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialTitle(context, options) {\n if (!options.title) return;\n\n context.save();\n context.font = drawings.font(options, 'Title', context.max / 200);\n context.fillStyle = options.colorTitle;\n context.textAlign = 'center';\n context.fillText(options.title, 0, -context.max / 4.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws units name on the gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialUnits(context, options) {\n if (!options.units) return;\n\n context.save();\n context.font = drawings.font(options, 'Units', context.max / 200);\n context.fillStyle = options.colorUnits;\n context.textAlign = 'center';\n context.fillText(options.units, 0, context.max / 3.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNeedle(context, options) {\n if (!options.needle) return;\n\n var value = options.ticksAngle < 360 ? drawings.normalizedValue(options).indented : options.value;\n var max = maxRadialRadius(context, options);\n //noinspection JSUnresolvedFunction\n var r1 = abs(max / 100 * options.needleCircleSize);\n //noinspection JSUnresolvedFunction\n var r2 = abs(max / 100 * options.needleCircleSize * 0.75);\n //noinspection JSUnresolvedFunction\n var rIn = abs(max / 100 * options.needleEnd);\n //noinspection JSUnresolvedFunction\n var rStart = abs(options.needleStart ? max / 100 * options.needleStart : 0);\n //noinspection JSUnresolvedFunction\n var rOut = abs(max * 0.2);\n var pad1 = max / 100 * options.needleWidth;\n var pad2 = max / 100 * options.needleWidth / 2;\n var pixelRatio = SmartCanvas.pixelRatio;\n var isFixed = options.animationTarget !== 'needle';\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n context.rotate(drawings.radians(isFixed ? options.startAngle : options.startAngle + (value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle));\n\n context.fillStyle = drawings.linearGradient(context, options.colorNeedle, options.colorNeedleEnd, rIn - rOut);\n\n if (options.needleType === 'arrow') {\n context.beginPath();\n context.moveTo(-pad2, -rOut);\n context.lineTo(-pad1, 0);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(pixelRatio, rIn);\n context.lineTo(pad1, 0);\n context.lineTo(pad2, -rOut);\n context.closePath();\n context.fill();\n\n context.beginPath();\n context.lineTo(-0.5 * pixelRatio, rIn);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(-pad1, 0);\n context.lineTo(-pad2, -rOut);\n context.lineTo(pad2 / 2 * pixelRatio - 2 * pixelRatio, -rOut);\n context.closePath();\n context.fillStyle = options.colorNeedleShadowUp;\n context.fill();\n } else {\n // simple line needle\n context.beginPath();\n context.moveTo(-pad2, rIn);\n context.lineTo(-pad2, rStart);\n context.lineTo(pad2, rStart);\n context.lineTo(pad2, rIn);\n context.closePath();\n context.fill();\n }\n\n if (options.needleCircleSize) {\n context.restore();\n\n drawings.drawNeedleShadow(context, options);\n\n if (options.needleCircleOuter) {\n context.beginPath();\n context.arc(0, 0, r1, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleOuter, options.colorNeedleCircleOuterEnd, r1);\n context.fill();\n context.closePath();\n }\n\n if (options.needleCircleInner) {\n context.beginPath();\n context.arc(0, 0, r2, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleInner, options.colorNeedleCircleInnerEnd, r2);\n context.fill();\n context.closePath();\n }\n\n context.restore();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge value box\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @param {number} value\n */\nfunction drawRadialValueBox(context, options, value) {\n drawings.drawValueBox(context, options, value, 0, context.max - context.max * 0.33, context.max);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge progress bar\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialProgressBar(context, options) {\n var unit = context.max / 100;\n var rMax = maxRadialRadius(context, options) - 5 * unit;\n var sw = parseFloat(options.barStrokeWidth) || 0;\n var w = (parseFloat(options.barWidth) || 0) * unit;\n var rMin = rMax - sw * 2 - w;\n var half = (rMax - rMin) / 2;\n var r = rMin + half;\n var delta = sw / r;\n var sa = options.startAngle;\n var ea = options.startAngle + options.ticksAngle;\n\n context.save();\n context.rotate(HPI);\n\n if (sw) {\n // draw stroke\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa) - delta, drawings.radians(ea) + delta, false);\n context.strokeStyle = options.colorBarStroke;\n context.lineWidth = half * 2;\n context.stroke();\n context.closePath();\n }\n\n if (w) {\n // draw bar\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(ea), false);\n context.strokeStyle = options.colorBar;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n\n if (options.barShadow) {\n // draw shadow\n context.beginPath();\n context.arc(0, 0, rMax, drawings.radians(sa), drawings.radians(ea), false);\n context.clip();\n\n context.beginPath();\n context.strokeStyle = options.colorBar;\n context.lineWidth = 1;\n context.shadowBlur = options.barShadow;\n context.shadowColor = options.colorBarShadow;\n context.shadowOffsetX = 0;\n context.shadowOffsetY = 0;\n context.arc(0, 0, rMax, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n context.stroke();\n context.closePath();\n\n context.restore();\n context.rotate(HPI);\n }\n\n // draw bar progress\n if (options.barProgress) {\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(sa + (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle), false);\n context.strokeStyle = options.colorBarProgress;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n }\n }\n\n context.restore();\n}\n\n/**\n * Find and return gauge value to display\n *\n * @param {RadialGauge} gauge\n */\nfunction displayValue(gauge) {\n if (gauge.options.animatedValue) {\n return gauge.options.value;\n }\n\n return gauge.value;\n}\n\n/**\n * Minimalistic HTML5 Canvas Gauge\n * @example\n * var gauge = new RadialGauge({\n * renderTo: 'gauge-id', // identifier of HTML canvas element or element itself\n * width: 400,\n * height: 400,\n * units: 'Km/h',\n * title: false,\n * value: 0,\n * minValue: 0,\n * maxValue: 220,\n * majorTicks: [\n * '0','20','40','60','80','100','120','140','160','180','200','220'\n * ],\n * minorTicks: 2,\n * strokeTicks: false,\n * highlights: [\n * { from: 0, to: 50, color: 'rgba(0,255,0,.15)' },\n * { from: 50, to: 100, color: 'rgba(255,255,0,.15)' },\n * { from: 100, to: 150, color: 'rgba(255,30,0,.25)' },\n * { from: 150, to: 200, color: 'rgba(255,0,225,.25)' },\n * { from: 200, to: 220, color: 'rgba(0,0,255,.25)' }\n * ],\n * colorPlate: '#222',\n * colorMajorTicks: '#f5f5f5',\n * colorMinorTicks: '#ddd',\n * colorTitle: '#fff',\n * colorUnits: '#ccc',\n * colorNumbers: '#eee',\n * colorNeedleStart: 'rgba(240, 128, 128, 1)',\n * colorNeedleEnd: 'rgba(255, 160, 122, .9)',\n * valueBox: true,\n * animationRule: 'bounce'\n * });\n * // draw initially\n * gauge.draw();\n * // animate\n * setInterval(() => {\n * gauge.value = Math.random() * -220 + 220;\n * }, 1000);\n */\n\nvar RadialGauge = function (_BaseGauge) {\n _inherits(RadialGauge, _BaseGauge);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event RadialGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event RadialGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event RadialGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event RadialGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event RadialGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event RadialGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event RadialGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event RadialGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event RadialGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event RadialGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {RadialGaugeOptions} options\n */\n function RadialGauge(options) {\n _classCallCheck(this, RadialGauge);\n\n options = Object.assign({}, defaultRadialGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (RadialGauge.__proto__ || Object.getPrototypeOf(RadialGauge)).call(this, RadialGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(RadialGauge, [{\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @returns {RadialGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref[0];\n var y = _ref[1];\n var w = _ref[2];\n var h = _ref[3];\n\n var options = this.options;\n\n if (options.animationTarget === 'needle') {\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(context, options);\n this.emit('beforeHighlights');\n drawRadialHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(context, options);\n this.emit('beforeTitle');\n drawRadialTitle(context, options);\n this.emit('beforeUnits');\n drawRadialUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n this.emit('beforeNeedle');\n drawRadialNeedle(canvas.context, options);\n } else {\n var plateValueAngle = -drawings.radians((options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle);\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(canvas.context, options);\n\n canvas.context.rotate(plateValueAngle);\n\n // animated\n this.emit('beforeHighlights');\n drawRadialHighlights(canvas.context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(canvas.context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(canvas.context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(canvas.context, options);\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n\n // non-animated\n canvas.context.rotate(-plateValueAngle);\n canvas.context.save();\n\n if (!canvas.elementClone.initialized) {\n var _context = canvas.contextClone;\n\n // clear the cache\n _context.clearRect(x, y, w, h);\n _context.save();\n\n this.emit('beforeTitle');\n drawRadialTitle(_context, options);\n this.emit('beforeUnits');\n drawRadialUnits(_context, options);\n this.emit('beforeNeedle');\n drawRadialNeedle(_context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n }\n\n // value box animations\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n\n _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }, {\n key: 'value',\n\n\n /**\n * Sets the value for radial gauge\n *\n * @param {number} value\n */\n set: function set(value) {\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n if (this.options.animation && this.options.ticksAngle === 360 && this.options.useMinPath) {\n this._value = value;\n value = this.options.value + ((value - this.options.value) % 360 + 540) % 360 - 180;\n }\n\n _set(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', value, this);\n }\n\n /**\n * Returns current gauge value\n *\n * @return {number}\n */\n ,\n get: function get() {\n return _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', this);\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n if (options.barWidth > 50) options.barWidth = 50;\n\n /* istanbul ignore if */\n if (isNaN(options.startAngle)) options.startAngle = 45;\n /* istanbul ignore if */\n if (isNaN(options.ticksAngle)) options.ticksAngle = 270;\n\n /* istanbul ignore if */\n if (options.ticksAngle > 360) options.ticksAngle = 360;\n /* istanbul ignore if */\n if (options.ticksAngle < 0) options.ticksAngle = 0;\n\n /* istanbul ignore if */\n if (options.startAngle < 0) options.startAngle = 0;\n /* istanbul ignore if */\n if (options.startAngle > 360) options.startAngle = 360;\n\n return options;\n }\n }]);\n\n return RadialGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['RadialGauge'] = RadialGauge;\n}\n\nBaseGauge.initialize('RadialGauge', defaultRadialGaugeOptions);\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Linear gauge configuration options\n *\n * @typedef {GenericOptions|{borderRadius: number, barBeginCircle: number, tickSide: string, needleSide: string, numberSide: string, ticksWidth: number, ticksWidthMinor: number, ticksPadding: number, barLength: number, colorBarEnd: string, colorBarProgressEnd: string}} LinearGaugeOptions\n */\n\n/**\n * Default linear gauge configuration options\n *\n * @type {LinearGaugeOptions}\n */\nvar defaultLinearGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n borderRadius: 0,\n // width: 150,\n // height: 400,\n\n // bar\n barBeginCircle: 30, // percents\n colorBarEnd: '',\n colorBarProgressEnd: '',\n\n needleWidth: 6,\n\n tickSide: 'both', // available: 'left', 'right', 'both'\n needleSide: 'both', // available: 'left', 'right', 'both'\n\n numberSide: 'both', // available: 'left', 'right', 'both'\n\n ticksWidth: 10,\n ticksWidthMinor: 5,\n ticksPadding: 5,\n barLength: 85,\n fontTitleSize: 26,\n\n highlightsWidth: 10\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawRectangle(context, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.fillStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, w > h ? w : h, h > w, w > h ? x : y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} width width of the border\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawLinearBorder(context, width, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.lineWidth = width;\n context.strokeStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, h, true, y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge plate\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearPlate(context, options, x, y, w, h) {\n var pxRatio = SmartCanvas.pixelRatio;\n context.save();\n\n var r = options.borderRadius * pxRatio;\n var w1 = w - options.borderShadowWidth - options.borderOuterWidth * pxRatio;\n var w2 = w1 - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio;\n var w3 = w2 - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio;\n var w4 = w3 - options.borderInnerWidth * pxRatio;\n\n var h1 = h - options.borderShadowWidth - options.borderOuterWidth * pxRatio;\n var h2 = h1 - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio;\n var h3 = h2 - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio;\n var h4 = h3 - options.borderInnerWidth * pxRatio;\n\n var x2 = x - (w2 - w1) / 2;\n var x3 = x2 - (w3 - w2) / 2;\n var x4 = x3 - (w4 - w3) / 2;\n\n var y2 = y - (h2 - h1) / 2;\n var y3 = y2 - (h3 - h2) / 2;\n var y4 = y3 - (h4 - h3) / 2;\n var aliasingOffset = 0;\n var shadowDrawn = false;\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderOuterWidth * pxRatio, r, x + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, y + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, w1, h1, options.colorBorderOuter, options.colorBorderOuterEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderMiddleWidth * pxRatio, r -= 1 + aliasingOffset * 2, x2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, y2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, w2 + aliasingOffset * 2, h2 + aliasingOffset * 2, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderInnerWidth * pxRatio, r -= 1 + aliasingOffset * 2, x3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, y3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, w3 + aliasingOffset * 2, h3 + aliasingOffset * 2, options.colorBorderInner, options.colorBorderInnerEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n drawRectangle(context, r, x4, y4, w4 + aliasingOffset * 2, h4 + aliasingOffset * 2, options.colorPlate, options.colorPlateEnd);\n\n context.restore();\n\n return [x4, y4, w4, h4];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns linear gauge base bar dimensions.\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions|{barStrokeWidth: number, barBeginCircle: number, barWidth: number, hasLeft: boolean, hasRight: boolean}} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @return {{isVertical: boolean, width: number, length: number, barWidth: number, barLength: number, strokeWidth: number, barMargin: number, radius: number, x0: number, y0: number, barOffset: number, titleMargin: number, unitsMargin: number, X: number, Y: number, baseX: number, baseY: number, ticksPadding: number}}\n */\nfunction barDimensions(context, options, x, y, w, h) {\n var pixelRatio = SmartCanvas.pixelRatio;\n var isVertical = h >= w;\n var width = isVertical ? w * 0.85 : h;\n var length = isVertical ? h : w;\n\n //noinspection JSUnresolvedFunction\n x = isVertical ? round(x + (w - width) / 2) : x;\n\n var hasTitle = !!options.title;\n var hasUnits = !!options.units;\n var hasValue = !!options.valueBox;\n\n var titleMargin = void 0;\n var unitsMargin = void 0;\n var valueMargin = void 0;\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n unitsMargin = round(length * 0.05);\n //noinspection JSUnresolvedFunction\n titleMargin = round(length * 0.075);\n //noinspection JSUnresolvedFunction\n valueMargin = round(length * 0.11);\n\n if (hasTitle) {\n length -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) length -= unitsMargin;\n if (hasValue) length -= valueMargin;\n } else {\n //noinspection JSUnresolvedFunction\n unitsMargin = titleMargin = round(width * 0.15);\n\n if (hasTitle) {\n width -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) width -= unitsMargin;\n }\n\n var strokeWidth = options.barStrokeWidth * 2;\n //noinspection JSUnresolvedFunction\n var radius = options.barBeginCircle ? round(width * options.barBeginCircle / 200 - strokeWidth / 2) : 0;\n //noinspection JSUnresolvedFunction\n var barWidth = round(width * options.barWidth / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barLength = round(length * options.barLength / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barMargin = round((length - barLength) / 2);\n\n // coordinates for arc of the bar if configured\n //noinspection JSUnresolvedFunction\n var x0 = round(x + (isVertical ? width / 2 : barMargin + radius));\n //noinspection JSUnresolvedFunction\n var y0 = round(y + (isVertical ? length - barMargin - radius + strokeWidth / 2 : width / 2));\n var dx = isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n var dy = !isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n\n //noinspection JSUndefinedPropertyAssignment\n context.barDimensions = {\n isVertical: isVertical,\n width: width,\n length: length,\n barWidth: barWidth,\n barLength: barLength,\n strokeWidth: strokeWidth,\n barMargin: barMargin,\n radius: radius,\n pixelRatio: pixelRatio,\n barOffset: null,\n titleMargin: hasTitle ? titleMargin : 0,\n unitsMargin: hasUnits ? unitsMargin : 0,\n get ticksLength() {\n return this.barLength - this.barOffset - this.strokeWidth;\n },\n X: x + dx,\n Y: y + dy,\n x0: x0 + dx,\n y0: y0 + dy,\n baseX: x,\n baseY: y,\n ticksPadding: options.ticksPadding / 100\n };\n\n return context.barDimensions;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws bar shape from the given options on a given canvas context\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {string} type\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearBarShape(context, options, type, x, y, w, h) {\n var _barDimensions = barDimensions(context, options, x, y, w, h);\n\n var isVertical = _barDimensions.isVertical;\n var width = _barDimensions.width;\n var barWidth = _barDimensions.barWidth;\n var barLength = _barDimensions.barLength;\n var strokeWidth = _barDimensions.strokeWidth;\n var barMargin = _barDimensions.barMargin;\n var radius = _barDimensions.radius;\n var x0 = _barDimensions.x0;\n var y0 = _barDimensions.y0;\n var X = _barDimensions.X;\n var Y = _barDimensions.Y;\n\n var fullBarLength = barLength;\n\n context.save();\n context.beginPath();\n\n if (options.barBeginCircle) {\n var direction = drawings.radians(isVertical ? 270 : 0);\n var alpha = Math.asin(barWidth / 2 / radius);\n var cosAlpha = Math.cos(alpha);\n var sinAlpha = Math.sin(alpha);\n\n var x1 = x0 + (isVertical ? radius * sinAlpha : radius * cosAlpha - strokeWidth / 2);\n var y1 = isVertical ? y0 - radius * cosAlpha : y0 + radius * sinAlpha;\n //noinspection JSUnresolvedFunction\n var cutRadius = isVertical ? abs(y1 - y0) : abs(x1 - x0);\n\n //noinspection JSUnresolvedFunction\n context.barDimensions.barOffset = round(cutRadius + radius);\n\n // bottom point\n //noinspection JSUnresolvedFunction\n var x2 = isVertical ? round(x0 - radius * sinAlpha) : x1;\n //noinspection JSUnresolvedFunction\n var y2 = isVertical ? y1 : round(y0 - radius * sinAlpha);\n\n if (type === 'progress') {\n barLength = context.barDimensions.barOffset + (barLength - context.barDimensions.barOffset) * (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue);\n }\n\n // bar ends at\n //noinspection JSUnresolvedFunction\n var x3 = round(x1 + barLength - context.barDimensions.barOffset + strokeWidth / 2); // h\n //noinspection JSUnresolvedFunction\n var y3 = round(y1 - barLength + context.barDimensions.barOffset - strokeWidth / 2); // v\n\n context.arc(x0, y0, radius, direction + alpha, direction - alpha);\n\n if (isVertical) {\n context.moveTo(x1, y2);\n context.lineTo(x1, y3);\n context.lineTo(x2, y3);\n context.lineTo(x2, y2);\n } else {\n context.moveTo(x1, y2);\n context.lineTo(x3, y2);\n context.lineTo(x3, y1);\n context.lineTo(x1, y1);\n }\n } else {\n // simply rectangle\n //noinspection JSUnresolvedFunction\n var rx = round(isVertical ? X + (width - barWidth) / 2 : X + barMargin);\n //noinspection JSUnresolvedFunction\n var ry = round(isVertical ? Y + barLength + barMargin : Y + (width - barWidth) / 2);\n\n if (type === 'progress') {\n barLength *= (options.value - options.minValue) / (options.maxValue - options.minValue);\n }\n\n if (isVertical) context.rect(rx, ry, barWidth, -barLength);else context.rect(rx, ry, barLength, barWidth);\n }\n\n if (type !== 'progress' && options.barStrokeWidth) {\n context.lineWidth = strokeWidth;\n context.strokeStyle = options.colorBarStroke;\n //context.lineJoin = 'round';\n context.stroke();\n }\n\n if (type !== 'progress' && options.colorBar) {\n context.fillStyle = options.colorBarEnd ? drawings.linearGradient(context, options.colorBar, options.colorBarEnd, barLength, isVertical, isVertical ? Y : X) : options.colorBar;\n context.fill();\n } else if (type === 'progress' && options.colorBarProgress) {\n context.fillStyle = options.colorBarProgressEnd ? drawings.linearGradient(context, options.colorBarProgress, options.colorBarProgressEnd, fullBarLength, isVertical, isVertical ? Y : X) : options.colorBarProgress;\n context.fill();\n }\n\n context.closePath();\n\n // fix dimensions for further usage\n if (options.barBeginCircle) context.barDimensions.radius += strokeWidth;\n\n context.barDimensions.barWidth += strokeWidth;\n context.barDimensions.barLength += strokeWidth;\n}\n\n/**\n * Draws gauge bar\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBar(context, options, x, y, w, h) {\n drawLinearBarShape(context, options, '', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Helper function to calculate bar ticks presence on the sides\n *\n * @param {string} notWhich\n * @param {LinearGaugeOptions} options\n * @return {boolean}\n */\nfunction hasTicksBar(notWhich, options) {\n return options.needleSide !== notWhich || options.tickSide !== notWhich || options.numberSide !== notWhich;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar progress\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBarProgress(context, options, x, y, w, h) {\n options.barProgress && drawLinearBarShape(context, options, 'progress', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar highlighted areas\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarHighlights(context, options) {\n var _context$barDimension = context.barDimensions;\n var isVertical = _context$barDimension.isVertical;\n var width = _context$barDimension.width;\n var length = _context$barDimension.length;\n var barWidth = _context$barDimension.barWidth;\n var barOffset = _context$barDimension.barOffset;\n var barMargin = _context$barDimension.barMargin;\n var X = _context$barDimension.X;\n var Y = _context$barDimension.Y;\n var ticksLength = _context$barDimension.ticksLength;\n var ticksPadding = _context$barDimension.ticksPadding;\n\n var hlWidth = width * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!options.highlights || !hlWidth) return;\n\n var hasLeft = options.tickSide !== 'right';\n var hasRight = options.tickSide !== 'left';\n var i = 0;\n var s = options.highlights.length;\n var tickOffset = (width - barWidth) / 2;\n var interval = options.maxValue - options.minValue;\n //noinspection JSUnresolvedFunction\n var eX = round(isVertical ? X + tickOffset : X + barMargin + barOffset);\n var eH = hlWidth;\n var eY = isVertical ? Y + length - barMargin - barOffset : Y + tickOffset;\n //noinspection JSUnresolvedFunction\n var hLeft = round((options.ticksWidth / 100 + ticksPadding) * width) + (hlWidth - options.ticksWidth / 100 * width);\n //noinspection JSUnresolvedFunction\n var hRight = round(barWidth + ticksPadding * width);\n\n context.save();\n\n for (; i < s; i++) {\n var entry = options.highlights[i];\n //noinspection JSUnresolvedFunction\n var eStart = ticksLength * abs(options.minValue - entry.from) / interval;\n //noinspection JSUnresolvedFunction\n var eW = ticksLength * abs((entry.to - entry.from) / interval);\n\n context.beginPath();\n context.fillStyle = entry.color;\n\n if (isVertical) {\n if (hasLeft) context.rect(eX - hLeft, eY - eStart, eH, -eW);\n\n if (hasRight) context.rect(eX + hRight, eY - eStart, eH, -eW);\n } else {\n if (hasLeft) context.rect(eX + eStart, eY - hLeft, eW, eH);\n\n if (hasRight) context.rect(eX + eStart, eY + hRight, eW, eH);\n }\n\n context.fill();\n context.closePath();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws a tick line on a linear gauge\n *\n * @param {Canvas2DContext} context\n * @param x1\n * @param y1\n * @param x2\n * @param y2\n */\nfunction drawLinearTick(context, x1, y1, x2, y2) {\n context.beginPath();\n\n context.moveTo(x1, y1);\n context.lineTo(x2, y2);\n context.stroke();\n\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks\n *\n * @param {Canvas2DContext} context\n * @param {string} color\n * @param {number[]} ticks\n * @param {number} minVal\n * @param {number} maxVal\n * @param {boolean} hasLeft\n * @param {boolean} hasRight\n * @param {number} lineWidth\n * @param {number} lineLength\n */\nfunction drawLinearTicks(context, color, ticks, minVal, maxVal, hasLeft, hasRight, lineWidth, lineLength) {\n var _context$barDimension2 = context.barDimensions;\n var isVertical = _context$barDimension2.isVertical;\n var length = _context$barDimension2.length;\n var barWidth = _context$barDimension2.barWidth;\n var barOffset = _context$barDimension2.barOffset;\n var barMargin = _context$barDimension2.barMargin;\n var pixelRatio = _context$barDimension2.pixelRatio;\n var width = _context$barDimension2.width;\n var X = _context$barDimension2.X;\n var Y = _context$barDimension2.Y;\n var ticksLength = _context$barDimension2.ticksLength;\n var ticksPadding = _context$barDimension2.ticksPadding;\n\n var tickOffset = (width - barWidth) / 2;\n var tickX = void 0,\n tickY = void 0;\n var i = 0;\n var tickLen = lineLength * width;\n var tickLeft = tickOffset - ticksPadding * width;\n var tickRight = tickOffset + barWidth + tickLen + ticksPadding * width;\n var colors = color instanceof Array ? color : new Array(ticks.length).fill(color);\n\n context.lineWidth = lineWidth * pixelRatio;\n context.save();\n\n var ratio = ticksLength / (maxVal - minVal);\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = ticks[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var val = _step.value;\n\n context.strokeStyle = colors[ticks.indexOf(val)];\n\n if (isVertical) {\n tickY = Y + length - barMargin - barOffset + (minVal - val) * ratio;\n\n if (hasLeft) {\n tickX = X + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n\n if (hasRight) {\n tickX = X + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n } else {\n tickX = X + barMargin + barOffset - (minVal - val) * ratio;\n\n if (hasLeft) {\n tickY = Y + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, tickX, round(tickY - tickLen));\n }\n\n if (hasRight) {\n tickY = Y + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, round(tickY), tickX, tickY - tickLen);\n }\n }\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicks(context, options) {\n var _drawings$prepareTick = drawings.prepareTicks(options);\n\n var _drawings$prepareTick2 = _slicedToArray(_drawings$prepareTick, 2);\n\n var hasLeft = _drawings$prepareTick2[0];\n var hasRight = _drawings$prepareTick2[1];\n\n var lineWidth = 2;\n var valuePerNonExactTick = (options.maxValue - options.minValue) / (options.majorTicks.length - 1);\n var colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(options.majorTicks.length).fill(options.colorMajorTicks);\n var ticks = options.exactTicks ? options.majorTicks : options.majorTicks.map(function (tick, i) {\n return options.minValue + valuePerNonExactTick * i;\n });\n\n drawLinearTicks(context, colors, ticks, options.minValue, options.maxValue, hasLeft, hasRight, lineWidth, options.ticksWidth / 100);\n\n if (options.strokeTicks) {\n var _context$barDimension3 = context.barDimensions;\n var isVertical = _context$barDimension3.isVertical;\n var length = _context$barDimension3.length;\n var width = _context$barDimension3.width;\n var barWidth = _context$barDimension3.barWidth;\n var barMargin = _context$barDimension3.barMargin;\n var barOffset = _context$barDimension3.barOffset;\n var X = _context$barDimension3.X;\n var Y = _context$barDimension3.Y;\n var ticksLength = _context$barDimension3.ticksLength;\n var pixelRatio = _context$barDimension3.pixelRatio;\n var ticksPadding = _context$barDimension3.ticksPadding;\n\n var rightTicks = (width - barWidth) / 2 + barWidth + ticksPadding * width;\n var leftTicks = (width - barWidth) / 2 - ticksPadding * width;\n var sX = void 0,\n sY = void 0,\n eX = void 0,\n eY = void 0;\n\n context.strokeStyle = colors[0];\n\n lineWidth *= pixelRatio;\n\n if (isVertical) {\n sY = Y + length - barMargin - barOffset + lineWidth / 2;\n eY = sY - ticksLength - lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n } else {\n sX = X + barMargin + barOffset - lineWidth / 2;\n eX = sX + ticksLength + lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks stroke\n *\n * @param {Canvas2DContext} context\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n */\nfunction drawLinearTickStroke(context, sX, sY, eX, eY) {\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMinorTicks(context, options) {\n var _drawings$prepareTick3 = drawings.prepareTicks(options);\n\n var _drawings$prepareTick4 = _slicedToArray(_drawings$prepareTick3, 2);\n\n var hasLeft = _drawings$prepareTick4[0];\n var hasRight = _drawings$prepareTick4[1];\n\n var ticks = [];\n var i = options.minValue;\n var valuePerNonExactTick = (options.maxValue - options.minValue) / (options.minorTicks * (options.majorTicks.length - 1));\n\n if (options.exactTicks) {\n var delta = options.majorTicks[0] % options.minorTicks;\n\n for (; i < options.maxValue; i += options.minorTicks) {\n ticks.push(delta + i);\n }\n } else {\n for (; i < options.maxValue; i += valuePerNonExactTick) {\n ticks.push(i);\n }\n }\n\n drawLinearTicks(context, options.colorMinorTicks, ticks, options.minValue, options.maxValue, hasLeft, hasRight, 1, options.ticksWidthMinor / 100);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major tick numbers\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicksNumbers(context, options) {\n var _context$barDimension4 = context.barDimensions;\n var isVertical = _context$barDimension4.isVertical;\n var length = _context$barDimension4.length;\n var width = _context$barDimension4.width;\n var barWidth = _context$barDimension4.barWidth;\n var barMargin = _context$barDimension4.barMargin;\n var barOffset = _context$barDimension4.barOffset;\n var X = _context$barDimension4.X;\n var Y = _context$barDimension4.Y;\n var ticksLength = _context$barDimension4.ticksLength;\n var ticksPadding = _context$barDimension4.ticksPadding;\n\n var range = options.maxValue - options.minValue;\n var valuePerNonExactTick = range / (options.majorTicks.length - 1);\n var tickValues = options.exactTicks ? options.majorTicks : options.majorTicks.map(function (tick, i) {\n return options.minValue + valuePerNonExactTick * i;\n });\n var ticks = tickValues.length;\n var hasLeft = options.numberSide !== 'right';\n var hasRight = options.numberSide !== 'left';\n var textHeight = options.fontNumbersSize * width / 200;\n var i = 0;\n var ticksWidth = (options.ticksWidth / 100 + ticksPadding * 2) * width;\n var numLeft = (width - barWidth) / 2 - ticksWidth;\n var numRight = (width - barWidth) / 2 + barWidth + ticksWidth;\n var textX = void 0,\n textY = void 0,\n textWidth = void 0,\n numberOffset = void 0,\n tick = void 0;\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(ticks).fill(options.colorNumbers);\n\n context.font = drawings.font(options, 'Numbers', width / 200);\n context.lineWidth = 0;\n context.textAlign = 'center';\n\n for (; i < ticks; i++) {\n context.fillStyle = colors[i];\n tick = options.majorTicks[i];\n numberOffset = options.exactTicks ? ticksLength * ((tickValues[i] - options.minValue) / range) : i * ticksLength / (ticks - 1);\n\n if (isVertical) {\n textY = Y + length - barMargin - barOffset - numberOffset + textHeight / 3;\n\n if (hasLeft) {\n context.textAlign = 'right';\n context.fillText(tick, X + numLeft, textY);\n }\n\n if (hasRight) {\n context.textAlign = 'left';\n context.fillText(tick, X + numRight, textY);\n }\n } else {\n textWidth = context.measureText(tick).width;\n textX = X + barMargin + barOffset + numberOffset;\n\n if (hasLeft) {\n context.fillText(tick, textX, Y + numLeft);\n }\n\n if (hasRight) {\n context.fillText(tick, textX, Y + numRight + textHeight);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge title\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearTitle(context, options) {\n if (!options.title) return;\n\n var _context$barDimension5 = context.barDimensions;\n var isVertical = _context$barDimension5.isVertical;\n var width = _context$barDimension5.width;\n var length = _context$barDimension5.length;\n var baseX = _context$barDimension5.baseX;\n var baseY = _context$barDimension5.baseY;\n var titleMargin = _context$barDimension5.titleMargin;\n\n var textHeight = options.fontTitleSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + titleMargin / 2 - (isVertical ? textHeight : textHeight / 2) - 0.025 * (isVertical ? length : width));\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Title', width / 200);\n context.lineWidth = 0;\n context.fillText(options.title, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge units\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearUnits(context, options) {\n if (!options.units) return;\n\n var _context$barDimension6 = context.barDimensions;\n var isVertical = _context$barDimension6.isVertical;\n var width = _context$barDimension6.width;\n var length = _context$barDimension6.length;\n var baseX = _context$barDimension6.baseX;\n var baseY = _context$barDimension6.baseY;\n var unitsMargin = _context$barDimension6.unitsMargin;\n\n var textHeight = options.fontUnitsSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + (isVertical ? length : width) + unitsMargin / 2 - textHeight / 2);\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Units', width / 200);\n context.lineWidth = 0;\n context.fillText(options.units, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge needles\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarNeedle(context, options) {\n if (!options.needle) return;\n\n var _context$barDimension7 = context.barDimensions;\n var isVertical = _context$barDimension7.isVertical;\n var width = _context$barDimension7.width;\n var length = _context$barDimension7.length;\n var barWidth = _context$barDimension7.barWidth;\n var barOffset = _context$barDimension7.barOffset;\n var barMargin = _context$barDimension7.barMargin;\n var ticksLength = _context$barDimension7.ticksLength;\n var X = _context$barDimension7.X;\n var Y = _context$barDimension7.Y;\n var ticksPadding = _context$barDimension7.ticksPadding;\n\n var hasLeft = options.needleSide !== 'right';\n var hasRight = options.needleSide !== 'left';\n var position = ticksLength * (drawings.normalizedValue(options).indented - options.minValue) / (options.maxValue - options.minValue);\n var tickWidth = (options.ticksWidth / 100 + ticksPadding) * width;\n var baseLength = barWidth / 2 + tickWidth;\n var needleLength = baseLength * (options.needleEnd / 100);\n var sX = void 0,\n eX = void 0,\n sY = void 0,\n eY = void 0;\n var draw = options.needleType.toLowerCase() === 'arrow' ? drawLinearArrowNeedle : drawLinearLineNeedle;\n var barStart = (width - barWidth) / 2;\n var needleStart = baseLength * (options.needleStart / 100);\n var nLeft = barStart - tickWidth - needleStart;\n var nRight = barStart + barWidth + tickWidth + needleStart;\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + length - barMargin - barOffset - position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nLeft);\n eX = sX + needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nRight);\n eX = sX - needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength, true);\n }\n } else {\n //noinspection JSUnresolvedFunction\n sX = round(X + barMargin + barOffset + position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nLeft);\n eY = sY + needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nRight);\n eY = sY - needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength, true);\n }\n }\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns needle color style\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} length\n * @param {boolean} [isRight]\n * @return {CanvasGradient|string}\n */\nfunction needleStyle(context, options, length, isRight) {\n return options.colorNeedleEnd ? drawings.linearGradient(context, isRight ? options.colorNeedleEnd : options.colorNeedle, isRight ? options.colorNeedle : options.colorNeedleEnd, length, !context.barDimensions.isVertical) : options.colorNeedle;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws line needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearLineNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n context.lineWidth = options.needleWidth;\n context.strokeStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws arrow needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearArrowNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n //noinspection JSUnresolvedFunction\n var peakLength = round(length * 0.4);\n var bodyLength = length - peakLength;\n var isVertical = sX === eX;\n var halfWidth = options.needleWidth / 2;\n\n context.fillStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n\n if (isVertical) {\n if (sY > eY) bodyLength *= -1;\n\n context.moveTo(sX - halfWidth, sY);\n context.lineTo(sX + halfWidth, sY);\n context.lineTo(sX + halfWidth, sY + bodyLength);\n context.lineTo(sX, eY);\n context.lineTo(sX - halfWidth, sY + bodyLength);\n context.lineTo(sX - halfWidth, sY);\n } else {\n if (sX > eX) bodyLength *= -1;\n\n context.moveTo(sX, sY - halfWidth);\n context.lineTo(sX, sY + halfWidth);\n context.lineTo(sX + bodyLength, sY + halfWidth);\n context.lineTo(eX, sY);\n context.lineTo(sX + bodyLength, sY - halfWidth);\n context.lineTo(sX, sY - halfWidth);\n }\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box for linear gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} value\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearValueBox(context, options, value, x, y, w, h) {\n // currently value box is available only for vertical linear gauge,\n // as far as by design it is hard to find a proper place for\n // horizontal ones\n var boxWidth = (parseFloat(options.fontValueSize) || 0) * w / 200;\n var dy = (0.11 * h - boxWidth) / 2;\n\n context.barDimensions.isVertical && drawings.drawValueBox(context, options, value, x + w / 2, y + h - boxWidth - dy, w);\n}\n\n/**\n * Minimalistic HTML5 Canvas Linear Gauge\n */\n\nvar LinearGauge = function (_BaseGauge2) {\n _inherits(LinearGauge, _BaseGauge2);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event LinearGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event LinearGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event LinearGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event LinearGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event LinearGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event LinearGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event LinearGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge bar area is drawn\n *\n * @event LinearGauge#beforeBar\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event LinearGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event LinearGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event LinearGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {LinearGaugeOptions} options\n */\n function LinearGauge(options) {\n _classCallCheck(this, LinearGauge);\n\n options = Object.assign({}, defaultLinearGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (LinearGauge.__proto__ || Object.getPrototypeOf(LinearGauge)).call(this, LinearGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(LinearGauge, [{\n key: 'draw',\n\n\n /* istanbul ignore next */\n /**\n * Triggering linear gauge render on a canvas.\n *\n * @returns {LinearGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref2 = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref2[0];\n var y = _ref2[1];\n var w = _ref2[2];\n var h = _ref2[3];\n\n var options = this.options;\n\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n this.drawBox = drawLinearPlate(context, options, x, y, w, h);\n\n this.emit('beforeBar');\n drawLinearBar.apply(undefined, [context, options].concat(_toConsumableArray(this.drawBox)));\n\n canvas.context.barDimensions = context.barDimensions;\n\n this.emit('beforeHighlights');\n drawLinearBarHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawLinearMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawLinearMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawLinearMajorTicksNumbers(context, options);\n this.emit('beforeTitle');\n drawLinearTitle(context, options);\n this.emit('beforeUnits');\n drawLinearUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawLinearBarProgress.apply(undefined, [canvas.context, options].concat(_toConsumableArray(this.drawBox)));\n this.emit('beforeNeedle');\n drawLinearBarNeedle(canvas.context, options);\n this.emit('beforeValueBox');\n drawLinearValueBox.apply(undefined, [canvas.context, options, options.animatedValue ? this.options.value : this.value].concat(_toConsumableArray(this.drawBox)));\n\n _get(LinearGauge.prototype.__proto__ || Object.getPrototypeOf(LinearGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n /* istanbul ignore else */\n if (options.barStrokeWidth >= options.barWidth) {\n //noinspection JSUnresolvedFunction\n options.barStrokeWidth = round(options.barWidth / 2);\n }\n\n //noinspection JSUndefinedPropertyAssignment\n options.hasLeft = hasTicksBar('right', options);\n //noinspection JSUndefinedPropertyAssignment\n options.hasRight = hasTicksBar('left', options);\n\n if (options.value > options.maxValue) {\n options.value = options.maxValue;\n }\n\n if (options.value < options.minValue) {\n options.value = options.minValue;\n }\n\n return BaseGauge.configure(options);\n }\n }]);\n\n return LinearGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['LinearGauge'] = LinearGauge;\n}\n\nBaseGauge.initialize('LinearGauge', defaultLinearGaugeOptions);;typeof module !== \"undefined\" && Object.assign(ns, {Collection: Collection,GenericOptions: GenericOptions,Animation: Animation,BaseGauge: BaseGauge,drawings: drawings,SmartCanvas: SmartCanvas,vendorize: vendorize});}(typeof module !== \"undefined\" ? module.exports : window));"],"sourceRoot":"/source/"} \ No newline at end of file +{"version":3,"sources":["gauge.min.js"],"names":["ns","_toConsumableArray","arr","Array","isArray","i","arr2","length","from","_possibleConstructorReturn","self","call","ReferenceError","_inherits","subClass","superClass","TypeError","prototype","Object","create","constructor","value","enumerable","writable","configurable","setPrototypeOf","__proto__","_classCallCheck","instance","Constructor","vendorize","prop","window","global","vendors","s","capitalized","charAt","toUpperCase","substr","vendorProp","step","time","draw","start","rule","duration","end","anim","progress","percent","frame","requestAnimationFrame","Collection","apply","this","arguments","verifyError","err","DOMException","result","prepareTicks","options","majorTicks","push","drawings","formatMajorTickNumber","minValue","maxValue","tickSide","roundRect","context","x","y","w","h","r","beginPath","moveTo","lineTo","quadraticCurveTo","closePath","padValue","val","dec","valueDec","int","valueInt","strVal","n","parseFloat","Math","abs","toFixed","toString","split","round","num","right","hasDec","majorTicksDec","majorTicksInt","indexOf","join","replace","radians","degrees","PI","radialPoint","radius","angle","sin","cos","linearGradient","colorFrom","colorTo","isVertical","undefined","grad","createLinearGradient","addColorStop","drawShadow","shadowDrawn","restore","save","borderShadowWidth","shadowBlur","shadowColor","colorBorderShadow","drawNeedleShadow","needleShadow","shadowOffsetX","shadowOffsetY","colorNeedleShadowDown","font","target","baseSize","reset","strokeStyle","lineWidth","drawValueTextShadow","offset","blur","valueTextShadow","colorValueTextShadow","drawValueBox","max","valueBox","text","valueText","tunit","runit","tw","measureText","width","th","fontValueSize","sw","valueBoxStroke","bmax","bw","bh","br","valueBoxBorderRadius","obw","valueBoxWidth","bx","by","gy","rect","grd","createRadialGradient","colorValueBoxRect","colorValueBoxRectEnd","stroke","colorValueBoxShadow","colorValueBoxBackground","fillStyle","fill","colorValueText","textAlign","textBaseline","fillText","normalizedValue","min","dt","normal","indented","drawRadialBorder","arc","maxRadialRadius","pxRatio","SmartCanvas","pixelRatio","maxRadius","borderOuterWidth","borderMiddleWidth","borderInnerWidth","drawRadialPlate","d0","r0","r1","r2","r3","colorBorderOuter","colorBorderOuterEnd","colorBorderMiddle","colorBorderMiddleEnd","colorBorderInner","colorBorderInnerEnd","colorPlateEnd","colorPlate","drawRadialHighlights","hlWidth","highlightsWidth","radialTicksRadius","highlights","vd","ticksAngle","hlt","rotate","HPI","startAngle","to","color","drawRadialMinorTicks","range","delta","ratio","colorMinorTicks","exactTicks","minorTicks","closeStrokedPath","unit","barWidth","barStrokeWidth","drawRadialMajorTicks","colors","colorMajorTicks","radialNextAngle","strokeTicks","drawRadialNumbers","points","isAnimated","animationTarget","colorNumbers","plateValueAngle","textWidth","textHeight","fontNumbersSize","textRadius","sqrt","point","numbersMargin","drawRadialTitle","title","colorTitle","drawRadialUnits","units","colorUnits","drawRadialNeedle","needle","needleCircleSize","rIn","needleEnd","rStart","needleStart","rOut","pad1","needleWidth","pad2","isFixed","colorNeedle","colorNeedleEnd","needleType","colorNeedleShadowUp","needleCircleOuter","colorNeedleCircleOuter","colorNeedleCircleOuterEnd","needleCircleInner","colorNeedleCircleInner","colorNeedleCircleInnerEnd","drawRadialValueBox","drawRadialProgressBar","rMax","rMin","half","sa","ea","colorBarStroke","colorBar","barShadow","clip","colorBarShadow","barProgress","colorBarProgress","displayValue","gauge","animatedValue","drawRectangle","colorStart","colorEnd","drawLinearBorder","drawLinearPlate","borderRadius","w1","w2","w3","w4","h1","h2","h3","h4","x2","x3","x4","y2","y3","y4","aliasingOffset","barDimensions","hasTitle","hasUnits","hasValue","titleMargin","unitsMargin","valueMargin","strokeWidth","barBeginCircle","barLength","barMargin","x0","y0","dx","hasLeft","hasRight","ticksWidth","dy","barOffset","ticksLength","X","Y","baseX","baseY","ticksPadding","drawLinearBarShape","type","_barDimensions","fullBarLength","direction","alpha","asin","cosAlpha","sinAlpha","x1","y1","cutRadius","rx","ry","colorBarEnd","colorBarProgressEnd","drawLinearBar","hasTicksBar","notWhich","needleSide","numberSide","drawLinearBarProgress","drawLinearBarHighlights","_context$barDimension","tickOffset","interval","eX","eH","eY","hLeft","hRight","entry","eStart","eW","drawLinearTick","drawLinearTicks","ticks","minVal","maxVal","lineLength","_context$barDimension2","tickX","tickY","tickLen","tickLeft","tickRight","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_step","_iterator","Symbol","iterator","next","done","return","drawLinearMajorTicks","_drawings$prepareTick","_drawings$prepareTick2","_slicedToArray","valuePerNonExactTick","map","tick","_context$barDimension3","rightTicks","leftTicks","sX","sY","drawLinearTickStroke","drawLinearMinorTicks","_drawings$prepareTick3","_drawings$prepareTick4","ticksWidthMinor","drawLinearMajorTicksNumbers","_context$barDimension4","tickValues","numLeft","numRight","textX","textY","numberOffset","textMargin","drawLinearTitle","_context$barDimension5","fontTitleSize","drawLinearUnits","_context$barDimension6","fontUnitsSize","drawLinearBarNeedle","_context$barDimension7","position","tickWidth","baseLength","needleLength","toLowerCase","drawLinearArrowNeedle","drawLinearLineNeedle","barStart","nLeft","nRight","needleStyle","isRight","peakLength","bodyLength","halfWidth","drawLinearValueBox","boxWidth","sliceIterator","_arr","_n","_d","_e","_s","_i","_get","get","object","property","receiver","Function","desc","getOwnPropertyDescriptor","parent","getPrototypeOf","getter","_set","set","setter","_createClass","defineProperties","props","descriptor","defineProperty","key","protoProps","staticProps","assign","firstSource","nextSource","keysArray","keys","nextIndex","len","nextKey","searchElement","fromIndex","k","O","Infinity","relativeStart","relativeEnd","final","EventEmitter","_events","addListener","on","removeListener","off","event","_len","args","_key","_len2","handlers","_key2","_loop","handler","wrapper","concat","_handler","index","splice","callback","setTimeout","Date","getTime","rules","linear","p","quad","pow","dequad","quint","dequint","cycle","acos","decycle","bounce","debounce","a","b","elastic","delastic","Animation","_this","cancel","performance","now","cancelAnimationFrame","id","DomObserver","element","toDashed","Type","mutationsObserved","isObservable","MutationObserver","GAUGES_NO_AUTO_INIT","domReady","traverse","bind","node","tagName","getAttribute","elements","document","getElementsByTagName","process","observe","body","childList","subtree","attributes","characterData","attributeOldValue","characterDataOldValue","records","record","attributeName","isValidNode","oldValue","addedNodes","ii","ss","_this2","JSON","parse","stringify","hasOwnProperty","toAttributeName","attributeValue","renderTo","observer","forEach","attr","disconnect","destroy","_prop","part","_options","update","test","e","camelCase","str","dashed","readyState","addEventListener","attachEvent","canvas","height","collection","init","style","elementClone","cloneNode","getContext","contextClone","drawWidth","drawHeight","drawX","drawY","minSide","initialized","translate","clearRect","onRedraw","scale","redraw","devicePixelRatio","matchMedia","GenericOptions","animateOnInit","borders","animation","animationDuration","animationRule","fontNumbers","fontTitle","fontUnits","fontValue","fontNumbersStyle","fontTitleStyle","fontUnitsStyle","fontValueStyle","fontNumbersWeight","fontTitleWeight","fontUnitsWeight","fontValueWeight","getElementById","version","gauges","BaseGauge","_EventEmitter","_this3","className","name","HTMLCanvasElement","parentNode","offsetWidth","offsetHeight","_value","configure","emit","_this4","ensureValue","fromValue","animate","toCamelCase","isNaN","isFinite","defaultRadialGaugeOptions","useMinPath","RadialGauge","_BaseGauge","_ref","commit","drawImage","_context","initialize","defaultLinearGaugeOptions","LinearGauge","_BaseGauge2","_ref2","drawBox","module","exports"],"mappings":"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","file":"gauge.min.js","sourcesContent":["/*!\n * The MIT License (MIT)\n * \n * Copyright (c) 2016 Mykhailo Stadnyk \n * \n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n *\n * @version 2.1.1\n */\n(function(ns) {'use strict';\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if (\"value\" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };\n\nvar _set = function set(object, property, value, receiver) { var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent !== null) { set(parent, property, value, receiver); } } else if (\"value\" in desc && desc.writable) { desc.value = value; } else { var setter = desc.set; if (setter !== undefined) { setter.call(receiver, value); } } return value; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n/**\n * @external {Object.assign} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n */\n/* istanbul ignore next */\nif (!Object.assign) {\n Object.defineProperty(Object, 'assign', {\n enumerable: false,\n configurable: true,\n writable: true,\n value: function value(target, firstSource) {\n 'use strict';\n\n if (target === undefined || target === null) {\n throw new TypeError('Cannot convert first argument to object');\n }\n\n var to = Object(target);\n var i = 1;\n\n for (; i < arguments.length; i++) {\n var nextSource = arguments[i];\n\n if (nextSource === undefined || nextSource === null) {\n continue;\n }\n\n var keysArray = Object.keys(Object(nextSource));\n var nextIndex = 0,\n len = keysArray.length;\n\n for (; nextIndex < len; nextIndex++) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n\n if (desc !== undefined && desc.enumerable) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n\n return to;\n }\n });\n}\n\n/**\n * @external {Array.indexOf} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf\n */\n/* istanbul ignore next */\nif (!Array.prototype.indexOf) {\n Array.prototype.indexOf = function (searchElement, fromIndex) {\n var k;\n\n if (this === null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n\n if (len === 0) {\n return -1;\n }\n\n var n = +fromIndex || 0;\n\n if (Math.abs(n) === Infinity) {\n n = 0;\n }\n\n if (n >= len) {\n return -1;\n }\n\n k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n while (k < len) {\n if (k in O && O[k] === searchElement) {\n return k;\n }\n\n k++;\n }\n\n return -1;\n };\n}\n\n/**\n * @external {Array.fill} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array/fill\n */\n/* istanbul ignore next */\nif (!Array.prototype.fill) {\n Array.prototype.fill = function (value) {\n if (this === null) {\n throw new TypeError('this is null or not defined');\n }\n\n var O = Object(this);\n var len = O.length >>> 0;\n var start = arguments[1];\n var relativeStart = start >> 0;\n var k = relativeStart < 0 ? Math.max(len + relativeStart, 0) : Math.min(relativeStart, len);\n var end = arguments[2];\n var relativeEnd = end === undefined ? len : end >> 0;\n var final = relativeEnd < 0 ? Math.max(len + relativeEnd, 0) : Math.min(relativeEnd, len);\n while (k < final) {\n O[k] = value;\n k++;\n }\n\n return O;\n };\n}\n\n/**\n * mocking window\n */\nif (typeof window === 'undefined') {\n window = typeof global === 'undefined' ? {} : global;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * Look-ups for a proper vendor-specific property and returns its value\n *\n * @example\n * var requestAnimationFrame = vendorize('requestAnimationFrame');\n * // it will refer properly to:\n * // - window.requestAnimationFrame by default or to\n * // - window.webkitRequestAnimationFrame or to\n * // - window.mozRequestAnimationFrame or to\n * // - window.msRequestAnimationFrame or to\n * // - window.oRequestAnimationFrame\n * // depending on the current browser vendor\n *\n * @author Mykhailo Stadnyk \n * @param {string} prop\n * @param {HTMLElement|Window|object} [from] - default is window\n * @returns {*}\n */\nfunction vendorize(prop, from) {\n /* istanbul ignore else: no reason to cover */\n if (!from) {\n from = typeof window === 'undefined' ? global : window;\n }\n\n if (typeof from[prop] !== 'undefined') {\n return from[prop];\n }\n\n var vendors = ['webkit', 'moz', 'ms', 'o'];\n var i = 0;\n var s = vendors.length;\n var capitalized = prop.charAt(0).toUpperCase() + prop.substr(1);\n\n for (; i < s; i++) {\n var vendorProp = from[vendors[i] + capitalized];\n\n /* istanbul ignore if: requires very complex environment to test (specific browser version) */\n if (typeof vendorProp !== 'undefined') {\n return vendorProp;\n }\n }\n\n return null;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Class EventEmitter - base event manager\n */\n\nvar EventEmitter = function () {\n /**\n * @constructor\n */\n function EventEmitter() {\n _classCallCheck(this, EventEmitter);\n\n this._events = {};\n\n this.addListener = this.on;\n this.removeListener = this.off;\n }\n\n /**\n * Returns all event listeners\n *\n * @return {object}\n */\n\n\n _createClass(EventEmitter, [{\n key: 'emit',\n\n\n /**\n * Emits given event bypassing to each registered handler given args\n *\n * @param {string} event\n * @param {...*} args\n */\n value: function emit(event) {\n if (this._events[event]) {\n var i = 0;\n var s = this._events[event].length;\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n for (; i < s; i++) {\n this._events[event][i] && this._events[event][i].apply(this, args);\n }\n }\n }\n\n /**\n * Registers given handler for given event to be called only once when\n * event is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'once',\n value: function once(event) {\n for (var _len2 = arguments.length, handlers = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n handlers[_key2 - 1] = arguments[_key2];\n }\n\n var i = 0;\n var s = handlers.length;\n var self = this;\n\n var _loop = function _loop() {\n var handler = handlers[i];\n var wrapper = function wrapper() {\n self.off(event, wrapper);\n handler.apply(self, arguments);\n };\n\n handlers[i] = wrapper;\n };\n\n for (; i < s; i++) {\n _loop();\n }\n\n this.on.apply(this, [event].concat(handlers));\n }\n\n /**\n * Registers given handlers for a given events to be called each time event\n * is emitted\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'on',\n value: function on(event) {\n if (!this._events[event]) {\n this._events[event] = [];\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n this._events[event].push(arguments.length <= i + 1 ? undefined : arguments[i + 1]);\n }\n }\n\n /**\n * Un-registers previously registered event handlers\n *\n * @param {string} event\n * @param {...function} handlers\n */\n\n }, {\n key: 'off',\n value: function off(event) {\n if (!this._events[event]) {\n return;\n }\n\n var i = 0;\n var s = arguments.length <= 1 ? 0 : arguments.length - 1;\n\n for (; i < s; i++) {\n var _handler = arguments.length <= i + 1 ? undefined : arguments[i + 1];\n var index = void 0;\n\n while (~(index = this._events[event].indexOf(_handler))) {\n this._events[event].splice(index, 1);\n }\n }\n }\n\n /**\n * Removes all listeners for a given event\n *\n * @param {string} event\n */\n\n }, {\n key: 'removeAllListeners',\n value: function removeAllListeners(event) {\n delete this._events[event];\n }\n }, {\n key: 'listeners',\n get: function get() {\n return this._events;\n }\n }]);\n\n return EventEmitter;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/* jshint -W079 */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/* istanbul ignore next */\n/**\n * @type {function(callback: function(time: number): number, element?: HTMLElement)}\n * @access private\n */\n\n\nvar requestAnimationFrame = vendorize('requestAnimationFrame') || function (callback) {\n return setTimeout(function () {\n return callback(new Date().getTime());\n }, 1000 / 60);\n};\n\n/**\n * Generic AnimationRule function interface\n *\n * @typedef {function(percent: number): number} AnimationRule\n */\n\n/**\n * Callback for animation step draw event.\n * It will be called each time animation step is executed, bypassing\n * as first argument a percent of animation completeness. It is expected\n * that this callback will do an actual work of animating an elements or\n * whatever, as far as animation engine is just calculating and executing\n * animation steps without any knowledge about things under animation.\n *\n * @typedef {function(percent: number): *} DrawEventCallback\n */\n\n/**\n * Callback for animation complete event.\n * It is called once each animation is complete.\n *\n * @typedef {function(): *} EndEventCallback\n */\n\n/**\n * Predefined known animation rules.\n * It's a simple collection of math for some most used animations.\n *\n * @typedef {{linear: AnimationRule, quad: AnimationRule, dequad: AnimationRule, quint: AnimationRule, dequint: AnimationRule, cycle: AnimationRule, decycle: AnimationRule, bounce: AnimationRule, debounce: AnimationRule, elastic: AnimationRule, delastic: AnimationRule}} AnimationRules\n */\n\n/* istanbul ignore next: no reason covering this */\nvar rules = {\n linear: function linear(p) {\n return p;\n },\n quad: function quad(p) {\n return Math.pow(p, 2);\n },\n dequad: function dequad(p) {\n return 1 - rules.quad(1 - p);\n },\n quint: function quint(p) {\n return Math.pow(p, 5);\n },\n dequint: function dequint(p) {\n return 1 - Math.pow(1 - p, 5);\n },\n cycle: function cycle(p) {\n return 1 - Math.sin(Math.acos(p));\n },\n decycle: function decycle(p) {\n return Math.sin(Math.acos(1 - p));\n },\n bounce: function bounce(p) {\n return 1 - rules.debounce(1 - p);\n },\n debounce: function debounce(p) {\n var a = 0,\n b = 1;\n for (; 1; a += b, b /= 2) {\n if (p >= (7 - 4 * a) / 11) {\n return -Math.pow((11 - 6 * a - 11 * p) / 4, 2) + Math.pow(b, 2);\n }\n }\n },\n elastic: function elastic(p) {\n return 1 - rules.delastic(1 - p);\n },\n delastic: function delastic(p) {\n var x = 1.5;\n return Math.pow(2, 10 * (p - 1)) * Math.cos(20 * Math.PI * x / 3 * p);\n }\n};\n\n/* istanbul ignore next: private, not testable */\n/**\n * Evaluates animation step and decides if the next step required or\n * stops animation calling a proper events.\n *\n * @access private\n * @param {number} time\n * @param {DrawEventCallback} draw\n * @param {number} start\n * @param {AnimationRule} rule\n * @param {number} duration\n * @param {EndEventCallback} end\n * @param {Animation} anim\n */\nfunction step(time, draw, start, rule, duration, end, anim) {\n if (typeof rule !== 'function') {\n throw new TypeError('Invalid animation rule:', rule);\n }\n\n var progress = time - start;\n var percent = progress / duration;\n\n if (percent > 1) {\n percent = 1;\n }\n\n draw && draw(percent === 1 ? percent : rule(percent));\n\n if (progress < duration) {\n anim.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rule, duration, end, anim);\n });\n } else {\n end && end();\n }\n}\n\n/**\n * Animation engine API for JavaScript-based animations.\n * This is simply an animation core framework which simplifies creation\n * of various animations for generic purposes.\n *\n * @example\n * // create 'linear' animation engine, 500ms duration\n * let linear = new Animation('linear', 500);\n *\n * // create 'elastic' animation engine\n * let elastic = new Animation('elastic');\n *\n * // define animation behavior\n * let bounced = new Animation('bounce', 500, percent => {\n * let value = parseInt(percent * 100, 10);\n *\n * $('div.bounced').css({\n * width: value + '%',\n * height: value + '%'\n * });\n * });\n *\n * // execute animation\n * bounced.animate();\n *\n * // execute animation and handle when its finished\n * bounced.animate(null, () => {\n * console.log('Animation finished!');\n * });\n */\n\nvar Animation = function () {\n\n /**\n * @constructor\n * @param {string|AnimationRule} rule\n * @param {number} duration\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n function Animation() {\n var rule = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'linear';\n var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;\n var draw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};\n var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};\n\n _classCallCheck(this, Animation);\n\n /**\n * Overall animation duration in milliseconds.\n * By default is equal to 250 ms.\n *\n * @type {number}\n */\n this.duration = duration;\n\n /**\n * Animation rule. By default is linear animation.\n * Animation rule is a subject to animation rules, which are\n * a simple object containing math-based methods for calculating\n * animation steps.\n *\n * @type {string|AnimationRule}\n */\n this.rule = rule;\n\n /**\n * Callback function for the animation step draw event.\n *\n * @type {DrawEventCallback}\n */\n this.draw = draw;\n\n /**\n * Callback for the animation complete event.\n *\n * @type {EndEventCallback}\n */\n this.end = end;\n\n if (typeof this.draw !== 'function') {\n throw new TypeError('Invalid animation draw callback:', draw);\n }\n\n if (typeof this.end !== 'function') {\n throw new TypeError('Invalid animation end callback:', end);\n }\n }\n\n /* istanbul ignore next: non-testable */\n /**\n * Performs animation calling each animation step draw callback and\n * end callback at the end of animation. Callbacks are optional to this\n * method call. If them are not bypassed will be used that ones which\n * was pre-set on constructing an Animation object or pre-set after\n * construction.\n *\n * @example\n * function draw(percent) {\n * $('.my-animated-divs').css({\n * width: parseInt(percent * 100, 10) + '%'\n * });\n * }\n * function done() {\n * console.log('Animation complete!');\n * }\n *\n * // Define 'draw' and 'end' callbacks on construction\n * var animation = new Animation('cycle', 500, draw, done);\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks after construction\n * var animation = new Animation('cycle', 500);\n * animation.draw = draw;\n * animation.end = done;\n * animation.animate();\n *\n * // Define 'draw' and 'end' callbacks at animation\n * var animation = new Animation('cycle', 500);\n * animation.animate(draw, done);\n *\n * @param {DrawEventCallback} [draw]\n * @param {EndEventCallback} [end]\n */\n\n\n _createClass(Animation, [{\n key: 'animate',\n value: function animate(draw, end) {\n var _this = this;\n\n this.cancel();\n\n // noinspection JSUnresolvedVariable\n var start = window.performance && window.performance.now ? window.performance.now() : vendorize('animationStartTime') || Date.now();\n\n draw = draw || this.draw;\n end = end || this.end;\n\n /**\n * Current requested animation frame identifier\n *\n * @type {number}\n */\n this.frame = requestAnimationFrame(function (time) {\n return step(time, draw, start, rules[_this.rule] || _this.rule, _this.duration, end, _this);\n });\n }\n\n /**\n * Cancels current animation if any\n */\n\n }, {\n key: 'cancel',\n value: function cancel() {\n if (this.frame) {\n var cancelAnimationFrame = vendorize('cancelAnimationFrame') ||\n /* istanbul ignore next */\n function (id) {};\n\n cancelAnimationFrame(this.frame);\n this.frame = null;\n }\n }\n\n /**\n * Destroys this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n this.cancel();\n this.draw = null;\n this.end = null;\n }\n }]);\n\n return Animation;\n}();\n\n/**\n * Animation rules bound statically to Animation constructor.\n *\n * @type {AnimationRules}\n * @static\n */\n\n\nAnimation.rules = rules;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n/**\n * @typedef {{ constructor: function(options: GenericOptions): GaugeInterface, draw: function(): GaugeInterface, destroy: function, update: function(options: GenericOptions) }} GaugeInterface\n */\n/**\n * @typedef {{parse: function, stringify: function}} JSON\n * @external {JSON} https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON\n */\n/**\n * @ignore\n * @typedef {{MutationObserver: function}} ns\n */\n\n/**\n * DOM Observer.\n * It will observe DOM document for a configured element types and\n * instantiate associated Types for an existing or newly added DOM elements\n *\n * @example\n * class ProgressBar {\n * constructor(options) {}\n * draw() {}\n * }\n *\n * // It will observe DOM document for elements
\n * // having attribute 'data-type=\"progress\"'\n * // and instantiate for each new instance of ProgressBar\n *\n * new DomParser({color: 'red'}, 'div', 'progress', ProgressBar);\n *\n * // assume we could have HTML like this\n * //
\n * // in this case all matching attributes names for a given options will be\n * // parsed and bypassed to an instance from HTML attributes\n */\n\nvar DomObserver = function () {\n\n /**\n * @constructor\n * @param {object} options\n * @param {string} element\n * @param {string} type\n */\n function DomObserver(options, element, type) {\n _classCallCheck(this, DomObserver);\n\n //noinspection JSUnresolvedVariable\n /**\n * Default instantiation options for the given type\n *\n * @type {Object}\n */\n this.options = options;\n\n /**\n * Name of an element to lookup/observe\n *\n * @type {string}\n */\n this.element = element.toLowerCase();\n\n /**\n * data-type attribute value to lookup\n *\n * @type {string}\n */\n this.type = DomObserver.toDashed(type);\n\n /**\n * Actual type constructor to instantiate for each found element\n *\n * @type {Function}\n */\n this.Type = ns[type];\n\n /**\n * Signals if mutations observer for this type or not\n *\n * @type {boolean}\n */\n this.mutationsObserved = false;\n\n /**\n * Flag specifies whenever the browser supports observing\n * of DOM tree mutations or not\n *\n * @type {boolean}\n */\n this.isObservable = !!window.MutationObserver;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n if (!window.GAUGES_NO_AUTO_INIT) {\n DomObserver.domReady(this.traverse.bind(this));\n }\n }\n\n /**\n * Checks if given node is valid node to process\n *\n * @param {Node|HTMLElement} node\n * @returns {boolean}\n */\n\n\n _createClass(DomObserver, [{\n key: 'isValidNode',\n value: function isValidNode(node) {\n //noinspection JSUnresolvedVariable\n return !!(node.tagName && node.tagName.toLowerCase() === this.element && node.getAttribute('data-type') === this.type);\n }\n\n /**\n * Traverse entire current DOM tree and process matching nodes.\n * Usually it should be called only once on document initialization.\n */\n\n }, {\n key: 'traverse',\n value: function traverse() {\n var elements = document.getElementsByTagName(this.element);\n var i = 0,\n s = elements.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n this.process(elements[i]);\n }\n\n if (this.isObservable && !this.mutationsObserved) {\n new MutationObserver(this.observe.bind(this)).observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n characterData: true,\n attributeOldValue: true,\n characterDataOldValue: true\n });\n\n this.mutationsObserved = true;\n }\n }\n\n /**\n * Observes given mutation records for an elements to process\n *\n * @param {MutationRecord[]} records\n */\n\n }, {\n key: 'observe',\n value: function observe(records) {\n var i = 0;\n var s = records.length;\n\n /* istanbul ignore next: this should be tested with end-to-end tests */\n for (; i < s; i++) {\n var record = records[i];\n\n if (record.type === 'attributes' && record.attributeName === 'data-type' && this.isValidNode(record.target) && record.oldValue !== this.type) // skip false-positive mutations\n {\n setTimeout(this.process.bind(this, record.target));\n } else if (record.addedNodes && record.addedNodes.length) {\n var ii = 0;\n var ss = record.addedNodes.length;\n\n for (; ii < ss; ii++) {\n setTimeout(this.process.bind(this, record.addedNodes[ii]));\n }\n }\n }\n }\n\n /**\n * Parses given attribute value to a proper JavaScript value.\n * For example it will parse some stringified value to a proper type\n * value, e.g. 'true' => true, 'null' => null, '{\"prop\": 20}' => {prop: 20}\n *\n * @param {*} value\n * @return {*}\n */\n\n }, {\n key: 'process',\n\n\n /**\n * Processes a given node, instantiating a proper type constructor for it\n *\n * @param {Node|HTMLElement} node\n * @returns {GaugeInterface|null}\n */\n value: function process(node) {\n var _this2 = this;\n\n if (!this.isValidNode(node)) return null;\n\n var prop = void 0;\n var options = JSON.parse(JSON.stringify(this.options));\n var instance = null;\n\n for (prop in options) {\n /* istanbul ignore else: non-testable in most cases */\n if (options.hasOwnProperty(prop)) {\n var attributeName = DomObserver.toAttributeName(prop);\n var attributeValue = DomObserver.parse(node.getAttribute(attributeName));\n\n if (attributeValue !== null && attributeValue !== undefined) {\n options[prop] = attributeValue;\n }\n }\n }\n\n options.renderTo = node;\n instance = new this.Type(options);\n instance.draw && instance.draw();\n\n if (!this.isObservable) return instance;\n\n instance.observer = new MutationObserver(function (records) {\n records.forEach(function (record) {\n if (record.type === 'attributes') {\n var attr = record.attributeName.toLowerCase();\n var type = node.getAttribute(attr).toLowerCase();\n\n if (attr === 'data-type' && type && type !== _this2.type) {\n instance.observer.disconnect();\n delete instance.observer;\n instance.destroy && instance.destroy();\n } else if (attr.substr(0, 5) === 'data-') {\n var _prop = attr.substr(5).split('-').map(function (part, i) {\n return !i ? part : part.charAt(0).toUpperCase() + part.substr(1);\n }).join('');\n var _options = {};\n\n _options[_prop] = DomObserver.parse(node.getAttribute(record.attributeName));\n\n instance.update && instance.update(_options);\n }\n }\n });\n });\n\n //noinspection JSCheckFunctionSignatures\n instance.observer.observe(node, { attributes: true });\n\n return instance;\n }\n\n /**\n * Transforms camelCase string to dashed string\n *\n * @static\n * @param {string} camelCase\n * @return {string}\n */\n\n }], [{\n key: 'parse',\n value: function parse(value) {\n // parse boolean\n if (value === 'true') return true;\n if (value === 'false') return false;\n\n // parse undefined\n if (value === 'undefined') return undefined;\n\n // parse null\n if (value === 'null') return null;\n\n // Comma-separated strings to array parsing.\n // It won't match strings which contains non alphanumeric characters to\n // prevent strings like 'rgba(0,0,0,0)' or JSON-like from being parsed.\n // Typically it simply allows easily declare arrays as comma-separated\n // numbers or plain strings. If something more complicated is\n // required it can be declared using JSON format syntax\n if (/^[-+#.\\w\\d\\s]+(?:,[-+#.\\w\\d\\s]*)+$/.test(value)) {\n return value.split(',');\n }\n\n // parse JSON\n try {\n return JSON.parse(value);\n } catch (e) {}\n\n // plain value - no need to parse\n return value;\n }\n }, {\n key: 'toDashed',\n value: function toDashed(camelCase) {\n var arr = camelCase.split(/(?=[A-Z])/);\n var i = 1;\n var s = arr.length;\n var str = arr[0].toLowerCase();\n\n for (; i < s; i++) {\n str += '-' + arr[i].toLowerCase();\n }\n\n return str;\n }\n\n /**\n * Transforms dashed string to CamelCase representation\n *\n * @param {string} dashed\n * @param {boolean} [capitalized]\n * @return {string}\n */\n\n }, {\n key: 'toCamelCase',\n value: function toCamelCase(dashed) {\n var capitalized = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n var arr = dashed.split(/-/);\n var i = 0;\n var s = arr.length;\n var str = '';\n\n for (; i < s; i++) {\n if (!(i || capitalized)) {\n str += arr[i].toLowerCase();\n } else {\n str += arr[i][0].toUpperCase() + arr[i].substr(1).toLowerCase();\n }\n }\n\n return str;\n }\n\n /**\n * Transforms camel case property name to dash separated attribute name\n *\n * @static\n * @param {string} str\n * @returns {string}\n */\n\n }, {\n key: 'toAttributeName',\n value: function toAttributeName(str) {\n return 'data-' + DomObserver.toDashed(str);\n }\n\n /**\n * Cross-browser DOM ready handler\n *\n * @static\n * @param {Function} handler\n */\n\n }, {\n key: 'domReady',\n value: function domReady(handler) {\n if (/comp|inter|loaded/.test((window.document || {}).readyState + '')) return handler();\n\n if (window.addEventListener) window.addEventListener('DOMContentLoaded', handler, false);else if (window.attachEvent) window.attachEvent('onload', handler);\n }\n }]);\n\n return DomObserver;\n}();\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n\n/**\n * Drawings on canvas using hidden canvas as a cache for better\n * performance drawings during canvas animations. SmartCanvas also\n * adopts a canvas to\n */\n\n\nvar SmartCanvas = function () {\n\n /**\n * @constructor\n * @param {HTMLCanvasElement} canvas\n * @param {number} [width]\n * @param {number} [height]\n */\n function SmartCanvas(canvas, width, height) {\n _classCallCheck(this, SmartCanvas);\n\n SmartCanvas.collection.push(this);\n\n /**\n * Canvas base width\n *\n * @type {number}\n */\n this.width = width || 0;\n\n /**\n * Canvas base height\n *\n * @type {number}\n */\n this.height = height || 0;\n\n /**\n * Target drawings canvas element\n *\n * @type {HTMLCanvasElement}\n */\n this.element = canvas;\n\n this.init();\n }\n\n /**\n * Initializes canvases and contexts\n */\n\n\n _createClass(SmartCanvas, [{\n key: 'init',\n value: function init() {\n var pixelRatio = SmartCanvas.pixelRatio;\n\n this.element.width = this.width * pixelRatio;\n this.element.height = this.height * pixelRatio;\n\n this.element.style.width = this.width + 'px';\n this.element.style.height = this.height + 'px';\n\n /**\n * Canvas caching element\n *\n * @type {HTMLCanvasElement|Node}\n */\n this.elementClone = this.element.cloneNode(true);\n\n //noinspection JSUnresolvedVariable\n /**\n * Target drawings canvas element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.context = this.element.getContext('2d');\n\n /**\n * Canvas caching element 2D context\n *\n * @type {CanvasRenderingContext2D}\n */\n this.contextClone = this.elementClone.getContext('2d');\n\n /**\n * Actual drawings width\n *\n * @type {number}\n */\n this.drawWidth = this.element.width;\n\n /**\n * Actual drawings height\n *\n * @type {number}\n */\n this.drawHeight = this.element.height;\n\n /**\n * X-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawX = this.drawWidth / 2;\n\n /**\n * Y-coordinate of drawings zero point\n *\n * @type {number}\n */\n this.drawY = this.drawHeight / 2;\n\n /**\n * Minimal side length in pixels of the drawing\n *\n * @type {number}\n */\n this.minSide = this.drawX < this.drawY ? this.drawX : this.drawY;\n\n this.elementClone.initialized = false;\n\n this.contextClone.translate(this.drawX, this.drawY);\n this.contextClone.save();\n\n this.context.translate(this.drawX, this.drawY);\n this.context.save();\n\n this.context.max = this.contextClone.max = this.minSide;\n this.context.maxRadius = this.contextClone.maxRadius = null;\n }\n\n /**\n * Destroys this object, removing the references from memory\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = SmartCanvas.collection.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n SmartCanvas.collection.splice(index, 1);\n }\n\n this.context.clearRect(-this.drawX, -this.drawY, this.drawWidth, this.drawHeight);\n\n // dereference all created elements\n this.context.max = null;\n delete this.context.max;\n\n this.context.maxRadius = null;\n delete this.context.maxRadius;\n\n this.context = null;\n this.contextClone = null;\n this.elementClone = null;\n this.element = null;\n\n /**\n * On canvas redraw event callback\n *\n * @type {function|null|undefined}\n */\n this.onRedraw = null;\n }\n\n /**\n * Commits the drawings\n */\n\n }, {\n key: 'commit',\n value: function commit() {\n var scale = SmartCanvas.pixelRatio;\n\n if (scale !== 1) {\n this.contextClone.scale(scale, scale);\n this.contextClone.save();\n }\n\n return this;\n }\n\n /**\n * Redraw this object\n */\n\n }, {\n key: 'redraw',\n value: function redraw() {\n this.init();\n\n /**\n * On canvas redraw event callback\n *\n * @type {function(): *}\n */\n this.onRedraw && this.onRedraw();\n\n return this;\n }\n\n /**\n * Returns current device pixel ratio\n *\n * @returns {number}\n */\n\n }], [{\n key: 'redraw',\n\n\n /**\n * Forces redraw all canvas in the current collection\n */\n value: function redraw() {\n var i = 0;\n var s = SmartCanvas.collection.length;\n\n for (; i < s; i++) {\n SmartCanvas.collection[i].redraw();\n }\n }\n }, {\n key: 'pixelRatio',\n get: function get() {\n /* istanbul ignore next */\n //noinspection JSUnresolvedVariable\n return window.devicePixelRatio || 1;\n }\n }]);\n\n return SmartCanvas;\n}();\n\nSmartCanvas.collection = [];\n\n/* istanbul ignore next: very browser-specific testing required to cover */\n//noinspection JSUnresolvedVariable\nif (window.matchMedia) {\n //noinspection JSUnresolvedFunction\n window.matchMedia('screen and (min-resolution: 2dppx)').addListener(SmartCanvas.redraw);\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Describes rendering target element. Can be either string identifier of\n * the element or the element itself.\n *\n * @typedef {HTMLElement|string} RenderTarget\n */\n\n/**\n * Highlight area definition.\n * It describes highlight area starting from value to value using\n * color. Color can be describes with hex, rgb or rgba value.\n *\n * @typedef {{ from: number, to: number, color: string}} Highlight\n */\n\n/**\n * Shared generic gauges options\n *\n * @type {{renderTo: RenderTarget, width: number, height: number, minValue: number, maxValue: number, value: number, units: string|boolean, majorTicks: number[]|string[], exactTicks: boolean, minorTicks: number, strokeTicks: boolean, animatedValue: boolean, animateOnInit: boolean, title: string|boolean, borders: boolean, valueInt: number, valueDec: number, majorTicksInt: number, majorTicksDec: number, animation: boolean, animationDuration: number, animationRule: string|AnimationRule, colorPlate: string, colorPlateEnd: string, colorMajorTicks: string, colorMinorTicks: string, colorTitle: string, colorUnits: string, colorNumbers: string, colorNeedle: string, colorNeedleEnd: string, colorValueText: string, colorValueTextShadow: string, colorBorderShadow: string, colorBorderOuter: string, colorBorderOuterEnd: string, colorBorderMiddle: string, colorBorderMiddleEnd: string, colorBorderInner: string, colorBorderInnerEnd: string, colorValueBoxRect: string, colorValueBoxRectEnd: string, colorValueBoxBackground: string, colorValueBoxShadow: string, colorNeedleShadowUp: string, colorNeedleShadowDown: string, needle: boolean, needleShadow: boolean, needleType: string, needleStart: number, needleEnd: number, needleWidth: number, borderOuterWidth: number, borderMiddleWidth: number, borderInnerWidth: number, borderShadowWidth: number, valueBox: boolean, valueBoxWidth: number, valueBoxStroke: number, valueText: string, valueTextShadow: boolean, valueBoxBorderRadius: number, highlights: Highlight[], highlightsWidth: number, fontNumbers: string, fontTitle: string, fontUnits: string, fontValue: string, fontTitleSize: number, fontValueSize: number, fontUnitsSize: number, fontNumbersSize: number, fontNumbersStyle: string, fontTitleStyle: string, fontUnitsStyle: string, fontValueStyle: string, fontNumbersWeight: string, fontTitleWeight: string, fontUnitsWeight: string, fontValueWeight: string, barWidth: number, barStrokeWidth: number, barProgress: boolean, colorBar: string, colorBarStroke: string, colorBarProgress: string, colorBarShadow: string, barShadow: number}} GenericOptions\n */\nvar GenericOptions = {\n // basic options\n renderTo: null,\n width: 0,\n height: 0,\n minValue: 0,\n maxValue: 100,\n value: 0,\n units: false,\n exactTicks: false,\n majorTicks: [0, 20, 40, 60, 80, 100],\n minorTicks: 10,\n strokeTicks: true,\n animatedValue: false,\n animateOnInit: false,\n title: false,\n borders: true,\n numbersMargin: 1,\n\n // number formats\n valueInt: 3,\n valueDec: 2,\n majorTicksInt: 1,\n majorTicksDec: 0,\n\n // animations\n animation: true,\n animationDuration: 500,\n animationRule: 'cycle',\n\n // colors\n colorPlate: '#fff',\n colorPlateEnd: '',\n colorMajorTicks: '#444',\n colorMinorTicks: '#666',\n colorTitle: '#888',\n colorUnits: '#888',\n colorNumbers: '#444',\n colorNeedle: 'rgba(240,128,128,1)',\n colorNeedleEnd: 'rgba(255,160,122,.9)',\n colorValueText: '#444',\n colorValueTextShadow: 'rgba(0,0,0,0.3)',\n colorBorderShadow: 'rgba(0,0,0,0.5)',\n colorBorderOuter: '#ddd',\n colorBorderOuterEnd: '#aaa',\n colorBorderMiddle: '#eee',\n colorBorderMiddleEnd: '#f0f0f0',\n colorBorderInner: '#fafafa',\n colorBorderInnerEnd: '#ccc',\n colorValueBoxRect: '#888',\n colorValueBoxRectEnd: '#666',\n colorValueBoxBackground: '#babab2',\n colorValueBoxShadow: 'rgba(0,0,0,1)',\n colorNeedleShadowUp: 'rgba(2,255,255,0.2)',\n colorNeedleShadowDown: 'rgba(188,143,143,0.45)',\n colorBarStroke: '#222',\n colorBar: '#ccc',\n colorBarProgress: '#888',\n colorBarShadow: '#000',\n\n fontNumbers: 'Arial',\n fontTitle: 'Arial',\n fontUnits: 'Arial',\n fontValue: 'Arial',\n\n fontNumbersSize: 20,\n fontTitleSize: 24,\n fontUnitsSize: 22,\n fontValueSize: 26,\n\n fontNumbersStyle: 'normal',\n fontTitleStyle: 'normal',\n fontUnitsStyle: 'normal',\n fontValueStyle: 'normal',\n\n fontNumbersWeight: 'normal',\n fontTitleWeight: 'normal',\n fontUnitsWeight: 'normal',\n fontValueWeight: 'normal',\n\n // needle\n needle: true,\n needleShadow: true,\n needleType: 'arrow',\n needleStart: 5,\n needleEnd: 85,\n needleWidth: 4,\n\n // borders\n borderOuterWidth: 3,\n borderMiddleWidth: 3,\n borderInnerWidth: 3,\n borderShadowWidth: 3,\n\n // value and highlights\n valueBox: true,\n valueBoxStroke: 5,\n valueBoxWidth: 0,\n valueText: '',\n valueTextShadow: true,\n valueBoxBorderRadius: 2.5,\n\n // highlights\n highlights: [{ from: 20, to: 60, color: '#eee' }, { from: 60, to: 80, color: '#ccc' }, { from: 80, to: 100, color: '#999' }],\n highlightsWidth: 15,\n\n // progress bar\n barWidth: 20, // percents\n barStrokeWidth: 0, // pixels\n barProgress: true,\n barShadow: 0\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Gauge collections type.\n *\n * It is used ES5 declaration here, because babel\n * transpiles inheritance incorrectly in this case.\n *\n * @class Collection\n * @constructor\n */\nfunction Collection() {\n Array.prototype.constructor.apply(this, arguments);\n}\n\nCollection.prototype = Object.create(Array.prototype);\nCollection.prototype.constructor = Collection;\n\n/**\n * Returns gauge object by its identifier or index in the collection\n *\n * @param {string|number} id\n * @return {*}\n */\nCollection.prototype.get = function (id) {\n if (typeof id === 'string') {\n var i = 0;\n var s = this.length;\n\n for (; i < s; i++) {\n var canvas = this[i].options.renderTo.tagName ? this[i].options.renderTo :\n /* istanbul ignore next: should be tested with e2e tests */\n document.getElementById(this[i].options.renderTo || '');\n\n if (canvas.getAttribute('id') === id) {\n return this[i];\n }\n }\n } else if (typeof id === 'number') {\n return this[id];\n }\n\n return null;\n};\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar version = '2.1.1';\n\nvar round = Math.round;\nvar abs = Math.abs;\n\nvar gauges = new Collection();\n\ngauges.version = version;\n\n/**\n * Basic abstract BaseGauge class implementing common functionality\n * for different type of gauges.\n *\n * It should not be instantiated directly but must be extended by a final\n * gauge implementation.\n *\n * @abstract\n * @example\n *\n * class MyCoolGauge extends BaseGauge {\n *\n * // theses methods below MUST be implemented:\n *\n * constructor(options) {\n * // ... do something with options\n * super(options);\n * // ... implement anything else\n * }\n *\n * draw() {\n * // ... some implementation here\n * return this;\n * }\n * }\n */\n\nvar BaseGauge = function (_EventEmitter) {\n _inherits(BaseGauge, _EventEmitter);\n\n /**\n * Fired each time gauge is initialized on a page\n *\n * @event BaseGauge#init\n */\n\n /**\n * Fired each time gauge scene is rendered\n *\n * @event BaseGauge#render\n */\n\n /**\n * Fired each time gauge object is destroyed\n *\n * @event BaseGauge#destroy\n */\n\n /**\n * Fired each time before animation is started on the gauge\n *\n * @event BaseGauge#animationStart\n */\n\n /**\n * Fired each time animation scene is complete\n *\n * @event BaseGauge#animate\n * @type {number} percent\n * @type {number} value\n */\n\n /**\n * Fired each time animation is complete on the gauge\n *\n * @event BaseGauge#animationEnd\n */\n\n /**\n * @constructor\n * @abstract\n * @param {GenericOptions} options\n */\n function BaseGauge(options) {\n _classCallCheck(this, BaseGauge);\n\n var _this3 = _possibleConstructorReturn(this, (BaseGauge.__proto__ || Object.getPrototypeOf(BaseGauge)).call(this));\n\n var className = _this3.constructor.name;\n\n if (className === 'BaseGauge') {\n throw new TypeError('Attempt to instantiate abstract class!');\n }\n\n gauges.push(_this3);\n\n //noinspection JSUnresolvedVariable\n /**\n * Gauges version string\n *\n * @type {string}\n */\n _this3.version = version;\n\n /**\n * Gauge type class\n *\n * @type {BaseGauge} type\n */\n _this3.type = ns[className] || BaseGauge;\n\n /**\n * True if gauge has been drawn for the first time, false otherwise.\n *\n * @type {boolean}\n */\n _this3.initialized = false;\n\n options.minValue = parseFloat(options.minValue);\n options.maxValue = parseFloat(options.maxValue);\n options.value = parseFloat(options.value) || 0;\n\n if (!options.borders) {\n options.borderInnerWidth = options.borderMiddleWidth = options.borderOuterWidth = 0;\n }\n\n if (!options.renderTo) {\n throw TypeError('Canvas element was not specified when creating ' + 'the Gauge object!');\n }\n\n var canvas = options.renderTo.tagName ? options.renderTo :\n /* istanbul ignore next: to be tested with e2e tests */\n document.getElementById(options.renderTo);\n\n if (!(canvas instanceof HTMLCanvasElement)) {\n throw TypeError('Given gauge canvas element is invalid!');\n }\n\n options.width = parseFloat(options.width) || 0;\n options.height = parseFloat(options.height) || 0;\n\n if (!options.width || !options.height) {\n if (!options.width) options.width = canvas.parentNode ? canvas.parentNode.offsetWidth : canvas.offsetWidth;\n if (!options.height) options.height = canvas.parentNode ? canvas.parentNode.offsetHeight : canvas.offsetHeight;\n }\n\n /**\n * Gauge options\n *\n * @type {GenericOptions} options\n */\n _this3.options = options || {};\n\n if (_this3.options.animateOnInit) {\n _this3._value = _this3.options.value;\n _this3.options.value = _this3.options.minValue;\n }\n\n /**\n * @type {SmartCanvas} canvas\n */\n _this3.canvas = new SmartCanvas(canvas, options.width, options.height);\n _this3.canvas.onRedraw = _this3.draw.bind(_this3);\n\n /**\n * @type {Animation} animation\n */\n _this3.animation = new Animation(options.animationRule, options.animationDuration);\n return _this3;\n }\n\n /**\n * Sets new value for this gauge.\n * If gauge is animated by configuration it will trigger a proper animation.\n * Upsetting a value triggers gauge redraw.\n *\n * @param {number} value\n */\n\n\n _createClass(BaseGauge, [{\n key: 'update',\n\n\n /**\n * Updates gauge configuration options at runtime and redraws the gauge\n *\n * @param {RadialGaugeOptions} options\n * @returns {BaseGauge}\n */\n value: function update(options) {\n Object.assign(this.options, this.type.configure(options || {}));\n\n this.canvas.width = this.options.width;\n this.canvas.height = this.options.height;\n\n this.animation.rule = this.options.animationRule;\n this.animation.duration = this.options.animationDuration;\n\n this.canvas.redraw();\n\n return this;\n }\n\n /**\n * Performs destruction of this object properly\n */\n\n }, {\n key: 'destroy',\n value: function destroy() {\n var index = gauges.indexOf(this);\n\n /* istanbul ignore else */\n if (~index) {\n //noinspection JSUnresolvedFunction\n gauges.splice(index, 1);\n }\n\n this.canvas.destroy();\n this.canvas = null;\n\n this.animation.destroy();\n this.animation = null;\n\n this.emit('destroy');\n }\n\n /**\n * Returns gauges version string\n *\n * @return {string}\n */\n\n }, {\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @abstract\n * @returns {BaseGauge}\n */\n value: function draw() {\n if (this.options.animateOnInit && !this.initialized) {\n this.value = this._value;\n this.initialized = true;\n this.emit('init');\n }\n\n this.emit('render');\n\n return this;\n }\n\n /**\n * Inject given gauge object into DOM\n *\n * @param {string} type\n * @param {GenericOptions} options\n */\n\n }, {\n key: 'value',\n set: function set(value) {\n var _this4 = this;\n\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n var fromValue = this.options.value;\n\n if (value === fromValue) return;\n\n if (this.options.animation) {\n if (this.animation.frame) {\n // animation is already in progress -\n // forget related old animation value\n // @see https://github.com/Mikhus/canvas-gauges/issues/94\n delete this._value;\n }\n\n /**\n * @type {number}\n * @access private\n */\n if (this._value === undefined) {\n this._value = value;\n }\n\n this.emit('animationStart');\n\n this.animation.animate(function (percent) {\n _this4.options.value = fromValue + (value - fromValue) * percent;\n\n _this4.draw();\n\n _this4.emit('animate', percent, _this4.options.value);\n }, function () {\n if (_this4._value !== undefined) {\n _this4.options.value = _this4._value;\n delete _this4._value;\n }\n\n _this4.draw();\n _this4.emit('animationEnd');\n });\n } else {\n this.options.value = value;\n this.draw();\n }\n }\n\n /**\n * Returns current value of the gauge\n *\n * @return {number}\n */\n ,\n get: function get() {\n return typeof this._value === 'undefined' ? this.options.value : this._value;\n }\n\n /**\n * Updates gauge options\n *\n * @param {*} options\n * @return {BaseGauge}\n * @access protected\n */\n\n }], [{\n key: 'configure',\n value: function configure(options) {\n return options;\n }\n }, {\n key: 'initialize',\n value: function initialize(type, options) {\n return new DomObserver(options, 'canvas', type);\n }\n\n /**\n * Initializes gauge from a given HTML element\n * (given element should be valid HTML canvas gauge definition)\n *\n * @param {HTMLElement} element\n */\n\n }, {\n key: 'fromElement',\n value: function fromElement(element) {\n var type = DomObserver.toCamelCase(element.getAttribute('data-type'));\n var attributes = element.attributes;\n var i = 0;\n var s = attributes.length;\n var options = {};\n\n if (!type) {\n return;\n }\n\n if (!/Gauge$/.test(type)) {\n type += 'Gauge';\n }\n\n for (; i < s; i++) {\n options[DomObserver.toCamelCase(attributes[i].name.replace(/^data-/, ''), false)] = DomObserver.parse(attributes[i].value);\n }\n\n new DomObserver(options, element.tagName, type).process(element);\n }\n\n /**\n * Ensures value is proper number\n *\n * @param {*} value\n * @param {number} min\n * @return {number}\n */\n\n }, {\n key: 'ensureValue',\n value: function ensureValue(value) {\n var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n value = parseFloat(value);\n\n if (isNaN(value) || !isFinite(value)) {\n value = parseFloat(min) || 0;\n }\n\n return value;\n }\n }, {\n key: 'version',\n get: function get() {\n return version;\n }\n }]);\n\n return BaseGauge;\n}(EventEmitter);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['BaseGauge'] = BaseGauge;\n ns['gauges'] = (window.document || {})['gauges'] = gauges;\n}\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * @access private\n * @typedef {CanvasRenderingContext2D|{max: number, maxRadius: number, barDimensions: object}} Canvas2DContext\n */\n\n/* istanbul ignore next: private, not testable */\n/**\n * Examines if a given error is something to throw or to ignore\n *\n * @param {Error} err\n */\nfunction verifyError(err) {\n // there is some unpredictable error in FF in some circumstances\n // which we found simply safe to ignore than to fight with it\n // noinspection JSUnresolvedVariable\n if (err instanceof DOMException && err.result === 0x8053000b) {\n return; // ignore it\n }\n\n throw err;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Prepares major ticks data\n *\n * @access private\n * @param {GenericOptions|{ tickSide: string }} options\n * @return {[boolean, boolean]}\n */\nfunction prepareTicks(options) {\n if (!(options.majorTicks instanceof Array)) {\n options.majorTicks = options.majorTicks ? [options.majorTicks] : [];\n }\n\n if (!options.majorTicks.length) {\n options.majorTicks.push(drawings.formatMajorTickNumber(options.minValue, options));\n options.majorTicks.push(drawings.formatMajorTickNumber(options.maxValue, options));\n }\n\n return [options.tickSide !== 'right', options.tickSide !== 'left'];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rounded corners rectangle\n *\n * @param {Canvas2DContext} context\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @param {number} r\n */\nfunction roundRect(context, x, y, w, h, r) {\n context.beginPath();\n\n context.moveTo(x + r, y);\n context.lineTo(x + w - r, y);\n\n context.quadraticCurveTo(x + w, y, x + w, y + r);\n context.lineTo(x + w, y + h - r);\n\n context.quadraticCurveTo(x + w, y + h, x + w - r, y + h);\n context.lineTo(x + r, y + h);\n\n context.quadraticCurveTo(x, y + h, x, y + h - r);\n context.lineTo(x, y + r);\n\n context.quadraticCurveTo(x, y, x + r, y);\n\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Pads a given value with leading zeros using the given options\n *\n * @param {number} val\n * @param {RadialGaugeOptions|{valueInt: number, valueDec: number}} options\n * @returns {string}\n */\nfunction padValue(val, options) {\n var dec = options.valueDec;\n var int = options.valueInt;\n var i = 0;\n var s = void 0,\n strVal = void 0,\n n = void 0;\n\n val = parseFloat(val);\n n = val < 0;\n val = Math.abs(val);\n\n if (dec > 0) {\n strVal = val.toFixed(dec).toString().split('.');\n s = int - strVal[0].length;\n\n for (; i < s; ++i) {\n strVal[0] = '0' + strVal[0];\n }\n\n strVal = (n ? '-' : '') + strVal[0] + '.' + strVal[1];\n } else {\n strVal = Math.round(val).toString();\n s = int - strVal.length;\n\n for (; i < s; ++i) {\n strVal = '0' + strVal;\n }\n\n strVal = (n ? '-' : '') + strVal;\n }\n\n return strVal;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Formats a number for display on the dial's plate using the majorTicksFormat\n * config option.\n *\n * @param {number} num number to format\n * @param {object} options\n * @returns {string} formatted number\n */\nfunction formatMajorTickNumber(num, options) {\n var right = void 0,\n hasDec = false;\n\n // First, force the correct number of digits right of the decimal.\n if (options.majorTicksDec === 0) {\n right = Math.round(num).toString();\n } else {\n right = num.toFixed(options.majorTicksDec);\n }\n\n // Second, force the correct number of digits left of the decimal.\n if (options.majorTicksInt > 1) {\n // Does this number have a decimal?\n hasDec = ~right.indexOf('.');\n\n // Is this number a negative number?\n if (~right.indexOf('-')) {\n return '-' + [options.majorTicksInt + options.majorTicksDec + 2 + (hasDec ? 1 : 0) - right.length].join('0') + right.replace('-', '');\n } else {\n return [options.majorTicksInt + options.majorTicksDec + 1 + (hasDec ? 1 : 0) - right.length].join('0') + right;\n }\n }\n\n return right;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Transforms degrees to radians\n *\n * @param {number} degrees\n * @returns {number}\n */\nfunction radians(degrees) {\n return degrees * Math.PI / 180;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns radial point coordinates\n *\n * @param {number} radius\n * @param {number} angle\n * @returns {{x: number, y: number}}\n */\nfunction radialPoint(radius, angle) {\n return { x: -radius * Math.sin(angle), y: radius * Math.cos(angle) };\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Creates and returns linear gradient canvas object\n *\n * @param {Canvas2DContext} context\n * @param {string} colorFrom\n * @param {string} colorTo\n * @param {number} length\n * @param {boolean} [isVertical]\n * @param {number} [from]\n * @returns {CanvasGradient}\n */\nfunction linearGradient(context, colorFrom, colorTo, length) {\n var isVertical = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;\n var from = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n var grad = context.createLinearGradient(isVertical ? 0 : from, isVertical ? from : 0, isVertical ? 0 : length, isVertical ? length : 0);\n\n grad.addColorStop(0, colorFrom);\n grad.addColorStop(1, colorTo);\n\n return grad;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws the shadow if it was not drawn\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {boolean} shadowDrawn\n * @return {boolean}\n */\nfunction drawShadow(context, options) {\n var shadowDrawn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n if (shadowDrawn) {\n context.restore();\n return true;\n }\n\n context.save();\n\n var w = options.borderShadowWidth;\n\n if (w) {\n context.shadowBlur = w;\n context.shadowColor = options.colorBorderShadow;\n }\n\n return true;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle shadow\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawNeedleShadow(context, options) {\n if (!options.needleShadow) return;\n\n context.shadowOffsetX = 2;\n context.shadowOffsetY = 2;\n context.shadowBlur = 10;\n context.shadowColor = options.colorNeedleShadowDown;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Constructs font styles for canvas fonts\n *\n * @param {GenericOptions} options\n * @param {string} target\n * @param {number} baseSize\n */\nfunction font(options, target, baseSize) {\n return options['font' + target + 'Style'] + ' ' + options['font' + target + 'Weight'] + ' ' + options['font' + target + 'Size'] * baseSize + 'px ' + options['font' + target];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Resets some context settings\n *\n * @param {Canvas2DContext} context\n */\nfunction reset(context) {\n context.shadowOffsetX = null;\n context.shadowOffsetY = null;\n context.shadowBlur = null;\n context.shadowColor = '';\n context.strokeStyle = null;\n context.lineWidth = 0;\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Declares to drow value text shadow if configured\n *\n * @param context\n * @param options\n * @param offset\n * @param blur\n */\nfunction drawValueTextShadow(context, options, offset, blur) {\n if (options.valueTextShadow) {\n context.shadowOffsetX = offset;\n context.shadowOffsetY = offset;\n context.shadowBlur = blur;\n context.shadowColor = options.colorValueTextShadow;\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box at given position\n *\n * @param {Canvas2DContext} context\n * @param {GenericOptions} options\n * @param {number|string} value\n * @param {number} x\n * @param {number} y\n * @param {number} max\n */\nfunction drawValueBox(context, options, value, x, y, max) {\n if (!options.valueBox) return;\n\n reset(context);\n\n var text = options.valueText || padValue(value, options);\n var tunit = max / 200;\n var runit = max / 100;\n var offset = 0.4 * runit;\n var blur = 1.2 * runit;\n\n context.font = font(options, 'Value', tunit);\n drawValueTextShadow(context, options, offset, blur);\n\n var tw = context.measureText(options.valueText ? text : '-' + padValue(0, options)).width;\n\n reset(context);\n\n var th = parseFloat(options.fontValueSize) * tunit + offset + blur;\n var sw = runit * parseFloat(options.valueBoxStroke);\n var bmax = max * 2 - sw * 2;\n\n var bw = tw + 10 * runit;\n var bh = 1.1 * th + offset + blur;\n var br = runit * options.valueBoxBorderRadius;\n var obw = (parseFloat(options.valueBoxWidth) || 0) / 100 * bmax;\n\n obw > bw && (bw = obw);\n bw > bmax && (bw = bmax);\n\n var bx = x - bw / 2;\n var by = y - bh / 2;\n var gy = y - 5.75 * runit;\n\n context.beginPath();\n\n if (br) roundRect(context, bx, by, bw, bh, br);else context.rect(bx, by, bw, bh);\n\n if (sw) {\n var grd = context.createRadialGradient(x, gy, runit * 10, x, gy, runit * 20);\n\n grd.addColorStop(0, options.colorValueBoxRect);\n grd.addColorStop(1, options.colorValueBoxRectEnd);\n\n context.strokeStyle = grd;\n context.lineWidth = sw;\n context.stroke();\n }\n\n if (options.colorValueBoxShadow) {\n context.shadowBlur = 1.2 * runit;\n context.shadowColor = options.colorValueBoxShadow;\n }\n\n if (options.colorValueBoxBackground) {\n context.fillStyle = options.colorValueBoxBackground;\n context.fill();\n }\n\n context.closePath();\n context.restore();\n\n drawValueTextShadow(context, options, offset, blur);\n\n context.fillStyle = options.colorValueText;\n context.textAlign = 'center';\n context.textBaseline = 'alphabetic';\n context.fillText(text, bx + bw / 2, y + bh / 2 - th / 3);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns normalized value\n *\n * @param {GenericOptions} options\n * @return {{normal: number, indented: number}}\n */\nfunction normalizedValue(options) {\n var value = options.value;\n var min = options.minValue;\n var max = options.maxValue;\n var dt = (max - min) * 0.01;\n\n return {\n normal: value < min ? min : value > max ? max : value,\n indented: value < min ? min - dt : value > max ? max + dt : value\n };\n}\n\nvar drawings = {\n roundRect: roundRect,\n padValue: padValue,\n formatMajorTickNumber: formatMajorTickNumber,\n radians: radians,\n radialPoint: radialPoint,\n linearGradient: linearGradient,\n drawNeedleShadow: drawNeedleShadow,\n drawValueBox: drawValueBox,\n verifyError: verifyError,\n prepareTicks: prepareTicks,\n drawShadow: drawShadow,\n font: font,\n normalizedValue: normalizedValue\n};\n\ndrawings;\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\nvar PI = Math.PI;\nvar HPI = PI / 2;\n\n/**\n * Gauge configuration options\n *\n * @typedef {GenericOptions|{exactTicks: boolean, ticksAngle: number, startAngle: number, colorNeedleCircleOuter: string, colorNeedleCircleOuterEnd: string, colorNeedleCircleInner: string, colorNeedleCircleInnerEnd: string, needleCircleSize: number, needleCircleInner: boolean, needleCircleOuter: boolean, animationTarget: string, useMinPath: boolean}} RadialGaugeOptions\n */\n\n/**\n * Default gauge configuration options\n *\n * @access private\n * @type {RadialGaugeOptions}\n */\nvar defaultRadialGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n ticksAngle: 270,\n startAngle: 45,\n\n // colors\n colorNeedleCircleOuter: '#f0f0f0',\n colorNeedleCircleOuterEnd: '#ccc',\n colorNeedleCircleInner: '#e8e8e8',\n colorNeedleCircleInnerEnd: '#f5f5f5',\n\n // needle\n needleCircleSize: 10,\n needleCircleInner: true,\n needleCircleOuter: true,\n\n // custom animations\n animationTarget: 'needle', // 'needle' or 'plate'\n useMinPath: false,\n\n barWidth: 0\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gradient-filled circle on a canvas\n *\n * @access private\n * @param {number} radius\n * @param {number} width\n * @param {Canvas2DContext} context\n * @param {string} start gradient start color\n * @param {string} end gradient end color\n */\nfunction drawRadialBorder(radius, width, context, start, end) {\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(radius), 0, PI * 2, true);\n context.lineWidth = width;\n context.strokeStyle = end ? drawings.linearGradient(context, start, end, radius) : start;\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns max radius without borders for the gauge\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @return {number}\n */\nfunction maxRadialRadius(context, options) {\n var pxRatio = SmartCanvas.pixelRatio;\n\n if (!context.maxRadius) {\n context.maxRadius = context.max - options.borderShadowWidth - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio + (options.borderOuterWidth ? 0.5 : 0) + (options.borderMiddleWidth ? 0.5 : 0) + (options.borderInnerWidth ? 0.5 : 0);\n }\n\n return context.maxRadius;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge plate on the canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialPlate(context, options) {\n var pxRatio = SmartCanvas.pixelRatio;\n var d0 = options.borderShadowWidth * pxRatio;\n var r0 = context.max - d0 - options.borderOuterWidth * pxRatio / 2;\n var r1 = r0 - options.borderOuterWidth * pxRatio / 2 - options.borderMiddleWidth * pxRatio / 2 + 0.5;\n var r2 = r1 - options.borderMiddleWidth * pxRatio / 2 - options.borderInnerWidth * pxRatio / 2 + 0.5;\n var r3 = maxRadialRadius(context, options);\n var grad = void 0;\n var shadowDrawn = false;\n\n context.save();\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r0, options.borderOuterWidth * pxRatio, context, options.colorBorderOuter, options.colorBorderOuterEnd);\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r1, options.borderMiddleWidth * pxRatio, context, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawRadialBorder(r2, options.borderInnerWidth * pxRatio, context, options.colorBorderInner, options.colorBorderInnerEnd);\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n context.beginPath();\n //noinspection JSUnresolvedFunction\n context.arc(0, 0, abs(r3), 0, PI * 2, true);\n\n if (options.colorPlateEnd) {\n grad = context.createRadialGradient(0, 0, r3 / 2, 0, 0, r3);\n grad.addColorStop(0, options.colorPlate);\n grad.addColorStop(1, options.colorPlateEnd);\n } else {\n grad = options.colorPlate;\n }\n\n context.fillStyle = grad;\n\n context.fill();\n context.closePath();\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge highlight areas on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialHighlights(context, options) {\n var hlWidth = context.max * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!hlWidth) return;\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options) - hlWidth / 2);\n var i = 0,\n s = options.highlights.length;\n var vd = (options.maxValue - options.minValue) / options.ticksAngle;\n\n context.save();\n\n for (; i < s; i++) {\n var hlt = options.highlights[i];\n\n context.beginPath();\n\n context.rotate(HPI);\n context.arc(0, 0, r, drawings.radians(options.startAngle + (hlt.from - options.minValue) / vd), drawings.radians(options.startAngle + (hlt.to - options.minValue) / vd), false);\n context.strokeStyle = hlt.color;\n context.lineWidth = hlWidth;\n context.stroke();\n context.closePath();\n\n context.restore();\n context.save();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks bar on a canvas\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMinorTicks(context, options) {\n var radius = radialTicksRadius(context, options);\n var s = void 0,\n range = void 0,\n angle = void 0;\n var i = 0;\n var delta = 0;\n var ratio = options.ticksAngle / (options.maxValue - options.minValue);\n\n context.lineWidth = SmartCanvas.pixelRatio;\n context.strokeStyle = options.colorMinorTicks;\n\n context.save();\n\n if (options.exactTicks) {\n range = options.maxValue - options.minValue;\n s = range / options.minorTicks;\n delta = options.majorTicks[0] % options.minorTicks * ratio;\n } else {\n s = options.minorTicks * (options.majorTicks.length - 1);\n }\n\n for (; i < s; ++i) {\n angle = options.startAngle + delta + i * (options.ticksAngle / s);\n\n context.rotate(drawings.radians(angle));\n\n context.beginPath();\n context.moveTo(0, radius);\n context.lineTo(0, radius - context.max * 0.075);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns ticks radius\n *\n * @access private\n * @param context\n * @param options\n * @return {number}\n */\nfunction radialTicksRadius(context, options) {\n var unit = context.max / 100;\n\n return maxRadialRadius(context, options) - 5 * unit - (options.barWidth ? (parseFloat(options.barStrokeWidth) || 0) * 2 + ((parseFloat(options.barWidth) || 0) + 5) * unit : 0);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge major ticks bar on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialMajorTicks(context, options) {\n drawings.prepareTicks(options);\n\n //noinspection JSUnresolvedFunction\n var r = abs(radialTicksRadius(context, options));\n var i = void 0,\n colors = void 0;\n var s = options.majorTicks.length;\n var pixelRatio = SmartCanvas.pixelRatio;\n\n context.lineWidth = 2 * pixelRatio;\n context.save();\n\n colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(s).fill(options.colorMajorTicks);\n\n i = 0;\n for (; i < s; ++i) {\n context.strokeStyle = colors[i];\n context.rotate(drawings.radians(radialNextAngle(options, options.exactTicks ? options.majorTicks[i] : i, s)));\n\n context.beginPath();\n context.moveTo(0, r);\n context.lineTo(0, r - context.max * 0.15);\n closeStrokedPath(context);\n }\n\n if (options.strokeTicks) {\n context.strokeStyle = colors[0];\n context.rotate(HPI);\n\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n closeStrokedPath(context);\n }\n}\n\n/* istanbul ignore next: private, not testable */\nfunction radialNextAngle(options, i, s) {\n if (options.exactTicks) {\n var ratio = options.ticksAngle / (options.maxValue - options.minValue);\n return options.startAngle + ratio * (i - options.minValue);\n }\n\n return options.startAngle + i * (options.ticksAngle / (s - 1));\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Strokes, closes path and restores previous context state\n *\n * @param {Canvas2DContext} context\n */\nfunction closeStrokedPath(context) {\n context.stroke();\n context.restore();\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar numbers\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNumbers(context, options) {\n var radius = radialTicksRadius(context, options) - context.max * 0.15;\n var points = {};\n var i = 0;\n var s = options.majorTicks.length;\n var isAnimated = options.animationTarget !== 'needle';\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(s).fill(options.colorNumbers);\n\n var plateValueAngle = isAnimated ? -(options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle : 0;\n\n if (isAnimated) {\n context.save();\n context.rotate(-drawings.radians(plateValueAngle));\n }\n\n context.font = drawings.font(options, 'Numbers', context.max / 200);\n context.lineWidth = 0;\n context.textAlign = 'center';\n context.textBaseline = 'middle';\n\n for (; i < s; ++i) {\n var angle = plateValueAngle + radialNextAngle(options, options.exactTicks ? options.majorTicks[i] : i, s);\n var textWidth = context.measureText(options.majorTicks[i]).width;\n var textHeight = options.fontNumbersSize;\n var textRadius = Math.sqrt(textWidth * textWidth + textHeight * textHeight) / 2;\n var point = drawings.radialPoint(radius - textRadius - options.numbersMargin / 100 * context.max, drawings.radians(angle));\n\n if (angle === 360) angle = 0;\n\n if (points[angle]) {\n continue; //already drawn at this place, skipping\n }\n\n points[angle] = true;\n\n context.fillStyle = colors[i];\n context.fillText(options.majorTicks[i], point.x, point.y);\n }\n\n isAnimated && context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge title\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialTitle(context, options) {\n if (!options.title) return;\n\n context.save();\n context.font = drawings.font(options, 'Title', context.max / 200);\n context.fillStyle = options.colorTitle;\n context.textAlign = 'center';\n context.fillText(options.title, 0, -context.max / 4.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws units name on the gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialUnits(context, options) {\n if (!options.units) return;\n\n context.save();\n context.font = drawings.font(options, 'Units', context.max / 200);\n context.fillStyle = options.colorUnits;\n context.textAlign = 'center';\n context.fillText(options.units, 0, context.max / 3.25, context.max * 0.8);\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge needle\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialNeedle(context, options) {\n if (!options.needle) return;\n\n var value = options.ticksAngle < 360 ? drawings.normalizedValue(options).indented : options.value;\n var max = maxRadialRadius(context, options);\n //noinspection JSUnresolvedFunction\n var r1 = abs(max / 100 * options.needleCircleSize);\n //noinspection JSUnresolvedFunction\n var r2 = abs(max / 100 * options.needleCircleSize * 0.75);\n //noinspection JSUnresolvedFunction\n var rIn = abs(max / 100 * options.needleEnd);\n //noinspection JSUnresolvedFunction\n var rStart = abs(options.needleStart ? max / 100 * options.needleStart : 0);\n //noinspection JSUnresolvedFunction\n var rOut = abs(max * 0.2);\n var pad1 = max / 100 * options.needleWidth;\n var pad2 = max / 100 * options.needleWidth / 2;\n var pixelRatio = SmartCanvas.pixelRatio;\n var isFixed = options.animationTarget !== 'needle';\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n context.rotate(drawings.radians(isFixed ? options.startAngle : options.startAngle + (value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle));\n\n context.fillStyle = drawings.linearGradient(context, options.colorNeedle, options.colorNeedleEnd, rIn - rOut);\n\n if (options.needleType === 'arrow') {\n context.beginPath();\n context.moveTo(-pad2, -rOut);\n context.lineTo(-pad1, 0);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(pixelRatio, rIn);\n context.lineTo(pad1, 0);\n context.lineTo(pad2, -rOut);\n context.closePath();\n context.fill();\n\n context.beginPath();\n context.lineTo(-0.5 * pixelRatio, rIn);\n context.lineTo(-1 * pixelRatio, rIn);\n context.lineTo(-pad1, 0);\n context.lineTo(-pad2, -rOut);\n context.lineTo(pad2 / 2 * pixelRatio - 2 * pixelRatio, -rOut);\n context.closePath();\n context.fillStyle = options.colorNeedleShadowUp;\n context.fill();\n } else {\n // simple line needle\n context.beginPath();\n context.moveTo(-pad2, rIn);\n context.lineTo(-pad2, rStart);\n context.lineTo(pad2, rStart);\n context.lineTo(pad2, rIn);\n context.closePath();\n context.fill();\n }\n\n if (options.needleCircleSize) {\n context.restore();\n\n drawings.drawNeedleShadow(context, options);\n\n if (options.needleCircleOuter) {\n context.beginPath();\n context.arc(0, 0, r1, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleOuter, options.colorNeedleCircleOuterEnd, r1);\n context.fill();\n context.closePath();\n }\n\n if (options.needleCircleInner) {\n context.beginPath();\n context.arc(0, 0, r2, 0, PI * 2, true);\n context.fillStyle = drawings.linearGradient(context, options.colorNeedleCircleInner, options.colorNeedleCircleInnerEnd, r2);\n context.fill();\n context.closePath();\n }\n\n context.restore();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge value box\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n * @param {number} value\n */\nfunction drawRadialValueBox(context, options, value) {\n drawings.drawValueBox(context, options, value, 0, context.max - context.max * 0.33, context.max);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge progress bar\n *\n * @param {Canvas2DContext} context\n * @param {RadialGaugeOptions} options\n */\nfunction drawRadialProgressBar(context, options) {\n var unit = context.max / 100;\n var rMax = maxRadialRadius(context, options) - 5 * unit;\n var sw = parseFloat(options.barStrokeWidth) || 0;\n var w = (parseFloat(options.barWidth) || 0) * unit;\n var rMin = rMax - sw * 2 - w;\n var half = (rMax - rMin) / 2;\n var r = rMin + half;\n var delta = sw / r;\n var sa = options.startAngle;\n var ea = options.startAngle + options.ticksAngle;\n\n context.save();\n context.rotate(HPI);\n\n if (sw) {\n // draw stroke\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa) - delta, drawings.radians(ea) + delta, false);\n context.strokeStyle = options.colorBarStroke;\n context.lineWidth = half * 2;\n context.stroke();\n context.closePath();\n }\n\n if (w) {\n // draw bar\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(ea), false);\n context.strokeStyle = options.colorBar;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n\n if (options.barShadow) {\n // draw shadow\n context.beginPath();\n context.arc(0, 0, rMax, drawings.radians(sa), drawings.radians(ea), false);\n context.clip();\n\n context.beginPath();\n context.strokeStyle = options.colorBar;\n context.lineWidth = 1;\n context.shadowBlur = options.barShadow;\n context.shadowColor = options.colorBarShadow;\n context.shadowOffsetX = 0;\n context.shadowOffsetY = 0;\n context.arc(0, 0, rMax, drawings.radians(options.startAngle), drawings.radians(options.startAngle + options.ticksAngle), false);\n context.stroke();\n context.closePath();\n\n context.restore();\n context.rotate(HPI);\n }\n\n // draw bar progress\n if (options.barProgress) {\n context.beginPath();\n context.arc(0, 0, r, drawings.radians(sa), drawings.radians(sa + (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle), false);\n context.strokeStyle = options.colorBarProgress;\n context.lineWidth = w;\n context.stroke();\n context.closePath();\n }\n }\n\n context.restore();\n}\n\n/**\n * Find and return gauge value to display\n *\n * @param {RadialGauge} gauge\n */\nfunction displayValue(gauge) {\n if (gauge.options.animatedValue) {\n return gauge.options.value;\n }\n\n return gauge.value;\n}\n\n/**\n * Minimalistic HTML5 Canvas Gauge\n * @example\n * var gauge = new RadialGauge({\n * renderTo: 'gauge-id', // identifier of HTML canvas element or element itself\n * width: 400,\n * height: 400,\n * units: 'Km/h',\n * title: false,\n * value: 0,\n * minValue: 0,\n * maxValue: 220,\n * majorTicks: [\n * '0','20','40','60','80','100','120','140','160','180','200','220'\n * ],\n * minorTicks: 2,\n * strokeTicks: false,\n * highlights: [\n * { from: 0, to: 50, color: 'rgba(0,255,0,.15)' },\n * { from: 50, to: 100, color: 'rgba(255,255,0,.15)' },\n * { from: 100, to: 150, color: 'rgba(255,30,0,.25)' },\n * { from: 150, to: 200, color: 'rgba(255,0,225,.25)' },\n * { from: 200, to: 220, color: 'rgba(0,0,255,.25)' }\n * ],\n * colorPlate: '#222',\n * colorMajorTicks: '#f5f5f5',\n * colorMinorTicks: '#ddd',\n * colorTitle: '#fff',\n * colorUnits: '#ccc',\n * colorNumbers: '#eee',\n * colorNeedleStart: 'rgba(240, 128, 128, 1)',\n * colorNeedleEnd: 'rgba(255, 160, 122, .9)',\n * valueBox: true,\n * animationRule: 'bounce'\n * });\n * // draw initially\n * gauge.draw();\n * // animate\n * setInterval(() => {\n * gauge.value = Math.random() * -220 + 220;\n * }, 1000);\n */\n\nvar RadialGauge = function (_BaseGauge) {\n _inherits(RadialGauge, _BaseGauge);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event RadialGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event RadialGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event RadialGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event RadialGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event RadialGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event RadialGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event RadialGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event RadialGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event RadialGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event RadialGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {RadialGaugeOptions} options\n */\n function RadialGauge(options) {\n _classCallCheck(this, RadialGauge);\n\n options = Object.assign({}, defaultRadialGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (RadialGauge.__proto__ || Object.getPrototypeOf(RadialGauge)).call(this, RadialGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(RadialGauge, [{\n key: 'draw',\n\n\n /**\n * Triggering gauge render on a canvas.\n *\n * @returns {RadialGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref[0];\n var y = _ref[1];\n var w = _ref[2];\n var h = _ref[3];\n\n var options = this.options;\n\n if (options.animationTarget === 'needle') {\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(context, options);\n this.emit('beforeHighlights');\n drawRadialHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(context, options);\n this.emit('beforeTitle');\n drawRadialTitle(context, options);\n this.emit('beforeUnits');\n drawRadialUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n this.emit('beforeNeedle');\n drawRadialNeedle(canvas.context, options);\n } else {\n var plateValueAngle = -drawings.radians((options.value - options.minValue) / (options.maxValue - options.minValue) * options.ticksAngle);\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n this.emit('beforePlate');\n drawRadialPlate(canvas.context, options);\n\n canvas.context.rotate(plateValueAngle);\n\n // animated\n this.emit('beforeHighlights');\n drawRadialHighlights(canvas.context, options);\n this.emit('beforeMinorTicks');\n drawRadialMinorTicks(canvas.context, options);\n this.emit('beforeMajorTicks');\n drawRadialMajorTicks(canvas.context, options);\n this.emit('beforeNumbers');\n drawRadialNumbers(canvas.context, options);\n this.emit('beforeProgressBar');\n drawRadialProgressBar(canvas.context, options);\n\n // non-animated\n canvas.context.rotate(-plateValueAngle);\n canvas.context.save();\n\n if (!canvas.elementClone.initialized) {\n var _context = canvas.contextClone;\n\n // clear the cache\n _context.clearRect(x, y, w, h);\n _context.save();\n\n this.emit('beforeTitle');\n drawRadialTitle(_context, options);\n this.emit('beforeUnits');\n drawRadialUnits(_context, options);\n this.emit('beforeNeedle');\n drawRadialNeedle(_context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n }\n\n // value box animations\n this.emit('beforeValueBox');\n drawRadialValueBox(canvas.context, options, displayValue(this));\n\n _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }, {\n key: 'value',\n\n\n /**\n * Sets the value for radial gauge\n *\n * @param {number} value\n */\n set: function set(value) {\n value = BaseGauge.ensureValue(value, this.options.minValue);\n\n if (this.options.animation && this.options.ticksAngle === 360 && this.options.useMinPath) {\n this._value = value;\n value = this.options.value + ((value - this.options.value) % 360 + 540) % 360 - 180;\n }\n\n _set(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', value, this);\n }\n\n /**\n * Returns current gauge value\n *\n * @return {number}\n */\n ,\n get: function get() {\n return _get(RadialGauge.prototype.__proto__ || Object.getPrototypeOf(RadialGauge.prototype), 'value', this);\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n if (options.barWidth > 50) options.barWidth = 50;\n\n /* istanbul ignore if */\n if (isNaN(options.startAngle)) options.startAngle = 45;\n /* istanbul ignore if */\n if (isNaN(options.ticksAngle)) options.ticksAngle = 270;\n\n /* istanbul ignore if */\n if (options.ticksAngle > 360) options.ticksAngle = 360;\n /* istanbul ignore if */\n if (options.ticksAngle < 0) options.ticksAngle = 0;\n\n /* istanbul ignore if */\n if (options.startAngle < 0) options.startAngle = 0;\n /* istanbul ignore if */\n if (options.startAngle > 360) options.startAngle = 360;\n\n return options;\n }\n }]);\n\n return RadialGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['RadialGauge'] = RadialGauge;\n}\n\nBaseGauge.initialize('RadialGauge', defaultRadialGaugeOptions);\n\n/*!\n * The MIT License (MIT)\n *\n * Copyright (c) 2016 Mykhailo Stadnyk \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Linear gauge configuration options\n *\n * @typedef {GenericOptions|{borderRadius: number, barBeginCircle: number, tickSide: string, needleSide: string, numberSide: string, ticksWidth: number, ticksWidthMinor: number, ticksPadding: number, barLength: number, colorBarEnd: string, colorBarProgressEnd: string}} LinearGaugeOptions\n */\n\n/**\n * Default linear gauge configuration options\n *\n * @type {LinearGaugeOptions}\n */\nvar defaultLinearGaugeOptions = Object.assign({}, GenericOptions, {\n // basic options\n borderRadius: 0,\n // width: 150,\n // height: 400,\n\n // bar\n barBeginCircle: 30, // percents\n colorBarEnd: '',\n colorBarProgressEnd: '',\n\n needleWidth: 6,\n\n tickSide: 'both', // available: 'left', 'right', 'both'\n needleSide: 'both', // available: 'left', 'right', 'both'\n\n numberSide: 'both', // available: 'left', 'right', 'both'\n\n ticksWidth: 10,\n ticksWidthMinor: 5,\n ticksPadding: 5,\n barLength: 85,\n fontTitleSize: 26,\n\n highlightsWidth: 10\n});\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawRectangle(context, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.fillStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, w > h ? w : h, h > w, w > h ? x : y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws rectangle on a canvas\n *\n * @param {Canvas2DContext} context\n * @param {number} width width of the border\n * @param {number} r radius for founded corner rectangle if 0 or less won't be drawn\n * @param {number} x x-coordinate of the top-left corner\n * @param {number} y y-coordinate of the top-left corner\n * @param {number} w width of the rectangle\n * @param {number} h height of the rectangle\n * @param {string} colorStart base fill color of the rectangle\n * @param {string} [colorEnd] gradient color of the rectangle\n */\nfunction drawLinearBorder(context, width, r, x, y, w, h, colorStart, colorEnd) {\n context.beginPath();\n context.lineWidth = width;\n context.strokeStyle = colorEnd ? drawings.linearGradient(context, colorStart, colorEnd, h, true, y) : colorStart;\n\n r > 0 ? drawings.roundRect(context, x, y, w, h, r) : context.rect(x, y, w, h);\n\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge plate\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearPlate(context, options, x, y, w, h) {\n var pxRatio = SmartCanvas.pixelRatio;\n context.save();\n\n var r = options.borderRadius * pxRatio;\n var w1 = w - options.borderShadowWidth - options.borderOuterWidth * pxRatio;\n var w2 = w1 - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio;\n var w3 = w2 - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio;\n var w4 = w3 - options.borderInnerWidth * pxRatio;\n\n var h1 = h - options.borderShadowWidth - options.borderOuterWidth * pxRatio;\n var h2 = h1 - options.borderOuterWidth * pxRatio - options.borderMiddleWidth * pxRatio;\n var h3 = h2 - options.borderMiddleWidth * pxRatio - options.borderInnerWidth * pxRatio;\n var h4 = h3 - options.borderInnerWidth * pxRatio;\n\n var x2 = x - (w2 - w1) / 2;\n var x3 = x2 - (w3 - w2) / 2;\n var x4 = x3 - (w4 - w3) / 2;\n\n var y2 = y - (h2 - h1) / 2;\n var y3 = y2 - (h3 - h2) / 2;\n var y4 = y3 - (h4 - h3) / 2;\n var aliasingOffset = 0;\n var shadowDrawn = false;\n\n if (options.borderOuterWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderOuterWidth * pxRatio, r, x + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, y + options.borderOuterWidth * pxRatio / 2 - aliasingOffset, w1, h1, options.colorBorderOuter, options.colorBorderOuterEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n if (options.borderMiddleWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderMiddleWidth * pxRatio, r -= 1 + aliasingOffset * 2, x2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, y2 + options.borderMiddleWidth * pxRatio / 2 - aliasingOffset, w2 + aliasingOffset * 2, h2 + aliasingOffset * 2, options.colorBorderMiddle, options.colorBorderMiddleEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n if (options.borderInnerWidth) {\n shadowDrawn = drawings.drawShadow(context, options, shadowDrawn);\n drawLinearBorder(context, options.borderInnerWidth * pxRatio, r -= 1 + aliasingOffset * 2, x3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, y3 + options.borderInnerWidth * pxRatio / 2 - aliasingOffset, w3 + aliasingOffset * 2, h3 + aliasingOffset * 2, options.colorBorderInner, options.colorBorderInnerEnd);\n aliasingOffset += 0.5 * pxRatio;\n }\n\n drawings.drawShadow(context, options, shadowDrawn);\n\n drawRectangle(context, r, x4, y4, w4 + aliasingOffset * 2, h4 + aliasingOffset * 2, options.colorPlate, options.colorPlateEnd);\n\n context.restore();\n\n return [x4, y4, w4, h4];\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Calculates and returns linear gauge base bar dimensions.\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions|{barStrokeWidth: number, barBeginCircle: number, barWidth: number, hasLeft: boolean, hasRight: boolean}} options\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n * @return {{isVertical: boolean, width: number, length: number, barWidth: number, barLength: number, strokeWidth: number, barMargin: number, radius: number, x0: number, y0: number, barOffset: number, titleMargin: number, unitsMargin: number, X: number, Y: number, baseX: number, baseY: number, ticksPadding: number}}\n */\nfunction barDimensions(context, options, x, y, w, h) {\n var pixelRatio = SmartCanvas.pixelRatio;\n var isVertical = h >= w;\n var width = isVertical ? w * 0.85 : h;\n var length = isVertical ? h : w;\n\n //noinspection JSUnresolvedFunction\n x = isVertical ? round(x + (w - width) / 2) : x;\n\n var hasTitle = !!options.title;\n var hasUnits = !!options.units;\n var hasValue = !!options.valueBox;\n\n var titleMargin = void 0;\n var unitsMargin = void 0;\n var valueMargin = void 0;\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n unitsMargin = round(length * 0.05);\n //noinspection JSUnresolvedFunction\n titleMargin = round(length * 0.075);\n //noinspection JSUnresolvedFunction\n valueMargin = round(length * 0.11);\n\n if (hasTitle) {\n length -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) length -= unitsMargin;\n if (hasValue) length -= valueMargin;\n } else {\n //noinspection JSUnresolvedFunction\n unitsMargin = titleMargin = round(width * 0.15);\n\n if (hasTitle) {\n width -= titleMargin;\n y += titleMargin;\n }\n\n if (hasUnits) width -= unitsMargin;\n }\n\n var strokeWidth = options.barStrokeWidth * 2;\n //noinspection JSUnresolvedFunction\n var radius = options.barBeginCircle ? round(width * options.barBeginCircle / 200 - strokeWidth / 2) : 0;\n //noinspection JSUnresolvedFunction\n var barWidth = round(width * options.barWidth / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barLength = round(length * options.barLength / 100 - strokeWidth);\n //noinspection JSUnresolvedFunction\n var barMargin = round((length - barLength) / 2);\n\n // coordinates for arc of the bar if configured\n //noinspection JSUnresolvedFunction\n var x0 = round(x + (isVertical ? width / 2 : barMargin + radius));\n //noinspection JSUnresolvedFunction\n var y0 = round(y + (isVertical ? length - barMargin - radius + strokeWidth / 2 : width / 2));\n var dx = isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n var dy = !isVertical && !(options.hasLeft && options.hasRight) ? (options.hasRight ? -1 : 1) * options.ticksWidth / 100 * width : 0;\n\n //noinspection JSUndefinedPropertyAssignment\n context.barDimensions = {\n isVertical: isVertical,\n width: width,\n length: length,\n barWidth: barWidth,\n barLength: barLength,\n strokeWidth: strokeWidth,\n barMargin: barMargin,\n radius: radius,\n pixelRatio: pixelRatio,\n barOffset: null,\n titleMargin: hasTitle ? titleMargin : 0,\n unitsMargin: hasUnits ? unitsMargin : 0,\n get ticksLength() {\n return this.barLength - this.barOffset - this.strokeWidth;\n },\n X: x + dx,\n Y: y + dy,\n x0: x0 + dx,\n y0: y0 + dy,\n baseX: x,\n baseY: y,\n ticksPadding: options.ticksPadding / 100\n };\n\n return context.barDimensions;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws bar shape from the given options on a given canvas context\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {string} type\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearBarShape(context, options, type, x, y, w, h) {\n var _barDimensions = barDimensions(context, options, x, y, w, h);\n\n var isVertical = _barDimensions.isVertical;\n var width = _barDimensions.width;\n var barWidth = _barDimensions.barWidth;\n var barLength = _barDimensions.barLength;\n var strokeWidth = _barDimensions.strokeWidth;\n var barMargin = _barDimensions.barMargin;\n var radius = _barDimensions.radius;\n var x0 = _barDimensions.x0;\n var y0 = _barDimensions.y0;\n var X = _barDimensions.X;\n var Y = _barDimensions.Y;\n\n var fullBarLength = barLength;\n\n context.save();\n context.beginPath();\n\n if (options.barBeginCircle) {\n var direction = drawings.radians(isVertical ? 270 : 0);\n var alpha = Math.asin(barWidth / 2 / radius);\n var cosAlpha = Math.cos(alpha);\n var sinAlpha = Math.sin(alpha);\n\n var x1 = x0 + (isVertical ? radius * sinAlpha : radius * cosAlpha - strokeWidth / 2);\n var y1 = isVertical ? y0 - radius * cosAlpha : y0 + radius * sinAlpha;\n //noinspection JSUnresolvedFunction\n var cutRadius = isVertical ? abs(y1 - y0) : abs(x1 - x0);\n\n //noinspection JSUnresolvedFunction\n context.barDimensions.barOffset = round(cutRadius + radius);\n\n // bottom point\n //noinspection JSUnresolvedFunction\n var x2 = isVertical ? round(x0 - radius * sinAlpha) : x1;\n //noinspection JSUnresolvedFunction\n var y2 = isVertical ? y1 : round(y0 - radius * sinAlpha);\n\n if (type === 'progress') {\n barLength = context.barDimensions.barOffset + (barLength - context.barDimensions.barOffset) * (drawings.normalizedValue(options).normal - options.minValue) / (options.maxValue - options.minValue);\n }\n\n // bar ends at\n //noinspection JSUnresolvedFunction\n var x3 = round(x1 + barLength - context.barDimensions.barOffset + strokeWidth / 2); // h\n //noinspection JSUnresolvedFunction\n var y3 = round(y1 - barLength + context.barDimensions.barOffset - strokeWidth / 2); // v\n\n context.arc(x0, y0, radius, direction + alpha, direction - alpha);\n\n if (isVertical) {\n context.moveTo(x1, y2);\n context.lineTo(x1, y3);\n context.lineTo(x2, y3);\n context.lineTo(x2, y2);\n } else {\n context.moveTo(x1, y2);\n context.lineTo(x3, y2);\n context.lineTo(x3, y1);\n context.lineTo(x1, y1);\n }\n } else {\n // simply rectangle\n //noinspection JSUnresolvedFunction\n var rx = round(isVertical ? X + (width - barWidth) / 2 : X + barMargin);\n //noinspection JSUnresolvedFunction\n var ry = round(isVertical ? Y + barLength + barMargin : Y + (width - barWidth) / 2);\n\n if (type === 'progress') {\n barLength *= (options.value - options.minValue) / (options.maxValue - options.minValue);\n }\n\n if (isVertical) context.rect(rx, ry, barWidth, -barLength);else context.rect(rx, ry, barLength, barWidth);\n }\n\n if (type !== 'progress' && options.barStrokeWidth) {\n context.lineWidth = strokeWidth;\n context.strokeStyle = options.colorBarStroke;\n //context.lineJoin = 'round';\n context.stroke();\n }\n\n if (type !== 'progress' && options.colorBar) {\n context.fillStyle = options.colorBarEnd ? drawings.linearGradient(context, options.colorBar, options.colorBarEnd, barLength, isVertical, isVertical ? Y : X) : options.colorBar;\n context.fill();\n } else if (type === 'progress' && options.colorBarProgress) {\n context.fillStyle = options.colorBarProgressEnd ? drawings.linearGradient(context, options.colorBarProgress, options.colorBarProgressEnd, fullBarLength, isVertical, isVertical ? Y : X) : options.colorBarProgress;\n context.fill();\n }\n\n context.closePath();\n\n // fix dimensions for further usage\n if (options.barBeginCircle) context.barDimensions.radius += strokeWidth;\n\n context.barDimensions.barWidth += strokeWidth;\n context.barDimensions.barLength += strokeWidth;\n}\n\n/**\n * Draws gauge bar\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBar(context, options, x, y, w, h) {\n drawLinearBarShape(context, options, '', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Helper function to calculate bar ticks presence on the sides\n *\n * @param {string} notWhich\n * @param {LinearGaugeOptions} options\n * @return {boolean}\n */\nfunction hasTicksBar(notWhich, options) {\n return options.needleSide !== notWhich || options.tickSide !== notWhich || options.numberSide !== notWhich;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar progress\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} x x-coordinate of the top-left corner of the gauge\n * @param {number} y y-coordinate of the top-left corner of the gauge\n * @param {number} w width of the gauge\n * @param {number} h height of the gauge\n */\nfunction drawLinearBarProgress(context, options, x, y, w, h) {\n options.barProgress && drawLinearBarShape(context, options, 'progress', x, y, w, h);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws gauge bar highlighted areas\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarHighlights(context, options) {\n var _context$barDimension = context.barDimensions;\n var isVertical = _context$barDimension.isVertical;\n var width = _context$barDimension.width;\n var length = _context$barDimension.length;\n var barWidth = _context$barDimension.barWidth;\n var barOffset = _context$barDimension.barOffset;\n var barMargin = _context$barDimension.barMargin;\n var X = _context$barDimension.X;\n var Y = _context$barDimension.Y;\n var ticksLength = _context$barDimension.ticksLength;\n var ticksPadding = _context$barDimension.ticksPadding;\n\n var hlWidth = width * (parseFloat(options.highlightsWidth) || 0) / 100;\n\n if (!options.highlights || !hlWidth) return;\n\n var hasLeft = options.tickSide !== 'right';\n var hasRight = options.tickSide !== 'left';\n var i = 0;\n var s = options.highlights.length;\n var tickOffset = (width - barWidth) / 2;\n var interval = options.maxValue - options.minValue;\n //noinspection JSUnresolvedFunction\n var eX = round(isVertical ? X + tickOffset : X + barMargin + barOffset);\n var eH = hlWidth;\n var eY = isVertical ? Y + length - barMargin - barOffset : Y + tickOffset;\n //noinspection JSUnresolvedFunction\n var hLeft = round((options.ticksWidth / 100 + ticksPadding) * width) + (hlWidth - options.ticksWidth / 100 * width);\n //noinspection JSUnresolvedFunction\n var hRight = round(barWidth + ticksPadding * width);\n\n context.save();\n\n for (; i < s; i++) {\n var entry = options.highlights[i];\n //noinspection JSUnresolvedFunction\n var eStart = ticksLength * abs(options.minValue - entry.from) / interval;\n //noinspection JSUnresolvedFunction\n var eW = ticksLength * abs((entry.to - entry.from) / interval);\n\n context.beginPath();\n context.fillStyle = entry.color;\n\n if (isVertical) {\n if (hasLeft) context.rect(eX - hLeft, eY - eStart, eH, -eW);\n\n if (hasRight) context.rect(eX + hRight, eY - eStart, eH, -eW);\n } else {\n if (hasLeft) context.rect(eX + eStart, eY - hLeft, eW, eH);\n\n if (hasRight) context.rect(eX + eStart, eY + hRight, eW, eH);\n }\n\n context.fill();\n context.closePath();\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws a tick line on a linear gauge\n *\n * @param {Canvas2DContext} context\n * @param x1\n * @param y1\n * @param x2\n * @param y2\n */\nfunction drawLinearTick(context, x1, y1, x2, y2) {\n context.beginPath();\n\n context.moveTo(x1, y1);\n context.lineTo(x2, y2);\n context.stroke();\n\n context.closePath();\n context.save();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks\n *\n * @param {Canvas2DContext} context\n * @param {string} color\n * @param {number[]} ticks\n * @param {number} minVal\n * @param {number} maxVal\n * @param {boolean} hasLeft\n * @param {boolean} hasRight\n * @param {number} lineWidth\n * @param {number} lineLength\n */\nfunction drawLinearTicks(context, color, ticks, minVal, maxVal, hasLeft, hasRight, lineWidth, lineLength) {\n var _context$barDimension2 = context.barDimensions;\n var isVertical = _context$barDimension2.isVertical;\n var length = _context$barDimension2.length;\n var barWidth = _context$barDimension2.barWidth;\n var barOffset = _context$barDimension2.barOffset;\n var barMargin = _context$barDimension2.barMargin;\n var pixelRatio = _context$barDimension2.pixelRatio;\n var width = _context$barDimension2.width;\n var X = _context$barDimension2.X;\n var Y = _context$barDimension2.Y;\n var ticksLength = _context$barDimension2.ticksLength;\n var ticksPadding = _context$barDimension2.ticksPadding;\n\n var tickOffset = (width - barWidth) / 2;\n var tickX = void 0,\n tickY = void 0;\n var i = 0;\n var tickLen = lineLength * width;\n var tickLeft = tickOffset - ticksPadding * width;\n var tickRight = tickOffset + barWidth + tickLen + ticksPadding * width;\n var colors = color instanceof Array ? color : new Array(ticks.length).fill(color);\n\n context.lineWidth = lineWidth * pixelRatio;\n context.save();\n\n var ratio = ticksLength / (maxVal - minVal);\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = ticks[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var val = _step.value;\n\n context.strokeStyle = colors[ticks.indexOf(val)];\n\n if (isVertical) {\n tickY = Y + length - barMargin - barOffset + (minVal - val) * ratio;\n\n if (hasLeft) {\n tickX = X + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n\n if (hasRight) {\n tickX = X + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, round(tickX - tickLen), tickY);\n }\n } else {\n tickX = X + barMargin + barOffset - (minVal - val) * ratio;\n\n if (hasLeft) {\n tickY = Y + tickLeft;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, tickY, tickX, round(tickY - tickLen));\n }\n\n if (hasRight) {\n tickY = Y + tickRight;\n //noinspection JSUnresolvedFunction\n drawLinearTick(context, tickX, round(tickY), tickX, tickY - tickLen);\n }\n }\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicks(context, options) {\n var _drawings$prepareTick = drawings.prepareTicks(options);\n\n var _drawings$prepareTick2 = _slicedToArray(_drawings$prepareTick, 2);\n\n var hasLeft = _drawings$prepareTick2[0];\n var hasRight = _drawings$prepareTick2[1];\n\n var lineWidth = 2;\n var valuePerNonExactTick = (options.maxValue - options.minValue) / (options.majorTicks.length - 1);\n var colors = options.colorMajorTicks instanceof Array ? options.colorMajorTicks : new Array(options.majorTicks.length).fill(options.colorMajorTicks);\n var ticks = options.exactTicks ? options.majorTicks : options.majorTicks.map(function (tick, i) {\n return options.minValue + valuePerNonExactTick * i;\n });\n\n drawLinearTicks(context, colors, ticks, options.minValue, options.maxValue, hasLeft, hasRight, lineWidth, options.ticksWidth / 100);\n\n if (options.strokeTicks) {\n var _context$barDimension3 = context.barDimensions;\n var isVertical = _context$barDimension3.isVertical;\n var length = _context$barDimension3.length;\n var width = _context$barDimension3.width;\n var barWidth = _context$barDimension3.barWidth;\n var barMargin = _context$barDimension3.barMargin;\n var barOffset = _context$barDimension3.barOffset;\n var X = _context$barDimension3.X;\n var Y = _context$barDimension3.Y;\n var ticksLength = _context$barDimension3.ticksLength;\n var pixelRatio = _context$barDimension3.pixelRatio;\n var ticksPadding = _context$barDimension3.ticksPadding;\n\n var rightTicks = (width - barWidth) / 2 + barWidth + ticksPadding * width;\n var leftTicks = (width - barWidth) / 2 - ticksPadding * width;\n var sX = void 0,\n sY = void 0,\n eX = void 0,\n eY = void 0;\n\n context.strokeStyle = colors[0];\n\n lineWidth *= pixelRatio;\n\n if (isVertical) {\n sY = Y + length - barMargin - barOffset + lineWidth / 2;\n eY = sY - ticksLength - lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eX = sX = round(X + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n } else {\n sX = X + barMargin + barOffset - lineWidth / 2;\n eX = sX + ticksLength + lineWidth;\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + leftTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n eY = sY = round(Y + rightTicks);\n drawLinearTickStroke(context, sX, sY, eX, eY);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws ticks stroke\n *\n * @param {Canvas2DContext} context\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n */\nfunction drawLinearTickStroke(context, sX, sY, eX, eY) {\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws minor ticks\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMinorTicks(context, options) {\n var _drawings$prepareTick3 = drawings.prepareTicks(options);\n\n var _drawings$prepareTick4 = _slicedToArray(_drawings$prepareTick3, 2);\n\n var hasLeft = _drawings$prepareTick4[0];\n var hasRight = _drawings$prepareTick4[1];\n\n var ticks = [];\n var i = options.minValue;\n var valuePerNonExactTick = (options.maxValue - options.minValue) / (options.minorTicks * (options.majorTicks.length - 1));\n\n if (options.exactTicks) {\n var delta = options.majorTicks[0] % options.minorTicks;\n\n for (; i < options.maxValue; i += options.minorTicks) {\n ticks.push(delta + i);\n }\n } else {\n for (; i < options.maxValue; i += valuePerNonExactTick) {\n ticks.push(i);\n }\n }\n\n drawLinearTicks(context, options.colorMinorTicks, ticks, options.minValue, options.maxValue, hasLeft, hasRight, 1, options.ticksWidthMinor / 100);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws major tick numbers\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearMajorTicksNumbers(context, options) {\n var _context$barDimension4 = context.barDimensions;\n var isVertical = _context$barDimension4.isVertical;\n var length = _context$barDimension4.length;\n var width = _context$barDimension4.width;\n var barWidth = _context$barDimension4.barWidth;\n var barMargin = _context$barDimension4.barMargin;\n var barOffset = _context$barDimension4.barOffset;\n var X = _context$barDimension4.X;\n var Y = _context$barDimension4.Y;\n var ticksLength = _context$barDimension4.ticksLength;\n var ticksPadding = _context$barDimension4.ticksPadding;\n\n var range = options.maxValue - options.minValue;\n var valuePerNonExactTick = range / (options.majorTicks.length - 1);\n var tickValues = options.exactTicks ? options.majorTicks : options.majorTicks.map(function (tick, i) {\n return options.minValue + valuePerNonExactTick * i;\n });\n var ticks = tickValues.length;\n var hasLeft = options.numberSide !== 'right';\n var hasRight = options.numberSide !== 'left';\n var textHeight = options.fontNumbersSize * width / 200;\n var i = 0;\n var ticksWidth = (options.ticksWidth / 100 + ticksPadding * 2) * width;\n var numLeft = (width - barWidth) / 2 - ticksWidth;\n var numRight = (width - barWidth) / 2 + barWidth + ticksWidth;\n var textX = void 0,\n textY = void 0,\n textWidth = void 0,\n numberOffset = void 0,\n tick = void 0;\n var colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(ticks).fill(options.colorNumbers);\n var textMargin = options.numbersMargin / 100 * width;\n\n context.font = drawings.font(options, 'Numbers', width / 200);\n context.lineWidth = 0;\n context.textAlign = 'center';\n\n for (; i < ticks; i++) {\n context.fillStyle = colors[i];\n tick = options.majorTicks[i];\n numberOffset = options.exactTicks ? ticksLength * ((tickValues[i] - options.minValue) / range) : i * ticksLength / (ticks - 1);\n\n if (isVertical) {\n textY = Y + length - barMargin - barOffset - numberOffset + textHeight / 3;\n\n if (hasLeft) {\n context.textAlign = 'right';\n context.fillText(tick, X + numLeft - textMargin, textY);\n }\n\n if (hasRight) {\n context.textAlign = 'left';\n context.fillText(tick, X + numRight + textMargin, textY);\n }\n } else {\n textWidth = context.measureText(tick).width;\n textX = X + barMargin + barOffset + numberOffset;\n\n if (hasLeft) {\n context.fillText(tick, textX, Y + numLeft - textMargin);\n }\n\n if (hasRight) {\n context.fillText(tick, textX, Y + numRight + textHeight + textMargin);\n }\n }\n }\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge title\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearTitle(context, options) {\n if (!options.title) return;\n\n var _context$barDimension5 = context.barDimensions;\n var isVertical = _context$barDimension5.isVertical;\n var width = _context$barDimension5.width;\n var length = _context$barDimension5.length;\n var baseX = _context$barDimension5.baseX;\n var baseY = _context$barDimension5.baseY;\n var titleMargin = _context$barDimension5.titleMargin;\n\n var textHeight = options.fontTitleSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + titleMargin / 2 - (isVertical ? textHeight : textHeight / 2) - 0.025 * (isVertical ? length : width));\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Title', width / 200);\n context.lineWidth = 0;\n context.fillText(options.title, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge units\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearUnits(context, options) {\n if (!options.units) return;\n\n var _context$barDimension6 = context.barDimensions;\n var isVertical = _context$barDimension6.isVertical;\n var width = _context$barDimension6.width;\n var length = _context$barDimension6.length;\n var baseX = _context$barDimension6.baseX;\n var baseY = _context$barDimension6.baseY;\n var unitsMargin = _context$barDimension6.unitsMargin;\n\n var textHeight = options.fontUnitsSize * width / 200;\n //noinspection JSUnresolvedFunction\n var textX = round(baseX + (isVertical ? width : length) / 2);\n //noinspection JSUnresolvedFunction\n var textY = round(baseY + (isVertical ? length : width) + unitsMargin / 2 - textHeight / 2);\n\n context.save();\n context.textAlign = 'center';\n context.fillStyle = options.colorTitle;\n context.font = drawings.font(options, 'Units', width / 200);\n context.lineWidth = 0;\n context.fillText(options.units, textX, textY, isVertical ? width : length);\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws linear gauge needles\n *\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n */\nfunction drawLinearBarNeedle(context, options) {\n if (!options.needle) return;\n\n var _context$barDimension7 = context.barDimensions;\n var isVertical = _context$barDimension7.isVertical;\n var width = _context$barDimension7.width;\n var length = _context$barDimension7.length;\n var barWidth = _context$barDimension7.barWidth;\n var barOffset = _context$barDimension7.barOffset;\n var barMargin = _context$barDimension7.barMargin;\n var ticksLength = _context$barDimension7.ticksLength;\n var X = _context$barDimension7.X;\n var Y = _context$barDimension7.Y;\n var ticksPadding = _context$barDimension7.ticksPadding;\n\n var hasLeft = options.needleSide !== 'right';\n var hasRight = options.needleSide !== 'left';\n var position = ticksLength * (drawings.normalizedValue(options).indented - options.minValue) / (options.maxValue - options.minValue);\n var tickWidth = (options.ticksWidth / 100 + ticksPadding) * width;\n var baseLength = barWidth / 2 + tickWidth;\n var needleLength = baseLength * (options.needleEnd / 100);\n var sX = void 0,\n eX = void 0,\n sY = void 0,\n eY = void 0;\n var draw = options.needleType.toLowerCase() === 'arrow' ? drawLinearArrowNeedle : drawLinearLineNeedle;\n var barStart = (width - barWidth) / 2;\n var needleStart = baseLength * (options.needleStart / 100);\n var nLeft = barStart - tickWidth - needleStart;\n var nRight = barStart + barWidth + tickWidth + needleStart;\n\n context.save();\n\n drawings.drawNeedleShadow(context, options);\n\n if (isVertical) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + length - barMargin - barOffset - position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nLeft);\n eX = sX + needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sX = round(X + nRight);\n eX = sX - needleLength;\n draw(context, options, sX, sY, eX, sY, needleLength, true);\n }\n } else {\n //noinspection JSUnresolvedFunction\n sX = round(X + barMargin + barOffset + position);\n\n if (hasLeft) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nLeft);\n eY = sY + needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength);\n }\n\n if (hasRight) {\n //noinspection JSUnresolvedFunction\n sY = round(Y + nRight);\n eY = sY - needleLength;\n draw(context, options, sX, sY, sX, eY, needleLength, true);\n }\n }\n\n context.restore();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Returns needle color style\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} length\n * @param {boolean} [isRight]\n * @return {CanvasGradient|string}\n */\nfunction needleStyle(context, options, length, isRight) {\n return options.colorNeedleEnd ? drawings.linearGradient(context, isRight ? options.colorNeedleEnd : options.colorNeedle, isRight ? options.colorNeedle : options.colorNeedleEnd, length, !context.barDimensions.isVertical) : options.colorNeedle;\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws line needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearLineNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n context.lineWidth = options.needleWidth;\n context.strokeStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n context.moveTo(sX, sY);\n context.lineTo(eX, eY);\n context.stroke();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws arrow needle shape\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} sX\n * @param {number} sY\n * @param {number} eX\n * @param {number} eY\n * @param {number} length\n * @param {boolean} [isRight]\n */\nfunction drawLinearArrowNeedle(context, options, sX, sY, eX, eY, length, isRight) {\n //noinspection JSUnresolvedFunction\n var peakLength = round(length * 0.4);\n var bodyLength = length - peakLength;\n var isVertical = sX === eX;\n var halfWidth = options.needleWidth / 2;\n\n context.fillStyle = needleStyle(context, options, length, isRight);\n\n context.beginPath();\n\n if (isVertical) {\n if (sY > eY) bodyLength *= -1;\n\n context.moveTo(sX - halfWidth, sY);\n context.lineTo(sX + halfWidth, sY);\n context.lineTo(sX + halfWidth, sY + bodyLength);\n context.lineTo(sX, eY);\n context.lineTo(sX - halfWidth, sY + bodyLength);\n context.lineTo(sX - halfWidth, sY);\n } else {\n if (sX > eX) bodyLength *= -1;\n\n context.moveTo(sX, sY - halfWidth);\n context.lineTo(sX, sY + halfWidth);\n context.lineTo(sX + bodyLength, sY + halfWidth);\n context.lineTo(eX, sY);\n context.lineTo(sX + bodyLength, sY - halfWidth);\n context.lineTo(sX, sY - halfWidth);\n }\n\n context.fill();\n context.closePath();\n}\n\n/* istanbul ignore next: private, not testable */\n/**\n * Draws value box for linear gauge\n *\n * @access private\n * @param {Canvas2DContext} context\n * @param {LinearGaugeOptions} options\n * @param {number} value\n * @param {number} x\n * @param {number} y\n * @param {number} w\n * @param {number} h\n */\nfunction drawLinearValueBox(context, options, value, x, y, w, h) {\n // currently value box is available only for vertical linear gauge,\n // as far as by design it is hard to find a proper place for\n // horizontal ones\n var boxWidth = (parseFloat(options.fontValueSize) || 0) * w / 200;\n var dy = (0.11 * h - boxWidth) / 2;\n\n context.barDimensions.isVertical && drawings.drawValueBox(context, options, value, x + w / 2, y + h - boxWidth - dy, w);\n}\n\n/**\n * Minimalistic HTML5 Canvas Linear Gauge\n */\n\nvar LinearGauge = function (_BaseGauge2) {\n _inherits(LinearGauge, _BaseGauge2);\n\n /**\n * Fired each time before gauge plate is drawn\n *\n * @event LinearGauge#beforePlate\n */\n\n /**\n * Fired each time before gauge highlight areas are drawn\n *\n * @event LinearGauge#beforeHighlights\n */\n\n /**\n * Fired each time before gauge minor ticks are drawn\n *\n * @event LinearGauge#beforeMinorTicks\n */\n\n /**\n * Fired each time before gauge major ticks are drawn\n *\n * @event LinearGauge#beforeMajorTicks\n */\n\n /**\n * Fired each time before gauge tick numbers are drawn\n *\n * @event LinearGauge#beforeNumbers\n */\n\n /**\n * Fired each time before gauge title is drawn\n *\n * @event LinearGauge#beforeTitle\n */\n\n /**\n * Fired each time before gauge units text is drawn\n *\n * @event LinearGauge#beforeUnits\n */\n\n /**\n * Fired each time before gauge bar area is drawn\n *\n * @event LinearGauge#beforeBar\n */\n\n /**\n * Fired each time before gauge progress bar is drawn\n *\n * @event LinearGauge#beforeProgressBar\n */\n\n /**\n * Fired each time before gauge value box is drawn\n *\n * @event LinearGauge#beforeValueBox\n */\n\n /**\n * Fired each time before gauge needle is drawn\n *\n * @event LinearGauge#beforeNeedle\n */\n\n /**\n * @constructor\n * @param {LinearGaugeOptions} options\n */\n function LinearGauge(options) {\n _classCallCheck(this, LinearGauge);\n\n options = Object.assign({}, defaultLinearGaugeOptions, options || {});\n return _possibleConstructorReturn(this, (LinearGauge.__proto__ || Object.getPrototypeOf(LinearGauge)).call(this, LinearGauge.configure(options)));\n }\n\n /**\n * Checks and updates gauge options properly\n *\n * @param {*} options\n * @return {*}\n * @access protected\n */\n\n\n _createClass(LinearGauge, [{\n key: 'draw',\n\n\n /* istanbul ignore next */\n /**\n * Triggering linear gauge render on a canvas.\n *\n * @returns {LinearGauge}\n */\n value: function draw() {\n try {\n var canvas = this.canvas;\n var _ref2 = [-canvas.drawX, -canvas.drawY, canvas.drawWidth, canvas.drawHeight];\n var x = _ref2[0];\n var y = _ref2[1];\n var w = _ref2[2];\n var h = _ref2[3];\n\n var options = this.options;\n\n if (!canvas.elementClone.initialized) {\n var context = canvas.contextClone;\n\n // clear the cache\n context.clearRect(x, y, w, h);\n context.save();\n\n this.emit('beforePlate');\n this.drawBox = drawLinearPlate(context, options, x, y, w, h);\n\n this.emit('beforeBar');\n drawLinearBar.apply(undefined, [context, options].concat(_toConsumableArray(this.drawBox)));\n\n canvas.context.barDimensions = context.barDimensions;\n\n this.emit('beforeHighlights');\n drawLinearBarHighlights(context, options);\n this.emit('beforeMinorTicks');\n drawLinearMinorTicks(context, options);\n this.emit('beforeMajorTicks');\n drawLinearMajorTicks(context, options);\n this.emit('beforeNumbers');\n drawLinearMajorTicksNumbers(context, options);\n this.emit('beforeTitle');\n drawLinearTitle(context, options);\n this.emit('beforeUnits');\n drawLinearUnits(context, options);\n\n canvas.elementClone.initialized = true;\n }\n\n this.canvas.commit();\n\n // clear the canvas\n canvas.context.clearRect(x, y, w, h);\n canvas.context.save();\n\n canvas.context.drawImage(canvas.elementClone, x, y, w, h);\n canvas.context.save();\n\n this.emit('beforeProgressBar');\n drawLinearBarProgress.apply(undefined, [canvas.context, options].concat(_toConsumableArray(this.drawBox)));\n this.emit('beforeNeedle');\n drawLinearBarNeedle(canvas.context, options);\n this.emit('beforeValueBox');\n drawLinearValueBox.apply(undefined, [canvas.context, options, options.animatedValue ? this.options.value : this.value].concat(_toConsumableArray(this.drawBox)));\n\n _get(LinearGauge.prototype.__proto__ || Object.getPrototypeOf(LinearGauge.prototype), 'draw', this).call(this);\n } catch (err) {\n drawings.verifyError(err);\n }\n\n return this;\n }\n }], [{\n key: 'configure',\n value: function configure(options) {\n /* istanbul ignore else */\n if (options.barStrokeWidth >= options.barWidth) {\n //noinspection JSUnresolvedFunction\n options.barStrokeWidth = round(options.barWidth / 2);\n }\n\n //noinspection JSUndefinedPropertyAssignment\n options.hasLeft = hasTicksBar('right', options);\n //noinspection JSUndefinedPropertyAssignment\n options.hasRight = hasTicksBar('left', options);\n\n if (options.value > options.maxValue) {\n options.value = options.maxValue;\n }\n\n if (options.value < options.minValue) {\n options.value = options.minValue;\n }\n\n return BaseGauge.configure(options);\n }\n }]);\n\n return LinearGauge;\n}(BaseGauge);\n\n/**\n * @ignore\n * @typedef {object} ns\n */\n/* istanbul ignore if */\n\n\nif (typeof ns !== 'undefined') {\n ns['LinearGauge'] = LinearGauge;\n}\n\nBaseGauge.initialize('LinearGauge', defaultLinearGaugeOptions);;typeof module !== \"undefined\" && Object.assign(ns, {Collection: Collection,GenericOptions: GenericOptions,Animation: Animation,BaseGauge: BaseGauge,drawings: drawings,SmartCanvas: SmartCanvas,vendorize: vendorize});}(typeof module !== \"undefined\" ? module.exports : window));"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/lib/GenericOptions.js b/lib/GenericOptions.js index 1cbce570..b8ad1479 100644 --- a/lib/GenericOptions.js +++ b/lib/GenericOptions.js @@ -59,6 +59,7 @@ const GenericOptions = { animateOnInit: false, title: false, borders: true, + numbersMargin: 1, // number formats valueInt: 3, diff --git a/lib/LinearGauge.js b/lib/LinearGauge.js index 7de6173b..e096b0f0 100644 --- a/lib/LinearGauge.js +++ b/lib/LinearGauge.js @@ -809,6 +809,7 @@ function drawLinearMajorTicksNumbers(context, options) { let textX, textY, textWidth, numberOffset, tick; let colors = options.colorNumbers instanceof Array ? options.colorNumbers : new Array(ticks).fill(options.colorNumbers); + let textMargin = options.numbersMargin / 100 * width; context.font = drawings.font(options, 'Numbers', width / 200); context.lineWidth = 0; @@ -827,12 +828,12 @@ function drawLinearMajorTicksNumbers(context, options) { if (hasLeft) { context.textAlign = 'right'; - context.fillText(tick, X + numLeft, textY); + context.fillText(tick, X + numLeft - textMargin, textY); } if (hasRight) { context.textAlign = 'left'; - context.fillText(tick, X + numRight, textY); + context.fillText(tick, X + numRight + textMargin, textY); } } @@ -841,11 +842,12 @@ function drawLinearMajorTicksNumbers(context, options) { textX = X + barMargin + barOffset + numberOffset; if (hasLeft) { - context.fillText(tick, textX, Y + numLeft); + context.fillText(tick, textX, Y + numLeft - textMargin); } if (hasRight) { - context.fillText(tick, textX, Y + numRight + textHeight); + context.fillText(tick, textX, Y + numRight + textHeight + + textMargin); } } } diff --git a/lib/RadialGauge.js b/lib/RadialGauge.js index bb819e6e..4e60e843 100644 --- a/lib/RadialGauge.js +++ b/lib/RadialGauge.js @@ -375,11 +375,7 @@ function closeStrokedPath(context) { * @param {RadialGaugeOptions} options */ function drawRadialNumbers(context, options) { - let textWidth = Math.max.apply(null, options.majorTicks.map(text => - context.measureText(text).width)); - let textHeight = options.fontNumbersSize; - let radius = radialTicksRadius(context, options) - context.max * 0.2 - - Math.sqrt(textWidth * textWidth + textHeight * textHeight) / 2; + let radius = radialTicksRadius(context, options) - context.max * 0.15; let points = {}; let i = 0; let s = options.majorTicks.length; @@ -395,10 +391,21 @@ function drawRadialNumbers(context, options) { context.rotate(-drawings.radians(plateValueAngle)); } + context.font = drawings.font(options, 'Numbers', context.max / 200); + context.lineWidth = 0; + context.textAlign = 'center'; + context.textBaseline = 'middle'; + for (; i < s; ++i) { let angle = plateValueAngle + radialNextAngle(options, options.exactTicks ? options.majorTicks[i] : i, s); - let point = drawings.radialPoint(radius, drawings.radians(angle)); + let textWidth = context.measureText(options.majorTicks[i]).width; + let textHeight = options.fontNumbersSize; + let textRadius = Math.sqrt(textWidth * textWidth + + textHeight * textHeight) / 2; + let point = drawings.radialPoint(radius - textRadius - + options.numbersMargin / 100 * context.max, + drawings.radians(angle)); if (angle === 360) angle = 0; @@ -408,11 +415,7 @@ function drawRadialNumbers(context, options) { points[angle] = true; - context.font = drawings.font(options, 'Numbers', context.max / 200); context.fillStyle = colors[i]; - context.lineWidth = 0; - context.textAlign = 'center'; - context.textBaseline = 'middle'; context.fillText(options.majorTicks[i], point.x, point.y); } diff --git a/test-coverage.svg b/test-coverage.svg index 0e50771e..f73f26a3 100644 --- a/test-coverage.svg +++ b/test-coverage.svg @@ -1 +1 @@ -coveragecoverage85.23%85.23% \ No newline at end of file +coveragecoverage85.24%85.24% \ No newline at end of file