{"version":3,"sources":["webpack://@verndale/toolkit/./node_modules/easy-pie-chart/dist/easypiechart.js","webpack://@verndale/toolkit/./src/js/modules/CircleGraph.js"],"names":[],"mappings":"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","file":"scripts/186.bundle.js","sourcesContent":["/**!\n * easy-pie-chart\n * Lightweight plugin to render simple, animated and retina optimized pie charts\n *\n * @license \n * @author Robert Fleischmann <rendro87@gmail.com> (http://robert-fleischmann.de)\n * @version 2.1.7\n **/\n\n(function (root, factory) {\n  if (typeof define === 'function' && define.amd) {\n    // AMD. Register as an anonymous module unless amdModuleId is set\n    define([], function () {\n      return (root['EasyPieChart'] = factory());\n    });\n  } else if (typeof exports === 'object') {\n    // Node. Does not work with strict CommonJS, but\n    // only CommonJS-like environments that support module.exports,\n    // like Node.\n    module.exports = factory();\n  } else {\n    root['EasyPieChart'] = factory();\n  }\n}(this, function () {\n\n/**\n * Renderer to render the chart on a canvas object\n * @param {DOMElement} el      DOM element to host the canvas (root of the plugin)\n * @param {object}     options options object of the plugin\n */\nvar CanvasRenderer = function(el, options) {\n\tvar cachedBackground;\n\tvar canvas = document.createElement('canvas');\n\n\tel.appendChild(canvas);\n\n\tif (typeof(G_vmlCanvasManager) === 'object') {\n\t\tG_vmlCanvasManager.initElement(canvas);\n\t}\n\n\tvar ctx = canvas.getContext('2d');\n\n\tcanvas.width = canvas.height = options.size;\n\n\t// canvas on retina devices\n\tvar scaleBy = 1;\n\tif (window.devicePixelRatio > 1) {\n\t\tscaleBy = window.devicePixelRatio;\n\t\tcanvas.style.width = canvas.style.height = [options.size, 'px'].join('');\n\t\tcanvas.width = canvas.height = options.size * scaleBy;\n\t\tctx.scale(scaleBy, scaleBy);\n\t}\n\n\t// move 0,0 coordinates to the center\n\tctx.translate(options.size / 2, options.size / 2);\n\n\t// rotate canvas -90deg\n\tctx.rotate((-1 / 2 + options.rotate / 180) * Math.PI);\n\n\tvar radius = (options.size - options.lineWidth) / 2;\n\tif (options.scaleColor && options.scaleLength) {\n\t\tradius -= options.scaleLength + 2; // 2 is the distance between scale and bar\n\t}\n\n\t// IE polyfill for Date\n\tDate.now = Date.now || function() {\n\t\treturn +(new Date());\n\t};\n\n\t/**\n\t * Draw a circle around the center of the canvas\n\t * @param {strong} color     Valid CSS color string\n\t * @param {number} lineWidth Width of the line in px\n\t * @param {number} percent   Percentage to draw (float between -1 and 1)\n\t */\n\tvar drawCircle = function(color, lineWidth, percent) {\n\t\tpercent = Math.min(Math.max(-1, percent || 0), 1);\n\t\tvar isNegative = percent <= 0 ? true : false;\n\n\t\tctx.beginPath();\n\t\tctx.arc(0, 0, radius, 0, Math.PI * 2 * percent, isNegative);\n\n\t\tctx.strokeStyle = color;\n\t\tctx.lineWidth = lineWidth;\n\n\t\tctx.stroke();\n\t};\n\n\t/**\n\t * Draw the scale of the chart\n\t */\n\tvar drawScale = function() {\n\t\tvar offset;\n\t\tvar length;\n\n\t\tctx.lineWidth = 1;\n\t\tctx.fillStyle = options.scaleColor;\n\n\t\tctx.save();\n\t\tfor (var i = 24; i > 0; --i) {\n\t\t\tif (i % 6 === 0) {\n\t\t\t\tlength = options.scaleLength;\n\t\t\t\toffset = 0;\n\t\t\t} else {\n\t\t\t\tlength = options.scaleLength * 0.6;\n\t\t\t\toffset = options.scaleLength - length;\n\t\t\t}\n\t\t\tctx.fillRect(-options.size/2 + offset, 0, length, 1);\n\t\t\tctx.rotate(Math.PI / 12);\n\t\t}\n\t\tctx.restore();\n\t};\n\n\t/**\n\t * Request animation frame wrapper with polyfill\n\t * @return {function} Request animation frame method or timeout fallback\n\t */\n\tvar reqAnimationFrame = (function() {\n\t\treturn  window.requestAnimationFrame ||\n\t\t\t\twindow.webkitRequestAnimationFrame ||\n\t\t\t\twindow.mozRequestAnimationFrame ||\n\t\t\t\tfunction(callback) {\n\t\t\t\t\twindow.setTimeout(callback, 1000 / 60);\n\t\t\t\t};\n\t}());\n\n\t/**\n\t * Draw the background of the plugin including the scale and the track\n\t */\n\tvar drawBackground = function() {\n\t\tif(options.scaleColor) drawScale();\n\t\tif(options.trackColor) drawCircle(options.trackColor, options.trackWidth || options.lineWidth, 1);\n\t};\n\n  /**\n    * Canvas accessor\n   */\n  this.getCanvas = function() {\n    return canvas;\n  };\n\n  /**\n    * Canvas 2D context 'ctx' accessor\n   */\n  this.getCtx = function() {\n    return ctx;\n  };\n\n\t/**\n\t * Clear the complete canvas\n\t */\n\tthis.clear = function() {\n\t\tctx.clearRect(options.size / -2, options.size / -2, options.size, options.size);\n\t};\n\n\t/**\n\t * Draw the complete chart\n\t * @param {number} percent Percent shown by the chart between -100 and 100\n\t */\n\tthis.draw = function(percent) {\n\t\t// do we need to render a background\n\t\tif (!!options.scaleColor || !!options.trackColor) {\n\t\t\t// getImageData and putImageData are supported\n\t\t\tif (ctx.getImageData && ctx.putImageData) {\n\t\t\t\tif (!cachedBackground) {\n\t\t\t\t\tdrawBackground();\n\t\t\t\t\tcachedBackground = ctx.getImageData(0, 0, options.size * scaleBy, options.size * scaleBy);\n\t\t\t\t} else {\n\t\t\t\t\tctx.putImageData(cachedBackground, 0, 0);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.clear();\n\t\t\t\tdrawBackground();\n\t\t\t}\n\t\t} else {\n\t\t\tthis.clear();\n\t\t}\n\n\t\tctx.lineCap = options.lineCap;\n\n\t\t// if barcolor is a function execute it and pass the percent as a value\n\t\tvar color;\n\t\tif (typeof(options.barColor) === 'function') {\n\t\t\tcolor = options.barColor(percent);\n\t\t} else {\n\t\t\tcolor = options.barColor;\n\t\t}\n\n\t\t// draw bar\n\t\tdrawCircle(color, options.lineWidth, percent / 100);\n\t}.bind(this);\n\n\t/**\n\t * Animate from some percent to some other percentage\n\t * @param {number} from Starting percentage\n\t * @param {number} to   Final percentage\n\t */\n\tthis.animate = function(from, to) {\n\t\tvar startTime = Date.now();\n\t\toptions.onStart(from, to);\n\t\tvar animation = function() {\n\t\t\tvar process = Math.min(Date.now() - startTime, options.animate.duration);\n\t\t\tvar currentValue = options.easing(this, process, from, to - from, options.animate.duration);\n\t\t\tthis.draw(currentValue);\n\t\t\toptions.onStep(from, to, currentValue);\n\t\t\tif (process >= options.animate.duration) {\n\t\t\t\toptions.onStop(from, to);\n\t\t\t} else {\n\t\t\t\treqAnimationFrame(animation);\n\t\t\t}\n\t\t}.bind(this);\n\n\t\treqAnimationFrame(animation);\n\t}.bind(this);\n};\n\nvar EasyPieChart = function(el, opts) {\n\tvar defaultOptions = {\n\t\tbarColor: '#ef1e25',\n\t\ttrackColor: '#f9f9f9',\n\t\tscaleColor: '#dfe0e0',\n\t\tscaleLength: 5,\n\t\tlineCap: 'round',\n\t\tlineWidth: 3,\n\t\ttrackWidth: undefined,\n\t\tsize: 110,\n\t\trotate: 0,\n\t\tanimate: {\n\t\t\tduration: 1000,\n\t\t\tenabled: true\n\t\t},\n\t\teasing: function (x, t, b, c, d) { // more can be found here: http://gsgd.co.uk/sandbox/jquery/easing/\n\t\t\tt = t / (d/2);\n\t\t\tif (t < 1) {\n\t\t\t\treturn c / 2 * t * t + b;\n\t\t\t}\n\t\t\treturn -c/2 * ((--t)*(t-2) - 1) + b;\n\t\t},\n\t\tonStart: function(from, to) {\n\t\t\treturn;\n\t\t},\n\t\tonStep: function(from, to, currentValue) {\n\t\t\treturn;\n\t\t},\n\t\tonStop: function(from, to) {\n\t\t\treturn;\n\t\t}\n\t};\n\n\t// detect present renderer\n\tif (typeof(CanvasRenderer) !== 'undefined') {\n\t\tdefaultOptions.renderer = CanvasRenderer;\n\t} else if (typeof(SVGRenderer) !== 'undefined') {\n\t\tdefaultOptions.renderer = SVGRenderer;\n\t} else {\n\t\tthrow new Error('Please load either the SVG- or the CanvasRenderer');\n\t}\n\n\tvar options = {};\n\tvar currentValue = 0;\n\n\t/**\n\t * Initialize the plugin by creating the options object and initialize rendering\n\t */\n\tvar init = function() {\n\t\tthis.el = el;\n\t\tthis.options = options;\n\n\t\t// merge user options into default options\n\t\tfor (var i in defaultOptions) {\n\t\t\tif (defaultOptions.hasOwnProperty(i)) {\n\t\t\t\toptions[i] = opts && typeof(opts[i]) !== 'undefined' ? opts[i] : defaultOptions[i];\n\t\t\t\tif (typeof(options[i]) === 'function') {\n\t\t\t\t\toptions[i] = options[i].bind(this);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// check for jQuery easing\n\t\tif (typeof(options.easing) === 'string' && typeof(jQuery) !== 'undefined' && jQuery.isFunction(jQuery.easing[options.easing])) {\n\t\t\toptions.easing = jQuery.easing[options.easing];\n\t\t} else {\n\t\t\toptions.easing = defaultOptions.easing;\n\t\t}\n\n\t\t// process earlier animate option to avoid bc breaks\n\t\tif (typeof(options.animate) === 'number') {\n\t\t\toptions.animate = {\n\t\t\t\tduration: options.animate,\n\t\t\t\tenabled: true\n\t\t\t};\n\t\t}\n\n\t\tif (typeof(options.animate) === 'boolean' && !options.animate) {\n\t\t\toptions.animate = {\n\t\t\t\tduration: 1000,\n\t\t\t\tenabled: options.animate\n\t\t\t};\n\t\t}\n\n\t\t// create renderer\n\t\tthis.renderer = new options.renderer(el, options);\n\n\t\t// initial draw\n\t\tthis.renderer.draw(currentValue);\n\n\t\t// initial update\n\t\tif (el.dataset && el.dataset.percent) {\n\t\t\tthis.update(parseFloat(el.dataset.percent));\n\t\t} else if (el.getAttribute && el.getAttribute('data-percent')) {\n\t\t\tthis.update(parseFloat(el.getAttribute('data-percent')));\n\t\t}\n\t}.bind(this);\n\n\t/**\n\t * Update the value of the chart\n\t * @param  {number} newValue Number between 0 and 100\n\t * @return {object}          Instance of the plugin for method chaining\n\t */\n\tthis.update = function(newValue) {\n\t\tnewValue = parseFloat(newValue);\n\t\tif (options.animate.enabled) {\n\t\t\tthis.renderer.animate(currentValue, newValue);\n\t\t} else {\n\t\t\tthis.renderer.draw(newValue);\n\t\t}\n\t\tcurrentValue = newValue;\n\t\treturn this;\n\t}.bind(this);\n\n\t/**\n\t * Disable animation\n\t * @return {object} Instance of the plugin for method chaining\n\t */\n\tthis.disableAnimation = function() {\n\t\toptions.animate.enabled = false;\n\t\treturn this;\n\t};\n\n\t/**\n\t * Enable animation\n\t * @return {object} Instance of the plugin for method chaining\n\t */\n\tthis.enableAnimation = function() {\n\t\toptions.animate.enabled = true;\n\t\treturn this;\n\t};\n\n\tinit();\n};\n\nreturn EasyPieChart;\n\n}));\n","import { Component } from '@verndale/core';\nimport EasyPieChart from 'easy-pie-chart';\n\nclass CircleGraph extends Component {\n  setupDefaults() {\n    this.dom = {\n      percent: this.el.querySelector('[data-module-role=\"percent\"]'),\n      frames: this.el.querySelectorAll('[data-percent]')\n    };\n    this.currentFrame = -1;\n    this.animationDuration = 750;\n    this.animationCycle = 5000;\n    this.timer = 0;\n\n    this.initChart();\n  }\n\n  initChart() {\n    const { percent } = this.dom;\n    this.chart = new EasyPieChart(this.el, {\n      scaleColor: false,\n      lineWidth: 8,\n      lineCap: 'butt',\n      barColor: '#F8E71C',\n      trackColor: '#2D3A4A',\n      size: 180,\n      animate: this.animationDuration,\n      onStep: (from, to, current) => {\n        const percentElement = this.el.querySelectorAll(\n          `h3[data-percent='${to}']`\n        );\n        if (\n          percentElement.length > 0 &&\n          percentElement[0].dataset.showPercent\n        ) {\n          percent.innerHTML = `${Math.round(current)}%`;\n        } else {\n          percent.innerHTML = Math.round(current);\n        }\n      }\n    });\n    this.el.classList.add('js-animating');\n    this.next();\n  }\n\n  getPercent(frame) {\n    const index = Array.from(this.dom.frames).indexOf(frame);\n    return (\n      parseInt(\n        Array.from(this.dom.frames)[index].getAttribute('data-percent'),\n        10\n      ) || 0\n    );\n  }\n\n  next() {\n    this.goTo(this.currentFrame + 1);\n  }\n\n  goTo(frame) {\n    const { frames } = this.dom;\n    let newFrame = frame;\n    if (newFrame >= frames.length) {\n      newFrame = 0;\n    } else if (newFrame < 0) {\n      newFrame = frames.length - 1;\n    }\n    this.currentFrame = newFrame;\n    \n    frames.forEach(element => {\n      element.classList.remove('js-active');\n    });\n    \n    frames[this.currentFrame].classList.add('js-active');\n    \n    if (this.chart) {\n      this.chart.update(this.getPercent(frames[this.currentFrame]));\n    }\n    if (frames.length > 1) this.setTimer();\n  }\n  \n  setTimer() {\n    this.clearTimer();\n    this.timer = setTimeout(this.next.bind(this), this.animationCycle);\n  }\n  \n  clearTimer() {\n    clearTimeout(this.timer);\n    this.timer = null;\n  }\n}\n\nexport default CircleGraph;\n"],"sourceRoot":""}