From 8d2246e6c3a2cea2f2aadd97f6ed080b8df0475d Mon Sep 17 00:00:00 2001
From: Prateeksha Singh <pratu16x7@gmail.com>
Date: Tue, 27 Feb 2018 00:47:46 +0530
Subject: [PATCH] upgrade components array to a Map

---
 dist/frappe-charts.esm.js               | 118 ++++++++----------------
 dist/frappe-charts.min.cjs.js           |   2 +-
 dist/frappe-charts.min.esm.js           |   2 +-
 dist/frappe-charts.min.iife.js          |   2 +-
 dist/frappe-charts.min.iife.js.map      |   2 +-
 docs/assets/js/frappe-charts.min.js     |   2 +-
 docs/assets/js/frappe-charts.min.js.map |   2 +-
 src/js/charts/AxisChart.js              |  75 +++++++--------
 src/js/charts/BaseChart.js              |  12 ++-
 src/js/utils/helpers.js                 |  26 ++----
 10 files changed, 96 insertions(+), 147 deletions(-)

diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js
index 68009b0..0249a3a 100644
--- a/dist/frappe-charts.esm.js
+++ b/dist/frappe-charts.esm.js
@@ -232,10 +232,6 @@ function getStringWidth(string, charWidth) {
 	return (string+"").length * charWidth;
 }
 
-
-
-// observe(s.yAxis, ['yAxis', 'barGraph'])
-
 function equilizeNoOfElements(array1, array2,
 	extra_count=array2.length - array1.length) {
 
@@ -310,22 +306,6 @@ function animateRegion(rectGroup, newY1, newY2, oldY2) {
 	return [rectAnim, groupAnim];
 }
 
-/*
-
-<filter id="glow" x="-10%" y="-10%" width="120%" height="120%">
-	<feGaussianBlur stdDeviation="0.5 0.5" result="glow"></feGaussianBlur>
-	<feMerge>
-		<feMergeNode in="glow"></feMergeNode>
-		<feMergeNode in="glow"></feMergeNode>
-		<feMergeNode in="glow"></feMergeNode>
-	</feMerge>
-</filter>
-
-    filter: url(#glow);
-    fill: #fff;
-
-*/
-
 const AXIS_TICK_LENGTH = 6;
 const LABEL_MARGIN = 4;
 const FONT_SIZE = 10;
@@ -976,7 +956,7 @@ class BaseChart {
 	initComponents() {}
 
 	setupComponents() {
-		this.components = [];
+		this.components = new Map();
 	}
 
 	makeContainer() {
@@ -1051,10 +1031,12 @@ class BaseChart {
 
 	render(animate=true) {
 		// Can decouple to this.refreshComponents() first to save animation timeout
-		this.elementsToAnimate = [].concat.apply([],
-			this.components.map(c => c.update(animate)));
-		if(this.elementsToAnimate) {
-			runSMILAnimation(this.chartWrapper, this.svg, this.elementsToAnimate);
+		let elementsToAnimate = [];
+		this.components.forEach(c => {
+			elementsToAnimate = elementsToAnimate.concat(c.update(animate));
+		});
+		if(elementsToAnimate.length > 0) {
+			runSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);
 		}
 
 		// TODO: rebind new units
@@ -1870,17 +1852,10 @@ class AxisChart extends BaseChart {
 					label: ''
 				}
 			]
-
 		};
 
 		this.calcWidth();
-		this.calcXPositions();
-		this.setObservers();
-	}
-
-	setObservers() {
-		// go through each component and check the keys in this.state it depends on
-		// set an observe() on each of those keys for that component
+		this.calcXPositions(this.state);
 	}
 
 	setMargins() {
@@ -1894,43 +1869,44 @@ class AxisChart extends BaseChart {
 	}
 
 	calc() {
-		this.calcXPositions();
 
-		this.setYAxis();
-		this.calcYUnits();
-		this.calcYMaximums();
-		this.calcYRegions();
+		this.calcXPositions();
 
+		this.calcYAxisParameters(this.getAllYValues(), this.type === 'line');
 	}
 
-	setYAxis() {
-		this.calcYAxisParameters(this.state.yAxis, this.getAllYValues(), this.type === 'line');
-		this.state.zeroLine = this.state.yAxis.zeroLine;
-	}
-
-	calcXPositions() {
-		let s = this.state;
-		s.xAxis.labels = this.data.labels;
-		s.datasetLength = this.data.labels.length;
+	calcXPositions(s=this.state) {
+		let labels = this.data.labels;
+		s.datasetLength = labels.length;
 
 		s.unitWidth = this.width/(s.datasetLength);
 		// Default, as per bar, and mixed. Only line will be a special case
 		s.xOffset = s.unitWidth/2;
 
-		s.xAxis.positions = s.xAxis.labels.map((d, i) =>
-			floatTwo(s.xOffset + i * s.unitWidth)
-		);
+		s.xAxis = {
+			labels: labels,
+			positions: labels.map((d, i) =>
+				floatTwo(s.xOffset + i * s.unitWidth)
+			)
+		};
 	}
 
-	calcYAxisParameters(yAxis, dataValues, withMinimum = 'false') {
-		yAxis.labels = calcChartIntervals(dataValues, withMinimum);
-		const yPts = yAxis.labels;
+	calcYAxisParameters(dataValues, withMinimum = 'false') {
+		const yPts = calcChartIntervals(dataValues, withMinimum);
+		const scaleMultiplier = this.height / getValueRange(yPts);
+		const intervalHeight = getIntervalSize(yPts) * scaleMultiplier;
+		const zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);
 
-		yAxis.scaleMultiplier = this.height / getValueRange(yPts);
-		const intervalHeight = getIntervalSize(yPts) * yAxis.scaleMultiplier;
-		yAxis.zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);
+		this.state.yAxis = {
+			labels: yPts,
+			positions: yPts.map(d => zeroLine - d * scaleMultiplier),
+			scaleMultiplier: scaleMultiplier,
+			zeroLine: zeroLine,
+		};
 
-		yAxis.positions = yPts.map(d => yAxis.zeroLine - d * yAxis.scaleMultiplier);
+		this.calcYUnits();
+		this.calcYMaximums();
+		this.calcYRegions();
 	}
 
 	calcYUnits() {
@@ -1991,7 +1967,6 @@ class AxisChart extends BaseChart {
 
 	getAllYValues() {
 		// TODO: yMarkers, regions, sums, every Y value ever
-
 		let key = 'values';
 
 		if(this.barOptions && this.barOptions.stacked) {
@@ -2045,12 +2020,16 @@ class AxisChart extends BaseChart {
 	}
 	setupComponents() {
 		let optionals = ['yMarkers', 'yRegions'];
-		this.components = this.componentConfigs
+		this.components = new Map(this.componentConfigs
 			.filter(args => !optionals.includes(args[0]) || this.data[args[0]])
 			.map(args => {
-				args.push(function() { return this.state[args[0]]; }.bind(this));
-				return getComponent(...args);
-			});
+				args.push(
+					function() {
+						return this.state[args[0]];
+					}.bind(this)
+				);
+				return [args[0], getComponent(...args)];
+			}));
 	}
 
 	getChartComponents() {
@@ -2281,7 +2260,6 @@ class AxisChart extends BaseChart {
 
 // keep a binding at the end of chart
 
-// import { ChartComponent } from '../objects/ChartComponents';
 class LineChart extends AxisChart {
 	constructor(args) {
 		super(args);
@@ -2348,7 +2326,6 @@ class ScatterChart extends LineChart {
 	make_path() {}
 }
 
-// import { ChartComponent } from '../objects/ChartComponents';
 class MultiAxisChart extends AxisChart {
 	constructor(args) {
 		super(args);
@@ -3126,19 +3103,6 @@ class Heatmap extends BaseChart {
 	}
 }
 
-// if ("development" !== 'production') {
-// 	// Enable LiveReload
-// 	document.write(
-// 		'<script src="http://' + (location.host || 'localhost').split(':')[0] +
-// 		':35729/livereload.js?snipver=1"></' + 'script>'
-// 	);
-// }
-
-// If type is bar
-
-
-
-
 const chartTypes = {
 	mixed: AxisChart,
 	multiaxis: MultiAxisChart,
diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js
index b25bb4d..e263a85 100644
--- a/dist/frappe-charts.min.cjs.js
+++ b/dist/frappe-charts.min.cjs.js
@@ -1 +1 @@
-"use strict";function __$styleInject(t,e){if("undefined"==typeof document)return e;t=t||"";var a=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");return i.type="text/css",a.appendChild(i),i.styleSheet?i.styleSheet.cssText=t:i.appendChild(document.createTextNode(t)),e}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),a=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-a}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];a||(a=i?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(a);return t=i?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getBarHeightAndYAttr(t,e){var a=void 0,i=void 0;return t<=e?(i=t,0===(a=e-t)&&(i-=a=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(a=t-e,i=e),[a,i]}function equilizeNoOfElements(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return a>0?t=fillArray(t,a):e=fillArray(e,a),[t,e]}function translate(t,e,a,i){return[t,{transform:a.join(", ")},i,STD_EASING,"translate",{transform:e.join(", ")}]}function translateVertLine(t,e,a){return translate(t,[a,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,a){return translate(t,[0,a],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,a,i){var n=e-a,s=t.childNodes[0];return[[s,{height:n,"stroke-dasharray":s.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,a],MARKER_LINE_ANIM_DUR)]}function $$2(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var a=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var n=e[i];if("inside"===i)$$2(n).appendChild(a);else if("around"===i){var s=$$2(n);s.parentNode.insertBefore(a,s),a.appendChild(s)}else"styles"===i?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){a.style[t]=n[t]}):("className"===i&&(i="class"),"innerHTML"===i?a.textContent=n:a.setAttribute(i,n))}return a}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,a,i){return createSVG("stop",{inside:t,style:"stop-color: "+a,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,a,i){return createSVG("svg",{className:e,inside:t,width:a,height:i})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function wrapInSVGGroup(t){var e=createSVG("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e,n=renderVerticalGradient(t,i),s=[1,.6,.2];return a&&(s=[.4,.2,0]),setGradientStop(n,"0%",e,s[0]),setGradientStop(n,"50%",e,s[1]),setGradientStop(n,"100%",e,s[2]),i}function makeHeatSquare(t,e,a,i){var n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:a,width:i,height:i,fill:1};return Object.keys(n).map(function(t){s[t]=n[t]}),createSVG("rect",s)}function makeText(t,e,a,i){return createSVG("text",{className:t,x:e,y:a,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:i})}function makeVertLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var s=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:a,y2:i,styles:{stroke:n.stroke}}),r=createSVG("text",{x:0,y:a>i?a+LABEL_MARGIN:a-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function makeHoriLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var s=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:a,x2:i,y1:0,y2:0,styles:{stroke:n.stroke}}),r=createSVG("text",{x:a<i?a-LABEL_MARGIN:a+LABEL_MARGIN,y:0,dy:FONT_SIZE/2-2+"px","font-size":FONT_SIZE+"px","text-anchor":a<i?"end":"start",innerHTML:e+""}),o=createSVG("g",{transform:"translate(0, "+t+")","stroke-opacity":1});return 0!==r&&"0"!==r||(o.style.stroke="rgba(27, 31, 35, 0.6)"),o.appendChild(s),o.appendChild(r),o}function yLine(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=-1*AXIS_TICK_LENGTH,s="span"===i.mode?a+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(n=a+AXIS_TICK_LENGTH,s=a),n+=i.offset,s+=i.offset,makeHoriLine(t,e,n,s,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function xLine(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=a+AXIS_TICK_LENGTH,s="span"===i.mode?-1*AXIS_TICK_LENGTH:a;return"tick"===i.mode&&"top"===i.pos&&(n=-1*AXIS_TICK_LENGTH,s=0),makeVertLine(t,e,n,s,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:a-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),s=makeHoriLine(t,"",0,a,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return s.appendChild(n),s}function yRegion(t,e,a,i){var n=t-e,s=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":a+", "+n},x:0,y:0,width:a,height:n}),r=createSVG("text",{className:"chart-label",x:a-getStringWidth(i,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(s),o.appendChild(r),o}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var a=getColor(t),i=!1;"#"==a[0]&&(a=a.slice(1),i=!0);var n=parseInt(a,16),s=limitColor((n>>16)+e),r=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(i?"#":"")+(o|r<<8|s<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var i=COLOR_COMPATIBLE_CHARTS[e].includes(t);return new Chart({parent:a.parent,title:a.title,data:a.data,type:t,height:a.height,colors:i?a.colors:void 0})}}function animateSVGElement(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:c,to:u,begin:"0s",dur:a/1e3+"s",values:c+";"+u,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(p.type=n);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var a=[],i=[];e.map(function(t){var e=t[0],n=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);s=l[0],r=l[1],a.push(r),i.push([s,n]),n.replaceChild(s,e)});var n=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(a[i],t[0]),e[i][0]=a[i]}),n}function runSMILAnimation(t,e,a){if(0!==a.length){var i=animateSVG(e,a);e.parentNode==t&&(t.removeChild(e),t.appendChild(i)),setTimeout(function(){i.parentNode==t&&(t.removeChild(i),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function dataPrep(t,e){t.labels=t.labels||[];var a=t.labels.length,i=t.datasets,n=new Array(a).fill(0);return i||(i=[{values:n}]),i.map(function(t,i){if(t.values){var s=t.values;s=(s=s.map(function(t){return isNaN(t)?0:t})).length>a?s.slice(0,a):fillArray(s,a-s.length,0)}else t.values=n;t.index=i,t.chartType||(t.chartType=e||DEFAULT_AXIS_CHART_TYPE)}),t}function getComponent(t,e,a){var i=componentConfigs[t];return Object.assign(i,{constants:e,getData:a}),new ChartComponent$1(i)}function getPaths(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3],n=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=t.map(function(t,a){return e[a]+","+t}).join("L"),r=makePath("M"+s,"line-graph-path",a);if(i){var o=makeGradient(this.svgDefs,a);r.style.stroke="url(#"+o+")"}var l=[r];if(n){var h=makeGradient(this.svgDefs,a,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(makePath(u,"region-fill","none","url(#"+h+")"))}return l}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var a=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,a)),a]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=Math.ceil(t),i=Math.floor(e),n=a-i,s=n,r=1;n>5&&(n%2!=0&&(n=++a-i),s=n/2,r=2),n<=2&&(r=n/(s=4)),0===n&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(i+r*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=normalize(t),i=slicedToArray(a,2),n=i[0],s=i[1],r=e?e/Math.pow(10,s):0,o=getChartRangeIntervals(n=n.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function calcChartIntervals(t){function e(t,e){for(var a=getChartIntervals(t),i=a[1]-a[0],n=0,s=1;n<e;s++)n+=i,a.unshift(-1*n);return a}var a=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),s=[];if(i>=0&&n>=0)normalize(i)[1],s=a?getChartIntervals(i,n):getChartIntervals(i);else if(i>0&&n<0){var r=Math.abs(n);i>=r?(normalize(i)[1],s=e(i,r)):(normalize(r)[1],s=e(r,i).map(function(t){return-1*t}))}else if(i<=0&&n<=0){var o=Math.abs(n),l=Math.abs(i);normalize(o)[1],s=(s=a?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return s}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getRealIntervals(t,e){for(var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,n=1*(t-a)/e,s=[],r=0;r<=e;r++)s.push(a+n*r);return i?s:s.reverse()}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function calcDistribution(t,e){for(var a=Math.max.apply(Math,toConsumableArray(t)),i=1/(e-1),n=[],s=0;s<e;s++){var r=a*(i*s);n.push(r)}return n}function getMaxCheckpoint(t,e){return e.filter(function(e){return e<t}).length}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),a=t.getMonth()+1;return[(e>9?"":"0")+e,(a>9?"":"0")+a,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new AxisChart(e)):"bar"===t?(e.type="bar",new AxisChart(e)):chartTypes[t]?new chartTypes[t](e):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function a(t,e){return new Promise(function(a,n){var o={key:t,arg:e,resolve:a,reject:n,next:null};r?r=r.next=o:(s=r=o,i(t,e))})}function i(a,s){try{var r=e[a](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):n(r.done?"return":"normal",r.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?i(s.key,s.arg):r=null}var s,r;this._invoke=a,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var a=0;a<e.length;a++){var i=e[a];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,a,i){return a&&t(e.prototype,a),i&&t(e,i),e}}(),get=function t(e,a,i){null===e&&(e=Function.prototype);var n=Object.getOwnPropertyDescriptor(e,a);if(void 0===n){var s=Object.getPrototypeOf(e);return null===s?void 0:t(s,a,i)}if("value"in n)return n.value;var r=n.get;if(void 0!==r)return r.call(i)},inherits=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},possibleConstructorReturn=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},slicedToArray=function(){function t(t,e){var a=[],i=!0,n=!1,s=void 0;try{for(var r,o=t[Symbol.iterator]();!(i=(r=o.next()).done)&&(a.push(r.value),!e||a.length!==e);i=!0);}catch(t){n=!0,s=t}finally{try{!i&&o.return&&o.return()}finally{if(n)throw s}}return a}return function(e,a){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,a);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),toConsumableArray=function(t){if(Array.isArray(t)){for(var e=0,a=Array(t.length);e<t.length;e++)a[e]=t[e];return a}return Array.from(t)};$$1.create=function(t,e){var a=document.createElement(t);for(var i in e){var n=e[i];if("inside"===i)$$1(n).appendChild(a);else if("around"===i){var s=$$1(n);s.parentNode.insertBefore(a,s),a.appendChild(s)}else"styles"===i?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){a.style[t]=n[t]}):i in a?a[i]=n:a.setAttribute(i,n)}return a};var SvgTip=function(){function t(e){var a=e.parent,i=void 0===a?null:a,n=e.colors,s=void 0===n?[]:n;classCallCheck(this,t),this.parent=i,this.colors=s,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return createClass(t,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var t=this;this.container=$$1.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hide_tip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,a){var i=t.colors[a]||"black",n=$$1.create("li",{styles:{"border-top":"3px solid "+i},innerHTML:'<strong style="display: block;">'+(0===e.value||e.value?e.value:"")+"</strong>\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,a=this.container.querySelector(".svg-pointer");if(this.left<0)a.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";a.style.left=i,this.left=e}else a.style.left="50%"}},{key:"set_values",value:function(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=a,this.title_value=i,this.list_values=n,this.x=t,this.y=e,this.title_value_first=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",AxisChartRenderer=function(){function t(e){classCallCheck(this,t),this.refreshState(e)}return createClass(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xMarker",value:function(){}},{key:"xRegion",value:function(){return createSVG("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"animatebar",value:function(t,e,a,i,n){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/n,o=getBarHeightAndYAttr(a,this.zeroLine,this.totalHeight),l=slicedToArray(o,2);return e=s+r*i,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatedot",value:function(t,e,a){return[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatepath",value:function(t,e){var a=[],i=[t[0],{d:"M"+e},PATH_ANIM_DUR,STD_EASING];if(a.push(i),t[1]){var n="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+n+e+s},PATH_ANIM_DUR,STD_EASING];a.push(r)}return a}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e){var a=e.height,i=void 0===a?240:a,n=e.title,s=void 0===n?"":n,r=e.subtitle,o=void 0===r?"":r,l=(e.colors,e.isNavigable),h=void 0===l?0:l,c=(e.showLegend,e.type,e.parent),u=e.data;classCallCheck(this,t),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=i,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.data=this.prepareData(u),this.colors=[],this.config={},this.state={},this.options={},this.configure(arguments[0])}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:1},this.setMargins(),window.addEventListener("resize",function(){return e.draw()}),window.addEventListener("orientationchange",function(){return e.draw()})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=DEFAULT_COLORS:this.colors=t.colors,this.colors=this.colors.map(function(t){return getColor(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return!!this.parent||(console.error("No parent element to render on was provided."),!1)}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!0)}},{key:"initComponents",value:function(){}},{key:"setupComponents",value:function(){this.components=[]}},{key:"makeContainer",value:function(){this.container=$$1.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcWidth(),this.makeChartArea(),this.initComponents(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.components.forEach(function(t){return t.make()}),this.renderLegend(),this.setupNavigation(e),e&&setTimeout(function(){t.update()},1e3)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.elementsToAnimate=[].concat.apply([],this.components.map(function(e){return e.update(t)})),this.elementsToAnimate&&runSMILAnimation(this.chartWrapper,this.svg,this.elementsToAnimate)}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.rawChartArgs)}}]),t}(),Y_AXIS_MARGIN=60,DEFAULT_AXIS_CHART_TYPE="line",ChartComponent$1=function(){function t(e){var a=e.layerClass,i=void 0===a?"":a,n=e.layerTransform,s=void 0===n?"":n,r=e.constants,o=e.getData,l=e.makeElements,h=e.postMake,c=e.animateElements;classCallCheck(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.postMake=h,this.getData=o,this.animateElements=c,this.store=[],this.layerClass="function"==typeof i?i():i,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.preMake&&this.preMake(),this.render(this.data),this.postMake&&this.postMake(),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=this,e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var a=[];return e&&(a=this.animateElements(this.data)),setTimeout(function(){t.make()},1400),a}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return yLine(a,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.labels,i=this.oldData.positions,n=this.oldData.labels,s=equilizeNoOfElements(i,e),r=slicedToArray(s,2);i=r[0],e=r[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,labels:a}),this.store.map(function(t,a){return translateHoriLine(t,e[a],i[a])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return xLine(a,t.labels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.labels,i=this.oldData.positions,n=this.oldData.labels,s=equilizeNoOfElements(i,e),r=slicedToArray(s,2);i=r[0],e=r[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,labels:a}),this.store.map(function(t,a){return translateVertLine(t,e[a],i[a])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,s[e],i[e],r[e]))}),l}},barGraph:{layerClass:function(){return"y-regions"+this.constants.index},makeElements:function(t){var e=this.constants;return t.yPositions.map(function(a,i){return barController.draw(t.xPositions[i],a,color,e.valuesOverPoints?e.stacked?t.cumulativeYs[i]:t.values[i]:"",i,a-(t.cumulativePositions?t.cumulativePositions[i]:a))})},postMake:function(){this.constants.stacked||this.layer.setAttribute("transform","translate("+unitRenderer.consts.width*index+", 0)")},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,s[e],i[e],r[e]))}),l}},lineGraph:{}},AxisChartController=function(){function t(e){classCallCheck(this,t),this.meta=e||{},this.setupArgs()}return createClass(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),AxisController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"draw",value:function(t,e,a,i){return createSVG("circle",{style:"fill: "+a,"data-point-index":i,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,a){return[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),BarChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:this.meta.totalHeight*MIN_BAR_PERCENT_HEIGHT}}},{key:"refreshMeta",value:function(t){t&&get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var a=this.meta;this.consts.barsWidth=a.unitWidth-a.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(a.options&&a.options.stacked?a.options.stacked:a.noOfDatasets)}},{key:"draw",value:function(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=getBarHeightAndYAttr(e,this.meta.zeroLine),o=slicedToArray(r,2),l=o[0],h=o[1],c=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":n,x:t-this.consts.barsWidth/2,y:h-s,width:this.consts.width,height:l||this.consts.minHeight});return i||i.length?wrapInSVGGroup([c,createSVG("text",{className:"data-point-value",x:t,y:h-s,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:i})]):c}},{key:"animate",value:function(t,e,a,i,n){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/n,o=getBarHeightAndYAttr(a,this.meta.zeroLine,this.meta.totalHeight),l=slicedToArray(o,2);return e=s+r*i,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),LineChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return i||i.length?wrapInSVGGroup([n,createSVG("text",{className:"data-point-value",x:t,y:e,dy:FONT_SIZE/2*-1-this.consts.radius+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:i})]):n}},{key:"animate",value:function(t,e,a){return[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),AxisChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.isSeries=t.isSeries,a.valuesOverPoints=t.valuesOverPoints,a.formatTooltipY=t.formatTooltipY,a.formatTooltipX=t.formatTooltipX,a.barOptions=t.barOptions,a.lineOptions=t.lineOptions,a.type=t.type||"line",a.xAxisMode=t.xAxisMode||"span",a.yAxisMode=t.yAxisMode||"span",a.zeroLine=a.height,a.setTrivialState(),a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"setTrivialState",value:function(){var t=getRealIntervals(this.height,4,0,0);this.state={xAxis:{positions:[],labels:[]},yAxis:{positions:t,labels:t.map(function(t){return""})},yRegions:[{start:this.height,end:this.height,label:""}],yMarkers:[{position:this.height,label:""}]},this.calcWidth(),this.calcXPositions(),this.setObservers()}},{key:"setObservers",value:function(){}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.translateXLeft=Y_AXIS_MARGIN,this.translateXRight=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"calc",value:function(){this.calcXPositions(),this.setYAxis(),this.calcYUnits(),this.calcYMaximums(),this.calcYRegions()}},{key:"setYAxis",value:function(){this.calcYAxisParameters(this.state.yAxis,this.getAllYValues(),"line"===this.type),this.state.zeroLine=this.state.yAxis.zeroLine}},{key:"calcXPositions",value:function(){var t=this.state;t.xAxis.labels=this.data.labels,t.datasetLength=this.data.labels.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis.positions=t.xAxis.labels.map(function(e,a){return floatTwo(t.xOffset+a*t.unitWidth)})}},{key:"calcYAxisParameters",value:function(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"false";t.labels=calcChartIntervals(e,a);var i=t.labels;t.scaleMultiplier=this.height/getValueRange(i);var n=getIntervalSize(i)*t.scaleMultiplier;t.zeroLine=this.height-getZeroIndex(i)*n,t.positions=i.map(function(e){return t.zeroLine-e*t.scaleMultiplier})}},{key:"calcYUnits",value:function(){var t=this.state;this.data.datasets.map(function(e){e.positions=e.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&this.data.datasets.map(function(e,a){e.cumulativePositions=e.cumulativeYs.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=this.data.datasets[this.data.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),this.data.datasets.map(function(e,a){e.positions.map(function(e,a){e<t.yExtremes[a]&&(t.yExtremes[a]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;this.data.yMarkers&&(this.state.yMarkers=this.data.yMarkers.map(function(e){return e.position=floatTwo(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e.label+=": "+e.value,e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){if(e.end<e.start){var a=[e.end,start];e.start=a[0],e.end=a[1]}return e.start=floatTwo(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=floatTwo(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"getAllYValues",value:function(){var t,e=this,a="values";if(this.barOptions&&this.barOptions.stacked){a="cumulativeYs";var i=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,n){var s=e.data.datasets[n].values;t[a]=i=i.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,toConsumableArray(this.data.datasets.map(function(t){return t[a]})))}},{key:"initComponents",value:function(){this.componentConfigs=[["yAxis",{mode:this.yAxisMode,width:this.width}],["xAxis",{mode:this.xAxisMode,height:this.height}],["yRegions",{width:this.width,pos:"right"}],["yMarkers",{width:this.width,pos:"right"}]]}},{key:"setupComponents",value:function(){var t=this,e=["yMarkers","yRegions"];this.components=this.componentConfigs.filter(function(a){return!e.includes(a[0])||t.data[a[0]]}).map(function(e){return e.push(function(){return this.state[e[0]]}.bind(t)),getComponent.apply(void 0,toConsumableArray(e))})}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(a,i){"line"===a.chartType&&e.push(t.getPathComponent(a,i));var n=t.unitRenderers[a.chartType];e.push(t.getDataUnitComponent(i,n))}),e}},{key:"getDataUnitComponent",value:function(t,e){var a=this;return new ChartComponent({layerClass:"dataset-units dataset-"+t,makeElements:function(){var i=a.data.datasets[t];return i.positions.map(function(n,s){return e.draw(a.state.xAxis.positions[s],n,a.colors[t],a.valuesOverPoints?a.barOptions&&a.barOptions.stacked?i.cumulativeYs[s]:i.values[s]:"",s,n-(i.cumulativePositions?i.cumulativePositions[s]:n))})},postMake:function(){var a=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){a.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(i){var n=a.state.xAxis.positions,s=a.data.datasets[t].positions,r=i[i.length-1],o=r.parentNode;if(a.oldState.xExtra>0)for(var l=0;l<a.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),i.push(h)}i.map(function(i,r){void 0!==n[r]&&void 0!==s[r]&&a.elementsToAnimate.push(e.animate(i,n[r],s[r],t,a.data.datasets.length))})}})}},{key:"getPathComponent",value:function(t,e){var a=this;return new ChartComponent({layerClass:"path dataset-path",setData:function(){},makeElements:function(){var t=a.data.datasets[e],i=a.colors[e];return getPaths(t.positions,a.state.xAxis.positions,i,a.config.heatline,a.config.regionFill)},animate:function(t){var i=a.state.xAxis.positions,n=a.data.datasets[e].positions,s=a.oldState.xAxis.positions,r=a.oldState.datasets[e].positions,o=t[0].parentNode,l=equilizeNoOfElements(s,i),h=slicedToArray(l,2);s=h[0],i=h[1];var c=equilizeNoOfElements(r,n),u=slicedToArray(c,2);r=u[0],n=u[1],a.oldState.xExtra>0&&(t=getPaths(r,s,a.colors[e],a.config.heatline,a.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var p=n.map(function(t,e){return i[e]+","+t});a.elementsToAnimate=a.elementsToAnimate.concat(a.renderer.animatepath(t,p.join("L")))}})}},{key:"bindTooltip",value:function(){var t=this;this.chartWrapper.addEventListener("mousemove",function(e){var a=getOffset(t.chartWrapper),i=e.pageX-a.left-t.translateXLeft;e.pageY-a.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(i):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,a=this.state;if(a.yExtremes){var i=a.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(i[0])&&(i=i.map(function(t){return e.formatTooltipX(t)}));for(var n=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),s=a.datasetLength-1;s>=0;s--){var r=a.xAxis.positions[s];if(t>r-a.unitWidth/2){var o=r+this.translateXLeft,l=a.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,a){return{title:t.title,value:n?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[a]}});this.tip.set_values(o,l,i[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},a=this.y[0];return["svg_units","yUnitPositions","values"].map(function(i){var n=i.slice(0,i.length-1);e[n]=a[i][t]}),e.label=this.xAxis.labels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxis.labels.length&&(t=this.xAxis.labels.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,a){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,a,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,a[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}}]),e}(BaseChart),LineChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="line",Object.getPrototypeOf(a)!==e.prototype?possibleConstructorReturn(a):(a.setup(),a)}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(AxisChart),ScatterChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="scatter",t.dotRadius?a.dotRadius=t.dotRadius:a.dotRadius=8,a.setup(),a}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(LineChart),MultiAxisChart=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this);var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=t*Y_AXIS_MARGIN||Y_AXIS_MARGIN,this.translateXRight=(this.data.datasets.length-t)*Y_AXIS_MARGIN||Y_AXIS_MARGIN}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var a=0,i=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?a++:i++}})}},{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var a="left"===e.yAxis.position?-1*e.yAxis.index*Y_AXIS_MARGIN:t.width+e.yAxis.index*Y_AXIS_MARGIN;t.renderer.xLine(a,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,a){return new ChartComponent({layerClass:"y axis y-axis-"+a,make:function(){var e=t.state.datasets[a].yAxis;t.renderer.setZeroline(e.zeroline);var i={pos:e.position,mode:"tick",offset:e.index*Y_AXIS_MARGIN,stroke:t.colors[a]};return e.positions.map(function(a,n){return t.renderer.yLine(a,e.labels[n],i)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,a){return new ChartComponent({layerClass:"dataset-units dataset-"+a,make:function(){var e=t.state.datasets[a],i=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,n){return t.renderer[i.type](t.state.xAxisPositions[n],e,i.args,t.colors[a],n,a,t.state.datasetLength)})},animate:function(e){var i=t.state.datasets[a],n=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[a].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(i.yAxis.zeroLine),e.map(function(e,i){void 0!==s[i]&&void 0!==r[i]&&t.elementsToAnimate.push(t.renderer["animate"+n](e,s[i],r[i],a,t.state.noOfDatasets))})}})})}}]),e}(AxisChart),PercentageChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="percentage",a.max_slices=10,a.max_legend_points=6,a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.chartDiv=$$1.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$$1.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=$$1.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,a){var i=0;return t.data.datasets.map(function(t){i+=t.values[a]}),[i,e]}).filter(function(t){return t[0]>0}),a=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),a=e.slice(0,this.max_slices-1);var i=0;e.slice(this.max_slices-1).map(function(t){i+=t[0]}),a.push([i,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],a.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var t=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(e,a){var i=$$1.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[a],width:100*e/t.grand_total+"%"}});t.slices.push(i)})}},{key:"calc",value:function(){}},{key:"bindTooltip",value:function(){var t=this;this.slices.map(function(e,a){e.addEventListener("mouseenter",function(){var i=getOffset(t.chartWrapper),n=getOffset(e),s=n.left-i.left+e.offsetWidth/2,r=n.top-i.top-6,o=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[a]:t.labels[a])+": ",l=(100*t.slice_totals[a]/t.grand_total).toFixed(1);t.tip.set_values(s,r,o,l+"%"),t.tip.show_tip()})})}},{key:"renderLegend",value:function(){var t=this,e=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,i){a&&($$1.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+t.colors[i]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+e[i]+":</span>\n\t\t\t\t\t"+a+"\n\t\t\t\t</span>")})}}]),e}(BaseChart),ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,PieChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="pie",a.elements_to_animate=null,a.hoverRadio=t.hoverRadio||.1,a.max_slices=10,a.max_legend_points=6,a.isAnimate=!1,a.startAngle=t.startAngle||0,a.clockWise=t.clockWise||!1,a.mouseMove=a.mouseMove.bind(a),a.mouseLeave=a.mouseLeave.bind(a),a.setup(),a}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,a){var i=0;return t.data.datasets.map(function(t){i+=t.values[a]}),[i,e]}).filter(function(t){return t[0]>0}),a=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),a=e.slice(0,this.max_slices-1);var i=0;e.slice(this.max_slices-1).map(function(t){i+=t[0]}),a.push([i,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],a.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var a=this.centerX,i=this.centerY,n=this.radius,s=this.clockWise;return"M"+a+" "+i+" L"+(a+t.x)+" "+(i+t.y)+" A "+n+" "+n+" 0 0 "+(s?1:0)+" "+(a+e.x)+" "+(i+e.y)+" z"}},{key:"renderComponents",value:function(t){var a=this,i=this.radius,n=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/a.grand_total*FULL_ANGLE,u=n?-c:c,p=r+=u,d=e.getPositionByAngle(h,i),f=e.getPositionByAngle(p,i),v=t&&s[l],m=void 0,g=void 0;t?(m=v?v.startPosition:d,g=v?v.endPosition:d):(m=d,g=f);var y=a.makeArcPath(m,g),_=makePath(y,"pie-path","none",a.colors[l]);_.style.transition="transform .3s;",a.drawArea.appendChild(_),a.slices.push(_),a.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:a.grand_total,startAngle:h,endAngle:p,angle:u}),t&&a.elements_to_animate.push([{unit:_,array:a.slices,index:a.slices.length-1},{d:a.makeArcPath(d,f)},650,"easein",null,{d:y}])}),t&&runSMILAnimation(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var a=this.radius,i=this.hoverRadio,n=e.getPositionByAngle(t.startAngle+t.angle/2,a);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,a,i){if(t){var n=this.colors[e];if(a){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var s=getOffset(this.svg),r=i.pageX-s.left+10,o=i.pageY-s.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",h=(100*this.slice_totals[e]/this.grand_total).toFixed(1);this.tip.set_values(r,o,l,h+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,a=this.curActiveSliceIndex,i=this.curActiveSlice,n=0;n<this.slices.length;n++)if(e===this.slices[n]){this.hoverSlice(i,a,!1),this.curActiveSlice=e,this.curActiveSliceIndex=n,this.hoverSlice(e,n,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var t=this,e=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,i){var n=t.colors[i];a&&($$1.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+n+';"></i>\n\t\t\t\t\t<span class="text-muted">'+e[i]+":</span>\n\t\t\t\t\t"+a+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}}]),e}(BaseChart),Heatmap=function(t){function e(t){var a=t.start,i=void 0===a?"":a,n=t.domain,s=void 0===n?"":n,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;classCallCheck(this,e);var m=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));m.type="heatmap",m.domain=s,m.subdomain=o,m.data=h,m.discrete_domains=u,m.count_label=d;var g=new Date;return m.start=i||addDays(g,365),v=v.slice(0,5),m.legend_colors=m.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],m.distribution_size=5,m.translateX=0,m}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var a=0;a<t;a++){var i=void 0,n=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=slicedToArray(r,2);i=o[0],n=o[1],this.data_groups.appendChild(i),this.week_col+=1+parseInt(this.discrete_domains&&n),this.month_weeks[this.current_month]++,n&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),addDays(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var a=this.today.getTime(),i=0,n=0,s=makeSVGGroup(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=getMaxCheckpoint(l,this.distribution));var p=13+12*(e+n),d={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>a)break;v.getMonth()-t.getMonth()&&(i=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[s,i]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,a){var i=makeText("y-value-text",e+12,10,t.month_names[t.months[a]].substring(0,3));t.domain_label_group.appendChild(i)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var a=e.target.getAttribute("data-value"),i=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(i[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=a+" "+t.count_label,u=" on "+n+" "+i[0]+", "+i[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(BaseChart),chartTypes={mixed:AxisChart,multiaxis:MultiAxisChart,scatter:ScatterChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e){return classCallCheck(this,t),getChartByType(e.type,arguments[0])};module.exports=Chart;
+"use strict";function __$styleInject(t,e){if("undefined"==typeof document)return e;t=t||"";var a=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");return i.type="text/css",a.appendChild(i),i.styleSheet?i.styleSheet.cssText=t:i.appendChild(document.createTextNode(t)),e}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),a=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-a}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];a||(a=i?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(a);return t=i?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getBarHeightAndYAttr(t,e){var a=void 0,i=void 0;return t<=e?(i=t,0===(a=e-t)&&(i-=a=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(a=t-e,i=e),[a,i]}function equilizeNoOfElements(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return a>0?t=fillArray(t,a):e=fillArray(e,a),[t,e]}function translate(t,e,a,i){return[t,{transform:a.join(", ")},i,STD_EASING,"translate",{transform:e.join(", ")}]}function translateVertLine(t,e,a){return translate(t,[a,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,a){return translate(t,[0,a],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,a,i){var n=e-a,s=t.childNodes[0];return[[s,{height:n,"stroke-dasharray":s.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,a],MARKER_LINE_ANIM_DUR)]}function $$2(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var a=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var n=e[i];if("inside"===i)$$2(n).appendChild(a);else if("around"===i){var s=$$2(n);s.parentNode.insertBefore(a,s),a.appendChild(s)}else"styles"===i?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){a.style[t]=n[t]}):("className"===i&&(i="class"),"innerHTML"===i?a.textContent=n:a.setAttribute(i,n))}return a}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,a,i){return createSVG("stop",{inside:t,style:"stop-color: "+a,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,a,i){return createSVG("svg",{className:e,inside:t,width:a,height:i})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function wrapInSVGGroup(t){var e=createSVG("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e,n=renderVerticalGradient(t,i),s=[1,.6,.2];return a&&(s=[.4,.2,0]),setGradientStop(n,"0%",e,s[0]),setGradientStop(n,"50%",e,s[1]),setGradientStop(n,"100%",e,s[2]),i}function makeHeatSquare(t,e,a,i){var n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:a,width:i,height:i,fill:1};return Object.keys(n).map(function(t){s[t]=n[t]}),createSVG("rect",s)}function makeText(t,e,a,i){return createSVG("text",{className:t,x:e,y:a,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:i})}function makeVertLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var s=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:a,y2:i,styles:{stroke:n.stroke}}),r=createSVG("text",{x:0,y:a>i?a+LABEL_MARGIN:a-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function makeHoriLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var s=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:a,x2:i,y1:0,y2:0,styles:{stroke:n.stroke}}),r=createSVG("text",{x:a<i?a-LABEL_MARGIN:a+LABEL_MARGIN,y:0,dy:FONT_SIZE/2-2+"px","font-size":FONT_SIZE+"px","text-anchor":a<i?"end":"start",innerHTML:e+""}),o=createSVG("g",{transform:"translate(0, "+t+")","stroke-opacity":1});return 0!==r&&"0"!==r||(o.style.stroke="rgba(27, 31, 35, 0.6)"),o.appendChild(s),o.appendChild(r),o}function yLine(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=-1*AXIS_TICK_LENGTH,s="span"===i.mode?a+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(n=a+AXIS_TICK_LENGTH,s=a),n+=i.offset,s+=i.offset,makeHoriLine(t,e,n,s,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function xLine(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=a+AXIS_TICK_LENGTH,s="span"===i.mode?-1*AXIS_TICK_LENGTH:a;return"tick"===i.mode&&"top"===i.pos&&(n=-1*AXIS_TICK_LENGTH,s=0),makeVertLine(t,e,n,s,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:a-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),s=makeHoriLine(t,"",0,a,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return s.appendChild(n),s}function yRegion(t,e,a,i){var n=t-e,s=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":a+", "+n},x:0,y:0,width:a,height:n}),r=createSVG("text",{className:"chart-label",x:a-getStringWidth(i,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(s),o.appendChild(r),o}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var a=getColor(t),i=!1;"#"==a[0]&&(a=a.slice(1),i=!0);var n=parseInt(a,16),s=limitColor((n>>16)+e),r=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(i?"#":"")+(o|r<<8|s<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var i=COLOR_COMPATIBLE_CHARTS[e].includes(t);return new Chart({parent:a.parent,title:a.title,data:a.data,type:t,height:a.height,colors:i?a.colors:void 0})}}function animateSVGElement(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:c,to:u,begin:"0s",dur:a/1e3+"s",values:c+";"+u,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(p.type=n);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var a=[],i=[];e.map(function(t){var e=t[0],n=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);s=l[0],r=l[1],a.push(r),i.push([s,n]),n.replaceChild(s,e)});var n=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(a[i],t[0]),e[i][0]=a[i]}),n}function runSMILAnimation(t,e,a){if(0!==a.length){var i=animateSVG(e,a);e.parentNode==t&&(t.removeChild(e),t.appendChild(i)),setTimeout(function(){i.parentNode==t&&(t.removeChild(i),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function dataPrep(t,e){t.labels=t.labels||[];var a=t.labels.length,i=t.datasets,n=new Array(a).fill(0);return i||(i=[{values:n}]),i.map(function(t,i){if(t.values){var s=t.values;s=(s=s.map(function(t){return isNaN(t)?0:t})).length>a?s.slice(0,a):fillArray(s,a-s.length,0)}else t.values=n;t.index=i,t.chartType||(t.chartType=e||DEFAULT_AXIS_CHART_TYPE)}),t}function getComponent(t,e,a){var i=componentConfigs[t];return Object.assign(i,{constants:e,getData:a}),new ChartComponent$1(i)}function getPaths(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3],n=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=t.map(function(t,a){return e[a]+","+t}).join("L"),r=makePath("M"+s,"line-graph-path",a);if(i){var o=makeGradient(this.svgDefs,a);r.style.stroke="url(#"+o+")"}var l=[r];if(n){var h=makeGradient(this.svgDefs,a,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(makePath(u,"region-fill","none","url(#"+h+")"))}return l}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var a=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,a)),a]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=Math.ceil(t),i=Math.floor(e),n=a-i,s=n,r=1;n>5&&(n%2!=0&&(n=++a-i),s=n/2,r=2),n<=2&&(r=n/(s=4)),0===n&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(i+r*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=normalize(t),i=slicedToArray(a,2),n=i[0],s=i[1],r=e?e/Math.pow(10,s):0,o=getChartRangeIntervals(n=n.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function calcChartIntervals(t){function e(t,e){for(var a=getChartIntervals(t),i=a[1]-a[0],n=0,s=1;n<e;s++)n+=i,a.unshift(-1*n);return a}var a=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),s=[];if(i>=0&&n>=0)normalize(i)[1],s=a?getChartIntervals(i,n):getChartIntervals(i);else if(i>0&&n<0){var r=Math.abs(n);i>=r?(normalize(i)[1],s=e(i,r)):(normalize(r)[1],s=e(r,i).map(function(t){return-1*t}))}else if(i<=0&&n<=0){var o=Math.abs(n),l=Math.abs(i);normalize(o)[1],s=(s=a?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return s}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getRealIntervals(t,e){for(var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,n=1*(t-a)/e,s=[],r=0;r<=e;r++)s.push(a+n*r);return i?s:s.reverse()}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function calcDistribution(t,e){for(var a=Math.max.apply(Math,toConsumableArray(t)),i=1/(e-1),n=[],s=0;s<e;s++){var r=a*(i*s);n.push(r)}return n}function getMaxCheckpoint(t,e){return e.filter(function(e){return e<t}).length}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),a=t.getMonth()+1;return[(e>9?"":"0")+e,(a>9?"":"0")+a,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new AxisChart(e)):"bar"===t?(e.type="bar",new AxisChart(e)):chartTypes[t]?new chartTypes[t](e):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function a(t,e){return new Promise(function(a,n){var o={key:t,arg:e,resolve:a,reject:n,next:null};r?r=r.next=o:(s=r=o,i(t,e))})}function i(a,s){try{var r=e[a](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):n(r.done?"return":"normal",r.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?i(s.key,s.arg):r=null}var s,r;this._invoke=a,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var a=0;a<e.length;a++){var i=e[a];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,a,i){return a&&t(e.prototype,a),i&&t(e,i),e}}(),get=function t(e,a,i){null===e&&(e=Function.prototype);var n=Object.getOwnPropertyDescriptor(e,a);if(void 0===n){var s=Object.getPrototypeOf(e);return null===s?void 0:t(s,a,i)}if("value"in n)return n.value;var r=n.get;if(void 0!==r)return r.call(i)},inherits=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},possibleConstructorReturn=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},slicedToArray=function(){function t(t,e){var a=[],i=!0,n=!1,s=void 0;try{for(var r,o=t[Symbol.iterator]();!(i=(r=o.next()).done)&&(a.push(r.value),!e||a.length!==e);i=!0);}catch(t){n=!0,s=t}finally{try{!i&&o.return&&o.return()}finally{if(n)throw s}}return a}return function(e,a){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,a);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),toConsumableArray=function(t){if(Array.isArray(t)){for(var e=0,a=Array(t.length);e<t.length;e++)a[e]=t[e];return a}return Array.from(t)};$$1.create=function(t,e){var a=document.createElement(t);for(var i in e){var n=e[i];if("inside"===i)$$1(n).appendChild(a);else if("around"===i){var s=$$1(n);s.parentNode.insertBefore(a,s),a.appendChild(s)}else"styles"===i?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){a.style[t]=n[t]}):i in a?a[i]=n:a.setAttribute(i,n)}return a};var SvgTip=function(){function t(e){var a=e.parent,i=void 0===a?null:a,n=e.colors,s=void 0===n?[]:n;classCallCheck(this,t),this.parent=i,this.colors=s,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return createClass(t,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var t=this;this.container=$$1.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hide_tip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,a){var i=t.colors[a]||"black",n=$$1.create("li",{styles:{"border-top":"3px solid "+i},innerHTML:'<strong style="display: block;">'+(0===e.value||e.value?e.value:"")+"</strong>\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,a=this.container.querySelector(".svg-pointer");if(this.left<0)a.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";a.style.left=i,this.left=e}else a.style.left="50%"}},{key:"set_values",value:function(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=a,this.title_value=i,this.list_values=n,this.x=t,this.y=e,this.title_value_first=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",AxisChartRenderer=function(){function t(e){classCallCheck(this,t),this.refreshState(e)}return createClass(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xMarker",value:function(){}},{key:"xRegion",value:function(){return createSVG("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"animatebar",value:function(t,e,a,i,n){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/n,o=getBarHeightAndYAttr(a,this.zeroLine,this.totalHeight),l=slicedToArray(o,2);return e=s+r*i,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatedot",value:function(t,e,a){return[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatepath",value:function(t,e){var a=[],i=[t[0],{d:"M"+e},PATH_ANIM_DUR,STD_EASING];if(a.push(i),t[1]){var n="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+n+e+s},PATH_ANIM_DUR,STD_EASING];a.push(r)}return a}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e){var a=e.height,i=void 0===a?240:a,n=e.title,s=void 0===n?"":n,r=e.subtitle,o=void 0===r?"":r,l=(e.colors,e.isNavigable),h=void 0===l?0:l,c=(e.showLegend,e.type,e.parent),u=e.data;classCallCheck(this,t),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=i,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.data=this.prepareData(u),this.colors=[],this.config={},this.state={},this.options={},this.configure(arguments[0])}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:1},this.setMargins(),window.addEventListener("resize",function(){return e.draw()}),window.addEventListener("orientationchange",function(){return e.draw()})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=DEFAULT_COLORS:this.colors=t.colors,this.colors=this.colors.map(function(t){return getColor(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return!!this.parent||(console.error("No parent element to render on was provided."),!1)}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!0)}},{key:"initComponents",value:function(){}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.container=$$1.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcWidth(),this.makeChartArea(),this.initComponents(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.components.forEach(function(t){return t.make()}),this.renderLegend(),this.setupNavigation(e),e&&setTimeout(function(){t.update()},1e3)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=[];this.components.forEach(function(a){e=e.concat(a.update(t))}),e.length>0&&runSMILAnimation(this.chartWrapper,this.svg,e)}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.rawChartArgs)}}]),t}(),Y_AXIS_MARGIN=60,DEFAULT_AXIS_CHART_TYPE="line",ChartComponent$1=function(){function t(e){var a=e.layerClass,i=void 0===a?"":a,n=e.layerTransform,s=void 0===n?"":n,r=e.constants,o=e.getData,l=e.makeElements,h=e.postMake,c=e.animateElements;classCallCheck(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.postMake=h,this.getData=o,this.animateElements=c,this.store=[],this.layerClass="function"==typeof i?i():i,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.preMake&&this.preMake(),this.render(this.data),this.postMake&&this.postMake(),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=this,e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var a=[];return e&&(a=this.animateElements(this.data)),setTimeout(function(){t.make()},1400),a}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return yLine(a,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.labels,i=this.oldData.positions,n=this.oldData.labels,s=equilizeNoOfElements(i,e),r=slicedToArray(s,2);i=r[0],e=r[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,labels:a}),this.store.map(function(t,a){return translateHoriLine(t,e[a],i[a])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return xLine(a,t.labels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.labels,i=this.oldData.positions,n=this.oldData.labels,s=equilizeNoOfElements(i,e),r=slicedToArray(s,2);i=r[0],e=r[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,labels:a}),this.store.map(function(t,a){return translateVertLine(t,e[a],i[a])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,s[e],i[e],r[e]))}),l}},barGraph:{layerClass:function(){return"y-regions"+this.constants.index},makeElements:function(t){var e=this.constants;return t.yPositions.map(function(a,i){return barController.draw(t.xPositions[i],a,color,e.valuesOverPoints?e.stacked?t.cumulativeYs[i]:t.values[i]:"",i,a-(t.cumulativePositions?t.cumulativePositions[i]:a))})},postMake:function(){this.constants.stacked||this.layer.setAttribute("transform","translate("+unitRenderer.consts.width*index+", 0)")},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,s[e],i[e],r[e]))}),l}},lineGraph:{}},AxisChartController=function(){function t(e){classCallCheck(this,t),this.meta=e||{},this.setupArgs()}return createClass(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),AxisController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"draw",value:function(t,e,a,i){return createSVG("circle",{style:"fill: "+a,"data-point-index":i,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,a){return[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),BarChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:this.meta.totalHeight*MIN_BAR_PERCENT_HEIGHT}}},{key:"refreshMeta",value:function(t){t&&get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var a=this.meta;this.consts.barsWidth=a.unitWidth-a.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(a.options&&a.options.stacked?a.options.stacked:a.noOfDatasets)}},{key:"draw",value:function(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=getBarHeightAndYAttr(e,this.meta.zeroLine),o=slicedToArray(r,2),l=o[0],h=o[1],c=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":n,x:t-this.consts.barsWidth/2,y:h-s,width:this.consts.width,height:l||this.consts.minHeight});return i||i.length?wrapInSVGGroup([c,createSVG("text",{className:"data-point-value",x:t,y:h-s,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:i})]):c}},{key:"animate",value:function(t,e,a,i,n){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/n,o=getBarHeightAndYAttr(a,this.meta.zeroLine,this.meta.totalHeight),l=slicedToArray(o,2);return e=s+r*i,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),LineChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return i||i.length?wrapInSVGGroup([n,createSVG("text",{className:"data-point-value",x:t,y:e,dy:FONT_SIZE/2*-1-this.consts.radius+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:i})]):n}},{key:"animate",value:function(t,e,a){return[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),AxisChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.isSeries=t.isSeries,a.valuesOverPoints=t.valuesOverPoints,a.formatTooltipY=t.formatTooltipY,a.formatTooltipX=t.formatTooltipX,a.barOptions=t.barOptions,a.lineOptions=t.lineOptions,a.type=t.type||"line",a.xAxisMode=t.xAxisMode||"span",a.yAxisMode=t.yAxisMode||"span",a.zeroLine=a.height,a.setTrivialState(),a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"setTrivialState",value:function(){var t=getRealIntervals(this.height,4,0,0);this.state={xAxis:{positions:[],labels:[]},yAxis:{positions:t,labels:t.map(function(t){return""})},yRegions:[{start:this.height,end:this.height,label:""}],yMarkers:[{position:this.height,label:""}]},this.calcWidth(),this.calcXPositions(this.state)}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.translateXLeft=Y_AXIS_MARGIN,this.translateXRight=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"calc",value:function(){this.calcXPositions(),this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,a){return floatTwo(t.xOffset+a*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),a=this.height/getValueRange(e),i=getIntervalSize(e)*a,n=this.height-getZeroIndex(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*a}),scaleMultiplier:a,zeroLine:n},this.calcYUnits(),this.calcYMaximums(),this.calcYRegions()}},{key:"calcYUnits",value:function(){var t=this.state;this.data.datasets.map(function(e){e.positions=e.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&this.data.datasets.map(function(e,a){e.cumulativePositions=e.cumulativeYs.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=this.data.datasets[this.data.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),this.data.datasets.map(function(e,a){e.positions.map(function(e,a){e<t.yExtremes[a]&&(t.yExtremes[a]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;this.data.yMarkers&&(this.state.yMarkers=this.data.yMarkers.map(function(e){return e.position=floatTwo(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e.label+=": "+e.value,e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){if(e.end<e.start){var a=[e.end,start];e.start=a[0],e.end=a[1]}return e.start=floatTwo(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=floatTwo(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"getAllYValues",value:function(){var t,e=this,a="values";if(this.barOptions&&this.barOptions.stacked){a="cumulativeYs";var i=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,n){var s=e.data.datasets[n].values;t[a]=i=i.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,toConsumableArray(this.data.datasets.map(function(t){return t[a]})))}},{key:"initComponents",value:function(){this.componentConfigs=[["yAxis",{mode:this.yAxisMode,width:this.width}],["xAxis",{mode:this.xAxisMode,height:this.height}],["yRegions",{width:this.width,pos:"right"}],["yMarkers",{width:this.width,pos:"right"}]]}},{key:"setupComponents",value:function(){var t=this,e=["yMarkers","yRegions"];this.components=new Map(this.componentConfigs.filter(function(a){return!e.includes(a[0])||t.data[a[0]]}).map(function(e){return e.push(function(){return this.state[e[0]]}.bind(t)),[e[0],getComponent.apply(void 0,toConsumableArray(e))]}))}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(a,i){"line"===a.chartType&&e.push(t.getPathComponent(a,i));var n=t.unitRenderers[a.chartType];e.push(t.getDataUnitComponent(i,n))}),e}},{key:"getDataUnitComponent",value:function(t,e){var a=this;return new ChartComponent({layerClass:"dataset-units dataset-"+t,makeElements:function(){var i=a.data.datasets[t];return i.positions.map(function(n,s){return e.draw(a.state.xAxis.positions[s],n,a.colors[t],a.valuesOverPoints?a.barOptions&&a.barOptions.stacked?i.cumulativeYs[s]:i.values[s]:"",s,n-(i.cumulativePositions?i.cumulativePositions[s]:n))})},postMake:function(){var a=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){a.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(i){var n=a.state.xAxis.positions,s=a.data.datasets[t].positions,r=i[i.length-1],o=r.parentNode;if(a.oldState.xExtra>0)for(var l=0;l<a.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),i.push(h)}i.map(function(i,r){void 0!==n[r]&&void 0!==s[r]&&a.elementsToAnimate.push(e.animate(i,n[r],s[r],t,a.data.datasets.length))})}})}},{key:"getPathComponent",value:function(t,e){var a=this;return new ChartComponent({layerClass:"path dataset-path",setData:function(){},makeElements:function(){var t=a.data.datasets[e],i=a.colors[e];return getPaths(t.positions,a.state.xAxis.positions,i,a.config.heatline,a.config.regionFill)},animate:function(t){var i=a.state.xAxis.positions,n=a.data.datasets[e].positions,s=a.oldState.xAxis.positions,r=a.oldState.datasets[e].positions,o=t[0].parentNode,l=equilizeNoOfElements(s,i),h=slicedToArray(l,2);s=h[0],i=h[1];var c=equilizeNoOfElements(r,n),u=slicedToArray(c,2);r=u[0],n=u[1],a.oldState.xExtra>0&&(t=getPaths(r,s,a.colors[e],a.config.heatline,a.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var p=n.map(function(t,e){return i[e]+","+t});a.elementsToAnimate=a.elementsToAnimate.concat(a.renderer.animatepath(t,p.join("L")))}})}},{key:"bindTooltip",value:function(){var t=this;this.chartWrapper.addEventListener("mousemove",function(e){var a=getOffset(t.chartWrapper),i=e.pageX-a.left-t.translateXLeft;e.pageY-a.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(i):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,a=this.state;if(a.yExtremes){var i=a.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(i[0])&&(i=i.map(function(t){return e.formatTooltipX(t)}));for(var n=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),s=a.datasetLength-1;s>=0;s--){var r=a.xAxis.positions[s];if(t>r-a.unitWidth/2){var o=r+this.translateXLeft,l=a.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,a){return{title:t.title,value:n?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[a]}});this.tip.set_values(o,l,i[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},a=this.y[0];return["svg_units","yUnitPositions","values"].map(function(i){var n=i.slice(0,i.length-1);e[n]=a[i][t]}),e.label=this.xAxis.labels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxis.labels.length&&(t=this.xAxis.labels.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,a){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,a,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,a[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}}]),e}(BaseChart),LineChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="line",Object.getPrototypeOf(a)!==e.prototype?possibleConstructorReturn(a):(a.setup(),a)}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(AxisChart),ScatterChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="scatter",t.dotRadius?a.dotRadius=t.dotRadius:a.dotRadius=8,a.setup(),a}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(LineChart),MultiAxisChart=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this);var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=t*Y_AXIS_MARGIN||Y_AXIS_MARGIN,this.translateXRight=(this.data.datasets.length-t)*Y_AXIS_MARGIN||Y_AXIS_MARGIN}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var a=0,i=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?a++:i++}})}},{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var a="left"===e.yAxis.position?-1*e.yAxis.index*Y_AXIS_MARGIN:t.width+e.yAxis.index*Y_AXIS_MARGIN;t.renderer.xLine(a,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,a){return new ChartComponent({layerClass:"y axis y-axis-"+a,make:function(){var e=t.state.datasets[a].yAxis;t.renderer.setZeroline(e.zeroline);var i={pos:e.position,mode:"tick",offset:e.index*Y_AXIS_MARGIN,stroke:t.colors[a]};return e.positions.map(function(a,n){return t.renderer.yLine(a,e.labels[n],i)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,a){return new ChartComponent({layerClass:"dataset-units dataset-"+a,make:function(){var e=t.state.datasets[a],i=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,n){return t.renderer[i.type](t.state.xAxisPositions[n],e,i.args,t.colors[a],n,a,t.state.datasetLength)})},animate:function(e){var i=t.state.datasets[a],n=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[a].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(i.yAxis.zeroLine),e.map(function(e,i){void 0!==s[i]&&void 0!==r[i]&&t.elementsToAnimate.push(t.renderer["animate"+n](e,s[i],r[i],a,t.state.noOfDatasets))})}})})}}]),e}(AxisChart),PercentageChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="percentage",a.max_slices=10,a.max_legend_points=6,a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.chartDiv=$$1.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$$1.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=$$1.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,a){var i=0;return t.data.datasets.map(function(t){i+=t.values[a]}),[i,e]}).filter(function(t){return t[0]>0}),a=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),a=e.slice(0,this.max_slices-1);var i=0;e.slice(this.max_slices-1).map(function(t){i+=t[0]}),a.push([i,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],a.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var t=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(e,a){var i=$$1.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[a],width:100*e/t.grand_total+"%"}});t.slices.push(i)})}},{key:"calc",value:function(){}},{key:"bindTooltip",value:function(){var t=this;this.slices.map(function(e,a){e.addEventListener("mouseenter",function(){var i=getOffset(t.chartWrapper),n=getOffset(e),s=n.left-i.left+e.offsetWidth/2,r=n.top-i.top-6,o=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[a]:t.labels[a])+": ",l=(100*t.slice_totals[a]/t.grand_total).toFixed(1);t.tip.set_values(s,r,o,l+"%"),t.tip.show_tip()})})}},{key:"renderLegend",value:function(){var t=this,e=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,i){a&&($$1.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+t.colors[i]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+e[i]+":</span>\n\t\t\t\t\t"+a+"\n\t\t\t\t</span>")})}}]),e}(BaseChart),ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,PieChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="pie",a.elements_to_animate=null,a.hoverRadio=t.hoverRadio||.1,a.max_slices=10,a.max_legend_points=6,a.isAnimate=!1,a.startAngle=t.startAngle||0,a.clockWise=t.clockWise||!1,a.mouseMove=a.mouseMove.bind(a),a.mouseLeave=a.mouseLeave.bind(a),a.setup(),a}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,a){var i=0;return t.data.datasets.map(function(t){i+=t.values[a]}),[i,e]}).filter(function(t){return t[0]>0}),a=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),a=e.slice(0,this.max_slices-1);var i=0;e.slice(this.max_slices-1).map(function(t){i+=t[0]}),a.push([i,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],a.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var a=this.centerX,i=this.centerY,n=this.radius,s=this.clockWise;return"M"+a+" "+i+" L"+(a+t.x)+" "+(i+t.y)+" A "+n+" "+n+" 0 0 "+(s?1:0)+" "+(a+e.x)+" "+(i+e.y)+" z"}},{key:"renderComponents",value:function(t){var a=this,i=this.radius,n=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/a.grand_total*FULL_ANGLE,u=n?-c:c,p=r+=u,d=e.getPositionByAngle(h,i),f=e.getPositionByAngle(p,i),v=t&&s[l],g=void 0,m=void 0;t?(g=v?v.startPosition:d,m=v?v.endPosition:d):(g=d,m=f);var y=a.makeArcPath(g,m),_=makePath(y,"pie-path","none",a.colors[l]);_.style.transition="transform .3s;",a.drawArea.appendChild(_),a.slices.push(_),a.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:a.grand_total,startAngle:h,endAngle:p,angle:u}),t&&a.elements_to_animate.push([{unit:_,array:a.slices,index:a.slices.length-1},{d:a.makeArcPath(d,f)},650,"easein",null,{d:y}])}),t&&runSMILAnimation(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var a=this.radius,i=this.hoverRadio,n=e.getPositionByAngle(t.startAngle+t.angle/2,a);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,a,i){if(t){var n=this.colors[e];if(a){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var s=getOffset(this.svg),r=i.pageX-s.left+10,o=i.pageY-s.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",h=(100*this.slice_totals[e]/this.grand_total).toFixed(1);this.tip.set_values(r,o,l,h+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,a=this.curActiveSliceIndex,i=this.curActiveSlice,n=0;n<this.slices.length;n++)if(e===this.slices[n]){this.hoverSlice(i,a,!1),this.curActiveSlice=e,this.curActiveSliceIndex=n,this.hoverSlice(e,n,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var t=this,e=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,i){var n=t.colors[i];a&&($$1.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+n+';"></i>\n\t\t\t\t\t<span class="text-muted">'+e[i]+":</span>\n\t\t\t\t\t"+a+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}}]),e}(BaseChart),Heatmap=function(t){function e(t){var a=t.start,i=void 0===a?"":a,n=t.domain,s=void 0===n?"":n,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;classCallCheck(this,e);var g=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));g.type="heatmap",g.domain=s,g.subdomain=o,g.data=h,g.discrete_domains=u,g.count_label=d;var m=new Date;return g.start=i||addDays(m,365),v=v.slice(0,5),g.legend_colors=g.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],g.distribution_size=5,g.translateX=0,g}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var a=0;a<t;a++){var i=void 0,n=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=slicedToArray(r,2);i=o[0],n=o[1],this.data_groups.appendChild(i),this.week_col+=1+parseInt(this.discrete_domains&&n),this.month_weeks[this.current_month]++,n&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),addDays(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var a=this.today.getTime(),i=0,n=0,s=makeSVGGroup(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=getMaxCheckpoint(l,this.distribution));var p=13+12*(e+n),d={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>a)break;v.getMonth()-t.getMonth()&&(i=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[s,i]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,a){var i=makeText("y-value-text",e+12,10,t.month_names[t.months[a]].substring(0,3));t.domain_label_group.appendChild(i)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var a=e.target.getAttribute("data-value"),i=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(i[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=a+" "+t.count_label,u=" on "+n+" "+i[0]+", "+i[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(BaseChart),chartTypes={mixed:AxisChart,multiaxis:MultiAxisChart,scatter:ScatterChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e){return classCallCheck(this,t),getChartByType(e.type,arguments[0])};module.exports=Chart;
diff --git a/dist/frappe-charts.min.esm.js b/dist/frappe-charts.min.esm.js
index 71d9fbb..b73f2cf 100644
--- a/dist/frappe-charts.min.esm.js
+++ b/dist/frappe-charts.min.esm.js
@@ -1 +1 @@
-function __$styleInject(t,e){if("undefined"==typeof document)return e;t=t||"";var a=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");return i.type="text/css",a.appendChild(i),i.styleSheet?i.styleSheet.cssText=t:i.appendChild(document.createTextNode(t)),e}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),a=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-a}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];a||(a=i?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(a);return t=i?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getBarHeightAndYAttr(t,e){var a=void 0,i=void 0;return t<=e?(i=t,0===(a=e-t)&&(i-=a=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(a=t-e,i=e),[a,i]}function equilizeNoOfElements(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return a>0?t=fillArray(t,a):e=fillArray(e,a),[t,e]}function translate(t,e,a,i){return[t,{transform:a.join(", ")},i,STD_EASING,"translate",{transform:e.join(", ")}]}function translateVertLine(t,e,a){return translate(t,[a,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,a){return translate(t,[0,a],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,a,i){var n=e-a,s=t.childNodes[0];return[[s,{height:n,"stroke-dasharray":s.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,a],MARKER_LINE_ANIM_DUR)]}function $$2(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var a=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var n=e[i];if("inside"===i)$$2(n).appendChild(a);else if("around"===i){var s=$$2(n);s.parentNode.insertBefore(a,s),a.appendChild(s)}else"styles"===i?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){a.style[t]=n[t]}):("className"===i&&(i="class"),"innerHTML"===i?a.textContent=n:a.setAttribute(i,n))}return a}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,a,i){return createSVG("stop",{inside:t,style:"stop-color: "+a,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,a,i){return createSVG("svg",{className:e,inside:t,width:a,height:i})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function wrapInSVGGroup(t){var e=createSVG("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e,n=renderVerticalGradient(t,i),s=[1,.6,.2];return a&&(s=[.4,.2,0]),setGradientStop(n,"0%",e,s[0]),setGradientStop(n,"50%",e,s[1]),setGradientStop(n,"100%",e,s[2]),i}function makeHeatSquare(t,e,a,i){var n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:a,width:i,height:i,fill:1};return Object.keys(n).map(function(t){s[t]=n[t]}),createSVG("rect",s)}function makeText(t,e,a,i){return createSVG("text",{className:t,x:e,y:a,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:i})}function makeVertLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var s=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:a,y2:i,styles:{stroke:n.stroke}}),r=createSVG("text",{x:0,y:a>i?a+LABEL_MARGIN:a-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function makeHoriLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var s=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:a,x2:i,y1:0,y2:0,styles:{stroke:n.stroke}}),r=createSVG("text",{x:a<i?a-LABEL_MARGIN:a+LABEL_MARGIN,y:0,dy:FONT_SIZE/2-2+"px","font-size":FONT_SIZE+"px","text-anchor":a<i?"end":"start",innerHTML:e+""}),o=createSVG("g",{transform:"translate(0, "+t+")","stroke-opacity":1});return 0!==r&&"0"!==r||(o.style.stroke="rgba(27, 31, 35, 0.6)"),o.appendChild(s),o.appendChild(r),o}function yLine(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=-1*AXIS_TICK_LENGTH,s="span"===i.mode?a+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(n=a+AXIS_TICK_LENGTH,s=a),n+=i.offset,s+=i.offset,makeHoriLine(t,e,n,s,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function xLine(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=a+AXIS_TICK_LENGTH,s="span"===i.mode?-1*AXIS_TICK_LENGTH:a;return"tick"===i.mode&&"top"===i.pos&&(n=-1*AXIS_TICK_LENGTH,s=0),makeVertLine(t,e,n,s,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:a-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),s=makeHoriLine(t,"",0,a,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return s.appendChild(n),s}function yRegion(t,e,a,i){var n=t-e,s=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":a+", "+n},x:0,y:0,width:a,height:n}),r=createSVG("text",{className:"chart-label",x:a-getStringWidth(i,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(s),o.appendChild(r),o}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var a=getColor(t),i=!1;"#"==a[0]&&(a=a.slice(1),i=!0);var n=parseInt(a,16),s=limitColor((n>>16)+e),r=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(i?"#":"")+(o|r<<8|s<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var i=COLOR_COMPATIBLE_CHARTS[e].includes(t);return new Chart({parent:a.parent,title:a.title,data:a.data,type:t,height:a.height,colors:i?a.colors:void 0})}}function animateSVGElement(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:c,to:u,begin:"0s",dur:a/1e3+"s",values:c+";"+u,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(p.type=n);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var a=[],i=[];e.map(function(t){var e=t[0],n=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);s=l[0],r=l[1],a.push(r),i.push([s,n]),n.replaceChild(s,e)});var n=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(a[i],t[0]),e[i][0]=a[i]}),n}function runSMILAnimation(t,e,a){if(0!==a.length){var i=animateSVG(e,a);e.parentNode==t&&(t.removeChild(e),t.appendChild(i)),setTimeout(function(){i.parentNode==t&&(t.removeChild(i),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function dataPrep(t,e){t.labels=t.labels||[];var a=t.labels.length,i=t.datasets,n=new Array(a).fill(0);return i||(i=[{values:n}]),i.map(function(t,i){if(t.values){var s=t.values;s=(s=s.map(function(t){return isNaN(t)?0:t})).length>a?s.slice(0,a):fillArray(s,a-s.length,0)}else t.values=n;t.index=i,t.chartType||(t.chartType=e||DEFAULT_AXIS_CHART_TYPE)}),t}function getComponent(t,e,a){var i=componentConfigs[t];return Object.assign(i,{constants:e,getData:a}),new ChartComponent$1(i)}function getPaths(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3],n=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=t.map(function(t,a){return e[a]+","+t}).join("L"),r=makePath("M"+s,"line-graph-path",a);if(i){var o=makeGradient(this.svgDefs,a);r.style.stroke="url(#"+o+")"}var l=[r];if(n){var h=makeGradient(this.svgDefs,a,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(makePath(u,"region-fill","none","url(#"+h+")"))}return l}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var a=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,a)),a]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=Math.ceil(t),i=Math.floor(e),n=a-i,s=n,r=1;n>5&&(n%2!=0&&(n=++a-i),s=n/2,r=2),n<=2&&(r=n/(s=4)),0===n&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(i+r*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=normalize(t),i=slicedToArray(a,2),n=i[0],s=i[1],r=e?e/Math.pow(10,s):0,o=getChartRangeIntervals(n=n.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function calcChartIntervals(t){function e(t,e){for(var a=getChartIntervals(t),i=a[1]-a[0],n=0,s=1;n<e;s++)n+=i,a.unshift(-1*n);return a}var a=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),s=[];if(i>=0&&n>=0)normalize(i)[1],s=a?getChartIntervals(i,n):getChartIntervals(i);else if(i>0&&n<0){var r=Math.abs(n);i>=r?(normalize(i)[1],s=e(i,r)):(normalize(r)[1],s=e(r,i).map(function(t){return-1*t}))}else if(i<=0&&n<=0){var o=Math.abs(n),l=Math.abs(i);normalize(o)[1],s=(s=a?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return s}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getRealIntervals(t,e){for(var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,n=1*(t-a)/e,s=[],r=0;r<=e;r++)s.push(a+n*r);return i?s:s.reverse()}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function calcDistribution(t,e){for(var a=Math.max.apply(Math,toConsumableArray(t)),i=1/(e-1),n=[],s=0;s<e;s++){var r=a*(i*s);n.push(r)}return n}function getMaxCheckpoint(t,e){return e.filter(function(e){return e<t}).length}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),a=t.getMonth()+1;return[(e>9?"":"0")+e,(a>9?"":"0")+a,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new AxisChart(e)):"bar"===t?(e.type="bar",new AxisChart(e)):chartTypes[t]?new chartTypes[t](e):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function a(t,e){return new Promise(function(a,n){var o={key:t,arg:e,resolve:a,reject:n,next:null};r?r=r.next=o:(s=r=o,i(t,e))})}function i(a,s){try{var r=e[a](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):n(r.done?"return":"normal",r.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?i(s.key,s.arg):r=null}var s,r;this._invoke=a,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var a=0;a<e.length;a++){var i=e[a];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,a,i){return a&&t(e.prototype,a),i&&t(e,i),e}}(),get=function t(e,a,i){null===e&&(e=Function.prototype);var n=Object.getOwnPropertyDescriptor(e,a);if(void 0===n){var s=Object.getPrototypeOf(e);return null===s?void 0:t(s,a,i)}if("value"in n)return n.value;var r=n.get;if(void 0!==r)return r.call(i)},inherits=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},possibleConstructorReturn=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},slicedToArray=function(){function t(t,e){var a=[],i=!0,n=!1,s=void 0;try{for(var r,o=t[Symbol.iterator]();!(i=(r=o.next()).done)&&(a.push(r.value),!e||a.length!==e);i=!0);}catch(t){n=!0,s=t}finally{try{!i&&o.return&&o.return()}finally{if(n)throw s}}return a}return function(e,a){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,a);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),toConsumableArray=function(t){if(Array.isArray(t)){for(var e=0,a=Array(t.length);e<t.length;e++)a[e]=t[e];return a}return Array.from(t)};$$1.create=function(t,e){var a=document.createElement(t);for(var i in e){var n=e[i];if("inside"===i)$$1(n).appendChild(a);else if("around"===i){var s=$$1(n);s.parentNode.insertBefore(a,s),a.appendChild(s)}else"styles"===i?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){a.style[t]=n[t]}):i in a?a[i]=n:a.setAttribute(i,n)}return a};var SvgTip=function(){function t(e){var a=e.parent,i=void 0===a?null:a,n=e.colors,s=void 0===n?[]:n;classCallCheck(this,t),this.parent=i,this.colors=s,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return createClass(t,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var t=this;this.container=$$1.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hide_tip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,a){var i=t.colors[a]||"black",n=$$1.create("li",{styles:{"border-top":"3px solid "+i},innerHTML:'<strong style="display: block;">'+(0===e.value||e.value?e.value:"")+"</strong>\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,a=this.container.querySelector(".svg-pointer");if(this.left<0)a.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";a.style.left=i,this.left=e}else a.style.left="50%"}},{key:"set_values",value:function(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=a,this.title_value=i,this.list_values=n,this.x=t,this.y=e,this.title_value_first=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",AxisChartRenderer=function(){function t(e){classCallCheck(this,t),this.refreshState(e)}return createClass(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xMarker",value:function(){}},{key:"xRegion",value:function(){return createSVG("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"animatebar",value:function(t,e,a,i,n){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/n,o=getBarHeightAndYAttr(a,this.zeroLine,this.totalHeight),l=slicedToArray(o,2);return e=s+r*i,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatedot",value:function(t,e,a){return[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatepath",value:function(t,e){var a=[],i=[t[0],{d:"M"+e},PATH_ANIM_DUR,STD_EASING];if(a.push(i),t[1]){var n="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+n+e+s},PATH_ANIM_DUR,STD_EASING];a.push(r)}return a}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e){var a=e.height,i=void 0===a?240:a,n=e.title,s=void 0===n?"":n,r=e.subtitle,o=void 0===r?"":r,l=(e.colors,e.isNavigable),h=void 0===l?0:l,c=(e.showLegend,e.type,e.parent),u=e.data;classCallCheck(this,t),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=i,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.data=this.prepareData(u),this.colors=[],this.config={},this.state={},this.options={},this.configure(arguments[0])}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:1},this.setMargins(),window.addEventListener("resize",function(){return e.draw()}),window.addEventListener("orientationchange",function(){return e.draw()})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=DEFAULT_COLORS:this.colors=t.colors,this.colors=this.colors.map(function(t){return getColor(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return!!this.parent||(console.error("No parent element to render on was provided."),!1)}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!0)}},{key:"initComponents",value:function(){}},{key:"setupComponents",value:function(){this.components=[]}},{key:"makeContainer",value:function(){this.container=$$1.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcWidth(),this.makeChartArea(),this.initComponents(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.components.forEach(function(t){return t.make()}),this.renderLegend(),this.setupNavigation(e),e&&setTimeout(function(){t.update()},1e3)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.elementsToAnimate=[].concat.apply([],this.components.map(function(e){return e.update(t)})),this.elementsToAnimate&&runSMILAnimation(this.chartWrapper,this.svg,this.elementsToAnimate)}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.rawChartArgs)}}]),t}(),Y_AXIS_MARGIN=60,DEFAULT_AXIS_CHART_TYPE="line",ChartComponent$1=function(){function t(e){var a=e.layerClass,i=void 0===a?"":a,n=e.layerTransform,s=void 0===n?"":n,r=e.constants,o=e.getData,l=e.makeElements,h=e.postMake,c=e.animateElements;classCallCheck(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.postMake=h,this.getData=o,this.animateElements=c,this.store=[],this.layerClass="function"==typeof i?i():i,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.preMake&&this.preMake(),this.render(this.data),this.postMake&&this.postMake(),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=this,e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var a=[];return e&&(a=this.animateElements(this.data)),setTimeout(function(){t.make()},1400),a}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return yLine(a,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.labels,i=this.oldData.positions,n=this.oldData.labels,s=equilizeNoOfElements(i,e),r=slicedToArray(s,2);i=r[0],e=r[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,labels:a}),this.store.map(function(t,a){return translateHoriLine(t,e[a],i[a])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return xLine(a,t.labels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.labels,i=this.oldData.positions,n=this.oldData.labels,s=equilizeNoOfElements(i,e),r=slicedToArray(s,2);i=r[0],e=r[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,labels:a}),this.store.map(function(t,a){return translateVertLine(t,e[a],i[a])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,s[e],i[e],r[e]))}),l}},barGraph:{layerClass:function(){return"y-regions"+this.constants.index},makeElements:function(t){var e=this.constants;return t.yPositions.map(function(a,i){return barController.draw(t.xPositions[i],a,color,e.valuesOverPoints?e.stacked?t.cumulativeYs[i]:t.values[i]:"",i,a-(t.cumulativePositions?t.cumulativePositions[i]:a))})},postMake:function(){this.constants.stacked||this.layer.setAttribute("transform","translate("+unitRenderer.consts.width*index+", 0)")},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,s[e],i[e],r[e]))}),l}},lineGraph:{}},AxisChartController=function(){function t(e){classCallCheck(this,t),this.meta=e||{},this.setupArgs()}return createClass(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),AxisController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"draw",value:function(t,e,a,i){return createSVG("circle",{style:"fill: "+a,"data-point-index":i,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,a){return[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),BarChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:this.meta.totalHeight*MIN_BAR_PERCENT_HEIGHT}}},{key:"refreshMeta",value:function(t){t&&get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var a=this.meta;this.consts.barsWidth=a.unitWidth-a.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(a.options&&a.options.stacked?a.options.stacked:a.noOfDatasets)}},{key:"draw",value:function(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=getBarHeightAndYAttr(e,this.meta.zeroLine),o=slicedToArray(r,2),l=o[0],h=o[1],c=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":n,x:t-this.consts.barsWidth/2,y:h-s,width:this.consts.width,height:l||this.consts.minHeight});return i||i.length?wrapInSVGGroup([c,createSVG("text",{className:"data-point-value",x:t,y:h-s,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:i})]):c}},{key:"animate",value:function(t,e,a,i,n){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/n,o=getBarHeightAndYAttr(a,this.meta.zeroLine,this.meta.totalHeight),l=slicedToArray(o,2);return e=s+r*i,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),LineChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return i||i.length?wrapInSVGGroup([n,createSVG("text",{className:"data-point-value",x:t,y:e,dy:FONT_SIZE/2*-1-this.consts.radius+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:i})]):n}},{key:"animate",value:function(t,e,a){return[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),AxisChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.isSeries=t.isSeries,a.valuesOverPoints=t.valuesOverPoints,a.formatTooltipY=t.formatTooltipY,a.formatTooltipX=t.formatTooltipX,a.barOptions=t.barOptions,a.lineOptions=t.lineOptions,a.type=t.type||"line",a.xAxisMode=t.xAxisMode||"span",a.yAxisMode=t.yAxisMode||"span",a.zeroLine=a.height,a.setTrivialState(),a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"setTrivialState",value:function(){var t=getRealIntervals(this.height,4,0,0);this.state={xAxis:{positions:[],labels:[]},yAxis:{positions:t,labels:t.map(function(t){return""})},yRegions:[{start:this.height,end:this.height,label:""}],yMarkers:[{position:this.height,label:""}]},this.calcWidth(),this.calcXPositions(),this.setObservers()}},{key:"setObservers",value:function(){}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.translateXLeft=Y_AXIS_MARGIN,this.translateXRight=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"calc",value:function(){this.calcXPositions(),this.setYAxis(),this.calcYUnits(),this.calcYMaximums(),this.calcYRegions()}},{key:"setYAxis",value:function(){this.calcYAxisParameters(this.state.yAxis,this.getAllYValues(),"line"===this.type),this.state.zeroLine=this.state.yAxis.zeroLine}},{key:"calcXPositions",value:function(){var t=this.state;t.xAxis.labels=this.data.labels,t.datasetLength=this.data.labels.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis.positions=t.xAxis.labels.map(function(e,a){return floatTwo(t.xOffset+a*t.unitWidth)})}},{key:"calcYAxisParameters",value:function(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"false";t.labels=calcChartIntervals(e,a);var i=t.labels;t.scaleMultiplier=this.height/getValueRange(i);var n=getIntervalSize(i)*t.scaleMultiplier;t.zeroLine=this.height-getZeroIndex(i)*n,t.positions=i.map(function(e){return t.zeroLine-e*t.scaleMultiplier})}},{key:"calcYUnits",value:function(){var t=this.state;this.data.datasets.map(function(e){e.positions=e.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&this.data.datasets.map(function(e,a){e.cumulativePositions=e.cumulativeYs.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=this.data.datasets[this.data.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),this.data.datasets.map(function(e,a){e.positions.map(function(e,a){e<t.yExtremes[a]&&(t.yExtremes[a]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;this.data.yMarkers&&(this.state.yMarkers=this.data.yMarkers.map(function(e){return e.position=floatTwo(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e.label+=": "+e.value,e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){if(e.end<e.start){var a=[e.end,start];e.start=a[0],e.end=a[1]}return e.start=floatTwo(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=floatTwo(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"getAllYValues",value:function(){var t,e=this,a="values";if(this.barOptions&&this.barOptions.stacked){a="cumulativeYs";var i=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,n){var s=e.data.datasets[n].values;t[a]=i=i.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,toConsumableArray(this.data.datasets.map(function(t){return t[a]})))}},{key:"initComponents",value:function(){this.componentConfigs=[["yAxis",{mode:this.yAxisMode,width:this.width}],["xAxis",{mode:this.xAxisMode,height:this.height}],["yRegions",{width:this.width,pos:"right"}],["yMarkers",{width:this.width,pos:"right"}]]}},{key:"setupComponents",value:function(){var t=this,e=["yMarkers","yRegions"];this.components=this.componentConfigs.filter(function(a){return!e.includes(a[0])||t.data[a[0]]}).map(function(e){return e.push(function(){return this.state[e[0]]}.bind(t)),getComponent.apply(void 0,toConsumableArray(e))})}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(a,i){"line"===a.chartType&&e.push(t.getPathComponent(a,i));var n=t.unitRenderers[a.chartType];e.push(t.getDataUnitComponent(i,n))}),e}},{key:"getDataUnitComponent",value:function(t,e){var a=this;return new ChartComponent({layerClass:"dataset-units dataset-"+t,makeElements:function(){var i=a.data.datasets[t];return i.positions.map(function(n,s){return e.draw(a.state.xAxis.positions[s],n,a.colors[t],a.valuesOverPoints?a.barOptions&&a.barOptions.stacked?i.cumulativeYs[s]:i.values[s]:"",s,n-(i.cumulativePositions?i.cumulativePositions[s]:n))})},postMake:function(){var a=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){a.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(i){var n=a.state.xAxis.positions,s=a.data.datasets[t].positions,r=i[i.length-1],o=r.parentNode;if(a.oldState.xExtra>0)for(var l=0;l<a.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),i.push(h)}i.map(function(i,r){void 0!==n[r]&&void 0!==s[r]&&a.elementsToAnimate.push(e.animate(i,n[r],s[r],t,a.data.datasets.length))})}})}},{key:"getPathComponent",value:function(t,e){var a=this;return new ChartComponent({layerClass:"path dataset-path",setData:function(){},makeElements:function(){var t=a.data.datasets[e],i=a.colors[e];return getPaths(t.positions,a.state.xAxis.positions,i,a.config.heatline,a.config.regionFill)},animate:function(t){var i=a.state.xAxis.positions,n=a.data.datasets[e].positions,s=a.oldState.xAxis.positions,r=a.oldState.datasets[e].positions,o=t[0].parentNode,l=equilizeNoOfElements(s,i),h=slicedToArray(l,2);s=h[0],i=h[1];var c=equilizeNoOfElements(r,n),u=slicedToArray(c,2);r=u[0],n=u[1],a.oldState.xExtra>0&&(t=getPaths(r,s,a.colors[e],a.config.heatline,a.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var p=n.map(function(t,e){return i[e]+","+t});a.elementsToAnimate=a.elementsToAnimate.concat(a.renderer.animatepath(t,p.join("L")))}})}},{key:"bindTooltip",value:function(){var t=this;this.chartWrapper.addEventListener("mousemove",function(e){var a=getOffset(t.chartWrapper),i=e.pageX-a.left-t.translateXLeft;e.pageY-a.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(i):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,a=this.state;if(a.yExtremes){var i=a.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(i[0])&&(i=i.map(function(t){return e.formatTooltipX(t)}));for(var n=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),s=a.datasetLength-1;s>=0;s--){var r=a.xAxis.positions[s];if(t>r-a.unitWidth/2){var o=r+this.translateXLeft,l=a.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,a){return{title:t.title,value:n?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[a]}});this.tip.set_values(o,l,i[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},a=this.y[0];return["svg_units","yUnitPositions","values"].map(function(i){var n=i.slice(0,i.length-1);e[n]=a[i][t]}),e.label=this.xAxis.labels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxis.labels.length&&(t=this.xAxis.labels.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,a){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,a,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,a[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}}]),e}(BaseChart),LineChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="line",Object.getPrototypeOf(a)!==e.prototype?possibleConstructorReturn(a):(a.setup(),a)}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(AxisChart),ScatterChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="scatter",t.dotRadius?a.dotRadius=t.dotRadius:a.dotRadius=8,a.setup(),a}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(LineChart),MultiAxisChart=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this);var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=t*Y_AXIS_MARGIN||Y_AXIS_MARGIN,this.translateXRight=(this.data.datasets.length-t)*Y_AXIS_MARGIN||Y_AXIS_MARGIN}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var a=0,i=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?a++:i++}})}},{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var a="left"===e.yAxis.position?-1*e.yAxis.index*Y_AXIS_MARGIN:t.width+e.yAxis.index*Y_AXIS_MARGIN;t.renderer.xLine(a,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,a){return new ChartComponent({layerClass:"y axis y-axis-"+a,make:function(){var e=t.state.datasets[a].yAxis;t.renderer.setZeroline(e.zeroline);var i={pos:e.position,mode:"tick",offset:e.index*Y_AXIS_MARGIN,stroke:t.colors[a]};return e.positions.map(function(a,n){return t.renderer.yLine(a,e.labels[n],i)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,a){return new ChartComponent({layerClass:"dataset-units dataset-"+a,make:function(){var e=t.state.datasets[a],i=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,n){return t.renderer[i.type](t.state.xAxisPositions[n],e,i.args,t.colors[a],n,a,t.state.datasetLength)})},animate:function(e){var i=t.state.datasets[a],n=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[a].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(i.yAxis.zeroLine),e.map(function(e,i){void 0!==s[i]&&void 0!==r[i]&&t.elementsToAnimate.push(t.renderer["animate"+n](e,s[i],r[i],a,t.state.noOfDatasets))})}})})}}]),e}(AxisChart),PercentageChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="percentage",a.max_slices=10,a.max_legend_points=6,a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.chartDiv=$$1.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$$1.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=$$1.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,a){var i=0;return t.data.datasets.map(function(t){i+=t.values[a]}),[i,e]}).filter(function(t){return t[0]>0}),a=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),a=e.slice(0,this.max_slices-1);var i=0;e.slice(this.max_slices-1).map(function(t){i+=t[0]}),a.push([i,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],a.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var t=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(e,a){var i=$$1.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[a],width:100*e/t.grand_total+"%"}});t.slices.push(i)})}},{key:"calc",value:function(){}},{key:"bindTooltip",value:function(){var t=this;this.slices.map(function(e,a){e.addEventListener("mouseenter",function(){var i=getOffset(t.chartWrapper),n=getOffset(e),s=n.left-i.left+e.offsetWidth/2,r=n.top-i.top-6,o=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[a]:t.labels[a])+": ",l=(100*t.slice_totals[a]/t.grand_total).toFixed(1);t.tip.set_values(s,r,o,l+"%"),t.tip.show_tip()})})}},{key:"renderLegend",value:function(){var t=this,e=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,i){a&&($$1.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+t.colors[i]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+e[i]+":</span>\n\t\t\t\t\t"+a+"\n\t\t\t\t</span>")})}}]),e}(BaseChart),ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,PieChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="pie",a.elements_to_animate=null,a.hoverRadio=t.hoverRadio||.1,a.max_slices=10,a.max_legend_points=6,a.isAnimate=!1,a.startAngle=t.startAngle||0,a.clockWise=t.clockWise||!1,a.mouseMove=a.mouseMove.bind(a),a.mouseLeave=a.mouseLeave.bind(a),a.setup(),a}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,a){var i=0;return t.data.datasets.map(function(t){i+=t.values[a]}),[i,e]}).filter(function(t){return t[0]>0}),a=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),a=e.slice(0,this.max_slices-1);var i=0;e.slice(this.max_slices-1).map(function(t){i+=t[0]}),a.push([i,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],a.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var a=this.centerX,i=this.centerY,n=this.radius,s=this.clockWise;return"M"+a+" "+i+" L"+(a+t.x)+" "+(i+t.y)+" A "+n+" "+n+" 0 0 "+(s?1:0)+" "+(a+e.x)+" "+(i+e.y)+" z"}},{key:"renderComponents",value:function(t){var a=this,i=this.radius,n=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/a.grand_total*FULL_ANGLE,u=n?-c:c,p=r+=u,d=e.getPositionByAngle(h,i),f=e.getPositionByAngle(p,i),v=t&&s[l],m=void 0,g=void 0;t?(m=v?v.startPosition:d,g=v?v.endPosition:d):(m=d,g=f);var y=a.makeArcPath(m,g),_=makePath(y,"pie-path","none",a.colors[l]);_.style.transition="transform .3s;",a.drawArea.appendChild(_),a.slices.push(_),a.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:a.grand_total,startAngle:h,endAngle:p,angle:u}),t&&a.elements_to_animate.push([{unit:_,array:a.slices,index:a.slices.length-1},{d:a.makeArcPath(d,f)},650,"easein",null,{d:y}])}),t&&runSMILAnimation(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var a=this.radius,i=this.hoverRadio,n=e.getPositionByAngle(t.startAngle+t.angle/2,a);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,a,i){if(t){var n=this.colors[e];if(a){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var s=getOffset(this.svg),r=i.pageX-s.left+10,o=i.pageY-s.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",h=(100*this.slice_totals[e]/this.grand_total).toFixed(1);this.tip.set_values(r,o,l,h+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,a=this.curActiveSliceIndex,i=this.curActiveSlice,n=0;n<this.slices.length;n++)if(e===this.slices[n]){this.hoverSlice(i,a,!1),this.curActiveSlice=e,this.curActiveSliceIndex=n,this.hoverSlice(e,n,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var t=this,e=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,i){var n=t.colors[i];a&&($$1.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+n+';"></i>\n\t\t\t\t\t<span class="text-muted">'+e[i]+":</span>\n\t\t\t\t\t"+a+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}}]),e}(BaseChart),Heatmap=function(t){function e(t){var a=t.start,i=void 0===a?"":a,n=t.domain,s=void 0===n?"":n,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;classCallCheck(this,e);var m=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));m.type="heatmap",m.domain=s,m.subdomain=o,m.data=h,m.discrete_domains=u,m.count_label=d;var g=new Date;return m.start=i||addDays(g,365),v=v.slice(0,5),m.legend_colors=m.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],m.distribution_size=5,m.translateX=0,m}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var a=0;a<t;a++){var i=void 0,n=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=slicedToArray(r,2);i=o[0],n=o[1],this.data_groups.appendChild(i),this.week_col+=1+parseInt(this.discrete_domains&&n),this.month_weeks[this.current_month]++,n&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),addDays(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var a=this.today.getTime(),i=0,n=0,s=makeSVGGroup(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=getMaxCheckpoint(l,this.distribution));var p=13+12*(e+n),d={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>a)break;v.getMonth()-t.getMonth()&&(i=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[s,i]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,a){var i=makeText("y-value-text",e+12,10,t.month_names[t.months[a]].substring(0,3));t.domain_label_group.appendChild(i)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var a=e.target.getAttribute("data-value"),i=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(i[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=a+" "+t.count_label,u=" on "+n+" "+i[0]+", "+i[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(BaseChart),chartTypes={mixed:AxisChart,multiaxis:MultiAxisChart,scatter:ScatterChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e){return classCallCheck(this,t),getChartByType(e.type,arguments[0])};export default Chart;
+function __$styleInject(t,e){if("undefined"==typeof document)return e;t=t||"";var a=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");return i.type="text/css",a.appendChild(i),i.styleSheet?i.styleSheet.cssText=t:i.appendChild(document.createTextNode(t)),e}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),a=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-a}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];a||(a=i?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(a);return t=i?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getBarHeightAndYAttr(t,e){var a=void 0,i=void 0;return t<=e?(i=t,0===(a=e-t)&&(i-=a=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(a=t-e,i=e),[a,i]}function equilizeNoOfElements(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return a>0?t=fillArray(t,a):e=fillArray(e,a),[t,e]}function translate(t,e,a,i){return[t,{transform:a.join(", ")},i,STD_EASING,"translate",{transform:e.join(", ")}]}function translateVertLine(t,e,a){return translate(t,[a,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,a){return translate(t,[0,a],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,a,i){var n=e-a,s=t.childNodes[0];return[[s,{height:n,"stroke-dasharray":s.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,a],MARKER_LINE_ANIM_DUR)]}function $$2(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var a=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var n=e[i];if("inside"===i)$$2(n).appendChild(a);else if("around"===i){var s=$$2(n);s.parentNode.insertBefore(a,s),a.appendChild(s)}else"styles"===i?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){a.style[t]=n[t]}):("className"===i&&(i="class"),"innerHTML"===i?a.textContent=n:a.setAttribute(i,n))}return a}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,a,i){return createSVG("stop",{inside:t,style:"stop-color: "+a,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,a,i){return createSVG("svg",{className:e,inside:t,width:a,height:i})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function wrapInSVGGroup(t){var e=createSVG("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e,n=renderVerticalGradient(t,i),s=[1,.6,.2];return a&&(s=[.4,.2,0]),setGradientStop(n,"0%",e,s[0]),setGradientStop(n,"50%",e,s[1]),setGradientStop(n,"100%",e,s[2]),i}function makeHeatSquare(t,e,a,i){var n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:a,width:i,height:i,fill:1};return Object.keys(n).map(function(t){s[t]=n[t]}),createSVG("rect",s)}function makeText(t,e,a,i){return createSVG("text",{className:t,x:e,y:a,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:i})}function makeVertLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var s=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:a,y2:i,styles:{stroke:n.stroke}}),r=createSVG("text",{x:0,y:a>i?a+LABEL_MARGIN:a-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function makeHoriLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var s=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:a,x2:i,y1:0,y2:0,styles:{stroke:n.stroke}}),r=createSVG("text",{x:a<i?a-LABEL_MARGIN:a+LABEL_MARGIN,y:0,dy:FONT_SIZE/2-2+"px","font-size":FONT_SIZE+"px","text-anchor":a<i?"end":"start",innerHTML:e+""}),o=createSVG("g",{transform:"translate(0, "+t+")","stroke-opacity":1});return 0!==r&&"0"!==r||(o.style.stroke="rgba(27, 31, 35, 0.6)"),o.appendChild(s),o.appendChild(r),o}function yLine(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=-1*AXIS_TICK_LENGTH,s="span"===i.mode?a+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(n=a+AXIS_TICK_LENGTH,s=a),n+=i.offset,s+=i.offset,makeHoriLine(t,e,n,s,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function xLine(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=a+AXIS_TICK_LENGTH,s="span"===i.mode?-1*AXIS_TICK_LENGTH:a;return"tick"===i.mode&&"top"===i.pos&&(n=-1*AXIS_TICK_LENGTH,s=0),makeVertLine(t,e,n,s,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:a-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),s=makeHoriLine(t,"",0,a,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return s.appendChild(n),s}function yRegion(t,e,a,i){var n=t-e,s=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":a+", "+n},x:0,y:0,width:a,height:n}),r=createSVG("text",{className:"chart-label",x:a-getStringWidth(i,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(s),o.appendChild(r),o}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var a=getColor(t),i=!1;"#"==a[0]&&(a=a.slice(1),i=!0);var n=parseInt(a,16),s=limitColor((n>>16)+e),r=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(i?"#":"")+(o|r<<8|s<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var i=COLOR_COMPATIBLE_CHARTS[e].includes(t);return new Chart({parent:a.parent,title:a.title,data:a.data,type:t,height:a.height,colors:i?a.colors:void 0})}}function animateSVGElement(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:c,to:u,begin:"0s",dur:a/1e3+"s",values:c+";"+u,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(p.type=n);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var a=[],i=[];e.map(function(t){var e=t[0],n=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);s=l[0],r=l[1],a.push(r),i.push([s,n]),n.replaceChild(s,e)});var n=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(a[i],t[0]),e[i][0]=a[i]}),n}function runSMILAnimation(t,e,a){if(0!==a.length){var i=animateSVG(e,a);e.parentNode==t&&(t.removeChild(e),t.appendChild(i)),setTimeout(function(){i.parentNode==t&&(t.removeChild(i),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function dataPrep(t,e){t.labels=t.labels||[];var a=t.labels.length,i=t.datasets,n=new Array(a).fill(0);return i||(i=[{values:n}]),i.map(function(t,i){if(t.values){var s=t.values;s=(s=s.map(function(t){return isNaN(t)?0:t})).length>a?s.slice(0,a):fillArray(s,a-s.length,0)}else t.values=n;t.index=i,t.chartType||(t.chartType=e||DEFAULT_AXIS_CHART_TYPE)}),t}function getComponent(t,e,a){var i=componentConfigs[t];return Object.assign(i,{constants:e,getData:a}),new ChartComponent$1(i)}function getPaths(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3],n=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=t.map(function(t,a){return e[a]+","+t}).join("L"),r=makePath("M"+s,"line-graph-path",a);if(i){var o=makeGradient(this.svgDefs,a);r.style.stroke="url(#"+o+")"}var l=[r];if(n){var h=makeGradient(this.svgDefs,a,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(makePath(u,"region-fill","none","url(#"+h+")"))}return l}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var a=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,a)),a]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=Math.ceil(t),i=Math.floor(e),n=a-i,s=n,r=1;n>5&&(n%2!=0&&(n=++a-i),s=n/2,r=2),n<=2&&(r=n/(s=4)),0===n&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(i+r*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=normalize(t),i=slicedToArray(a,2),n=i[0],s=i[1],r=e?e/Math.pow(10,s):0,o=getChartRangeIntervals(n=n.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function calcChartIntervals(t){function e(t,e){for(var a=getChartIntervals(t),i=a[1]-a[0],n=0,s=1;n<e;s++)n+=i,a.unshift(-1*n);return a}var a=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),s=[];if(i>=0&&n>=0)normalize(i)[1],s=a?getChartIntervals(i,n):getChartIntervals(i);else if(i>0&&n<0){var r=Math.abs(n);i>=r?(normalize(i)[1],s=e(i,r)):(normalize(r)[1],s=e(r,i).map(function(t){return-1*t}))}else if(i<=0&&n<=0){var o=Math.abs(n),l=Math.abs(i);normalize(o)[1],s=(s=a?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return s}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getRealIntervals(t,e){for(var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,n=1*(t-a)/e,s=[],r=0;r<=e;r++)s.push(a+n*r);return i?s:s.reverse()}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function calcDistribution(t,e){for(var a=Math.max.apply(Math,toConsumableArray(t)),i=1/(e-1),n=[],s=0;s<e;s++){var r=a*(i*s);n.push(r)}return n}function getMaxCheckpoint(t,e){return e.filter(function(e){return e<t}).length}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),a=t.getMonth()+1;return[(e>9?"":"0")+e,(a>9?"":"0")+a,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new AxisChart(e)):"bar"===t?(e.type="bar",new AxisChart(e)):chartTypes[t]?new chartTypes[t](e):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function a(t,e){return new Promise(function(a,n){var o={key:t,arg:e,resolve:a,reject:n,next:null};r?r=r.next=o:(s=r=o,i(t,e))})}function i(a,s){try{var r=e[a](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):n(r.done?"return":"normal",r.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?i(s.key,s.arg):r=null}var s,r;this._invoke=a,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var a=0;a<e.length;a++){var i=e[a];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,a,i){return a&&t(e.prototype,a),i&&t(e,i),e}}(),get=function t(e,a,i){null===e&&(e=Function.prototype);var n=Object.getOwnPropertyDescriptor(e,a);if(void 0===n){var s=Object.getPrototypeOf(e);return null===s?void 0:t(s,a,i)}if("value"in n)return n.value;var r=n.get;if(void 0!==r)return r.call(i)},inherits=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},possibleConstructorReturn=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},slicedToArray=function(){function t(t,e){var a=[],i=!0,n=!1,s=void 0;try{for(var r,o=t[Symbol.iterator]();!(i=(r=o.next()).done)&&(a.push(r.value),!e||a.length!==e);i=!0);}catch(t){n=!0,s=t}finally{try{!i&&o.return&&o.return()}finally{if(n)throw s}}return a}return function(e,a){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,a);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),toConsumableArray=function(t){if(Array.isArray(t)){for(var e=0,a=Array(t.length);e<t.length;e++)a[e]=t[e];return a}return Array.from(t)};$$1.create=function(t,e){var a=document.createElement(t);for(var i in e){var n=e[i];if("inside"===i)$$1(n).appendChild(a);else if("around"===i){var s=$$1(n);s.parentNode.insertBefore(a,s),a.appendChild(s)}else"styles"===i?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){a.style[t]=n[t]}):i in a?a[i]=n:a.setAttribute(i,n)}return a};var SvgTip=function(){function t(e){var a=e.parent,i=void 0===a?null:a,n=e.colors,s=void 0===n?[]:n;classCallCheck(this,t),this.parent=i,this.colors=s,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return createClass(t,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var t=this;this.container=$$1.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hide_tip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,a){var i=t.colors[a]||"black",n=$$1.create("li",{styles:{"border-top":"3px solid "+i},innerHTML:'<strong style="display: block;">'+(0===e.value||e.value?e.value:"")+"</strong>\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,a=this.container.querySelector(".svg-pointer");if(this.left<0)a.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";a.style.left=i,this.left=e}else a.style.left="50%"}},{key:"set_values",value:function(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=a,this.title_value=i,this.list_values=n,this.x=t,this.y=e,this.title_value_first=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",AxisChartRenderer=function(){function t(e){classCallCheck(this,t),this.refreshState(e)}return createClass(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xMarker",value:function(){}},{key:"xRegion",value:function(){return createSVG("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"animatebar",value:function(t,e,a,i,n){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/n,o=getBarHeightAndYAttr(a,this.zeroLine,this.totalHeight),l=slicedToArray(o,2);return e=s+r*i,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatedot",value:function(t,e,a){return[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]}},{key:"animatepath",value:function(t,e){var a=[],i=[t[0],{d:"M"+e},PATH_ANIM_DUR,STD_EASING];if(a.push(i),t[1]){var n="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+n+e+s},PATH_ANIM_DUR,STD_EASING];a.push(r)}return a}}]),t}(),PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e){var a=e.height,i=void 0===a?240:a,n=e.title,s=void 0===n?"":n,r=e.subtitle,o=void 0===r?"":r,l=(e.colors,e.isNavigable),h=void 0===l?0:l,c=(e.showLegend,e.type,e.parent),u=e.data;classCallCheck(this,t),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=i,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.data=this.prepareData(u),this.colors=[],this.config={},this.state={},this.options={},this.configure(arguments[0])}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:1},this.setMargins(),window.addEventListener("resize",function(){return e.draw()}),window.addEventListener("orientationchange",function(){return e.draw()})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=DEFAULT_COLORS:this.colors=t.colors,this.colors=this.colors.map(function(t){return getColor(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return!!this.parent||(console.error("No parent element to render on was provided."),!1)}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!0)}},{key:"initComponents",value:function(){}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.container=$$1.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcWidth(),this.makeChartArea(),this.initComponents(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.components.forEach(function(t){return t.make()}),this.renderLegend(),this.setupNavigation(e),e&&setTimeout(function(){t.update()},1e3)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=[];this.components.forEach(function(a){e=e.concat(a.update(t))}),e.length>0&&runSMILAnimation(this.chartWrapper,this.svg,e)}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.rawChartArgs)}}]),t}(),Y_AXIS_MARGIN=60,DEFAULT_AXIS_CHART_TYPE="line",ChartComponent$1=function(){function t(e){var a=e.layerClass,i=void 0===a?"":a,n=e.layerTransform,s=void 0===n?"":n,r=e.constants,o=e.getData,l=e.makeElements,h=e.postMake,c=e.animateElements;classCallCheck(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.postMake=h,this.getData=o,this.animateElements=c,this.store=[],this.layerClass="function"==typeof i?i():i,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.preMake&&this.preMake(),this.render(this.data),this.postMake&&this.postMake(),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=this,e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var a=[];return e&&(a=this.animateElements(this.data)),setTimeout(function(){t.make()},1400),a}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return yLine(a,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.labels,i=this.oldData.positions,n=this.oldData.labels,s=equilizeNoOfElements(i,e),r=slicedToArray(s,2);i=r[0],e=r[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,labels:a}),this.store.map(function(t,a){return translateHoriLine(t,e[a],i[a])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return xLine(a,t.labels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.labels,i=this.oldData.positions,n=this.oldData.labels,s=equilizeNoOfElements(i,e),r=slicedToArray(s,2);i=r[0],e=r[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,labels:a}),this.store.map(function(t,a){return translateVertLine(t,e[a],i[a])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,s[e],i[e],r[e]))}),l}},barGraph:{layerClass:function(){return"y-regions"+this.constants.index},makeElements:function(t){var e=this.constants;return t.yPositions.map(function(a,i){return barController.draw(t.xPositions[i],a,color,e.valuesOverPoints?e.stacked?t.cumulativeYs[i]:t.values[i]:"",i,a-(t.cumulativePositions?t.cumulativePositions[i]:a))})},postMake:function(){this.constants.stacked||this.layer.setAttribute("transform","translate("+unitRenderer.consts.width*index+", 0)")},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,s[e],i[e],r[e]))}),l}},lineGraph:{}},AxisChartController=function(){function t(e){classCallCheck(this,t),this.meta=e||{},this.setupArgs()}return createClass(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),AxisController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"draw",value:function(t,e,a,i){return createSVG("circle",{style:"fill: "+a,"data-point-index":i,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,a){return[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),BarChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:this.meta.totalHeight*MIN_BAR_PERCENT_HEIGHT}}},{key:"refreshMeta",value:function(t){t&&get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var a=this.meta;this.consts.barsWidth=a.unitWidth-a.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(a.options&&a.options.stacked?a.options.stacked:a.noOfDatasets)}},{key:"draw",value:function(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=getBarHeightAndYAttr(e,this.meta.zeroLine),o=slicedToArray(r,2),l=o[0],h=o[1],c=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":n,x:t-this.consts.barsWidth/2,y:h-s,width:this.consts.width,height:l||this.consts.minHeight});return i||i.length?wrapInSVGGroup([c,createSVG("text",{className:"data-point-value",x:t,y:h-s,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:i})]):c}},{key:"animate",value:function(t,e,a,i,n){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/n,o=getBarHeightAndYAttr(a,this.meta.zeroLine,this.meta.totalHeight),l=slicedToArray(o,2);return e=s+r*i,[t,{width:r,height:l[0],x:e,y:l[1]},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),LineChartController=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return i||i.length?wrapInSVGGroup([n,createSVG("text",{className:"data-point-value",x:t,y:e,dy:FONT_SIZE/2*-1-this.consts.radius+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:i})]):n}},{key:"animate",value:function(t,e,a){return[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]}}]),e}(AxisChartController),AxisChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.isSeries=t.isSeries,a.valuesOverPoints=t.valuesOverPoints,a.formatTooltipY=t.formatTooltipY,a.formatTooltipX=t.formatTooltipX,a.barOptions=t.barOptions,a.lineOptions=t.lineOptions,a.type=t.type||"line",a.xAxisMode=t.xAxisMode||"span",a.yAxisMode=t.yAxisMode||"span",a.zeroLine=a.height,a.setTrivialState(),a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"setTrivialState",value:function(){var t=getRealIntervals(this.height,4,0,0);this.state={xAxis:{positions:[],labels:[]},yAxis:{positions:t,labels:t.map(function(t){return""})},yRegions:[{start:this.height,end:this.height,label:""}],yMarkers:[{position:this.height,label:""}]},this.calcWidth(),this.calcXPositions(this.state)}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.translateXLeft=Y_AXIS_MARGIN,this.translateXRight=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"calc",value:function(){this.calcXPositions(),this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,a){return floatTwo(t.xOffset+a*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),a=this.height/getValueRange(e),i=getIntervalSize(e)*a,n=this.height-getZeroIndex(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*a}),scaleMultiplier:a,zeroLine:n},this.calcYUnits(),this.calcYMaximums(),this.calcYRegions()}},{key:"calcYUnits",value:function(){var t=this.state;this.data.datasets.map(function(e){e.positions=e.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&this.data.datasets.map(function(e,a){e.cumulativePositions=e.cumulativeYs.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=this.data.datasets[this.data.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),this.data.datasets.map(function(e,a){e.positions.map(function(e,a){e<t.yExtremes[a]&&(t.yExtremes[a]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;this.data.yMarkers&&(this.state.yMarkers=this.data.yMarkers.map(function(e){return e.position=floatTwo(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e.label+=": "+e.value,e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){if(e.end<e.start){var a=[e.end,start];e.start=a[0],e.end=a[1]}return e.start=floatTwo(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=floatTwo(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"getAllYValues",value:function(){var t,e=this,a="values";if(this.barOptions&&this.barOptions.stacked){a="cumulativeYs";var i=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,n){var s=e.data.datasets[n].values;t[a]=i=i.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,toConsumableArray(this.data.datasets.map(function(t){return t[a]})))}},{key:"initComponents",value:function(){this.componentConfigs=[["yAxis",{mode:this.yAxisMode,width:this.width}],["xAxis",{mode:this.xAxisMode,height:this.height}],["yRegions",{width:this.width,pos:"right"}],["yMarkers",{width:this.width,pos:"right"}]]}},{key:"setupComponents",value:function(){var t=this,e=["yMarkers","yRegions"];this.components=new Map(this.componentConfigs.filter(function(a){return!e.includes(a[0])||t.data[a[0]]}).map(function(e){return e.push(function(){return this.state[e[0]]}.bind(t)),[e[0],getComponent.apply(void 0,toConsumableArray(e))]}))}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(a,i){"line"===a.chartType&&e.push(t.getPathComponent(a,i));var n=t.unitRenderers[a.chartType];e.push(t.getDataUnitComponent(i,n))}),e}},{key:"getDataUnitComponent",value:function(t,e){var a=this;return new ChartComponent({layerClass:"dataset-units dataset-"+t,makeElements:function(){var i=a.data.datasets[t];return i.positions.map(function(n,s){return e.draw(a.state.xAxis.positions[s],n,a.colors[t],a.valuesOverPoints?a.barOptions&&a.barOptions.stacked?i.cumulativeYs[s]:i.values[s]:"",s,n-(i.cumulativePositions?i.cumulativePositions[s]:n))})},postMake:function(){var a=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){a.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(i){var n=a.state.xAxis.positions,s=a.data.datasets[t].positions,r=i[i.length-1],o=r.parentNode;if(a.oldState.xExtra>0)for(var l=0;l<a.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),i.push(h)}i.map(function(i,r){void 0!==n[r]&&void 0!==s[r]&&a.elementsToAnimate.push(e.animate(i,n[r],s[r],t,a.data.datasets.length))})}})}},{key:"getPathComponent",value:function(t,e){var a=this;return new ChartComponent({layerClass:"path dataset-path",setData:function(){},makeElements:function(){var t=a.data.datasets[e],i=a.colors[e];return getPaths(t.positions,a.state.xAxis.positions,i,a.config.heatline,a.config.regionFill)},animate:function(t){var i=a.state.xAxis.positions,n=a.data.datasets[e].positions,s=a.oldState.xAxis.positions,r=a.oldState.datasets[e].positions,o=t[0].parentNode,l=equilizeNoOfElements(s,i),h=slicedToArray(l,2);s=h[0],i=h[1];var c=equilizeNoOfElements(r,n),u=slicedToArray(c,2);r=u[0],n=u[1],a.oldState.xExtra>0&&(t=getPaths(r,s,a.colors[e],a.config.heatline,a.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var p=n.map(function(t,e){return i[e]+","+t});a.elementsToAnimate=a.elementsToAnimate.concat(a.renderer.animatepath(t,p.join("L")))}})}},{key:"bindTooltip",value:function(){var t=this;this.chartWrapper.addEventListener("mousemove",function(e){var a=getOffset(t.chartWrapper),i=e.pageX-a.left-t.translateXLeft;e.pageY-a.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(i):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,a=this.state;if(a.yExtremes){var i=a.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(i[0])&&(i=i.map(function(t){return e.formatTooltipX(t)}));for(var n=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),s=a.datasetLength-1;s>=0;s--){var r=a.xAxis.positions[s];if(t>r-a.unitWidth/2){var o=r+this.translateXLeft,l=a.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,a){return{title:t.title,value:n?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[a]}});this.tip.set_values(o,l,i[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},a=this.y[0];return["svg_units","yUnitPositions","values"].map(function(i){var n=i.slice(0,i.length-1);e[n]=a[i][t]}),e.label=this.xAxis.labels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxis.labels.length&&(t=this.xAxis.labels.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,a){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,a,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,a[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}}]),e}(BaseChart),LineChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="line",Object.getPrototypeOf(a)!==e.prototype?possibleConstructorReturn(a):(a.setup(),a)}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(AxisChart),ScatterChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="scatter",t.dotRadius?a.dotRadius=t.dotRadius:a.dotRadius=8,a.setup(),a}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(LineChart),MultiAxisChart=function(t){function e(t){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return inherits(e,t),createClass(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this);var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=t*Y_AXIS_MARGIN||Y_AXIS_MARGIN,this.translateXRight=(this.data.datasets.length-t)*Y_AXIS_MARGIN||Y_AXIS_MARGIN}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var a=0,i=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?a++:i++}})}},{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return floatTwo(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var a="left"===e.yAxis.position?-1*e.yAxis.index*Y_AXIS_MARGIN:t.width+e.yAxis.index*Y_AXIS_MARGIN;t.renderer.xLine(a,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,a){return new ChartComponent({layerClass:"y axis y-axis-"+a,make:function(){var e=t.state.datasets[a].yAxis;t.renderer.setZeroline(e.zeroline);var i={pos:e.position,mode:"tick",offset:e.index*Y_AXIS_MARGIN,stroke:t.colors[a]};return e.positions.map(function(a,n){return t.renderer.yLine(a,e.labels[n],i)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,a){return new ChartComponent({layerClass:"dataset-units dataset-"+a,make:function(){var e=t.state.datasets[a],i=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,n){return t.renderer[i.type](t.state.xAxisPositions[n],e,i.args,t.colors[a],n,a,t.state.datasetLength)})},animate:function(e){var i=t.state.datasets[a],n=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[a].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(i.yAxis.zeroLine),e.map(function(e,i){void 0!==s[i]&&void 0!==r[i]&&t.elementsToAnimate.push(t.renderer["animate"+n](e,s[i],r[i],a,t.state.noOfDatasets))})}})})}}]),e}(AxisChart),PercentageChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="percentage",a.max_slices=10,a.max_legend_points=6,a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.chartDiv=$$1.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$$1.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=$$1.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,a){var i=0;return t.data.datasets.map(function(t){i+=t.values[a]}),[i,e]}).filter(function(t){return t[0]>0}),a=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),a=e.slice(0,this.max_slices-1);var i=0;e.slice(this.max_slices-1).map(function(t){i+=t[0]}),a.push([i,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],a.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var t=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(e,a){var i=$$1.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[a],width:100*e/t.grand_total+"%"}});t.slices.push(i)})}},{key:"calc",value:function(){}},{key:"bindTooltip",value:function(){var t=this;this.slices.map(function(e,a){e.addEventListener("mouseenter",function(){var i=getOffset(t.chartWrapper),n=getOffset(e),s=n.left-i.left+e.offsetWidth/2,r=n.top-i.top-6,o=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[a]:t.labels[a])+": ",l=(100*t.slice_totals[a]/t.grand_total).toFixed(1);t.tip.set_values(s,r,o,l+"%"),t.tip.show_tip()})})}},{key:"renderLegend",value:function(){var t=this,e=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,i){a&&($$1.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+t.colors[i]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+e[i]+":</span>\n\t\t\t\t\t"+a+"\n\t\t\t\t</span>")})}}]),e}(BaseChart),ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,PieChart=function(t){function e(t){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return a.type="pie",a.elements_to_animate=null,a.hoverRadio=t.hoverRadio||.1,a.max_slices=10,a.max_legend_points=6,a.isAnimate=!1,a.startAngle=t.startAngle||0,a.clockWise=t.clockWise||!1,a.mouseMove=a.mouseMove.bind(a),a.mouseLeave=a.mouseLeave.bind(a),a.setup(),a}return inherits(e,t),createClass(e,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,a){var i=0;return t.data.datasets.map(function(t){i+=t.values[a]}),[i,e]}).filter(function(t){return t[0]>0}),a=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),a=e.slice(0,this.max_slices-1);var i=0;e.slice(this.max_slices-1).map(function(t){i+=t[0]}),a.push([i,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],a.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var a=this.centerX,i=this.centerY,n=this.radius,s=this.clockWise;return"M"+a+" "+i+" L"+(a+t.x)+" "+(i+t.y)+" A "+n+" "+n+" 0 0 "+(s?1:0)+" "+(a+e.x)+" "+(i+e.y)+" z"}},{key:"renderComponents",value:function(t){var a=this,i=this.radius,n=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/a.grand_total*FULL_ANGLE,u=n?-c:c,p=r+=u,d=e.getPositionByAngle(h,i),f=e.getPositionByAngle(p,i),v=t&&s[l],g=void 0,m=void 0;t?(g=v?v.startPosition:d,m=v?v.endPosition:d):(g=d,m=f);var y=a.makeArcPath(g,m),_=makePath(y,"pie-path","none",a.colors[l]);_.style.transition="transform .3s;",a.drawArea.appendChild(_),a.slices.push(_),a.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:a.grand_total,startAngle:h,endAngle:p,angle:u}),t&&a.elements_to_animate.push([{unit:_,array:a.slices,index:a.slices.length-1},{d:a.makeArcPath(d,f)},650,"easein",null,{d:y}])}),t&&runSMILAnimation(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var a=this.radius,i=this.hoverRadio,n=e.getPositionByAngle(t.startAngle+t.angle/2,a);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,a,i){if(t){var n=this.colors[e];if(a){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var s=getOffset(this.svg),r=i.pageX-s.left+10,o=i.pageY-s.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",h=(100*this.slice_totals[e]/this.grand_total).toFixed(1);this.tip.set_values(r,o,l,h+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,a=this.curActiveSliceIndex,i=this.curActiveSlice,n=0;n<this.slices.length;n++)if(e===this.slices[n]){this.hoverSlice(i,a,!1),this.curActiveSlice=e,this.curActiveSliceIndex=n,this.hoverSlice(e,n,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var t=this,e=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,i){var n=t.colors[i];a&&($$1.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+n+';"></i>\n\t\t\t\t\t<span class="text-muted">'+e[i]+":</span>\n\t\t\t\t\t"+a+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}}]),e}(BaseChart),Heatmap=function(t){function e(t){var a=t.start,i=void 0===a?"":a,n=t.domain,s=void 0===n?"":n,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;classCallCheck(this,e);var g=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));g.type="heatmap",g.domain=s,g.subdomain=o,g.data=h,g.discrete_domains=u,g.count_label=d;var m=new Date;return g.start=i||addDays(m,365),v=v.slice(0,5),g.legend_colors=g.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],g.distribution_size=5,g.translateX=0,g}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var a=0;a<t;a++){var i=void 0,n=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=slicedToArray(r,2);i=o[0],n=o[1],this.data_groups.appendChild(i),this.week_col+=1+parseInt(this.discrete_domains&&n),this.month_weeks[this.current_month]++,n&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),addDays(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var a=this.today.getTime(),i=0,n=0,s=makeSVGGroup(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=getMaxCheckpoint(l,this.distribution));var p=13+12*(e+n),d={"data-date":getDdMmYyyy(t),"data-value":l,"data-day":t.getDay()},f=makeHeatSquare("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(addDays(v,1),v.getTime()>a)break;v.getMonth()-t.getMonth()&&(i=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[s,i]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,a){var i=makeText("y-value-text",e+12,10,t.month_names[t.months[a]].substring(0,3));t.domain_label_group.appendChild(i)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var a=e.target.getAttribute("data-value"),i=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(i[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=a+" "+t.count_label,u=" on "+n+" "+i[0]+", "+i[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(BaseChart),chartTypes={mixed:AxisChart,multiaxis:MultiAxisChart,scatter:ScatterChart,percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e){return classCallCheck(this,t),getChartByType(e.type,arguments[0])};export default Chart;
diff --git a/dist/frappe-charts.min.iife.js b/dist/frappe-charts.min.iife.js
index 8315179..9ead629 100644
--- a/dist/frappe-charts.min.iife.js
+++ b/dist/frappe-charts.min.iife.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function n(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){var i=void 0,n=void 0;return t<=e?(n=t,0===(i=e-t)&&(n-=i=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(i=t-e,n=e),[i,n]}function h(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function c(t,e,i,n){return[t,{transform:i.join(", ")},n,yt,"translate",{transform:e.join(", ")}]}function u(t,e,i){return c(t,[i,0],[e,0],vt)}function p(t,e,i){return c(t,[0,i],[0,e],vt)}function d(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},vt,yt],c(t,[0,n],[0,i],vt)]}function f(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function v(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)f(a).appendChild(i);else if("around"===n){var s=f(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":rt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function m(t,e){return v("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function y(t,e,i,n){return v("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function g(t,e,i,n){return v("svg",{className:e,inside:t,width:i,height:n})}function x(t){return v("defs",{inside:t})}function _(t,e){return v("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function b(t){var e=v("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function k(t){return v("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function w(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e,a=m(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),y(a,"0%",e,s[0]),y(a,"50%",e,s[1]),y(a,"100%",e,s[2]),n}function A(t,e,i,n){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:n,height:n,fill:1};return Object.keys(a).map(function(t){s[t]=a[t]}),v("rect",s)}function M(t,e,i,n){return v("text",{className:t,x:e,y:i,dy:_t/2+"px","font-size":_t+"px",innerHTML:n})}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=bt);var s=v("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=v("text",{x:0,y:i>n?i+xt:i-xt-_t,dy:_t+"px","font-size":_t+"px","text-anchor":"middle",innerHTML:e}),o=v("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=bt),a.lineType||(a.lineType="");var s=v("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=v("text",{x:i<n?i-xt:i+xt,y:0,dy:_t/2-2+"px","font-size":_t+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=v("g",{transform:"translate(0, "+t+")","stroke-opacity":1});return 0!==r&&"0"!==r||(o.style.stroke="rgba(27, 31, 35, 0.6)"),o.appendChild(s),o.appendChild(r),o}function T(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=bt),n.className||(n.className="");var a=-1*gt,s="span"===n.mode?i+gt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+gt,s=i),a+=n.offset,s+=n.offset,O(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=bt),n.className||(n.className="");var a=i+gt,s="span"===n.mode?-1*gt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*gt,s=0),C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function P(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=v("text",{className:"chart-label",x:i-o(e,5)-xt,y:0,dy:_t/-2+"px","font-size":_t+"px","text-anchor":"start",innerHTML:e+""}),s=O(t,"",0,i,{stroke:n.stroke||bt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function D(t,e,i,n){var a=t-e,s=v("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:bt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=v("text",{className:"chart-label",x:i-o(n,4.5)-xt,y:0,dy:_t/-2+"px","font-size":_t+"px","text-anchor":"start",innerHTML:n+""}),l=v("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function N(t){return t>255?255:t<0?0:t}function E(t,e){var i=At(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=N((a>>16)+e),r=N((a>>8&255)+e),o=N((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function W(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function S(t,e,i){if(t!==e){Mt.includes(t)||console.error("'"+t+"' is not a valid chart type."),Ct[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=Ot[e].includes(t);return new Ft({parent:i.parent,title:i.title,data:i.data,type:t,height:i.height,colors:n?i.colors:void 0})}}function z(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:Tt[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(p.type=a);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function j(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function R(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=z.apply(void 0,dt(t)),l=pt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function Y(t,e,i){if(0!==i.length){var n=R(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},mt)}}function H(t,e){t.labels=t.labels||[];var i=t.labels.length,n=t.datasets,a=new Array(i).fill(0);return n||(n=[{values:a}]),n.map(function(t,n){if(t.values){var s=t.values;s=(s=s.map(function(t){return isNaN(t)?0:t})).length>i?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.index=n,t.chartType||(t.chartType=e||Pt)}),t}function X(t,e,i){var n=Nt[t];return Object.assign(n,{constants:e,getData:i}),new Dt(n)}function F(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],a=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=t.map(function(t,i){return e[i]+","+t}).join("L"),r=k("M"+s,"line-graph-path",i);if(n){var o=w(this.svgDefs,i);r.style.stroke="url(#"+o+")"}var l=[r];if(a){var h=w(this.svgDefs,i,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(k(u,"region-fill","none","url(#"+h+")"))}return l}function B(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function I(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function U(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=B(t),n=pt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=I(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function q(t){function e(t,e){for(var i=U(t),n=i[1]-i[0],a=0,s=1;a<e;s++)a+=n,i.unshift(-1*a);return i}var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,dt(t)),a=Math.min.apply(Math,dt(t)),s=[];if(n>=0&&a>=0)B(n)[1],s=i?U(n,a):U(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(B(n)[1],s=e(n,r)):(B(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);B(o)[1],s=(s=i?U(o,l):U(o)).reverse().map(function(t){return-1*t})}return s}function G(t){var e=J(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function Z(t,e){for(var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,a=1*(t-i)/e,s=[],r=0;r<=e;r++)s.push(i+a*r);return n?s:s.reverse()}function J(t){return t[1]-t[0]}function K(t){return t[t.length-1]-t[0]}function V(t,e){for(var i=Math.max.apply(Math,dt(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function Q(t,e){return e.filter(function(e){return e<t}).length}function tt(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function et(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function it(t,e){return Math.ceil(nt(t,e)/7)}function nt(t,e){return(tt(e)-tt(t))/864e5}function at(t,e){t.setDate(t.getDate()+e)}function st(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new Wt(e)):"bar"===t?(e.type="bar",new Wt(e)):Xt[t]?new Xt[t](e):void console.error("Undefined chart type: "+t)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",i.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var rt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ot=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),lt=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}(),ht=function t(e,i,n){null===e&&(e=Function.prototype);var a=Object.getOwnPropertyDescriptor(e,i);if(void 0===a){var s=Object.getPrototypeOf(e);return null===s?void 0:t(s,i,n)}if("value"in a)return a.value;var r=a.get;if(void 0!==r)return r.call(n)},ct=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},ut=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},pt=function(){function t(t,e){var i=[],n=!0,a=!1,s=void 0;try{for(var r,o=t[Symbol.iterator]();!(n=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);n=!0);}catch(t){a=!0,s=t}finally{try{!n&&o.return&&o.return()}finally{if(a)throw s}}return i}return function(e,i){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),dt=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)};t.create=function(e,i){var n=document.createElement(e);for(var a in i){var s=i[a];if("inside"===a)t(s).appendChild(n);else if("around"===a){var r=t(s);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===a?"object"===(void 0===s?"undefined":rt(s))&&Object.keys(s).map(function(t){n.style[t]=s[t]}):a in n?n[a]=s:n.setAttribute(a,s)}return n};var ft=function(){function e(t){var i=t.parent,n=void 0===i?null:i,a=t.colors,s=void 0===a?[]:a;ot(this,e),this.parent=n,this.colors=s,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return lt(e,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var e=this;this.container=t.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hide_tip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=i,this.data_point_list.innerHTML="",this.list_values.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:'<strong style="display: block;">'+(0===i.value||i.value?i.value:"")+"</strong>\n\t\t\t\t\t"+(i.title?i.title:"")});e.data_point_list.appendChild(s)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=n,this.list_values=a,this.x=t,this.y=e,this.title_value_first=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),vt=350,mt=250,yt="easein",gt=6,xt=4,_t=10,bt="#dadada",kt=(function(){function t(e){ot(this,t),this.refreshState(e)}lt(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xMarker",value:function(){}},{key:"xRegion",value:function(){return v("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"animatebar",value:function(t,e,i,n,a){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/a,o=l(i,this.zeroLine,this.totalHeight),h=pt(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,yt]}},{key:"animatedot",value:function(t,e,i){return[t,{cx:e,cy:i},350,yt]}},{key:"animatepath",value:function(t,e){var i=[],n=[t[0],{d:"M"+e},350,yt];if(i.push(n),t[1]){var a="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+a+e+s},350,yt];i.push(r)}return i}}])}(),{"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"}),wt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],At=function(t){return kt[t]||t},Mt=["line","scatter","bar","percentage","heatmap","pie"],Ct={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Ot={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},Tt={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},Lt=function(){function e(t){var i=t.height,n=void 0===i?240:i,a=t.title,s=void 0===a?"":a,r=t.subtitle,o=void 0===r?"":r,l=(t.colors,t.isNavigable),h=void 0===l?0:l,c=(t.showLegend,t.type,t.parent),u=t.data;ot(this,e),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=n,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.data=this.prepareData(u),this.colors=[],this.config={},this.state={},this.options={},this.configure(arguments[0])}return lt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:1},this.setMargins(),window.addEventListener("resize",function(){return e.draw()}),window.addEventListener("orientationchange",function(){return e.draw()})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=wt:this.colors=t.colors,this.colors=this.colors.map(function(t){return At(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return!!this.parent||(console.error("No parent element to render on was provided."),!1)}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!0)}},{key:"initComponents",value:function(){}},{key:"setupComponents",value:function(){this.components=[]}},{key:"makeContainer",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new ft({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcWidth(),this.makeChartArea(),this.initComponents(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.components.forEach(function(t){return t.make()}),this.renderLegend(),this.setupNavigation(e),e&&setTimeout(function(){t.update()},1e3)}},{key:"calcWidth",value:function(){this.baseWidth=a(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.elementsToAnimate=[].concat.apply([],this.components.map(function(e){return e.update(t)})),this.elementsToAnimate&&Y(this.chartWrapper,this.svg,this.elementsToAnimate)}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=g(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=x(this.svg),this.drawArea=_(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){n(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return S(t,this.type,this.rawChartArgs)}}]),e}(),Pt="line",Dt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.postMake,c=e.animateElements;ot(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.postMake=h,this.getData=o,this.animateElements=c,this.store=[],this.layerClass="function"==typeof n?n():n,this.refresh()}return lt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=_(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.preMake&&this.preMake(),this.render(this.data),this.postMake&&this.postMake(),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=this,e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var i=[];return e&&(i=this.animateElements(this.data)),setTimeout(function(){t.make()},1400),i}}]),t}(),Nt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return T(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=pt(s,2);n=r[0],e=r[1];var o=h(a,i),l=pt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(i,t.labels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=pt(s,2);n=r[0],e=r[1];var o=h(a,i),l=pt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return u(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return P(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=pt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return p(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return D(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=pt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(d(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"y-regions"+this.constants.index},makeElements:function(t){var e=this.constants;return t.yPositions.map(function(i,n){return barController.draw(t.xPositions[n],i,color,e.valuesOverPoints?e.stacked?t.cumulativeYs[n]:t.values[n]:"",n,i-(t.cumulativePositions?t.cumulativePositions[n]:i))})},postMake:function(){this.constants.stacked||this.layer.setAttribute("transform","translate("+unitRenderer.consts.width*index+", 0)")},animateElements:function(t){var e=h(this.oldData,t),i=pt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(d(t,s[e],n[e],r[e]))}),l}},lineGraph:{}},Et=function(){function t(e){ot(this,t),this.meta=e||{},this.setupArgs()}return lt(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),Wt=(function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}ct(e,t),lt(e,[{key:"draw",value:function(t,e,i,n){return v("circle",{style:"fill: "+i,"data-point-index":n,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,yt]}}])}(Et),function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}ct(e,t),lt(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:this.meta.totalHeight*MIN_BAR_PERCENT_HEIGHT}}},{key:"refreshMeta",value:function(t){t&&ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var i=this.meta;this.consts.barsWidth=i.unitWidth-i.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(i.options&&i.options.stacked?i.options.stacked:i.noOfDatasets)}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=l(e,this.meta.zeroLine),o=pt(r,2),h=o[0],c=o[1],u=v("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":a,x:t-this.consts.barsWidth/2,y:c-s,width:this.consts.width,height:h||this.consts.minHeight});return n||n.length?b([u,v("text",{className:"data-point-value",x:t,y:c-s,dy:_t/2*-1+"px","font-size":_t+"px","text-anchor":"middle",innerHTML:n})]):u}},{key:"animate",value:function(t,e,i,n,a){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/a,o=l(i,this.meta.zeroLine,this.meta.totalHeight),h=pt(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,yt]}}])}(Et),function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}ct(e,t),lt(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=v("circle",{style:"fill: "+i,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return n||n.length?b([a,v("text",{className:"data-point-value",x:t,y:e,dy:_t/2*-1-this.consts.radius+"px","font-size":_t+"px","text-anchor":"middle",innerHTML:n})]):a}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,yt]}}])}(Et),function(t){function i(t){ot(this,i);var e=ut(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.isSeries=t.isSeries,e.valuesOverPoints=t.valuesOverPoints,e.formatTooltipY=t.formatTooltipY,e.formatTooltipX=t.formatTooltipX,e.barOptions=t.barOptions,e.lineOptions=t.lineOptions,e.type=t.type||"line",e.xAxisMode=t.xAxisMode||"span",e.yAxisMode=t.yAxisMode||"span",e.zeroLine=e.height,e.setTrivialState(),e.setup(),e}return ct(i,t),lt(i,[{key:"configure",value:function(t){ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"setTrivialState",value:function(){var t=Z(this.height,4,0,0);this.state={xAxis:{positions:[],labels:[]},yAxis:{positions:t,labels:t.map(function(t){return""})},yRegions:[{start:this.height,end:this.height,label:""}],yMarkers:[{position:this.height,label:""}]},this.calcWidth(),this.calcXPositions(),this.setObservers()}},{key:"setObservers",value:function(){}},{key:"setMargins",value:function(){ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.translateXLeft=60,this.translateXRight=60}},{key:"prepareData",value:function(){return H(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"calc",value:function(){this.calcXPositions(),this.setYAxis(),this.calcYUnits(),this.calcYMaximums(),this.calcYRegions()}},{key:"setYAxis",value:function(){this.calcYAxisParameters(this.state.yAxis,this.getAllYValues(),"line"===this.type),this.state.zeroLine=this.state.yAxis.zeroLine}},{key:"calcXPositions",value:function(){var t=this.state;t.xAxis.labels=this.data.labels,t.datasetLength=this.data.labels.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis.positions=t.xAxis.labels.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}},{key:"calcYAxisParameters",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"false";t.labels=q(e,i);var n=t.labels;t.scaleMultiplier=this.height/K(n);var a=J(n)*t.scaleMultiplier;t.zeroLine=this.height-G(n)*a,t.positions=n.map(function(e){return t.zeroLine-e*t.scaleMultiplier})}},{key:"calcYUnits",value:function(){var t=this.state;this.data.datasets.map(function(e){e.positions=e.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&this.data.datasets.map(function(e,i){e.cumulativePositions=e.cumulativeYs.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=this.data.datasets[this.data.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),this.data.datasets.map(function(e,i){e.positions.map(function(e,i){e<t.yExtremes[i]&&(t.yExtremes[i]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;this.data.yMarkers&&(this.state.yMarkers=this.data.yMarkers.map(function(e){return e.position=s(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e.label+=": "+e.value,e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){if(e.end<e.start){var i=[e.end,start];e.start=i[0],e.end=i[1]}return e.start=s(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=s(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions&&this.barOptions.stacked){i="cumulativeYs";var n=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,a){var s=e.data.datasets[a].values;t[i]=n=n.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,dt(this.data.datasets.map(function(t){return t[i]})))}},{key:"initComponents",value:function(){this.componentConfigs=[["yAxis",{mode:this.yAxisMode,width:this.width}],["xAxis",{mode:this.xAxisMode,height:this.height}],["yRegions",{width:this.width,pos:"right"}],["yMarkers",{width:this.width,pos:"right"}]]}},{key:"setupComponents",value:function(){var t=this,e=["yMarkers","yRegions"];this.components=this.componentConfigs.filter(function(i){return!e.includes(i[0])||t.data[i[0]]}).map(function(e){return e.push(function(){return this.state[e[0]]}.bind(t)),X.apply(void 0,dt(e))})}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(i,n){"line"===i.chartType&&e.push(t.getPathComponent(i,n));var a=t.unitRenderers[i.chartType];e.push(t.getDataUnitComponent(n,a))}),e}},{key:"getDataUnitComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"dataset-units dataset-"+t,makeElements:function(){var n=i.data.datasets[t];return n.positions.map(function(a,s){return e.draw(i.state.xAxis.positions[s],a,i.colors[t],i.valuesOverPoints?i.barOptions&&i.barOptions.stacked?n.cumulativeYs[s]:n.values[s]:"",s,a-(n.cumulativePositions?n.cumulativePositions[s]:a))})},postMake:function(){var i=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){i.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(n){var a=i.state.xAxis.positions,s=i.data.datasets[t].positions,r=n[n.length-1],o=r.parentNode;if(i.oldState.xExtra>0)for(var l=0;l<i.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),n.push(h)}n.map(function(n,r){void 0!==a[r]&&void 0!==s[r]&&i.elementsToAnimate.push(e.animate(n,a[r],s[r],t,i.data.datasets.length))})}})}},{key:"getPathComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"path dataset-path",setData:function(){},makeElements:function(){var t=i.data.datasets[e],n=i.colors[e];return F(t.positions,i.state.xAxis.positions,n,i.config.heatline,i.config.regionFill)},animate:function(t){var n=i.state.xAxis.positions,a=i.data.datasets[e].positions,s=i.oldState.xAxis.positions,r=i.oldState.datasets[e].positions,o=t[0].parentNode,l=h(s,n),c=pt(l,2);s=c[0],n=c[1];var u=h(r,a),p=pt(u,2);r=p[0],a=p[1],i.oldState.xExtra>0&&(t=F(r,s,i.colors[e],i.config.heatline,i.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var d=a.map(function(t,e){return n[e]+","+t});i.elementsToAnimate=i.elementsToAnimate.concat(i.renderer.animatepath(t,d.join("L")))}})}},{key:"bindTooltip",value:function(){var t=this;this.chartWrapper.addEventListener("mousemove",function(i){var n=e(t.chartWrapper),a=i.pageX-n.left-t.translateXLeft;i.pageY-n.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(a):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=i.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(n[0])&&(n=n.map(function(t){return e.formatTooltipX(t)}));for(var a=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),s=i.datasetLength-1;s>=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.translateXLeft,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","yUnitPositions","values"].map(function(n){var a=n.slice(0,n.length-1);e[a]=i[n][t]}),e.label=this.xAxis.labels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxis.labels.length&&(t=this.xAxis.labels.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}}]),i}(Lt)),St=function(t){function e(t){ot(this,e);var i=ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dotRadius?i.dotRadius=t.dotRadius:i.dotRadius=8,i.setup(),i}return ct(e,t),lt(e,[{key:"setup_values",value:function(){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(function(t){function e(t){ot(this,e);var i=ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="line",Object.getPrototypeOf(i)!==e.prototype?ut(i):(i.setup(),i)}return ct(e,t),lt(e,[{key:"configure",value:function(t){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(Wt)),zt=function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return ct(e,t),lt(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setMargins",value:function(){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this);var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=60*t||60,this.translateXRight=60*(this.data.datasets.length-t)||60}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var i=0,n=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?i++:n++}})}},{key:"configure",value:function(t){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var n="left"===e.yAxis.position?-1*e.yAxis.index*60:t.width+60*e.yAxis.index;t.renderer.xLine(n,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"y axis y-axis-"+i,make:function(){var e=t.state.datasets[i].yAxis;t.renderer.setZeroline(e.zeroline);var n={pos:e.position,mode:"tick",offset:60*e.index,stroke:t.colors[i]};return e.positions.map(function(i,a){return t.renderer.yLine(i,e.labels[a],n)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"dataset-units dataset-"+i,make:function(){var e=t.state.datasets[i],n=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,a){return t.renderer[n.type](t.state.xAxisPositions[a],e,n.args,t.colors[i],a,i,t.state.datasetLength)})},animate:function(e){var n=t.state.datasets[i],a=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[i].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(n.yAxis.zeroLine),e.map(function(e,n){void 0!==s[n]&&void 0!==r[n]&&t.elementsToAnimate.push(t.renderer["animate"+a](e,s[n],r[n],i,t.state.noOfDatasets))})}})})}}]),e}(Wt),jt=function(i){function n(t){ot(this,n);var e=ut(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));return e.type="percentage",e.max_slices=10,e.max_legend_points=6,e.setup(),e}return ct(n,i),lt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.chartDiv=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var e=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"calc",value:function(){}},{key:"bindTooltip",value:function(){var t=this;this.slices.map(function(i,n){i.addEventListener("mouseenter",function(){var a=e(t.chartWrapper),s=e(i),r=s.left-a.left+i.offsetWidth/2,o=s.top-a.top-6,l=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[n]:t.labels[n])+": ",h=(100*t.slice_totals[n]/t.grand_total).toFixed(1);t.tip.set_values(r,o,l,h+"%"),t.tip.show_tip()})})}},{key:"renderLegend",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(n,a){n&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+e.colors[a]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+n+"\n\t\t\t\t</span>")})}}]),n}(Lt),Rt=Math.PI/180,Yt=function(i){function n(t){ot(this,n);var e=ut(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));return e.type="pie",e.elements_to_animate=null,e.hoverRadio=t.hoverRadio||.1,e.max_slices=10,e.max_legend_points=6,e.isAnimate=!1,e.startAngle=t.startAngle||0,e.clockWise=t.clockWise||!1,e.mouseMove=e.mouseMove.bind(e),e.mouseLeave=e.mouseLeave.bind(e),e.setup(),e}return ct(n,i),lt(n,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var i=this.centerX,n=this.centerY,a=this.radius,s=this.clockWise;return"M"+i+" "+n+" L"+(i+t.x)+" "+(n+t.y)+" A "+a+" "+a+" 0 0 "+(s?1:0)+" "+(i+e.x)+" "+(n+e.y)+" z"}},{key:"renderComponents",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/e.grand_total*360,u=a?-c:c,p=r+=u,d=n.getPositionByAngle(h,i),f=n.getPositionByAngle(p,i),v=t&&s[l],m=void 0,y=void 0;t?(m=v?v.startPosition:d,y=v?v.endPosition:d):(m=d,y=f);var g=e.makeArcPath(m,y),x=k(g,"pie-path","none",e.colors[l]);x.style.transition="transform .3s;",e.drawArea.appendChild(x),e.slices.push(x),e.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:e.grand_total,startAngle:h,endAngle:p,angle:u}),t&&e.elements_to_animate.push([{unit:x,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(d,f)},650,"easein",null,{d:g}])}),t&&Y(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=n.getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){j(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=E(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",c=(100*this.slice_totals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else j(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;a<this.slices.length;a++)if(e===this.slices[a]){this.hoverSlice(n,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=a,this.hoverSlice(e,a,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(n,a){var s=e.colors[a];n&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+s+';"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+n+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*Rt)*e,y:Math.cos(t*Rt)*e}}}]),n}(Lt),Ht=function(t){function e(t){var i=t.start,n=void 0===i?"":i,a=t.domain,s=void 0===a?"":a,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;ot(this,e);var m=ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));m.type="heatmap",m.domain=s,m.subdomain=o,m.data=h,m.discrete_domains=u,m.count_label=d;var y=new Date;return m.start=n||at(y,365),v=v.slice(0,5),m.legend_colors=m.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],m.distribution_size=5,m.translateX=0,m}return ct(e,t),lt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){W(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&at(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&at(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=it(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=V(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=pt(r,2);n=o[0],a=o[1],this.data_groups.appendChild(n),this.week_col+=1+parseInt(this.discrete_domains&&a),this.month_weeks[this.current_month]++,a&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),at(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,s=_(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=Q(l,this.distribution));var p=13+12*(e+a),d={"data-date":et(t),"data-value":l,"data-day":t.getDay()},f=A("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(at(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domain_label_group.appendChild(n)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(Lt),Xt={mixed:Wt,multiaxis:zt,scatter:St,percentage:jt,heatmap:Ht,pie:Yt},Ft=function t(e){return ot(this,t),st(e.type,arguments[0])};return Ft}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function n(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){var i=void 0,n=void 0;return t<=e?(n=t,0===(i=e-t)&&(n-=i=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(i=t-e,n=e),[i,n]}function h(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function c(t,e,i,n){return[t,{transform:i.join(", ")},n,gt,"translate",{transform:e.join(", ")}]}function u(t,e,i){return c(t,[i,0],[e,0],vt)}function p(t,e,i){return c(t,[0,i],[0,e],vt)}function d(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},vt,gt],c(t,[0,n],[0,i],vt)]}function f(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function v(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)f(a).appendChild(i);else if("around"===n){var s=f(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":rt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function m(t,e){return v("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function g(t,e,i,n){return v("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function y(t,e,i,n){return v("svg",{className:e,inside:t,width:i,height:n})}function x(t){return v("defs",{inside:t})}function _(t,e){return v("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function b(t){var e=v("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function k(t){return v("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function w(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e,a=m(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),g(a,"0%",e,s[0]),g(a,"50%",e,s[1]),g(a,"100%",e,s[2]),n}function A(t,e,i,n){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:n,height:n,fill:1};return Object.keys(a).map(function(t){s[t]=a[t]}),v("rect",s)}function M(t,e,i,n){return v("text",{className:t,x:e,y:i,dy:_t/2+"px","font-size":_t+"px",innerHTML:n})}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=bt);var s=v("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=v("text",{x:0,y:i>n?i+xt:i-xt-_t,dy:_t+"px","font-size":_t+"px","text-anchor":"middle",innerHTML:e}),o=v("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=bt),a.lineType||(a.lineType="");var s=v("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=v("text",{x:i<n?i-xt:i+xt,y:0,dy:_t/2-2+"px","font-size":_t+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=v("g",{transform:"translate(0, "+t+")","stroke-opacity":1});return 0!==r&&"0"!==r||(o.style.stroke="rgba(27, 31, 35, 0.6)"),o.appendChild(s),o.appendChild(r),o}function T(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=bt),n.className||(n.className="");var a=-1*yt,s="span"===n.mode?i+yt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+yt,s=i),a+=n.offset,s+=n.offset,O(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=bt),n.className||(n.className="");var a=i+yt,s="span"===n.mode?-1*yt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*yt,s=0),C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function P(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=v("text",{className:"chart-label",x:i-o(e,5)-xt,y:0,dy:_t/-2+"px","font-size":_t+"px","text-anchor":"start",innerHTML:e+""}),s=O(t,"",0,i,{stroke:n.stroke||bt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function D(t,e,i,n){var a=t-e,s=v("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:bt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=v("text",{className:"chart-label",x:i-o(n,4.5)-xt,y:0,dy:_t/-2+"px","font-size":_t+"px","text-anchor":"start",innerHTML:n+""}),l=v("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function N(t){return t>255?255:t<0?0:t}function E(t,e){var i=At(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=N((a>>16)+e),r=N((a>>8&255)+e),o=N((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function W(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function S(t,e,i){if(t!==e){Mt.includes(t)||console.error("'"+t+"' is not a valid chart type."),Ct[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=Ot[e].includes(t);return new Ft({parent:i.parent,title:i.title,data:i.data,type:t,height:i.height,colors:n?i.colors:void 0})}}function j(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:Tt[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(p.type=a);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function z(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function R(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=j.apply(void 0,dt(t)),l=pt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function Y(t,e,i){if(0!==i.length){var n=R(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},mt)}}function H(t,e){t.labels=t.labels||[];var i=t.labels.length,n=t.datasets,a=new Array(i).fill(0);return n||(n=[{values:a}]),n.map(function(t,n){if(t.values){var s=t.values;s=(s=s.map(function(t){return isNaN(t)?0:t})).length>i?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.index=n,t.chartType||(t.chartType=e||Pt)}),t}function X(t,e,i){var n=Nt[t];return Object.assign(n,{constants:e,getData:i}),new Dt(n)}function F(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],a=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=t.map(function(t,i){return e[i]+","+t}).join("L"),r=k("M"+s,"line-graph-path",i);if(n){var o=w(this.svgDefs,i);r.style.stroke="url(#"+o+")"}var l=[r];if(a){var h=w(this.svgDefs,i,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(k(u,"region-fill","none","url(#"+h+")"))}return l}function B(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function I(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function U(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=B(t),n=pt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=I(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function q(t){function e(t,e){for(var i=U(t),n=i[1]-i[0],a=0,s=1;a<e;s++)a+=n,i.unshift(-1*a);return i}var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,dt(t)),a=Math.min.apply(Math,dt(t)),s=[];if(n>=0&&a>=0)B(n)[1],s=i?U(n,a):U(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(B(n)[1],s=e(n,r)):(B(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);B(o)[1],s=(s=i?U(o,l):U(o)).reverse().map(function(t){return-1*t})}return s}function G(t){var e=J(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function Z(t,e){for(var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,a=1*(t-i)/e,s=[],r=0;r<=e;r++)s.push(i+a*r);return n?s:s.reverse()}function J(t){return t[1]-t[0]}function K(t){return t[t.length-1]-t[0]}function V(t,e){for(var i=Math.max.apply(Math,dt(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function Q(t,e){return e.filter(function(e){return e<t}).length}function tt(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function et(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function it(t,e){return Math.ceil(nt(t,e)/7)}function nt(t,e){return(tt(e)-tt(t))/864e5}function at(t,e){t.setDate(t.getDate()+e)}function st(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new Wt(e)):"bar"===t?(e.type="bar",new Wt(e)):Xt[t]?new Xt[t](e):void console.error("Undefined chart type: "+t)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",i.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var rt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ot=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),lt=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}(),ht=function t(e,i,n){null===e&&(e=Function.prototype);var a=Object.getOwnPropertyDescriptor(e,i);if(void 0===a){var s=Object.getPrototypeOf(e);return null===s?void 0:t(s,i,n)}if("value"in a)return a.value;var r=a.get;if(void 0!==r)return r.call(n)},ct=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},ut=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},pt=function(){function t(t,e){var i=[],n=!0,a=!1,s=void 0;try{for(var r,o=t[Symbol.iterator]();!(n=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);n=!0);}catch(t){a=!0,s=t}finally{try{!n&&o.return&&o.return()}finally{if(a)throw s}}return i}return function(e,i){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),dt=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)};t.create=function(e,i){var n=document.createElement(e);for(var a in i){var s=i[a];if("inside"===a)t(s).appendChild(n);else if("around"===a){var r=t(s);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===a?"object"===(void 0===s?"undefined":rt(s))&&Object.keys(s).map(function(t){n.style[t]=s[t]}):a in n?n[a]=s:n.setAttribute(a,s)}return n};var ft=function(){function e(t){var i=t.parent,n=void 0===i?null:i,a=t.colors,s=void 0===a?[]:a;ot(this,e),this.parent=n,this.colors=s,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return lt(e,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var e=this;this.container=t.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hide_tip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=i,this.data_point_list.innerHTML="",this.list_values.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:'<strong style="display: block;">'+(0===i.value||i.value?i.value:"")+"</strong>\n\t\t\t\t\t"+(i.title?i.title:"")});e.data_point_list.appendChild(s)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=n,this.list_values=a,this.x=t,this.y=e,this.title_value_first=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),vt=350,mt=250,gt="easein",yt=6,xt=4,_t=10,bt="#dadada",kt=(function(){function t(e){ot(this,t),this.refreshState(e)}lt(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xMarker",value:function(){}},{key:"xRegion",value:function(){return v("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"animatebar",value:function(t,e,i,n,a){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/a,o=l(i,this.zeroLine,this.totalHeight),h=pt(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,gt]}},{key:"animatedot",value:function(t,e,i){return[t,{cx:e,cy:i},350,gt]}},{key:"animatepath",value:function(t,e){var i=[],n=[t[0],{d:"M"+e},350,gt];if(i.push(n),t[1]){var a="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+a+e+s},350,gt];i.push(r)}return i}}])}(),{"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"}),wt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],At=function(t){return kt[t]||t},Mt=["line","scatter","bar","percentage","heatmap","pie"],Ct={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Ot={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},Tt={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},Lt=function(){function e(t){var i=t.height,n=void 0===i?240:i,a=t.title,s=void 0===a?"":a,r=t.subtitle,o=void 0===r?"":r,l=(t.colors,t.isNavigable),h=void 0===l?0:l,c=(t.showLegend,t.type,t.parent),u=t.data;ot(this,e),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=n,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.data=this.prepareData(u),this.colors=[],this.config={},this.state={},this.options={},this.configure(arguments[0])}return lt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:1},this.setMargins(),window.addEventListener("resize",function(){return e.draw()}),window.addEventListener("orientationchange",function(){return e.draw()})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=wt:this.colors=t.colors,this.colors=this.colors.map(function(t){return At(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return!!this.parent||(console.error("No parent element to render on was provided."),!1)}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!0)}},{key:"initComponents",value:function(){}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new ft({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcWidth(),this.makeChartArea(),this.initComponents(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.components.forEach(function(t){return t.make()}),this.renderLegend(),this.setupNavigation(e),e&&setTimeout(function(){t.update()},1e3)}},{key:"calcWidth",value:function(){this.baseWidth=a(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=[];this.components.forEach(function(i){e=e.concat(i.update(t))}),e.length>0&&Y(this.chartWrapper,this.svg,e)}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=y(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=x(this.svg),this.drawArea=_(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){n(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return S(t,this.type,this.rawChartArgs)}}]),e}(),Pt="line",Dt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.postMake,c=e.animateElements;ot(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.postMake=h,this.getData=o,this.animateElements=c,this.store=[],this.layerClass="function"==typeof n?n():n,this.refresh()}return lt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=_(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.preMake&&this.preMake(),this.render(this.data),this.postMake&&this.postMake(),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=this,e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var i=[];return e&&(i=this.animateElements(this.data)),setTimeout(function(){t.make()},1400),i}}]),t}(),Nt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return T(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=pt(s,2);n=r[0],e=r[1];var o=h(a,i),l=pt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(i,t.labels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=pt(s,2);n=r[0],e=r[1];var o=h(a,i),l=pt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return u(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return P(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=pt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return p(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return D(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=pt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(d(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"y-regions"+this.constants.index},makeElements:function(t){var e=this.constants;return t.yPositions.map(function(i,n){return barController.draw(t.xPositions[n],i,color,e.valuesOverPoints?e.stacked?t.cumulativeYs[n]:t.values[n]:"",n,i-(t.cumulativePositions?t.cumulativePositions[n]:i))})},postMake:function(){this.constants.stacked||this.layer.setAttribute("transform","translate("+unitRenderer.consts.width*index+", 0)")},animateElements:function(t){var e=h(this.oldData,t),i=pt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(d(t,s[e],n[e],r[e]))}),l}},lineGraph:{}},Et=function(){function t(e){ot(this,t),this.meta=e||{},this.setupArgs()}return lt(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),Wt=(function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}ct(e,t),lt(e,[{key:"draw",value:function(t,e,i,n){return v("circle",{style:"fill: "+i,"data-point-index":n,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,gt]}}])}(Et),function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}ct(e,t),lt(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:this.meta.totalHeight*MIN_BAR_PERCENT_HEIGHT}}},{key:"refreshMeta",value:function(t){t&&ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var i=this.meta;this.consts.barsWidth=i.unitWidth-i.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(i.options&&i.options.stacked?i.options.stacked:i.noOfDatasets)}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=l(e,this.meta.zeroLine),o=pt(r,2),h=o[0],c=o[1],u=v("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":a,x:t-this.consts.barsWidth/2,y:c-s,width:this.consts.width,height:h||this.consts.minHeight});return n||n.length?b([u,v("text",{className:"data-point-value",x:t,y:c-s,dy:_t/2*-1+"px","font-size":_t+"px","text-anchor":"middle",innerHTML:n})]):u}},{key:"animate",value:function(t,e,i,n,a){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/a,o=l(i,this.meta.zeroLine,this.meta.totalHeight),h=pt(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,gt]}}])}(Et),function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}ct(e,t),lt(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=v("circle",{style:"fill: "+i,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return n||n.length?b([a,v("text",{className:"data-point-value",x:t,y:e,dy:_t/2*-1-this.consts.radius+"px","font-size":_t+"px","text-anchor":"middle",innerHTML:n})]):a}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,gt]}}])}(Et),function(t){function i(t){ot(this,i);var e=ut(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.isSeries=t.isSeries,e.valuesOverPoints=t.valuesOverPoints,e.formatTooltipY=t.formatTooltipY,e.formatTooltipX=t.formatTooltipX,e.barOptions=t.barOptions,e.lineOptions=t.lineOptions,e.type=t.type||"line",e.xAxisMode=t.xAxisMode||"span",e.yAxisMode=t.yAxisMode||"span",e.zeroLine=e.height,e.setTrivialState(),e.setup(),e}return ct(i,t),lt(i,[{key:"configure",value:function(t){ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"setTrivialState",value:function(){var t=Z(this.height,4,0,0);this.state={xAxis:{positions:[],labels:[]},yAxis:{positions:t,labels:t.map(function(t){return""})},yRegions:[{start:this.height,end:this.height,label:""}],yMarkers:[{position:this.height,label:""}]},this.calcWidth(),this.calcXPositions(this.state)}},{key:"setMargins",value:function(){ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.translateXLeft=60,this.translateXRight=60}},{key:"prepareData",value:function(){return H(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"calc",value:function(){this.calcXPositions(),this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=q(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/K(e),n=J(e)*i,a=this.height-G(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcYUnits(),this.calcYMaximums(),this.calcYRegions()}},{key:"calcYUnits",value:function(){var t=this.state;this.data.datasets.map(function(e){e.positions=e.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&this.data.datasets.map(function(e,i){e.cumulativePositions=e.cumulativeYs.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=this.data.datasets[this.data.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),this.data.datasets.map(function(e,i){e.positions.map(function(e,i){e<t.yExtremes[i]&&(t.yExtremes[i]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;this.data.yMarkers&&(this.state.yMarkers=this.data.yMarkers.map(function(e){return e.position=s(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e.label+=": "+e.value,e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){if(e.end<e.start){var i=[e.end,start];e.start=i[0],e.end=i[1]}return e.start=s(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=s(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions&&this.barOptions.stacked){i="cumulativeYs";var n=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,a){var s=e.data.datasets[a].values;t[i]=n=n.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,dt(this.data.datasets.map(function(t){return t[i]})))}},{key:"initComponents",value:function(){this.componentConfigs=[["yAxis",{mode:this.yAxisMode,width:this.width}],["xAxis",{mode:this.xAxisMode,height:this.height}],["yRegions",{width:this.width,pos:"right"}],["yMarkers",{width:this.width,pos:"right"}]]}},{key:"setupComponents",value:function(){var t=this,e=["yMarkers","yRegions"];this.components=new Map(this.componentConfigs.filter(function(i){return!e.includes(i[0])||t.data[i[0]]}).map(function(e){return e.push(function(){return this.state[e[0]]}.bind(t)),[e[0],X.apply(void 0,dt(e))]}))}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(i,n){"line"===i.chartType&&e.push(t.getPathComponent(i,n));var a=t.unitRenderers[i.chartType];e.push(t.getDataUnitComponent(n,a))}),e}},{key:"getDataUnitComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"dataset-units dataset-"+t,makeElements:function(){var n=i.data.datasets[t];return n.positions.map(function(a,s){return e.draw(i.state.xAxis.positions[s],a,i.colors[t],i.valuesOverPoints?i.barOptions&&i.barOptions.stacked?n.cumulativeYs[s]:n.values[s]:"",s,a-(n.cumulativePositions?n.cumulativePositions[s]:a))})},postMake:function(){var i=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){i.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(n){var a=i.state.xAxis.positions,s=i.data.datasets[t].positions,r=n[n.length-1],o=r.parentNode;if(i.oldState.xExtra>0)for(var l=0;l<i.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),n.push(h)}n.map(function(n,r){void 0!==a[r]&&void 0!==s[r]&&i.elementsToAnimate.push(e.animate(n,a[r],s[r],t,i.data.datasets.length))})}})}},{key:"getPathComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"path dataset-path",setData:function(){},makeElements:function(){var t=i.data.datasets[e],n=i.colors[e];return F(t.positions,i.state.xAxis.positions,n,i.config.heatline,i.config.regionFill)},animate:function(t){var n=i.state.xAxis.positions,a=i.data.datasets[e].positions,s=i.oldState.xAxis.positions,r=i.oldState.datasets[e].positions,o=t[0].parentNode,l=h(s,n),c=pt(l,2);s=c[0],n=c[1];var u=h(r,a),p=pt(u,2);r=p[0],a=p[1],i.oldState.xExtra>0&&(t=F(r,s,i.colors[e],i.config.heatline,i.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var d=a.map(function(t,e){return n[e]+","+t});i.elementsToAnimate=i.elementsToAnimate.concat(i.renderer.animatepath(t,d.join("L")))}})}},{key:"bindTooltip",value:function(){var t=this;this.chartWrapper.addEventListener("mousemove",function(i){var n=e(t.chartWrapper),a=i.pageX-n.left-t.translateXLeft;i.pageY-n.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(a):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=i.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(n[0])&&(n=n.map(function(t){return e.formatTooltipX(t)}));for(var a=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),s=i.datasetLength-1;s>=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.translateXLeft,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","yUnitPositions","values"].map(function(n){var a=n.slice(0,n.length-1);e[a]=i[n][t]}),e.label=this.xAxis.labels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxis.labels.length&&(t=this.xAxis.labels.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}}]),i}(Lt)),St=function(t){function e(t){ot(this,e);var i=ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dotRadius?i.dotRadius=t.dotRadius:i.dotRadius=8,i.setup(),i}return ct(e,t),lt(e,[{key:"setup_values",value:function(){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(function(t){function e(t){ot(this,e);var i=ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="line",Object.getPrototypeOf(i)!==e.prototype?ut(i):(i.setup(),i)}return ct(e,t),lt(e,[{key:"configure",value:function(t){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(Wt)),jt=function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return ct(e,t),lt(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setMargins",value:function(){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this);var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=60*t||60,this.translateXRight=60*(this.data.datasets.length-t)||60}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var i=0,n=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?i++:n++}})}},{key:"configure",value:function(t){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var n="left"===e.yAxis.position?-1*e.yAxis.index*60:t.width+60*e.yAxis.index;t.renderer.xLine(n,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"y axis y-axis-"+i,make:function(){var e=t.state.datasets[i].yAxis;t.renderer.setZeroline(e.zeroline);var n={pos:e.position,mode:"tick",offset:60*e.index,stroke:t.colors[i]};return e.positions.map(function(i,a){return t.renderer.yLine(i,e.labels[a],n)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"dataset-units dataset-"+i,make:function(){var e=t.state.datasets[i],n=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,a){return t.renderer[n.type](t.state.xAxisPositions[a],e,n.args,t.colors[i],a,i,t.state.datasetLength)})},animate:function(e){var n=t.state.datasets[i],a=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[i].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(n.yAxis.zeroLine),e.map(function(e,n){void 0!==s[n]&&void 0!==r[n]&&t.elementsToAnimate.push(t.renderer["animate"+a](e,s[n],r[n],i,t.state.noOfDatasets))})}})})}}]),e}(Wt),zt=function(i){function n(t){ot(this,n);var e=ut(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));return e.type="percentage",e.max_slices=10,e.max_legend_points=6,e.setup(),e}return ct(n,i),lt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.chartDiv=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var e=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"calc",value:function(){}},{key:"bindTooltip",value:function(){var t=this;this.slices.map(function(i,n){i.addEventListener("mouseenter",function(){var a=e(t.chartWrapper),s=e(i),r=s.left-a.left+i.offsetWidth/2,o=s.top-a.top-6,l=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[n]:t.labels[n])+": ",h=(100*t.slice_totals[n]/t.grand_total).toFixed(1);t.tip.set_values(r,o,l,h+"%"),t.tip.show_tip()})})}},{key:"renderLegend",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(n,a){n&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+e.colors[a]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+n+"\n\t\t\t\t</span>")})}}]),n}(Lt),Rt=Math.PI/180,Yt=function(i){function n(t){ot(this,n);var e=ut(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));return e.type="pie",e.elements_to_animate=null,e.hoverRadio=t.hoverRadio||.1,e.max_slices=10,e.max_legend_points=6,e.isAnimate=!1,e.startAngle=t.startAngle||0,e.clockWise=t.clockWise||!1,e.mouseMove=e.mouseMove.bind(e),e.mouseLeave=e.mouseLeave.bind(e),e.setup(),e}return ct(n,i),lt(n,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var i=this.centerX,n=this.centerY,a=this.radius,s=this.clockWise;return"M"+i+" "+n+" L"+(i+t.x)+" "+(n+t.y)+" A "+a+" "+a+" 0 0 "+(s?1:0)+" "+(i+e.x)+" "+(n+e.y)+" z"}},{key:"renderComponents",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/e.grand_total*360,u=a?-c:c,p=r+=u,d=n.getPositionByAngle(h,i),f=n.getPositionByAngle(p,i),v=t&&s[l],m=void 0,g=void 0;t?(m=v?v.startPosition:d,g=v?v.endPosition:d):(m=d,g=f);var y=e.makeArcPath(m,g),x=k(y,"pie-path","none",e.colors[l]);x.style.transition="transform .3s;",e.drawArea.appendChild(x),e.slices.push(x),e.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:e.grand_total,startAngle:h,endAngle:p,angle:u}),t&&e.elements_to_animate.push([{unit:x,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(d,f)},650,"easein",null,{d:y}])}),t&&Y(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=n.getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){z(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=E(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",c=(100*this.slice_totals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else z(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;a<this.slices.length;a++)if(e===this.slices[a]){this.hoverSlice(n,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=a,this.hoverSlice(e,a,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(n,a){var s=e.colors[a];n&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+s+';"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+n+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*Rt)*e,y:Math.cos(t*Rt)*e}}}]),n}(Lt),Ht=function(t){function e(t){var i=t.start,n=void 0===i?"":i,a=t.domain,s=void 0===a?"":a,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;ot(this,e);var m=ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));m.type="heatmap",m.domain=s,m.subdomain=o,m.data=h,m.discrete_domains=u,m.count_label=d;var g=new Date;return m.start=n||at(g,365),v=v.slice(0,5),m.legend_colors=m.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],m.distribution_size=5,m.translateX=0,m}return ct(e,t),lt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){W(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&at(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&at(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=it(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=V(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=pt(r,2);n=o[0],a=o[1],this.data_groups.appendChild(n),this.week_col+=1+parseInt(this.discrete_domains&&a),this.month_weeks[this.current_month]++,a&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),at(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,s=_(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=Q(l,this.distribution));var p=13+12*(e+a),d={"data-date":et(t),"data-value":l,"data-day":t.getDay()},f=A("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(at(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domain_label_group.appendChild(n)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(Lt),Xt={mixed:Wt,multiaxis:jt,scatter:St,percentage:zt,heatmap:Ht,pie:Yt},Ft=function t(e){return ot(this,t),st(e.type,arguments[0])};return Ft}();
 //# sourceMappingURL=frappe-charts.min.iife.js.map
diff --git a/dist/frappe-charts.min.iife.js.map b/dist/frappe-charts.min.iife.js.map
index b320bc8..4a1f427 100644
--- a/dist/frappe-charts.min.iife.js.map
+++ b/dist/frappe-charts.min.iife.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/animate.js","../src/js/utils/draw.js","../src/js/utils/colors.js","../src/js/config.js","../src/js/utils/animation.js","../src/js/charts/axis-chart-utils.js","../src/js/objects/ChartComponents.js","../src/js/objects/AxisChartControllers.js","../src/js/utils/intervals.js","../src/js/utils/date-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/charts/BaseChart.js","../src/js/utils/constants.js","../src/js/charts/AxisChart.js","../src/js/charts/ScatterChart.js","../src/js/charts/LineChart.js","../src/js/charts/MultiAxisChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\n\n\nfunction observe(obj, componentNames) {\n\tlet components = this.components.get(name);\n\n\tfn = function() {\n\t\tcomponents.map();\n\t}\n\tbindChange(obj, fn)\n}\n\n// observe(s.yAxis, ['yAxis', 'barGraph'])\n\nexport function bindChange(obj, fn) {\n\tvar proxied = new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tfn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t}\n\t});\n\n\t// proxied.bar = 2;\n\t// ==> {type: 'set', target: <obj>, prop: 'bar', value: 2}\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\n\t\t// In case of invisible bars\n\t\tif(height === 0) {\n\t\t\theight = totalHeight * MIN_BAR_PERCENT_HEIGHT;\n\t\t\ty -= height;\n\t\t}\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n\n// let char_width = 8;\n// let allowed_space = avgUnitWidth * 1.5;\n// let allowed_letters = allowed_space / 8;\n\n// return values.map((value, i) => {\n// \tlet space_taken = getStringWidth(value, char_width) + 2;\n// \tif(space_taken > allowed_space) {\n// \t\tif(isSeries) {\n// \t\t\t// Skip some axis lines if X axis is a series\n// \t\t\tlet skips = 1;\n// \t\t\twhile((space_taken/skips)*2 > allowed_space) {\n// \t\t\t\tskips++;\n// \t\t\t}\n// \t\t\tif(i % skips !== 0) {\n// \t\t\t\treturn;\n// \t\t\t}\n// \t\t} else {\n// \t\t\tvalue = value.slice(0, allowed_letters-3) + \" ...\";\n// \t\t}\n// \t}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: oldCoord.join(', ')}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport var Animator = (function() {\n\tvar Animator = function(totalHeight, totalWidth, zeroLine, avgUnitWidth) {\n\t\t// constants\n\t\tthis.totalHeight = totalHeight;\n\t\tthis.totalWidth = totalWidth;\n\n\t\t// changeables\n\t\tthis.avgUnitWidth = avgUnitWidth;\n\t\tthis.zeroLine = zeroLine;\n\t};\n\n\tAnimator.prototype = {\n\t\tbar: function(barObj, x, yTop, index, noOfDatasets) {\n\t\t\tlet start = x - this.avgUnitWidth/4;\n\t\t\tlet width = (this.avgUnitWidth/2)/noOfDatasets;\n\t\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.zeroLine, this.totalHeight);\n\n\t\t\tx = start + (width * index);\n\n\t\t\treturn [barObj, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t\t},\n\n\t\tdot: function(dotObj, x, yTop) {\n\t\t\treturn [dotObj, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t\t},\n\n\t\tpath: function(d, pathStr) {\n\t\t\tlet pathComponents = [];\n\t\t\tconst animPath = [{unit: d.path, object: d, key: 'path'}, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\t\t\tpathComponents.push(animPath);\n\n\t\t\tif(d.regionPath) {\n\t\t\t\tlet regStartPt = `0,${this.zeroLine}L`;\n\t\t\t\tlet regEndPt = `L${this.totalWidth}, ${this.zeroLine}`;\n\n\t\t\t\tconst animRegion = [\n\t\t\t\t\t{unit: d.regionPath, object: d, key: 'regionPath'},\n\t\t\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\t\t\tPATH_ANIM_DUR,\n\t\t\t\t\tSTD_EASING\n\t\t\t\t];\n\t\t\t\tpathComponents.push(animRegion);\n\t\t\t}\n\n\t\t\treturn pathComponents;\n\t\t}\n\t};\n\n\treturn Animator;\n})();\n\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\n\n/*\n\n<filter id=\"glow\" x=\"-10%\" y=\"-10%\" width=\"120%\" height=\"120%\">\n\t<feGaussianBlur stdDeviation=\"0.5 0.5\" result=\"glow\"></feGaussianBlur>\n\t<feMerge>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t</feMerge>\n</filter>\n\n    filter: url(#glow);\n    fill: #fff;\n\n*/\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color;\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: 1\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport class AxisChartRenderer {\n\tconstructor(state) {\n\t\tthis.refreshState(state);\n\t}\n\n\trefreshState(state) {\n\t\tthis.totalHeight = state.totalHeight;\n\t\tthis.totalWidth = state.totalWidth;\n\t\tthis.zeroLine = state.zeroLine;\n\t\tthis.unitWidth = state.unitWidth;\n\t\tthis.xAxisMode = state.xAxisMode;\n\t\tthis.yAxisMode = state.yAxisMode;\n\t}\n\n\tsetZeroline(zeroLine) {\n\t\tthis.zeroLine = zeroLine;\n\t}\n\n\txMarker() {}\n\n\n\txRegion() {\n\t\treturn createSVG('rect', {\n\t\t\tclassName: `bar mini`, // remove class\n\t\t\tstyle: `fill: rgba(228, 234, 239, 0.49)`,\n\t\t\t// 'data-point-index': index,\n\t\t\tx: 0,\n\t\t\ty: y2,\n\t\t\twidth: this.totalWidth,\n\t\t\theight: y1 - y2\n\t\t});\n\n\t\treturn region;\n\t}\n\n\tanimatebar(bar, x, yTop, index, noOfDatasets) {\n\t\tlet start = x - this.avgUnitWidth/4;\n\t\tlet width = (this.avgUnitWidth/2)/noOfDatasets;\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.zeroLine, this.totalHeight);\n\n\t\tx = start + (width * index);\n\n\t\treturn [bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n\n\tanimatedot(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n\n\tanimatepath(paths, pathStr) {\n\t\tlet pathComponents = [];\n\t\tconst animPath = [paths[0], {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\t\tpathComponents.push(animPath);\n\n\t\tif(paths[1]) {\n\t\t\tlet regStartPt = `0,${this.zeroLine}L`;\n\t\t\tlet regEndPt = `L${this.totalWidth}, ${this.zeroLine}`;\n\n\t\t\tconst animRegion = [\n\t\t\t\tpaths[1],\n\t\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\t\tPATH_ANIM_DUR,\n\t\t\t\tSTD_EASING\n\t\t\t];\n\t\t\tpathComponents.push(animRegion);\n\t\t}\n\n\t\treturn pathComponents;\n\t}\n}\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\treturn new Chart({\n\t\tparent: args.parent,\n\t\ttitle: args.title,\n\t\tdata: args.data,\n\t\ttype: type,\n\t\theight: args.height,\n\t\tcolors: useColor ? args.colors : undefined\n\t});\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set index\n\t\td.index = i;\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\td.chartType = type || DEFAULT_AXIS_CHART_TYPE;\n\t\t}\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// Set start and end\n\n\treturn data;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { Animator, translateHoriLine, translateVertLine, animateRegion } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tpostMake,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.postMake = postMake;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = typeof(layerClass) === 'function'\n\t\t\t? layerClass() : layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.preMake && this.preMake();\n\t\tthis.render(this.data);\n\t\tthis.postMake && this.postMake();\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\t// TODO: Can we remove this?\n\t\tsetTimeout(() => {\n\t\t\tthis.make();\n\t\t}, 1400);\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos =  newData.positions;\n\t\t\tlet newLabels =  newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.labels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos =  newData.positions;\n\t\t\tlet newLabels =  newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos =  newData.map(d => d.position);\n\t\t\tlet newLabels =  newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos =  newData.map(d => d.end);\n\t\t\tlet newLabels =  newData.map(d => d.label);\n\t\t\tlet newStarts =  newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\t// opt:[\n\t\t// \t'barGraph',\n\t\t// \tthis.drawArea,\n\t\t// \t{\n\t\t// \t\tcontroller: barController,\n\t\t// \t\tindex: index,\n\t\t// \t\tcolor: this.colors[index],\n\t\t// \t\tvaluesOverPoints: this.valuesOverPoints,\n\t\t// \t\tstacked: this.barOptions && this.barOptions.stacked,\n\t\t// \t\tspaceRatio: 0.5,\n\t\t// \t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT\n\t\t// \t},\n\t\t// \t{\n\t\t// \t\tbarsWidth: this.state.unitWidth * (1 - spaceRatio),\n\t\t// \t\tbarWidth: barsWidth/(stacked ? 1 : this.state.noOfDatasets),\n\n\t\t// \t},\n\t\t// \tfunction() {\n\t\t// \t\tlet s = this.state;\n\t\t// \t\treturn {\n\t\t// \t\t\tbarsWidth: this.state.unitWidth * (1 - spaceRatio),\n\t\t// \t\t\tbarWidth: barsWidth/(stacked ? 1 : this.state.noOfDatasets),\n\t\t// \t\t\tpositions: s.xAxisPositions,\n\t\t// \t\t\tlabels: s.xAxisLabels,\n\t\t// \t\t}\n\t\t// \t}.bind(this)\n\t\t// ],\n\t\tlayerClass() { return 'y-regions' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\treturn data.yPositions.map((y, j) =>\n\t\t\t\tbarController.draw(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tcolor,\n\t\t\t\t\t(c.valuesOverPoints ? (c.stacked ? data.cumulativeYs[j] : data.values[j]) : ''),\n\t\t\t\t\tj,\n\t\t\t\t\ty - (data.cumulativePositions ? data.cumulativePositions[j] : y)\n\t\t\t\t)\n\t\t\t);\n\t\t},\n\t\tpostMake() {\n\t\t\tif((!this.constants.stacked)) {\n\t\t\t\tthis.layer.setAttribute('transform',\n\t\t\t\t\t`translate(${unitRenderer.consts.width * index}, 0)`);\n\t\t\t}\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos =  newData.map(d => d.end);\n\t\t\tlet newLabels =  newData.map(d => d.label);\n\t\t\tlet newStarts =  newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet config = componentConfigs[name];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import { getBarHeightAndYAttr } from '../utils/draw-utils';\nimport { createSVG, makePath, makeGradient, wrapInSVGGroup, FONT_SIZE } from '../utils/draw';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from '../utils/animate';\n\nclass AxisChartController {\n\tconstructor(meta) {\n\t\t// TODO: make configurable passing args\n\t\tthis.meta = meta || {};\n\t\tthis.setupArgs();\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {};\n\t}\n\n\tsetup() {}\n\n\trefreshMeta(meta) {\n\t\tthis.meta = Object.assign((this.meta || {}), meta);\n\t}\n\n\tdraw() {}\n\tanimate() {}\n}\n\nexport class AxisController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tdraw(x, y, color, index) {\n\t\treturn createSVG('circle', {\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tcx: x,\n\t\t\tcy: y,\n\t\t\tr: this.consts.radius\n\t\t});\n\t}\n\n\tanimate(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport class BarChartController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {\n\t\t\tspaceRatio: 0.5,\n\t\t\tminHeight: this.meta.totalHeight * MIN_BAR_PERCENT_HEIGHT\n\t\t};\n\t}\n\n\trefreshMeta(meta) {\n\t\tif(meta) {\n\t\t\tsuper.refreshMeta(meta);\n\t\t}\n\t\tlet m = this.meta;\n\t\tthis.consts.barsWidth = m.unitWidth - m.unitWidth * this.consts.spaceRatio;\n\n\t\tthis.consts.width = this.consts.barsWidth / (m.options && m.options.stacked\n\t\t\t? m.options.stacked : m.noOfDatasets);\n\t}\n\n\tdraw(x, yTop, color, label='', index=0, offset=0) {\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.meta.zeroLine);\n\n\t\tlet rect = createSVG('rect', {\n\t\t\tclassName: `bar mini`,\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tx: x - this.consts.barsWidth/2,\n\t\t\ty: y - offset,\n\t\t\twidth: this.consts.width,\n\t\t\theight: height || this.consts.minHeight\n\t\t});\n\n\t\tif(!label && !label.length) {\n\t\t\treturn rect;\n\t\t} else {\n\t\t\tlet text = createSVG('text', {\n\t\t\t\tclassName: 'data-point-value',\n\t\t\t\tx: x,\n\t\t\t\ty: y - offset,\n\t\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t\t'text-anchor': 'middle',\n\t\t\t\tinnerHTML: label\n\t\t\t});\n\n\t\t\treturn wrapInSVGGroup([rect, text]);\n\t\t}\n\t}\n\n\tanimate(bar, x, yTop, index, noOfDatasets) {\n\t\tlet start = x - this.meta.unitWidth/4;\n\t\tlet width = (this.meta.unitWidth/2)/noOfDatasets;\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.meta.zeroLine, this.meta.totalHeight);\n\n\t\tx = start + (width * index);\n\n\t\treturn [bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport class LineChartController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {\n\t\t\tradius: this.meta.dotSize || 4\n\t\t};\n\t}\n\n\tdraw(x, y, color, label='', index=0) {\n\t\tlet dot = createSVG('circle', {\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tcx: x,\n\t\t\tcy: y,\n\t\t\tr: this.consts.radius\n\t\t});\n\n\t\tif(!label && !label.length) {\n\t\t\treturn dot;\n\t\t} else {\n\t\t\tlet text = createSVG('text', {\n\t\t\t\tclassName: 'data-point-value',\n\t\t\t\tx: x,\n\t\t\t\ty: y,\n\t\t\t\tdy: (FONT_SIZE / 2 * -1 - this.consts.radius) + 'px',\n\t\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t\t'text-anchor': 'middle',\n\t\t\t\tinnerHTML: label\n\t\t\t});\n\n\t\t\treturn wrapInSVGGroup([dot, text]);\n\t\t}\n\t}\n\n\tanimate(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport function getPaths(yList, xList, color, heatline=false, regionFill=false) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(heatline) {\n\t\tlet gradient_id = makeGradient(this.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet components = [path];\n\n\t// Region\n\tif(regionFill) {\n\t\tlet gradient_id_region = makeGradient(this.svgDefs, color, true);\n\n\t\tlet zeroLine = this.state.yAxis.zeroLine;\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `0,${zeroLine}L` + pointsStr + `L${this.width},${zeroLine}`;\n\t\tcomponents.push(makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`));\n\t}\n\n\treturn components;\n}\n\n// class BarChart extends AxisChart {\n// \tconstructor(args) {\n// \t\tsuper(args);\n// \t\tthis.type = 'bar';\n// \t\tthis.setup();\n// \t}\n\n// \tconfigure(args) {\n// \t\tsuper.configure(args);\n// \t\tthis.config.xAxisMode = args.xAxisMode || 'tick';\n// \t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n// \t}\n\n// \t// =================================\n\n// \tmakeOverlay() {\n// \t\t// Just make one out of the first element\n// \t\tlet index = this.xAxisLabels.length - 1;\n// \t\tlet unit = this.y[0].svg_units[index];\n// \t\tthis.setCurrentDataPoint(index);\n\n// \t\tif(this.overlay) {\n// \t\t\tthis.overlay.parentNode.removeChild(this.overlay);\n// \t\t}\n// \t\tthis.overlay = unit.cloneNode();\n// \t\tthis.overlay.style.fill = '#000000';\n// \t\tthis.overlay.style.opacity = '0.4';\n// \t\tthis.drawArea.appendChild(this.overlay);\n// \t}\n\n// \tbindOverlay() {\n// \t\t// on event, update overlay\n// \t\tthis.parent.addEventListener('data-select', (e) => {\n// \t\t\tthis.update_overlay(e.svg_unit);\n// \t\t});\n// \t}\n\n// \tbind_units(units_array) {\n// \t\tunits_array.map(unit => {\n// \t\t\tunit.addEventListener('click', () => {\n// \t\t\t\tlet index = unit.getAttribute('data-point-index');\n// \t\t\t\tthis.setCurrentDataPoint(index);\n// \t\t\t});\n// \t\t});\n// \t}\n\n// \tupdate_overlay(unit) {\n// \t\tlet attributes = [];\n// \t\tObject.keys(unit.attributes).map(index => {\n// \t\t\tattributes.push(unit.attributes[index]);\n// \t\t});\n\n// \t\tattributes.filter(attr => attr.specified).map(attr => {\n// \t\t\tthis.overlay.setAttribute(attr.name, attr.nodeValue);\n// \t\t});\n\n// \t\tthis.overlay.style.fill = '#000000';\n// \t\tthis.overlay.style.opacity = '0.4';\n// \t}\n\n// \tonLeftArrow() {\n// \t\tthis.setCurrentDataPoint(this.currentIndex - 1);\n// \t}\n\n// \tonRightArrow() {\n// \t\tthis.setCurrentDataPoint(this.currentIndex + 1);\n// \t}\n// }\n\n","function normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import '../scss/charts.scss';\n\nimport ScatterChart from './charts/ScatterChart';\nimport MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\n// if (ENV !== 'production') {\n// \t// Enable LiveReload\n// \tdocument.write(\n// \t\t'<script src=\"http://' + (location.host || 'localhost').split(':')[0] +\n// \t\t':35729/livereload.js?snipver=1\"></' + 'script>'\n// \t);\n// }\n\n// If type is bar\n\n\n\n\nconst chartTypes = {\n\tmixed: AxisChart,\n\tmultiaxis: MultiAxisChart,\n\tscatter: ScatterChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', options) {\n\tdebugger;\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](options);\n}\n\nexport default class Chart {\n\tconstructor(args) {\n\t\treturn getChartByType(args.type, arguments[0]);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `<span class=\"title\"></span>\n\t\t\t\t<ul class=\"data-point-list\"></ul>\n\t\t\t\t<div class=\"svg-pointer\"></div>`\n\t\t});\n\t\tthis.hide_tip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.data_point_list = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hide_tip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.title_value_first) {\n\t\t\ttitle = `<strong>${this.title_value}</strong>${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}<strong>${this.title_value}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.data_point_list.innerHTML = '';\n\n\t\tthis.list_values.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `<strong style=\"display: block;\">${ set.value === 0 || set.value ? set.value : '' }</strong>\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor({\n\t\theight = 240,\n\n\t\ttitle = '',\n\t\tsubtitle = '',\n\t\tcolors = [],\n\n\t\tisNavigable = 0,\n\t\tshowLegend = 1,\n\n\t\ttype = '',\n\n\t\tparent,\n\t\tdata\n\t}) {\n\t\tthis.rawChartArgs = arguments[0];\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tthis.title = title;\n\t\tthis.subtitle = subtitle;\n\t\tthis.argHeight = height;\n\n\t\tthis.isNavigable = isNavigable;\n\t\tif(this.isNavigable) {\n\t\t\tthis.currentIndex = 0;\n\t\t}\n\n\t\tthis.data = this.prepareData(data);;\n\t\tthis.colors = [];\n\t\tthis.config = {};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.configure(arguments[0]);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: 1,\n\t\t\tisNavigable: 0,\n\t\t\tanimate: 1\n\t\t};\n\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw());\n\t\twindow.addEventListener('orientationchange', () => this.draw());\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\t// TODO: think for all\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 40; // change\n\t\tthis.translateY = 20;\n\n\t\t// Horizontal margins\n\t\tthis.translateXLeft = 60;\n\t\tthis.translateXRight = 40;\n\t}\n\n\tvalidate(){\n\t\tlet args = this.rawChartArgs;\n\t\t// Now yo have the args, set this stuff only after validating\n\t\tif(!this.parent) {\n\t\t\tconsole.error(\"No parent element to render on was provided.\");\n\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip(); // without binding\n\n\t\tthis.draw(true);\n\t}\n\n\tinitComponents() {}\n\n\tsetupComponents() {\n\t\tthis.components = [];\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `<h6 class=\"title\">${this.title}</h6>\n\t\t\t\t<h6 class=\"sub-title uppercase\">${this.subtitle}</h6>\n\t\t\t\t<div class=\"frappe-chart graphics\"></div>\n\t\t\t\t<div class=\"graph-stats-container\"></div>`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(init=false) {\n\t\tthis.calcWidth();\n\t\tthis.makeChartArea();\n\n\t\tthis.initComponents(); // Only depend on the drawArea made in makeChartArea\n\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea)); // or c.build()\n\t\tthis.components.forEach(c => c.make()); // or c.build()\n\t\tthis.renderLegend();\n\n\t\tthis.setupNavigation(init);\n\n\t\t// TODO: remove timeout and decrease post animate time in chart component\n\t\tif(init) {\n\t\t\tsetTimeout(() => {this.update();}, 1000);\n\t\t}\n\t}\n\n\tcalcWidth() {\n\t\tlet outerAnnotationsWidth = 0;\n\t\t// let charWidth = 8;\n\t\t// this.specificValues.map(val => {\n\t\t// \tlet strWidth = getStringWidth((val.title + \"\"), charWidth);\n\t\t// \tif(strWidth > outerAnnotationsWidth) {\n\t\t// \t\touterAnnotationsWidth = strWidth - 40;\n\t\t// \t}\n\t\t// });\n\t\tthis.baseWidth = getElementContentWidth(this.parent) - outerAnnotationsWidth;\n\t\tthis.width = this.baseWidth - (this.translateXLeft + this.translateXRight);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData() {}\n\n\tcalc() {} // builds state\n\n\trender(animate=true) {\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tthis.elementsToAnimate = [].concat.apply([],\n\t\t\tthis.components.map(c => c.update(animate)));\n\t\tif(this.elementsToAnimate) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, this.elementsToAnimate);\n\t\t}\n\n\t\t// TODO: rebind new units\n\t\t// if(this.isNavigable) {\n\t\t// \tthis.bind_units(units_array);\n\t\t// }\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.translateXLeft}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(this.isNavigable) return;\n\n\t\tthis.makeOverlay();\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\n\t\t\t\t\tif (e.keyCode == '37') {\n\t\t\t\t\t\tthis.onLeftArrow();\n\t\t\t\t\t} else if (e.keyCode == '39') {\n\t\t\t\t\t\tthis.onRightArrow();\n\t\t\t\t\t} else if (e.keyCode == '38') {\n\t\t\t\t\t\tthis.onUpArrow();\n\t\t\t\t\t} else if (e.keyCode == '40') {\n\t\t\t\t\t\tthis.onDownArrow();\n\t\t\t\t\t} else if (e.keyCode == '13') {\n\t\t\t\t\t\tthis.onEnterKey();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tbindOverlay() {}\n\tbind_units() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\t// ????????????\n\t// Update the data here, then do relevant updates\n\t// and drawing in child classes by overriding\n\t// The Child chart will only know what a particular update means\n\t// and what components are affected,\n\t// BaseChart shouldn't be doing the animating\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.rawChartArgs);\n\t}\n}\n","export const Y_AXIS_MARGIN = 60;\n\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';","import BaseChart from './BaseChart';\nimport { dataPrep } from './axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { BarChartController, LineChartController, getPaths } from '../objects/AxisChartControllers';\nimport { AxisChartRenderer } from '../utils/draw';\nimport { getOffset, fire } from '../utils/dom';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { Animator, translateHoriLine } from '../utils/animate';\nimport { runSMILAnimation } from '../utils/animation';\nimport { getRealIntervals, calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex } from '../utils/intervals';\nimport { floatTwo, fillArray } from '../utils/helpers';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.isSeries = args.isSeries;\n\t\tthis.valuesOverPoints = args.valuesOverPoints;\n\t\tthis.formatTooltipY = args.formatTooltipY;\n\t\tthis.formatTooltipX = args.formatTooltipX;\n\t\tthis.barOptions = args.barOptions;\n\t\tthis.lineOptions = args.lineOptions;\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.xAxisMode = args.xAxisMode || 'span';\n\t\tthis.yAxisMode = args.yAxisMode || 'span';\n\n\t\tthis.zeroLine = this.height;\n\t\tthis.setTrivialState();\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\t// TODO: set in options and use\n\n\t\tthis.config.xAxisMode = args.xAxisMode;\n\t\tthis.config.yAxisMode = args.yAxisMode;\n\t}\n\n\tsetTrivialState() {\n\t\t// Define data and stuff\n\t\tlet yTempPos = getRealIntervals(this.height, 4, 0, 0);\n\n\t\tthis.state = {\n\t\t\txAxis: {\n\t\t\t\tpositions: [],\n\t\t\t\tlabels: [],\n\t\t\t},\n\t\t\tyAxis: {\n\t\t\t\tpositions: yTempPos,\n\t\t\t\tlabels: yTempPos.map(d => \"\"),\n\t\t\t},\n\t\t\tyRegions: [\n\t\t\t\t{\n\t\t\t\t\tstart: this.height,\n\t\t\t\t\tend: this.height,\n\t\t\t\t\tlabel: ''\n\t\t\t\t}\n\t\t\t],\n\t\t\tyMarkers: [\n\t\t\t\t{\n\t\t\t\t\tposition: this.height,\n\t\t\t\t\tlabel: ''\n\t\t\t\t}\n\t\t\t]\n\n\t\t}\n\n\t\tthis.calcWidth();\n\t\tthis.calcXPositions();\n\t\tthis.setObservers();\n\t}\n\n\tsetObservers() {\n\t\t// go through each component and check the keys in this.state it depends on\n\t\t// set an observe() on each of those keys for that component\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.translateXLeft = Y_AXIS_MARGIN;\n\t\tthis.translateXRight = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\n\t\tthis.calcXPositions();\n\n\t\tthis.setYAxis();\n\t\tthis.calcYUnits();\n\t\tthis.calcYMaximums();\n\t\tthis.calcYRegions();\n\n\t}\n\n\tsetYAxis() {\n\t\tthis.calcYAxisParameters(this.state.yAxis, this.getAllYValues(), this.type === 'line');\n\t\tthis.state.zeroLine = this.state.yAxis.zeroLine;\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\ts.xAxis.labels = this.data.labels;\n\t\ts.datasetLength = this.data.labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\ts.xAxis.positions = s.xAxis.labels.map((d, i) =>\n\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t);\n\t}\n\n\tcalcYAxisParameters(yAxis, dataValues, withMinimum = 'false') {\n\t\tyAxis.labels = calcChartIntervals(dataValues, withMinimum);\n\t\tconst yPts = yAxis.labels;\n\n\t\tyAxis.scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * yAxis.scaleMultiplier;\n\t\tyAxis.zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tyAxis.positions = yPts.map(d => yAxis.zeroLine - d * yAxis.scaleMultiplier);\n\t}\n\n\tcalcYUnits() {\n\t\tlet s = this.state;\n\t\tthis.data.datasets.map(d => {\n\t\t\td.positions = d.values.map(val =>\n\t\t\t\tfloatTwo(s.yAxis.zeroLine - val * s.yAxis.scaleMultiplier));\n\t\t});\n\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\td.cumulativePositions = d.cumulativeYs.map(val =>\n\t\t\t\t\tfloatTwo(s.yAxis.zeroLine - val * s.yAxis.scaleMultiplier));\n\t\t\t});\n\t\t}\n\t}\n\n\tcalcYMaximums() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\ts.yExtremes = this.data.datasets[this.data.datasets.length - 1].cumulativePositions;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.positions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\t// Tooltip refresh should not be needed?\n\t\t// this.chartWrapper.removeChild(this.tip.container);\n\t\t// this.make_tooltip();\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = floatTwo(s.yAxis.zeroLine - d.value * s.yAxis.scaleMultiplier);\n\t\t\t\td.label += ': ' + d.value;\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\tif(d.end < d.start) {\n\t\t\t\t\t[d.start, d.end] = [d.end, start];\n\t\t\t\t}\n\t\t\t\td.start = floatTwo(s.yAxis.zeroLine - d.start * s.yAxis.scaleMultiplier);\n\t\t\t\td.end = floatTwo(s.yAxis.zeroLine - d.end * s.yAxis.scaleMultiplier);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tinitComponents() {\n\t\tthis.componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t}\n\t\t\t]\n\t\t];\n\t}\n\tsetupComponents() {\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.components = this.componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.data[args[0]])\n\t\t\t.map(args => {\n\t\t\t\targs.push(function() { return this.state[args[0]]; }.bind(this));\n\t\t\t\treturn getComponent(...args);\n\t\t\t});\n\t}\n\n\tgetChartComponents() {\n\t\tlet dataUnitsComponents = []\n\t\t// this.state is not defined at this stage\n\t\tthis.data.datasets.forEach((d, index) => {\n\t\t\tif(d.chartType === 'line') {\n\t\t\t\tdataUnitsComponents.push(this.getPathComponent(d, index));\n\t\t\t}\n\n\t\t\tlet renderer = this.unitRenderers[d.chartType];\n\t\t\tdataUnitsComponents.push(this.getDataUnitComponent(\n\t\t\t\tindex, renderer\n\t\t\t));\n\t\t});\n\t\treturn dataUnitsComponents;\n\t}\n\n\tgetDataUnitComponent(index, unitRenderer) {\n\t\treturn new ChartComponent({\n\t\t\tlayerClass: 'dataset-units dataset-' + index,\n\t\t\tmakeElements: () => {\n\t\t\t\t// yPositions, xPostions, color, valuesOverPoints,\n\t\t\t\tlet d = this.data.datasets[index];\n\n\t\t\t\treturn d.positions.map((y, j) => {\n\t\t\t\t\treturn unitRenderer.draw(\n\t\t\t\t\t\tthis.state.xAxis.positions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tthis.colors[index],\n\t\t\t\t\t\t(this.valuesOverPoints ? (this.barOptions &&\n\t\t\t\t\t\t\tthis.barOptions.stacked ? d.cumulativeYs[j] : d.values[j]) : ''),\n\t\t\t\t\t\tj,\n\t\t\t\t\t\ty - (d.cumulativePositions ? d.cumulativePositions[j] : y)\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t},\n\t\t\tpostMake: function() {\n\t\t\t\tlet translate_layer = () => {\n\t\t\t\t\tthis.layer.setAttribute('transform', `translate(${unitRenderer.consts.width * index}, 0)`);\n\t\t\t\t}\n\n\t\t\t\t// let d = this.data.datasets[index];\n\n\t\t\t\tif(this.meta.type === 'bar' && (!this.meta.barOptions\n\t\t\t\t\t|| !this.meta.barOptions.stacked)) {\n\n\t\t\t\t\ttranslate_layer();\n\t\t\t\t}\n\t\t\t},\n\t\t\tanimate: (svgUnits) => {\n\t\t\t\t// have been updated in axis render;\n\t\t\t\tlet newX = this.state.xAxis.positions;\n\t\t\t\tlet newY = this.data.datasets[index].positions;\n\n\t\t\t\tlet lastUnit = svgUnits[svgUnits.length - 1];\n\t\t\t\tlet parentNode = lastUnit.parentNode;\n\n\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\tfor(var i = 0; i<this.oldState.xExtra; i++) {\n\t\t\t\t\t\tlet unit = lastUnit.cloneNode(true);\n\t\t\t\t\t\tparentNode.appendChild(unit);\n\t\t\t\t\t\tsvgUnits.push(unit);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tsvgUnits.map((unit, i) => {\n\t\t\t\t\tif(newX[i] === undefined || newY[i] === undefined) return;\n\t\t\t\t\tthis.elementsToAnimate.push(unitRenderer.animate(\n\t\t\t\t\t\tunit, // unit, with info to replace where it came from in the data\n\t\t\t\t\t\tnewX[i],\n\t\t\t\t\t\tnewY[i],\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\tthis.data.datasets.length\n\t\t\t\t\t));\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tgetPathComponent(d, index) {\n\t\treturn new ChartComponent({\n\t\t\tlayerClass: 'path dataset-path',\n\t\t\tsetData: () => {},\n\t\t\tmakeElements: () => {\n\t\t\t\tlet d = this.data.datasets[index];\n\t\t\t\tlet color = this.colors[index];\n\n\t\t\t\treturn getPaths(\n\t\t\t\t\td.positions,\n\t\t\t\t\tthis.state.xAxis.positions,\n\t\t\t\t\tcolor,\n\t\t\t\t\tthis.config.heatline,\n\t\t\t\t\tthis.config.regionFill\n\t\t\t\t);\n\t\t\t},\n\t\t\tanimate: (paths) => {\n\t\t\t\tlet newX = this.state.xAxis.positions;\n\t\t\t\tlet newY = this.data.datasets[index].positions;\n\n\t\t\t\tlet oldX = this.oldState.xAxis.positions;\n\t\t\t\tlet oldY = this.oldState.datasets[index].positions;\n\n\n\t\t\t\tlet parentNode = paths[0].parentNode;\n\n\t\t\t\t[oldX, newX] = equilizeNoOfElements(oldX, newX);\n\t\t\t\t[oldY, newY] = equilizeNoOfElements(oldY, newY);\n\n\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\tpaths = getPaths(\n\t\t\t\t\t\toldY, oldX, this.colors[index],\n\t\t\t\t\t\tthis.config.heatline,\n\t\t\t\t\t\tthis.config.regionFill\n\t\t\t\t\t);\n\t\t\t\t\tparentNode.textContent = '';\n\t\t\t\t\tpaths.map(path => parentNode.appendChild(path));\n\t\t\t\t}\n\n\t\t\t\tconst newPointsList = newY.map((y, i) => (newX[i] + ',' + y));\n\t\t\t\tthis.elementsToAnimate = this.elementsToAnimate\n\t\t\t\t\t.concat(this.renderer.animatepath(paths, newPointsList.join(\"L\")));\n\t\t\t}\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\t// TODO: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.translateXLeft;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.translateXLeft;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tgetDataPoint(index=this.current_index) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\tlet y = this.y[0];\n\t\t['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t\tlet data_key = key.slice(0, key.length-1);\n\t\t\tdata_point[data_key] = y[key][index];\n\t\t});\n\t\tdata_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= this.xAxis.labels.length) index = this.xAxis.labels.length - 1;\n\t\tif(index === this.current_index) return;\n\t\tthis.current_index = index;\n\t\t$.fire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateData() {\n\t// \t// animate if same no. of datasets,\n\t// \t// else return new chart\n\n\t// \t//\n\t// }\n}\n\n\n// keep a binding at the end of chart\n\n","import LineChart from './LineChart';\n\nexport default class ScatterChart extends LineChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.type = 'scatter';\n\n\t\tif(!args.dotRadius) {\n\t\t\tthis.dotRadius = 8;\n\t\t} else {\n\t\t\tthis.dotRadius = args.dotRadius;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.unit_args = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.dotRadius }\n\t\t};\n\t}\n\n\tmake_paths() {}\n\tmake_path() {}\n}\n","import AxisChart from './AxisChart';\n// import { ChartComponent } from '../objects/ChartComponents';\nimport { makeSVGGroup, makePath, makeGradient } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\n\nexport default class LineChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'line';\n\n\t\tif(Object.getPrototypeOf(this) !== LineChart.prototype) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.config.xAxisMode = args.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n\n\t\tthis.config.dotRadius = args.dotRadius || 4;\n\n\t\tthis.config.heatline = args.heatline || 0;\n\t\tthis.config.regionFill = args.regionFill || 0;\n\t\tthis.config.showDots = args.showDots || 1;\n\t}\n\n\tconfigUnits() {\n\t\tthis.unitArgs = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.config.dotRadius }\n\t\t};\n\t}\n\n\t// temp commented\n\tsetUnitWidthAndXOffset() {\n\t\tthis.state.unitWidth = this.width/(this.state.datasetLength - 1);\n\t\tthis.state.xOffset = 0;\n\t}\n\n}\n","import AxisChart from './AxisChart';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\n// import { ChartComponent } from '../objects/ChartComponents';\nimport { floatTwo } from '../utils/helpers';\n\nexport default class MultiAxisChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\t// this.unitType = args.unitType || 'line';\n\t\t// this.setup();\n\t}\n\n\tpreSetup() {\n\t\tthis.type = 'multiaxis';\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tlet noOfLeftAxes = this.data.datasets.filter(d => d.axisPosition === 'left').length;\n\t\tthis.translateXLeft = (noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN;\n\t\tthis.translateXRight = (this.data.datasets.length - noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN;\n\t}\n\n\tprepareYAxis() { }\n\n\tprepareData(data) {\n\t\tsuper.prepareData(data);\n\t\tlet sets = this.state.datasets;\n\t\t// let axesLeft = sets.filter(d => d.axisPosition === 'left');\n\t\t// let axesRight = sets.filter(d => d.axisPosition === 'right');\n\t\t// let axesNone = sets.filter(d => !d.axisPosition ||\n\t\t// \t!['left', 'right'].includes(d.axisPosition));\n\n\t\tlet leftCount = 0, rightCount = 0;\n\n\t\tsets.forEach((d, i) => {\n\t\t\td.yAxis = {\n\t\t\t\tposition: d.axisPosition,\n\t\t\t\tindex: d.axisPosition === 'left' ? leftCount++ : rightCount++\n\t\t\t};\n\t\t});\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.config.xAxisMode = args.xAxisMode || 'tick';\n\t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n\t}\n\n\t// setUnitWidthAndXOffset() {\n\t// \tthis.state.unitWidth = this.width/(this.state.datasetLength);\n\t// \tthis.state.xOffset = this.state.unitWidth/2;\n\t// }\n\n\tconfigUnits() {\n\t\tthis.unitArgs = {\n\t\t\ttype: 'bar',\n\t\t\targs: {\n\t\t\t\tspaceWidth: this.state.unitWidth/2,\n\t\t\t}\n\t\t};\n\t}\n\n\tsetYAxis() {\n\t\tthis.state.datasets.map(d => {\n\t\t\tthis.calcYAxisParameters(d.yAxis, d.values, this.unitType === 'line');\n\t\t});\n\t}\n\n\tcalcYUnits() {\n\t\tthis.state.datasets.map(d => {\n\t\t\td.positions = d.values.map(val => floatTwo(d.yAxis.zeroLine - val * d.yAxis.scaleMultiplier));\n\t\t});\n\t}\n\n\t// TODO: function doesn't exist, handle with components\n\trenderConstants() {\n\t\tthis.state.datasets.map(d => {\n\t\t\tlet guidePos = d.yAxis.position === 'left'\n\t\t\t\t? -1 * d.yAxis.index * Y_AXIS_MARGIN\n\t\t\t\t: this.width + d.yAxis.index * Y_AXIS_MARGIN;\n\t\t\tthis.renderer.xLine(guidePos, '', {\n\t\t\t\tpos:'top',\n\t\t\t\tmode: 'span',\n\t\t\t\tstroke: this.colors[i],\n\t\t\t\tclassName: 'y-axis-guide'\n\t\t\t})\n\t\t});\n\t}\n\n\tgetYAxesComponents() {\n\t\treturn this.data.datasets.map((e, i) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'y axis y-axis-' + i,\n\t\t\t\tmake: () => {\n\t\t\t\t\tlet yAxis = this.state.datasets[i].yAxis;\n\t\t\t\t\tthis.renderer.setZeroline(yAxis.zeroline);\n\t\t\t\t\tlet options = {\n\t\t\t\t\t\tpos: yAxis.position,\n\t\t\t\t\t\tmode: 'tick',\n\t\t\t\t\t\toffset: yAxis.index * Y_AXIS_MARGIN,\n\t\t\t\t\t\tstroke: this.colors[i]\n\t\t\t\t\t};\n\n\t\t\t\t\treturn yAxis.positions.map((position, j) =>\n\t\t\t\t\t\tthis.renderer.yLine(position, yAxis.labels[j], options)\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tanimate: () => {}\n\t\t\t});\n\t\t});\n\t}\n\n\t// TODO remove renderer zeroline from above and below\n\tgetChartComponents() {\n\t\treturn this.data.datasets.map((d, index) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'dataset-units dataset-' + index,\n\t\t\t\tmake: () => {\n\t\t\t\t\tlet d = this.state.datasets[index];\n\t\t\t\t\tlet unitType = this.unitArgs;\n\n\t\t\t\t\t// the only difference, should be tied to datasets or default\n\t\t\t\t\tthis.renderer.setZeroline(d.yAxis.zeroLine);\n\n\t\t\t\t\treturn d.positions.map((y, j) => {\n\t\t\t\t\t\treturn this.renderer[unitType.type](\n\t\t\t\t\t\t\tthis.state.xAxisPositions[j],\n\t\t\t\t\t\t\ty,\n\t\t\t\t\t\t\tunitType.args,\n\t\t\t\t\t\t\tthis.colors[index],\n\t\t\t\t\t\t\tj,\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\tthis.state.datasetLength\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t\tanimate: (svgUnits) => {\n\t\t\t\t\tlet d = this.state.datasets[index];\n\t\t\t\t\tlet unitType = this.unitArgs.type;\n\n\t\t\t\t\t// have been updated in axis render;\n\t\t\t\t\tlet newX = this.state.xAxisPositions;\n\t\t\t\t\tlet newY = this.state.datasets[index].positions;\n\n\t\t\t\t\tlet lastUnit = svgUnits[svgUnits.length - 1];\n\t\t\t\t\tlet parentNode = lastUnit.parentNode;\n\n\t\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\t\tfor(var i = 0; i<this.oldState.xExtra; i++) {\n\t\t\t\t\t\t\tlet unit = lastUnit.cloneNode(true);\n\t\t\t\t\t\t\tparentNode.appendChild(unit);\n\t\t\t\t\t\t\tsvgUnits.push(unit);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.renderer.setZeroline(d.yAxis.zeroLine);\n\n\t\t\t\t\tsvgUnits.map((unit, i) => {\n\t\t\t\t\t\tif(newX[i] === undefined || newY[i] === undefined) return;\n\t\t\t\t\t\tthis.elementsToAnimate.push(this.renderer['animate' + unitType](\n\t\t\t\t\t\t\tunit, // unit, with info to replace where it came from in the data\n\t\t\t\t\t\t\tnewX[i],\n\t\t\t\t\t\t\tnewY[i],\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\tthis.state.noOfDatasets\n\t\t\t\t\t\t));\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.chartDiv = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.chartDiv\n\t\t});\n\t}\n\n\tsetupLayers() {\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\trenderComponents() {\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tcalc() {}\n\n\tbindTooltip() {\n\t\tthis.slices.map((slice, i) => {\n\t\t\tslice.addEventListener('mouseenter', () => {\n\t\t\t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t\t\tlet y = p_off.top - g_off.top - 6;\n\t\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\n\t\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legend_totals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `<span class=\"indicator\">\n\t\t\t\t\t<i style=\"background: ${this.colors[i]}\"></i>\n\t\t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\nimport { makePath } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { runSMILAnimation, transform } from '../utils/animation';\nconst ANGLE_RATIO = Math.PI / 180;\nconst FULL_ANGLE = 360;\n\nexport default class PieChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'pie';\n\t\tthis.elements_to_animate = null;\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\t\tthis.isAnimate = false;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\t\tthis.setup();\n\t}\n\tsetup_values() {\n\t\tthis.centerX = this.width / 2;\n\t\tthis.centerY = this.height / 2;\n\t\tthis.radius = (this.height > this.width ? this.centerX : this.centerY);\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\tstatic getPositionByAngle(angle,radius){\n\t\treturn {\n\t\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t\t};\n\t}\n\tmakeArcPath(startPosition,endPosition){\n\t\tconst{centerX,centerY,radius,clockWise} = this;\n\t\treturn `M${centerX} ${centerY} L${centerX+startPosition.x} ${centerY+startPosition.y} A ${radius} ${radius} 0 0 ${clockWise ? 1 : 0} ${centerX+endPosition.x} ${centerY+endPosition.y} z`;\n\t}\n\trenderComponents(init){\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = PieChart.getPositionByAngle(startAngle,radius);\n\t\t\tconst endPosition = PieChart.getPositionByAngle(endAngle,radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = this.makeArcPath(curStart,curEnd);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle:diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([{unit: slice, array: this.slices, index: this.slices.length - 1},\n\t\t\t\t\t{d:this.makeArcPath(startPosition,endPosition)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\tif(init){\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t}\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = PieChart.getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag){\n\t\t\ttransform(path,this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color,50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t}else{\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\tthis.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\tthis.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n\n\trenderLegend() {\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legend_totals.map((d, i) => {\n\t\t\tconst color = this.colors[i];\n\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `<span class=\"indicator\">\n\t\t\t\t\t<i style=\"background-color:${color};\"></i>\n\t\t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor({\n\t\tstart = '',\n\t\tdomain = '',\n\t\tsubdomain = '',\n\t\tdata = {},\n\t\tdiscrete_domains = 0,\n\t\tcount_label = '',\n\t\tlegend_colors = []\n\t}) {\n\t\tsuper(arguments[0]);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = domain;\n\t\tthis.subdomain = subdomain;\n\t\tthis.data = data;\n\t\tthis.discrete_domains = discrete_domains;\n\t\tthis.count_label = count_label;\n\n\t\tlet today = new Date();\n\t\tthis.start = start || addDays(today, 365);\n\n\t\tlegend_colors = legend_colors.slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\t// this.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tsetupLayers() {\n\t\tthis.domain_label_group = this.makeLayer(\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.data_groups = this.makeLayer(\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t}\n\n\tsetup_values() {\n\t\tthis.domain_label_group.textContent = '';\n\t\tthis.data_groups.textContent = '';\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\n\t\tthis.render_all_weeks_and_store_x_values(this.no_of_cols);\n\t}\n\n\trender_all_weeks_and_store_x_values(no_of_weeks) {\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.data_groups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.data_groups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet color_index = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolor_index = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[color_index], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domain_label_group.appendChild(text);\n\t\t});\n\t}\n\n\trenderComponents() {\n\t\tArray.prototype.slice.call(\n\t\t\tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t).map(d => {\n\t\t\td.style.display = 'None';\n\t\t});\n\t\tthis.chartWrapper.style.marginTop = '0px';\n\t\tthis.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tthis.data = data;\n\t\tthis.setup_values();\n\t\tthis.bindTooltip();\n\t}\n}\n"],"names":["expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getBarHeightAndYAttr","yTop","zeroLine","height","y","totalHeight","MIN_BAR_PERCENT_HEIGHT","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","transform","join","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","$","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","color","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","wrapInSVGGroup","elements","g","forEach","e","makePath","pathStr","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","x","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","slice","num","parseInt","b","toString","isValidColor","test","getDifferentChart","type","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","Chart","title","colors","undefined","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","newElements","animElements","push","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","dataPrep","labels","datasetLength","datasets","zeroArray","values","vals","isNaN","index","chartType","DEFAULT_AXIS_CHART_TYPE","getComponent","name","constants","getData","config","componentConfigs","assign","ChartComponent","getPaths","yList","xList","heatline","regionFill","pointsStr","path","gradient_id","this","svgDefs","components","gradient_id_region","state","yAxis","normalize","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","ceil","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","getRealIntervals","noOfIntervals","asc","part","orderedArray","getValueRange","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","getDaysBetween","addDays","numberOfDays","setDate","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","hide_tip","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","PRESET_COLOR_MAP","refreshState","totalWidth","unitWidth","xAxisMode","yAxisMode","bar","noOfDatasets","avgUnitWidth","dot","cx","cy","paths","pathComponents","animPath","regStartPt","regEndPt","animRegion","DEFAULT_COLORS","BaseChart","subtitle","isNavigable","showLegend","rawChartArgs","arguments","argHeight","currentIndex","prepareData","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","translateXLeft","translateXRight","validate","_setup","makeContainer","makeTooltip","chartWrapper","statsWrapper","tip","bindTooltip","init","calcWidth","makeChartArea","initComponents","setupComponents","c","drawArea","make","renderLegend","setupNavigation","update","baseWidth","calc","render","animate","apply","svg","makeOverlay","bindOverlay","_this3","event","keyCode","onLeftArrow","onRightArrow","onUpArrow","onDownArrow","onEnterKey","point","dataset","dataPoint","layerClass","layerTransform","makeElements","postMake","animateElements","store","layer","preMake","oldData","textContent","positions","position","newData","newPos","newLabels","oldPos","oldLabels","_this4","marker","_this5","end","_this6","newStarts","oldStarts","yPositions","j","barController","xPositions","valuesOverPoints","stacked","cumulativeYs","cumulativePositions","unitRenderer","consts","AxisChartController","meta","setupArgs","Object","radius","m","barsWidth","spaceRatio","minHeight","dotSize","isSeries","formatTooltipY","formatTooltipX","barOptions","lineOptions","setTrivialState","yTempPos","calcXPositions","setObservers","setYAxis","calcYUnits","calcYMaximums","calcYRegions","calcYAxisParameters","getAllYValues","s","xAxis","xOffset","dataValues","scaleMultiplier","intervalHeight","yExtremes","yMarkers","yRegions","cumulative","optionals","bind","dataUnitsComponents","getPathComponent","renderer","unitRenderers","getDataUnitComponent","svgUnits","lastUnit","oldState","xExtra","_this7","newPointsList","animatepath","_this8","relX","pageX","pageY","mapTooltipXPosition","titles","_this9","formatY","xVal","set_values","show_tip","current_index","data_point","data_key","fire","getDataPoint","datasetValues","splice","ScatterChart","dotRadius","unit_args","getPrototypeOf","LineChart","prototype","showDots","unitArgs","MultiAxisChart","noOfLeftAxes","axisPosition","leftCount","rightCount","unitType","guidePos","setZeroline","zeroline","xAxisPositions","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chartDiv","chart","percentageBar","slice_totals","all_totals","total","totals","sort","a","sum_of_others","legend_totals","grand_total","reduce","slices","g_off","p_off","formatted_labels","percent","x_values","ANGLE_RATIO","PI","PieChart","elements_to_animate","hoverRadio","isAnimate","startAngle","clockWise","mouseMove","mouseLeave","centerX","centerY","startPosition","endPosition","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","getPositionByAngle","prevProperty","curStart","curEnd","curPath","makeArcPath","transition","property","angle","flag","calTranslateByAngle","target","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","sin","cos","domain","subdomain","discrete_domains","count_label","legend_colors","today","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domain_label_group","makeLayer","data_groups","data_values","month_names","render_all_weeks_and_store_x_values","no_of_weeks","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","color_index","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","call","querySelectorAll","display","date_parts","split","month","setup_values","Heatmap"],"mappings":"wDACwB,gBAATA,IAAoBC,GAAOC,UAAUC,cAAcH,GAAQA,GAAQ,KA4ClF,QAAgBI,GAAUC,MACrBC,GAAOD,EAAQE,mCAKbD,EAAKE,KAAON,SAASO,gBAAgBC,WAAaR,SAASS,KAAKD,gBAC/DJ,EAAKM,MAAQV,SAASO,gBAAgBI,YAAcX,SAASS,KAAKE,aAI1E,QAAgBC,GAAoBC,MAE/BT,GAAOS,EAAGR,8BAGbD,GAAKE,KAAO,GACNF,EAAKM,MAAQ,GACbN,EAAKU,SAAWC,OAAOC,aAAehB,SAASO,gBAAgBU,iBAC1DC,QAAUH,OAAOI,YAAcnB,SAASO,gBAAgBa,aAIrE,QAAgBC,GAAuBlB,MAClCmB,GAASP,OAAOQ,iBAAiBpB,GACjCqB,EAAUC,WAAWH,EAAOI,aAC/BD,WAAWH,EAAOK,oBAEZxB,GAAQiB,YAAcI,ECrE9B,QAAgBI,GAASC,SACjBJ,YAAWI,EAAEC,QAAQ,IAyC7B,QAAgBC,GAAUC,EAAOC,EAAO9B,MAAS+B,0DAC5C/B,OACO+B,EAAQF,EAAM,GAAKA,EAAMA,EAAMG,OAAS,OAE/CC,GAAc,GAAIC,OAAMC,KAAKC,IAAIN,IAAQO,KAAKrC,YAC1C+B,EAAQE,EAAYK,OAAOT,GAASA,EAAMS,OAAOL,GAS1D,QAAgBM,GAAeC,EAAQC,UAC9BD,EAAO,IAAIR,OAASS,EC3DtB,QAASC,GAAqBC,EAAMC,MACtCC,UAAQC,eACRH,IAAQC,KAEPD,EAGU,OAJLC,EAAWD,UAKVI,YAAcC,4BAIfL,EAAOC,IACZA,IAGGC,EAAQC,GAGjB,QAAgBG,GAAqBC,EAAQC,MAC5CC,0DAAYD,EAAOnB,OAASkB,EAAOlB,aAGhCoB,GAAc,IACPxB,EAAUsB,EAAQE,KAElBxB,EAAUuB,EAAQC,IAEpBF,EAAQC,GCrBjB,QAAgBE,GAAUC,EAAMC,EAAUC,EAAUC,UAElDH,GACCI,UAAWF,EAASG,KAAK,OAC1BF,EACAG,GACA,aACCF,UAAWH,EAASI,KAAK,QAI5B,QAAgBE,GAAkBC,EAAOC,EAAMC,SACvCX,GAAUS,GAAQE,EAAM,IAAKD,EAAM,GAAIE,IAG/C,QAAgBC,GAAkBC,EAAOC,EAAMC,SACvChB,GAAUc,GAAQ,EAAGE,IAAQ,EAAGD,GAAOH,IAG/C,QAAgBK,GAAcC,EAAWC,EAAOC,EAAOC,MAClDC,GAAYH,EAAQC,EACpBxE,EAAOsE,EAAUK,WAAW,WAG/B3E,GACE4C,OAAQ8B,EAAWE,mBAHV5E,EAAK6E,aAAa,cAGyBH,GACtDV,GACAL,IAGeP,EAAUkB,GAAY,EAAGG,IAAS,EAAGD,GAAQR,KCf9D,QAESc,GAAEpF,EAAMC,SACO,gBAATD,IAAoBC,GAAOC,UAAUC,cAAcH,GAAQA,GAAQ,KAGlF,QAAgBqF,GAAUC,EAAKC,MAC1BlF,GAAUH,SAASsF,gBAAgB,6BAA8BF,OAEhE,GAAIG,KAAKF,GAAG,IACZG,GAAMH,EAAEE,MAEF,WAANA,IACDC,GAAKC,YAAYtF,OAEf,IAAU,WAANoF,EAAgB,IACpBG,GAAMR,EAAEM,KACRG,WAAWC,aAAazF,EAASuF,KAC7BD,YAAYC,OAEJ,WAANH,EACQ,qBAARC,iBAAAA,YACFK,KAAKL,GAAKM,IAAI,cACZC,MAAMC,GAAQR,EAAIQ,MAInB,cAANT,MAAyB,SACnB,cAANA,IACF,YAAyBC,IAEjBS,aAAaV,EAAGC,UAKpBrF,GAGR,QAAS+F,GAAuBC,EAAYC,SACpCjB,GAAU,yBACRgB,KACJC,KACA,KACA,KACA,KACA,IAIN,QAASC,GAAgBC,EAAUC,EAAQC,EAAOC,SAC1CtB,GAAU,eACNmB,uBACcE,SACdD,iBACME,IAIlB,QAAgBC,GAAiBC,EAAQC,EAAWC,EAAO7D,SACnDmC,GAAU,iBACLyB,SACHD,QACDE,SACC7D,IAIV,QAAgB8D,GAAYC,SACpB5B,GAAU,eACR4B,IAIV,QAAgBC,GAAaL,EAAQC,SAC7BzB,GAAU,eACLyB,SACHD,mEAHgD,KAQ1D,QAAgBM,GAAeC,MAC1BC,GAAIhC,EAAU,sEADgC,cAIzCiC,QAAQ,kBAAKD,GAAE1B,YAAY4B,KAC7BF,EAGR,QAAgBG,GAASC,SACjBpC,GAAU,yEAD0B,KAGvCoC,wEAHkD,mEAAa,UAWpE,QAAgBC,GAAarB,EAAYK,MAAOiB,2DAC3CrB,EAAY,sBAA6BI,EACzCkB,EAAcxB,EAAuBC,EAAYC,GACjDuB,GAAa,EAAG,GAAK,UACtBF,QACW,GAAK,GAAK,MAGRC,EAAa,KAAMlB,EAAOmB,EAAU,MACpCD,EAAa,MAAOlB,EAAOmB,EAAU,MACrCD,EAAa,OAAQlB,EAAOmB,EAAU,IAE/CvB,EAGR,QAAgBwB,GAAehB,EAAWiB,EAAG5E,EAAG6E,MAAmBC,6DAC9DC,aACQpB,IACRiB,IACA5E,QACI6E,SACCA,OACF,iBAGAjC,KAAKkC,GAAMjC,IAAI,cAChBmC,GAAOF,EAAKE,KAGX9C,EAAU,OAAQ6C,GAG1B,QAAgBE,GAAStB,EAAWiB,EAAG5E,EAAGkF,SAClChD,GAAU,kBACLyB,IACRiB,IACA5E,KACEmF,GAAY,EAAK,iBACTA,GAAY,eACdD,IAIb,QAASE,GAAaR,EAAGS,EAAOC,EAAIC,MAAIC,4DACnCA,GAAQC,SAAQD,EAAQC,OAASC,OACjCC,GAAIzD,EAAU,kBACN,iBAAmBsD,EAAQ7B,aAClC,KACA,KACA2B,KACAC,iBAEKC,EAAQC,UAIdG,EAAO1D,EAAU,UACjB,IACAoD,EAAKC,EAAKD,EAAKO,GAAeP,EAAKO,GAAeV,MACjDA,GAAY,iBACHA,GAAY,mBACV,mBACJE,IAGRS,EAAO5D,EAAU,4BACK0C,oBAGrBpC,YAAYmD,KACZnD,YAAYoD,GAEVE,EAGR,QAASC,GAAa/F,EAAGqF,EAAOW,EAAIC,MAAIT,4DACnCA,GAAQC,SAAQD,EAAQC,OAASC,IACjCF,EAAQU,WAAUV,EAAQU,SAAW,OAIrCP,GAAIzD,EAAU,kBAHF,mBAAqBsD,EAAQ7B,WACtB,WAArB6B,EAAQU,SAAwB,SAAU,OAIvCF,KACAC,KACA,KACA,iBAEKT,EAAQC,UAIdG,EAAO1D,EAAU,UACjB8D,EAAKC,EAAKD,EAAKH,GAAeG,EAAKH,KACnC,KACEV,GAAY,EAAI,EAAK,iBACbA,GAAY,mBACVa,EAAKC,EAAK,MAAQ,kBACtBZ,EAAM,KAGdS,EAAO5D,EAAU,+BACOlC,uBACT,UAGP,KAAT4F,GAAuB,MAATA,MACX9C,MAAM2C,OAAS,2BAGhBjD,YAAYmD,KACZnD,YAAYoD,GAEVE,EAGR,QAAgBzE,GAAMrB,EAAGqF,EAAOzB,MAAO4B,4DAClCA,GAAQW,MAAKX,EAAQW,IAAM,QAC3BX,EAAQlC,SAAQkC,EAAQlC,OAAS,GACjCkC,EAAQY,OAAMZ,EAAQY,KAAO,QAC7BZ,EAAQC,SAAQD,EAAQC,OAASC,IACjCF,EAAQ7B,YAAW6B,EAAQ7B,UAAY,OAEvCqC,IAAM,EAAIK,GACVJ,EAAsB,SAAjBT,EAAQY,KAAkBxC,EAAQyC,GAAmB,QAE1C,SAAjBb,EAAQY,MAAmC,UAAhBZ,EAAQW,QAChCvC,EAAQyC,KACRzC,MAKA4B,EAAQlC,UACRkC,EAAQlC,OAEPyC,EAAa/F,EAAGqF,EAAOW,EAAIC,UACzBT,EAAQC,iBACLD,EAAQ7B,mBACT6B,EAAQU,WAIpB,QAAgBlF,GAAM4D,EAAGS,EAAOtF,MAAQyF,4DACnCA,GAAQW,MAAKX,EAAQW,IAAM,UAC3BX,EAAQlC,SAAQkC,EAAQlC,OAAS,GACjCkC,EAAQY,OAAMZ,EAAQY,KAAO,QAC7BZ,EAAQC,SAAQD,EAAQC,OAASC,IACjCF,EAAQ7B,YAAW6B,EAAQ7B,UAAY,OAavC2B,GAAKvF,EAASsG,GACdd,EAAsB,SAAjBC,EAAQY,MAAmB,EAAIC,GAAmBtG,QAEvC,SAAjByF,EAAQY,MAAmC,QAAhBZ,EAAQW,SAE/B,EAAIE,KACL,GAGCjB,EAAaR,EAAGS,EAAOC,EAAIC,UACzBC,EAAQC,iBACLD,EAAQ7B,mBACT6B,EAAQU,WAIpB,QAAgBI,GAAQtG,EAAGqF,EAAOzB,MAAO4B,6DACpCe,EAAWrE,EAAU,kBACb,gBACR0B,EAAQnE,EAAe4F,EAAO,GAAKQ,KACnC,KACEV,IAAa,EAAK,iBACVA,GAAY,mBACV,kBACJE,EAAM,KAGdS,EAAOC,EAAa/F,EAAG,GAAI,EAAG4D,UACzB4B,EAAQC,QAAUC,aACfF,EAAQ7B,WAAa,YACtB6B,EAAQU,oBAGd1D,YAAY+D,GAEVT,EAGR,QAAgBU,GAAQlB,EAAIC,EAAI3B,EAAOyB,MAElCtF,GAASuF,EAAKC,EAEdpI,EAAO+E,EAAU,6EAIXwD,sBACe9B,OAAU7D,KAG/B,IACA,QACI6D,SACC7D,IAGLwG,EAAWrE,EAAU,kBACb,gBACR0B,EAAQnE,EAAe4F,EAAO,KAAOQ,KACrC,KACEV,IAAa,EAAK,iBACVA,GAAY,mBACV,kBACJE,EAAM,KAGdoB,EAASvE,EAAU,+BACKqD,iBAGrB/C,YAAYrF,KACZqF,YAAY+D,GAEZE,ECnVR,QAASC,GAAWC,SACfA,GAAI,IAAY,IACXA,EAAI,EAAU,EAChBA,EAGR,QAAgBC,GAAmBrD,EAAOsD,MACrCC,GAAMC,GAASxD,GACfyD,GAAW,CACD,MAAVF,EAAI,OACDA,EAAIG,MAAM,MACL,MAERC,GAAMC,SAASL,EAAI,IACnBH,EAAID,GAAYQ,GAAO,IAAML,GAC7BO,EAAIV,GAAaQ,GAAO,EAAK,KAAUL,GACvC3C,EAAIwC,GAAkB,IAANQ,GAAkBL,UAC9BG,EAAS,IAAI,KAAO9C,EAAKkD,GAAK,EAAMT,GAAK,IAAKU,SAAS,IAGhE,QAAgBC,GAAa5H,8CAEgB6H,KAAK7H,GCnBlD,QAAgB8H,GAAkBC,EAAMC,EAAc3C,MAClD0C,IAASC,GAERC,GAAgBC,SAASH,YACpBI,UAAUJ,kCAGfK,GAAkBJ,GAAcE,SAASH,YACpCI,UAAUH,uCAAiDD,iBAI9DM,GAAWC,GAAwBN,GAAcE,SAASH,SAKzD,IAAIQ,YACFlD,EAAKrB,aACNqB,EAAKmD,WACNnD,EAAKD,UACL2C,SACE1C,EAAKhF,cACLgI,EAAWhD,EAAKoD,WAASC,MCjCnC,QAASC,GAAkBnL,EAASoL,EAAOC,MAAKC,0DAAW,SAAUf,6DAAKW,GAAWK,4DAEhFC,EAAcxL,EAAQyL,WAAU,GAChCC,EAAa1L,EAAQyL,WAAU,OAE/B,GAAIE,KAAiBP,GAAO,IAC3BQ,YACiB,cAAlBD,EACe9L,SAASsF,gBAAgB,6BAA8B,oBAEvDtF,SAASsF,gBAAgB,6BAA8B,cAErE0G,GAAeN,EAAUI,IAAkB3L,EAAQ8E,aAAa6G,GAChEG,EAAQV,EAAMO,GAEdI,iBACYJ,OACTE,KACFC,QACG,SACFT,EAAI,IAAO,WACRQ,EAAe,IAAMC,aACjBE,GAAOV,YACT,eACA,cACJ,SAGJf,OACF,KAAmBA,OAGf,GAAInF,KAAK2G,KACEjG,aAAaV,EAAG2G,EAAS3G,MAG7BE,YAAYsG,GAErBrB,IACSzE,aAAa6F,eAA4BG,SAEzChG,aAAa6F,EAAeG,UAIjCN,EAAaE,GAGtB,QAAgBhI,GAAU1D,EAAS4F,KAC1BA,MAAMlC,UAAYkC,IAClBA,MAAMqG,gBAAkBrG,IACxBA,MAAMsG,YAActG,IACpBA,MAAMuG,aAAevG,IACrBA,MAAMwG,WAAaxG,EAG5B,QAASyG,GAAWzF,EAAcG,MAC7BuF,MACAC,OAEK5G,IAAI,eACRrC,GAAOtD,EAAQ,GACfwG,EAASlD,EAAKkC,WAEdgG,SAAaE,WAET,GAAKpI,QACe6H,kBAAqBnL,8BAErCwM,KAAKd,KACJc,MAAMhB,EAAahF,MAEzBiG,aAAajB,EAAalI,QAG9BoJ,GAAU9F,EAAa6E,WAAU,YAExB9F,IAAI,SAAC6F,EAAapG,KAClB,GAAGqH,aAAaH,EAAYlH,GAAIoG,EAAY,MAC/CpG,GAAG,GAAKkH,EAAYlH,KAGvBsH,EAGR,QAAgBC,GAAiBnG,EAAQoG,EAAYC,MACpB,IAA7BA,EAAkB7K,WAEjB8K,GAAiBT,EAAWO,EAAYC,EACzCD,GAAWpH,YAAcgB,MACpBuG,YAAYH,KACZtH,YAAYwH,eAKT,WACPA,EAAetH,YAAcgB,MACxBuG,YAAYD,KACZxH,YAAYsH,KAElBI,KC/GG,QAASC,GAASrF,EAAM2C,KACzB2C,OAAStF,EAAKsF,cAEfC,GAAgBvF,EAAKsF,OAAOlL,OAG5BoL,EAAWxF,EAAKwF,SAChBC,EAAY,GAAInL,OAAMiL,GAAe9K,KAAK,SAC1C+K,gBAGMC,OAID1H,IAAI,SAACjE,EAAG0D,MAEZ1D,EAAE4L,OAEC,IAEFC,GAAO7L,EAAE4L,YACNC,EAAK5H,IAAI,kBAAS6H,OAAMnI,GAAa,EAANA,KAG9BrD,OAASmL,EACTI,EAAKxD,MAAM,EAAGoD,GAEdvL,EAAU2L,EAAMJ,EAAgBI,EAAKvL,OAAQ,UAVnDsL,OAASD,IAkBVI,MAAQrI,EAGN1D,EAAEgM,cACHA,UAAYnD,GAAQoD,MASjB/F,EC6OR,QAAgBgG,GAAaC,EAAMC,EAAWC,MACzCC,GAASC,GAAiBJ,iBACvBK,OAAOF,aACFF,UACFC,IAEH,GAAII,IAAeH,GC7I3B,QAAgBI,GAASC,EAAOC,EAAOjI,MAAOkI,2DAAgBC,0DAEzDC,EADaJ,EAAM1I,IAAI,SAAC7C,EAAGsC,SAAOkJ,GAAMlJ,GAAK,IAAMtC,IAC5Ba,KAAK,KAC5B+K,EAAOvH,EAAS,IAAIsH,EAAW,kBAAmBpI,MAGnDkI,EAAU,IACRI,GAActH,EAAauH,KAAKC,QAASxI,KACxCT,MAAM2C,eAAiBoG,SAGzBG,IAAcJ,MAGfF,EAAY,IACVO,GAAqB1H,EAAauH,KAAKC,QAASxI,GAAO,GAEvDzD,EAAWgM,KAAKI,MAAMC,MAAMrM,SAE5BwE,EAAU,MAAWxE,MAAc6L,MAAgBG,KAAKlI,UAAS9D,IAC1D4J,KAAKrF,EAASC,gBAAwB,eAAgB2H,cAG3DD,GCjLR,QAASI,GAAUxH,MAKX,IAAJA,SACM,EAAG,MAET8F,MAAM9F,UACAyH,UAAW,iBAAkBC,SAAU,QAE5CC,GAAM3H,EAAI,EAAI,GAAK,MACnB4H,SAAS5H,UACJyH,SAAgB,iBAANE,EAAwBD,SAAU,OAGjDjN,KAAKC,IAAIsF,MACT6H,GAAMpN,KAAKqN,MAAMrN,KAAKsN,MAAM/H,WAGxB2H,GAFE3H,EAAEvF,KAAKuN,IAAI,GAAIH,IAENA,GAGpB,QAASI,GAAuBC,MAAKC,0DAAI,EACpCC,EAAa3N,KAAK4N,KAAKH,GACvBI,EAAa7N,KAAKqN,MAAMK,GACxBI,EAAQH,EAAaE,EAErBE,EAAYD,EACZE,EAAW,CAGZF,GAAQ,IACPA,EAAQ,GAAM,UAGKD,KAEVC,EAAM,IACP,GAITA,GAAS,MAEAA,KADC,IAKA,IAAVA,MACU,IACD,OAIR,GADAG,MACIhL,EAAI,EAAGA,GAAK8K,EAAW9K,MACpBoH,KAAKwD,EAAaG,EAAW/K,SAEjCgL,GAGR,QAASC,GAAkBC,MAAUC,0DAAS,IACZrB,EAAUoB,aAAtCE,OAAgBpB,OACjBqB,EAAiBF,EAAWA,EAASpO,KAAKuN,IAAI,GAAIN,GAAW,EAK7DgB,EAAYT,IAFCa,EAAe7O,QAAQ,GAEe8O,YAC3CL,EAAUzK,IAAI,kBAASmG,GAAQ3J,KAAKuN,IAAI,GAAIN,KAIzD,QAAgBsB,GAAmBpD,WAYzBqD,GAA0BL,EAAUM,OAOxC,GANAR,GAAYC,EAAkBC,GAE9BO,EAAeT,EAAU,GAAKA,EAAU,GAGxCtE,EAAQ,EACJ1G,EAAI,EAAG0G,EAAQ8E,EAAaxL,OAC1ByL,IACCC,SAAU,EAAKhF,SAEnBsE,MAvBkCW,2DAMtCT,EAAWnO,KAAKyN,kBAAOtC,IACvBiD,EAAWpO,KAAK0N,kBAAOvC,IAGT8C,QAkBfE,GAAY,GAAKC,GAAY,EACpBrB,EAAUoB,GAAU,KAC3BS,EAGSV,EAAkBC,EAAUC,GAF5BF,EAAkBC,OAQ3B,IAAGA,EAAW,GAAKC,EAAW,EAAG,IAOjCK,GAAczO,KAAKC,IAAImO,EAExBD,IAAYM,GACH1B,EAAUoB,GAAU,KACnBK,EAA0BL,EAAUM,KAGrC1B,EAAU0B,GAAa,KACfD,EAA0BC,EAAaN,GACjC3K,IAAI,mBAAW,EAANjE,SAO/B,IAAG4O,GAAY,GAAKC,GAAY,EAAG,IAInCS,GAAiB7O,KAAKC,IAAImO,GAC1BU,EAAiB9O,KAAKC,IAAIkO,EAEnBpB,GAAU8B,GAAgB,QACjCD,EAGSV,EAAkBW,EAAgBC,GAFlCZ,EAAkBW,IAKTE,UAAUvL,IAAI,mBAAW,EAANjE,UAGnC0O,GAGR,QAAgBe,GAAaC,MAExBC,GAAWC,EAAgBF,SAC5BA,GAAKG,QAAQ,IAAM,EAGTH,EAAKG,QAAQ,GAChBH,EAAK,GAAK,GAIL,EADJA,EAAK,GACUC,GAKX,EADJD,EAAKA,EAAKpP,OAAS,GACJqP,GAAYD,EAAKpP,OAAS,GAKrD,QAAgBwP,GAAiB5B,EAAK6B,OAKjC,GALgD5B,0DAAM,EAAG6B,yDAAM,EAE/DC,EAAe,GADP/B,EAAMC,GACO4B,EACrBrB,KAEIhL,EAAI,EAAGA,GAAKqM,EAAerM,MACxBoH,KAAKqD,EAAM8B,EAAOvM,SAGtBsM,GAAMtB,EAAYA,EAAUc,UAGpC,QAAgBI,GAAgBM,SACxBA,GAAa,GAAKA,EAAa,GAGvC,QAAgBC,GAAcD,SACtBA,GAAaA,EAAa5P,OAAO,GAAK4P,EAAa,GAG3D,QAAgBE,GAAiBxE,EAAQyE,OASpC,GALAC,GAAe7P,KAAKyN,kBAAOtC,IAE3B2E,EAAmB,GAAKF,EAAmB,GAC3CG,KAEI9M,EAAI,EAAGA,EAAI2M,EAAkB3M,IAAK,IACrC+M,GAAaH,GAAgBC,EAAmB7M,KACvCoH,KAAK2F,SAGZD,GAGR,QAAgBE,GAAiBtG,EAAOoG,SAChCA,GAAaG,OAAO,kBAAK3Q,GAAIoK,IAAO9J,OCnN5C,QAASsQ,IAAWC,MACfC,GAAS,GAAIC,MAAKF,YACfG,WAAWF,EAAOG,aAAeH,EAAOI,qBACxCJ,EAGR,QAAgBK,IAAYC,MACvBC,GAAKD,EAAKE,UACVC,EAAKH,EAAKI,WAAa,UAEzBH,EAAG,EAAI,GAAK,KAAOA,GACnBE,EAAG,EAAI,GAAK,KAAOA,EACpBH,EAAKK,eACJxP,KAAK,KAGR,QAAgByP,IAAgBC,EAAcC,SACtCnR,MAAK4N,KAAKwD,GAAeF,EAAcC,GAAc,GAG7D,QAAgBC,IAAeF,EAAcC,UAEpChB,GAAWgB,GAAchB,GAAWe,IADnB,MAK1B,QAAgBG,IAAQV,EAAMW,KACxBC,QAAQZ,EAAKE,UAAYS,GCC/B,QAASE,SAAejG,0DAAY,OAAQpF,qBAE1B,SAAdoF,KACMnD,KAAO,OACR,GAAIqJ,IAAUtL,IACG,QAAdoF,KACFnD,KAAO,MACR,GAAIqJ,IAAUtL,IAGjBuL,GAAWnG,GAKT,GAAImG,IAAWnG,GAAWpF,gBAJxBqC,MAAM,yBAA2B+C,6wNb5B3C3I,GAAE+O,OAAS,SAAC7O,EAAKC,MACZlF,GAAUH,SAASkU,cAAc9O,OAEhC,GAAIG,KAAKF,GAAG,IACZG,GAAMH,EAAEE,MAEF,WAANA,IACDC,GAAKC,YAAYtF,OAEf,IAAU,WAANoF,EAAgB,IACpBG,GAAMR,EAAEM,KACRG,WAAWC,aAAazF,EAASuF,KAC7BD,YAAYC,OAEJ,WAANH,EACQ,qBAARC,iBAAAA,YACFK,KAAKL,GAAKM,IAAI,cACZC,MAAMC,GAAQR,EAAIQ,KAGlBT,IAAKpF,KACPoF,GAAKC,IAGLS,aAAaV,EAAGC,SAInBrF,OcxCagU,qCAEnBxN,OAAAA,aAAS,WACTyE,OAAAA,kCAEKzE,OAASA,OACTyE,OAASA,OACTgJ,WAAa,QACbC,YAAc,QACdC,oBACAC,kBAAoB,OAEpB1M,EAAI,OACJ5E,EAAI,OAEJ3C,IAAM,OACNI,KAAO,OAEP8T,wDAIAC,sDAIAjS,YACAkS,uEAKAC,UAAYzP,EAAE+O,OAAO,cACjBlF,KAAKpI,iBACF,8JAKPiO,gBAEAzJ,MAAQ4D,KAAK4F,UAAU1U,cAAc,eACrC4U,gBAAkB9F,KAAK4F,UAAU1U,cAAc,yBAE/C0G,OAAOmO,iBAAiB,aAAc,aACrCF,uDAKFzJ,WACD4D,KAAKwF,6BACYxF,KAAKsF,wBAAuBtF,KAAKqF,WAEzCrF,KAAKqF,sBAAqBrF,KAAKsF,6BAEtClJ,MAAM4J,UAAY5J,OAClB0J,gBAAgBE,UAAY,QAE5BT,YAAYxO,IAAI,SAACkP,EAAKzP,MACpBiB,GAAQyO,EAAK7J,OAAO7F,IAAM,QAE5B2P,EAAKhQ,EAAE+O,OAAO,wCAEWzN,iDAEiC,IAAdwO,EAAI/I,OAAe+I,EAAI/I,MAAQ+I,EAAI/I,MAAQ,6BACvF+I,EAAI7J,MAAQ6J,EAAI7J,MAAQ,QAGvB0J,gBAAgBpP,YAAYyP,gDAK9BrO,GAAQkI,KAAK4F,UAAUQ,iBAEtB7U,IAAMyO,KAAK9L,EAAI8L,KAAK4F,UAAUS,kBAC9B1U,KAAOqO,KAAKlH,EAAIhB,EAAM,KACvBwO,GAAWtG,KAAKpI,OAAOwO,YAActO,EAErCyO,EAAUvG,KAAK4F,UAAU1U,cAAc,mBAExC8O,KAAKrO,KAAO,IACNqF,MAAMrF,oBAAsB,EAAIqO,KAAKrO,gBACxCA,KAAO,MACN,IAAGqO,KAAKrO,KAAO2U,EAAU,IAE3BE,kBADQxG,KAAKrO,KAAO2U,WAEhBtP,MAAMrF,KAAO6U,OAEhB7U,KAAO2U,SAEJtP,MAAMrF,8CAILmH,EAAG5E,MAAGmR,0DAAa,GAAIC,yDAAc,GAAIC,4DAAkBC,yDAAoB,OACpFH,WAAaA,OACbC,YAAcA,OACdC,YAAcA,OACdzM,EAAIA,OACJ5E,EAAIA,OACJsR,kBAAoBA,OACpBiB,kDAIAb,UAAU5O,MAAMzF,IAAM,WACtBqU,UAAU5O,MAAMrF,KAAO,WACvBiU,UAAU5O,MAAMU,QAAU,4CAI1BkO,UAAU5O,MAAMzF,IAAMyO,KAAKzO,IAAM,UACjCqU,UAAU5O,MAAMrF,KAAOqO,KAAKrO,KAAO,UACnCiU,UAAU5O,MAAMU,QAAU,aXlHpBrC,GAFgB,IAGhB+I,GAAsB,IAEtBpJ,GAAa,SCapBuF,GAAmB,EACnBR,GAAe,EACRV,GAAY,GACnBO,GAAkB,UCvBlB8M,0BD2WOtG,mBACNuG,aAAavG,4CAGNA,QACPjM,YAAciM,EAAMjM,iBACpByS,WAAaxG,EAAMwG,gBACnB5S,SAAWoM,EAAMpM,cACjB6S,UAAYzG,EAAMyG,eAClBC,UAAY1G,EAAM0G,eAClBC,UAAY3G,EAAM2G,8CAGZ/S,QACNA,SAAWA,6EAOToC,GAAU,uEAIb,IACAqD,SACIuG,KAAK4G,kBACJpN,GAAKC,wCAMJuN,EAAKlO,EAAG/E,EAAM8K,EAAOoI,MAC3B9T,GAAQ2F,EAAIkH,KAAKkH,aAAa,EAC9BpP,EAASkI,KAAKkH,aAAa,EAAGD,IAChBnT,EAAqBC,EAAMiM,KAAKhM,SAAUgM,KAAK7L,gCAE7DhB,EAAS2E,EAAQ+G,GAEbmI,GAAMlP,MAAOA,EAAO7D,YAAgB6E,EAAGA,EAAG5E,QDlZvB,ICkZ6Cc,uCAI9DmS,EAAKrO,EAAG/E,UACVoT,GAAMC,GAAItO,EAAGuO,GAAItT,GDvZE,ICuZoBiB,wCAIpCsS,EAAO9O,MACd+O,MACEC,GAAYF,EAAM,IAAKxU,EAAE,IAAI0F,GD5ZR,IC4ZiCxD,SAC7C4I,KAAK4J,GAEjBF,EAAM,GAAI,IACRG,QAAkBzH,KAAKhM,aACvB0T,MAAe1H,KAAK4G,gBAAe5G,KAAKhM,SAEtC2T,GACLL,EAAM,IACLxU,EAAE,IAAM2U,EAAajP,EAAUkP,GDraP,ICuazB1S,MAEc4I,KAAK+J,SAGdJ,wBC9aM,eACN,iBACE,cACH,iBACG,iBACA,gBACD,wBACM,iBACL,kBACC,gBACF,eACD,uBACM,sBACD,YAGDK,IAAkB,aAAc,OAAQ,SAAU,MAAO,SACrE,SAAU,QAAS,cAAe,SAAU,WA2BhC3M,GAAW,SAACxD,SACjBiP,IAAiBjP,IAAUA,GC5C7BoE,IAAmB,OAAQ,UAAW,MAAO,aAAc,UAAW,OAEtEG,SACC,OAAQ,UAAW,aAAc,aAChC,UAAW,MAAO,aAAc,YACjC,OAAQ,UAAW,aAAc,gBAC7B,OAAQ,MAAO,aAAc,mBAC1B,MAAO,OAAQ,UAAW,mBAKlCE,SACC,OAAQ,iBACP,UAAW,YACZ,uBACI,OAAQ,mBACL,mBCfRkB,SACC,yBACE,iBAEA,wBACC,uBACE,iBQFSyK,oCAEnB5T,OAAAA,aAAS,UAETmI,MAAAA,aAAQ,SACR0L,SAAAA,aAAW,UACXzL,SAEA0L,aAAAA,aAAc,IAKdnQ,KAJAoQ,aAEArM,OAEA/D,QACAoB,IAAAA,qBAEKiP,aAAeC,UAAU,QAEzBtQ,OAA2B,gBAAXA,GAAsB3G,SAASC,cAAc0G,GAAUA,OACvEwE,MAAQA,OACR0L,SAAWA,OACXK,UAAYlU,OAEZ8T,YAAcA,EAChB/H,KAAK+H,mBACFK,aAAe,QAGhBpP,KAAOgH,KAAKqI,YAAYrP,QACxBqD,eACA+C,eACAgB,cACA1G,gBAEA4O,UAAUJ,UAAU,iDAGhBjP,mBACJsP,iBACAnJ,oBACS,aACD,cACC,UACJ,QAGLoJ,oBAGEzC,iBAAiB,SAAU,iBAAM0C,GAAKC,gBACtC3C,iBAAiB,oBAAqB,iBAAM0C,GAAKC,gDAIpDzP,GAAO+G,KAAKiI,aAGVU,EAAqB,eAAd1P,EAAK0C,MAAuC,QAAd1C,EAAK0C,KAC7C1C,EAAKD,KAAKsF,OACVrF,EAAKD,KAAKwF,UAETvF,EAAKoD,QAAWsM,GAAQ1P,EAAKoD,OAAOjJ,OAASuV,EAAKvV,YAChDiJ,OAASuL,QAETvL,OAASpD,EAAKoD,YAGfA,OAAS2D,KAAK3D,OAAOtF,IAAI,kBAASkE,IAASxD,6CAK5CxD,GAAS+L,KAAKmI,eACbS,WAAa3U,OACbA,OAASA,EAAS,QAClB4U,WAAa,QAGbC,eAAiB,QACjBC,gBAAkB,8CAMnB/I,KAAKpI,iBACAmE,MAAM,iDACP,mCAMLiE,KAAKgJ,iBACFC,+CAKDC,qBACAC,mBAEAT,MAAK,4FAMLxI,2DAIA0F,UAAYzP,EAAE+O,OAAO,iBACd,iDACqBlF,KAAK5D,wDACF4D,KAAK8H,8HAMpClQ,OAAOoO,UAAY,QACnBpO,OAAOlB,YAAYsJ,KAAK4F,gBAExBwD,aAAepJ,KAAK4F,UAAU1U,cAAc,sBAC5CmY,aAAerJ,KAAK4F,UAAU1U,cAAc,qEAI5CoY,IAAM,GAAIlE,YACNpF,KAAKoJ,oBACLpJ,KAAK3D,cAETkN,+FAKDC,+DACCC,iBACAC,qBAEAC,sBAEAC,uBAEA1J,WAAW7H,QAAQ,kBAAKwR,GAAEpE,MAAMS,EAAK4D,iBACrC5J,WAAW7H,QAAQ,kBAAKwR,GAAEE,cAC1BC,oBAEAC,gBAAgBT,GAGlBA,cACS,aAAYU,UAAY,8CAa/BC,UAAY7X,EAAuB0N,KAAKpI,QARjB,OASvBE,MAAQkI,KAAKmK,WAAanK,KAAK8I,eAAiB9I,KAAK+I,qDAGpD/P,0DAAKgH,KAAKhH,UACXA,KAAOgH,KAAKqI,YAAYrP,QACxBoR,YACAC,oHAOCC,mEAEDrM,qBAAuBvK,OAAO6W,SAClCvK,KAAKE,WAAWnJ,IAAI,kBAAK8S,GAAEK,OAAOI,MAChCtK,KAAK/B,qBACU+B,KAAKoJ,aAAcpJ,KAAKwK,IAAKxK,KAAK/B,2DAUjD+B,KAAKwK,UACFpB,aAAajL,YAAY6B,KAAKwK,UAE/BA,IAAM7S,EACVqI,KAAKoJ,aACL,QACApJ,KAAKmK,UACLnK,KAAK4I,iBAED3I,QAAUlI,EAAYiI,KAAKwK,UAS3BV,SAAW7R,EACf+H,KAAKwK,IACLxK,KAAKrE,KAAO,sBACCqE,KAAK8I,oBAAmB9I,KAAK6I,6GAM5BW,yDACZxJ,MAAK+H,mBAEH0C,cAEFjB,SACGkB,uBAEI3E,iBAAiB,UAAW,SAACzN,GAClCzG,EAAoB8Y,EAAKvB,gBAGV,SAFb9Q,GAAKtG,OAAO4Y,OAEVC,UACAC,cACkB,MAAbxS,EAAEuS,UACPE,eACkB,MAAbzS,EAAEuS,UACPG,YACkB,MAAb1S,EAAEuS,UACPI,cACkB,MAAb3S,EAAEuS,WACPK,2ZAyBUC,0CAENC,EAASvM,uCACZuM,EAASvM,oFAGLL,4CAEC6M,yCACHA,yFAGK1P,SACVD,GAAkBC,EAAMqE,KAAKrE,KAAMqE,KAAKiI,uBC/RpClJ,GAA0B,OPEjCQ,oCAEJ+L,WAAAA,aAAa,SACbC,eAAAA,aAAiB,KACjBrM,IAAAA,UAEAC,IAAAA,QACAqM,IAAAA,aACAC,IAAAA,SACAC,IAAAA,gCAEKH,eAAiBA,OACjBrM,UAAYA,OAEZsM,aAAeA,OACfC,SAAWA,OACXtM,QAAUA,OAEVuM,gBAAkBA,OAElBC,cAEAL,WAAoC,kBAAhBA,GACtBA,IAAeA,OAEb7E,qDAGEzN,QACFA,KAAOA,GAAQgH,KAAKb,wCAGpBvH,QACAgU,MAAQ3T,EAAaL,EAAQoI,KAAKsL,WAAYtL,KAAKuL,oDAInDM,SAAW7L,KAAK6L,eAChBxB,OAAOrK,KAAKhH,WACZyS,UAAYzL,KAAKyL,gBACjBK,QAAU9L,KAAKhH,oCAGdA,mBACD2S,MAAQ3L,KAAKwL,aAAaxS,QAE1B4S,MAAMG,YAAc,QACpBJ,MAAMtT,QAAQ,cACbuT,MAAMlV,YAAYtF,iDAIlBkZ,kEACD7D,aACDiF,YACDpB,OACgBtK,KAAK0L,gBAAgB1L,KAAKhH,kBAGlC,aACL+Q,QACH,MACI2B,WAILrM,sBAEU,+BACCrG,oBACLA,GAAKgT,UAAUjV,IAAI,SAACkV,EAAUzV,SACpCjB,GAAM0W,EAAUjT,EAAKsF,OAAO9H,GAAImU,EAAKzL,UAAUpH,OAC7CwC,KAAMqQ,EAAKzL,UAAU5E,KAAMD,IAAKsQ,EAAKzL,UAAU7E,kCAInC6R,MACXC,GAAUD,EAAQF,UAClBI,EAAaF,EAAQ5N,OACrB+N,EAASrM,KAAK8L,QAAQE,UACtBM,EAAYtM,KAAK8L,QAAQxN,SAEVjK,EAAqBgY,EAAQF,iCACvB9X,EAAqBiY,EAAWF,uCAEpD/B,kBACOgC,SACHD,IAGFpM,KAAK2L,MAAM5U,IAAI,SAACiD,EAAMxD,SACrBlB,GACN0E,EAAMmS,EAAO3V,GAAI6V,EAAO7V,0BAOf,+BACCwC,oBACLA,GAAKgT,UAAUjV,IAAI,SAACkV,EAAUzV,SACpCtB,GAAM+W,EAAUjT,EAAKsF,OAAO9H,GAAI+V,EAAKrN,UAAUjL,QAC7CqG,KAAMiS,EAAKrN,UAAU5E,KAAMD,IAAKkS,EAAKrN,UAAU7E,kCAInC6R,MACXC,GAAUD,EAAQF,UAClBI,EAAaF,EAAQ5N,OACrB+N,EAASrM,KAAK8L,QAAQE,UACtBM,EAAYtM,KAAK8L,QAAQxN,SAEVjK,EAAqBgY,EAAQF,iCACvB9X,EAAqBiY,EAAWF,uCAEpD/B,kBACOgC,SACHD,IAGFpM,KAAK2L,MAAM5U,IAAI,SAACiD,EAAMxD,SACrBvB,GACN+E,EAAMmS,EAAO3V,GAAI6V,EAAO7V,6BAOf,kCACCwC,oBACLA,GAAKjC,IAAI,kBACfyD,GAAQgS,EAAOP,SAAUO,EAAOjT,MAAOkT,EAAKvN,UAAUpH,OACpDuC,IAAI,QAASC,KAAM,OAAQF,SAAU,uCAGzB8R,SACW7X,EAAqB2L,KAAK8L,QAASI,kBAAvDJ,gBAEFK,YAAkBpV,IAAI,kBAAKjE,GAAEmZ,WAC7BG,EAAaF,EAAQnV,IAAI,kBAAKjE,GAAEyG,QAEhC8S,EAASrM,KAAK8L,QAAQ/U,IAAI,kBAAKjE,GAAEmZ,UACrBjM,MAAK8L,QAAQ/U,IAAI,kBAAKjE,GAAEyG,oBAEnC8Q,OAAOgC,EAAOtV,IAAI,SAACsD,EAAK7D,mBAEjB6V,EAAO7V,SACV4V,EAAU5V,OAIZwJ,KAAK2L,MAAM5U,IAAI,SAACiD,EAAMxD,SACrBlB,GACN0E,EAAMmS,EAAO3V,GAAI6V,EAAO7V,6BAOf,kCACCwC,oBACLA,GAAKjC,IAAI,kBACf2D,GAAQC,EAAOxH,MAAOwH,EAAO+R,IAAKC,EAAKzN,UAAUpH,MAChD6C,EAAOpB,mCAGM2S,SACW7X,EAAqB2L,KAAK8L,QAASI,kBAAvDJ,gBAEFK,YAAkBpV,IAAI,kBAAKjE,GAAE4Z,MAC7BN,EAAaF,EAAQnV,IAAI,kBAAKjE,GAAEyG,QAChCqT,EAAaV,EAAQnV,IAAI,kBAAKjE,GAAEK,QAEhCkZ,EAASrM,KAAK8L,QAAQ/U,IAAI,kBAAKjE,GAAE4Z,MAEjCG,GADY7M,KAAK8L,QAAQ/U,IAAI,kBAAKjE,GAAEyG,QACxByG,KAAK8L,QAAQ/U,IAAI,kBAAKjE,GAAEK,cAEnCkX,OAAOgC,EAAOtV,IAAI,SAACsD,EAAK7D,gBAEpBqW,EAAUrW,OACZ6V,EAAO7V,SACL4V,EAAU5V,UAIfkV,kBAECC,MAAM5U,IAAI,SAACpB,EAAWa,KACRkV,EAAgBhY,OAAOgC,EACxCC,EAAWiX,EAAUpW,GAAI2V,EAAO3V,GAAI6V,EAAO7V,OAItCkV,0CAgCc,YAAc1L,KAAKd,UAAUL,6BACtC7F,MACR6Q,GAAI7J,KAAKd,gBACNlG,GAAK8T,WAAW/V,IAAI,SAAC7C,EAAG6Y,SAC9BC,eAActE,KACb1P,EAAKiU,WAAWF,GAChB7Y,EACAuD,MACCoS,EAAEqD,iBAAoBrD,EAAEsD,QAAUnU,EAAKoU,aAAaL,GAAK/T,EAAK0F,OAAOqO,GAAM,GAC5EA,EACA7Y,GAAK8E,EAAKqU,oBAAsBrU,EAAKqU,oBAAoBN,GAAK7Y,2BAK3D8L,KAAKd,UAAUiO,cACdvB,MAAM1U,aAAa,yBACVoW,aAAaC,OAAOzV,MAAQ+G,wCAG5BqN,SACW7X,EAAqB2L,KAAK8L,QAASI,kBAAvDJ,gBAEFK,YAAkBpV,IAAI,kBAAKjE,GAAE4Z,MAC7BN,EAAaF,EAAQnV,IAAI,kBAAKjE,GAAEyG,QAChCqT,EAAaV,EAAQnV,IAAI,kBAAKjE,GAAEK,QAEhCkZ,EAASrM,KAAK8L,QAAQ/U,IAAI,kBAAKjE,GAAE4Z,MAEjCG,GADY7M,KAAK8L,QAAQ/U,IAAI,kBAAKjE,GAAEyG,QACxByG,KAAK8L,QAAQ/U,IAAI,kBAAKjE,GAAEK,cAEnCkX,OAAOgC,EAAOtV,IAAI,SAACsD,EAAK7D,gBAEpBqW,EAAUrW,OACZ6V,EAAO7V,SACL4V,EAAU5V,UAIfkV,kBAECC,MAAM5U,IAAI,SAACpB,EAAWa,KACRkV,EAAgBhY,OAAOgC,EACxCC,EAAWiX,EAAUpW,GAAI2V,EAAO3V,GAAI6V,EAAO7V,OAItCkV,kBCpRJ8B,yBACOC,mBAENA,KAAOA,WACPC,gEAIAH,+EAKME,QACNA,KAAOE,OAAOrO,OAAQU,KAAKyN,SAAaA,+EOJ1BzI,2BPYRyI,+EACLA,6CAGF3U,EAAG5E,EAAGuD,EAAOoH,SACVzI,GAAU,yBACAqB,qBACIoH,KAChB/F,KACA5E,IACD8L,KAAKuN,OAAOK,yCAITzG,EAAKrO,EAAG/E,UACPoT,GAAMC,GAAItO,EAAGuO,GAAItT,GPvCE,IOuCoBiB,SAhBbwY,2BAsBvBC,+EACLA,yDAIDF,mBACQ,aACDvN,KAAKyN,KAAKtZ,YAAcC,4DAIzBqZ,GACRA,8FACgBA,MAEfI,GAAI7N,KAAKyN,UACRF,OAAOO,UAAYD,EAAEhH,UAAYgH,EAAEhH,UAAY7G,KAAKuN,OAAOQ,gBAE3DR,OAAOzV,MAAQkI,KAAKuN,OAAOO,WAAaD,EAAEnU,SAAWmU,EAAEnU,QAAQyT,QACjEU,EAAEnU,QAAQyT,QAAUU,EAAE5G,2CAGrBnO,EAAG/E,EAAM0D,MAAO8B,0DAAM,GAAIsF,yDAAM,EAAGrH,yDAAO,IAC5B1D,EAAqBC,EAAMiM,KAAKyN,KAAKzZ,oBAAlDC,OAAQC,OAET7C,EAAO+E,EAAU,4CAEJqB,qBACIoH,IACjB/F,EAAIkH,KAAKuN,OAAOO,UAAU,IAC1B5Z,EAAIsD,QACAwI,KAAKuN,OAAOzV,aACX7D,GAAU+L,KAAKuN,OAAOS,kBAG3BzU,IAAUA,EAAMnG,OAaZ8E,GAAgB7G,EAVZ+E,EAAU,kBACT,qBACR0C,IACA5E,EAAIsD,KACF6B,GAAY,GAAK,EAAK,iBACdA,GAAY,mBACV,mBACJE,MATLlI,kCAgBD2V,EAAKlO,EAAG/E,EAAM8K,EAAOoI,MACxB9T,GAAQ2F,EAAIkH,KAAKyN,KAAK5G,UAAU,EAChC/O,EAASkI,KAAKyN,KAAK5G,UAAU,EAAGI,IAClBnT,EAAqBC,EAAMiM,KAAKyN,KAAKzZ,SAAUgM,KAAKyN,KAAKtZ,gCAEvEhB,EAAS2E,EAAQ+G,GAEbmI,GAAMlP,MAAOA,EAAO7D,YAAgB6E,EAAGA,EAAG5E,QPxGvB,IOwG6Cc,SA5DlCwY,2BAkE3BC,+EACLA,yDAIDF,eACIvN,KAAKyN,KAAKQ,SAAW,gCAI1BnV,EAAG5E,EAAGuD,MAAO8B,0DAAM,GACnB4N,EAAM/Q,EAAU,yBACHqB,4EAFgB,KAI5BqB,KACA5E,IACD8L,KAAKuN,OAAOK,eAGZrU,IAAUA,EAAMnG,OAaZ8E,GAAgBiP,EAVZ/Q,EAAU,kBACT,qBACR0C,IACA5E,KACEmF,GAAY,GAAK,EAAI2G,KAAKuN,OAAOK,OAAU,iBACnCvU,GAAY,mBACV,mBACJE,MATL4N,kCAgBDA,EAAKrO,EAAG/E,UACPoT,GAAMC,GAAItO,EAAGuO,GAAItT,GPnJE,IOmJoBiB,SAtCRwY,2BOhG5BvU,8EACLA,aACDiV,SAAWjV,EAAKiV,WAChBhB,iBAAmBjU,EAAKiU,mBACxBiB,eAAiBlV,EAAKkV,iBACtBC,eAAiBnV,EAAKmV,iBACtBC,WAAapV,EAAKoV,aAClBC,YAAcrV,EAAKqV,cACnB3S,KAAO1C,EAAK0C,MAAQ,SAEpBmL,UAAY7N,EAAK6N,WAAa,SAC9BC,UAAY9N,EAAK8N,WAAa,SAE9B/S,SAAWyU,EAAKxU,SAChBsa,oBACA9I,+DAGIxM,kGAKJmG,OAAO0H,UAAY7N,EAAK6N,eACxB1H,OAAO2H,UAAY9N,EAAK8N,uDAKzByH,GAAW5L,EAAiB5C,KAAK/L,OAAQ,EAAG,EAAG,QAE9CmM,uDAMQoO,SACHA,EAASzX,IAAI,kBAAK,uBAIlBiJ,KAAK/L,WACP+L,KAAK/L,aACH,yBAKG+L,KAAK/L,aACR,WAMLwV,iBACAgF,sBACAC,4LAUA5F,eDnFsB,QCoFtBC,gBDpFsB,+CCwFpB1K,0DADS2B,KAAKhH,KACCgH,KAAKrE,0CAMtB8S,sBAEAE,gBACAC,kBACAC,qBACAC,uDAKAC,oBAAoB/O,KAAKI,MAAMC,MAAOL,KAAKgP,gBAA+B,SAAdhP,KAAKrE,WACjEyE,MAAMpM,SAAWgM,KAAKI,MAAMC,MAAMrM,qDAInCib,GAAIjP,KAAKI,QACX8O,MAAM5Q,OAAS0B,KAAKhH,KAAKsF,SACzBC,cAAgByB,KAAKhH,KAAKsF,OAAOlL,SAEjCyT,UAAY7G,KAAKlI,MAAOmX,EAAE1Q,gBAE1B4Q,QAAUF,EAAEpI,UAAU,IAEtBqI,MAAMlD,UAAYiD,EAAEC,MAAM5Q,OAAOvH,IAAI,SAACjE,EAAG0D,SAC1C3D,GAASoc,EAAEE,QAAU3Y,EAAIyY,EAAEpI,yDAITxG,EAAO+O,MAAYjN,0DAAc,UAC9C7D,OAASwD,EAAmBsN,EAAYjN,MACxCK,GAAOnC,EAAM/B,SAEb+Q,gBAAkBrP,KAAK/L,OAASgP,EAAcT,MAC9C8M,GAAiB5M,EAAgBF,GAAQnC,EAAMgP,kBAC/Crb,SAAWgM,KAAK/L,OAAUsO,EAAaC,GAAQ8M,IAE/CtD,UAAYxJ,EAAKzL,IAAI,kBAAKsJ,GAAMrM,SAAWlB,EAAIuN,EAAMgP,0DAIvDJ,GAAIjP,KAAKI,WACRpH,KAAKwF,SAASzH,IAAI,cACpBiV,UAAYlZ,EAAE4L,OAAO3H,IAAI,kBAC1BlE,GAASoc,EAAE5O,MAAMrM,SAAWyC,EAAMwY,EAAE5O,MAAMgP,qBAGzCrP,KAAKqO,YAAcrO,KAAKqO,WAAWlB,cAChCnU,KAAKwF,SAASzH,IAAI,SAACjE,EAAG0D,KACxB6W,oBAAsBva,EAAEsa,aAAarW,IAAI,kBAC1ClE,GAASoc,EAAE5O,MAAMrM,SAAWyC,EAAMwY,EAAE5O,MAAMgP,gEAMzCJ,GAAIjP,KAAKI,SACVJ,KAAKqO,YAAcrO,KAAKqO,WAAWlB,sBACnCoC,UAAYvP,KAAKhH,KAAKwF,SAASwB,KAAKhH,KAAKwF,SAASpL,OAAS,GAAGia,uBAG/DkC,UAAY,GAAIjc,OAAM2b,EAAE1Q,eAAe9K,KAAK,WACzCuF,KAAKwF,SAASzH,IAAI,SAACjE,EAAG0D,KACxBwV,UAAUjV,IAAI,SAACsD,EAAK0S,GAClB1S,EAAM4U,EAAEM,UAAUxC,OAClBwC,UAAUxC,GAAK1S,iDAWhB4U,GAAIjP,KAAKI,KACVJ,MAAKhH,KAAKwW,gBACPpP,MAAMoP,SAAWxP,KAAKhH,KAAKwW,SAASzY,IAAI,qBAC1CkV,SAAWpZ,EAASoc,EAAE5O,MAAMrM,SAAWlB,EAAEoK,MAAQ+R,EAAE5O,MAAMgP,mBACzD9V,OAAS,KAAOzG,EAAEoK,MACbpK,KAGNkN,KAAKhH,KAAKyW,gBACPrP,MAAMqP,SAAWzP,KAAKhH,KAAKyW,SAAS1Y,IAAI,eACzCjE,EAAE4Z,IAAM5Z,EAAEK,MAAO,QACCL,EAAE4Z,IAAKvZ,SAAxBA,aAASuZ,kBAEXvZ,MAAQN,EAASoc,EAAE5O,MAAMrM,SAAWlB,EAAEK,MAAQ8b,EAAE5O,MAAMgP,mBACtD3C,IAAM7Z,EAASoc,EAAE5O,MAAMrM,SAAWlB,EAAE4Z,IAAMuC,EAAE5O,MAAMgP,iBAC7Cvc,0DAQLoG,EAAM,YAEP8G,KAAKqO,YAAcrO,KAAKqO,WAAWlB,QAAS,GACxC,kBACFuC,GAAa,GAAIpc,OAAM0M,KAAKI,MAAM7B,eAAe9K,KAAK,QACrDuF,KAAKwF,SAASzH,IAAI,SAACjE,EAAG0D,MACtBkI,GAASwH,EAAKlN,KAAKwF,SAAShI,GAAGkI,SACjCxF,GAAOwW,EAAaA,EAAW3Y,IAAI,SAAC8S,EAAGrT,SAAMqT,GAAInL,EAAOlI,oBAIlD9C,kBAAUsM,KAAKhH,KAAKwF,SAASzH,IAAI,kBAAKjE,GAAEoG,qDAI7CmG,mBAEH,cAEOW,KAAK+G,gBACJ/G,KAAKlI,SAMb,cAEOkI,KAAK8G,iBACH9G,KAAK/L,UAMd,kBAEQ+L,KAAKlI,UACP,WAKN,kBAEQkI,KAAKlI,UACP,gEAMJ6X,GAAa,WAAY,iBACxBzP,WAAaF,KAAKX,iBACrBoE,OAAO,mBAASkM,EAAU7T,SAAS7C,EAAK,KAAO0R,EAAK3R,KAAKC,EAAK,MAC9DlC,IAAI,qBACC6G,KAAK,iBAAoBoC,MAAKI,MAAMnH,EAAK,KAAO2W,SAC9C5Q,kBAAgB/F,8DAKrB4W,iBAEC7W,KAAKwF,SAASnG,QAAQ,SAACvF,EAAG+L,GACX,SAAhB/L,EAAEgM,aACgBlB,KAAK2O,EAAKuD,iBAAiBhd,EAAG+L,OAG/CkR,GAAWxD,EAAKyD,cAAcld,EAAEgM,aAChBlB,KAAK2O,EAAK0D,qBAC7BpR,EAAOkR,MAGFF,+CAGahR,EAAOyO,oBACpB,IAAI/N,4BACE,yBAA2BV,eACzB,cAET/L,GAAI2Z,EAAKzT,KAAKwF,SAASK,SAEpB/L,GAAEkZ,UAAUjV,IAAI,SAAC7C,EAAG6Y,SACnBO,GAAa5E,KACnB+D,EAAKrM,MAAM8O,MAAMlD,UAAUe,GAC3B7Y,EACAuY,EAAKpQ,OAAOwC,GACX4N,EAAKS,iBAAoBT,EAAK4B,YAC9B5B,EAAK4B,WAAWlB,QAAUra,EAAEsa,aAAaL,GAAKja,EAAE4L,OAAOqO,GAAM,GAC9DA,EACA7Y,GAAKpB,EAAEua,oBAAsBva,EAAEua,oBAAoBN,GAAK7Y,gBAIjD,qBAOa,SAAnB8L,KAAKyN,KAAK9R,MAAoBqE,KAAKyN,KAAKY,YACtCrO,KAAKyN,KAAKY,WAAWlB,SAPJ,aAChBvB,MAAM1U,aAAa,yBAA0BoW,EAAaC,OAAOzV,MAAQ+G,sBAWvE,SAACqR,MAEL/a,GAAOsX,EAAKrM,MAAM8O,MAAMlD,UACxBxW,EAAOiX,EAAKzT,KAAKwF,SAASK,GAAOmN,UAEjCmE,EAAWD,EAASA,EAAS9c,OAAS,GACtCwD,EAAauZ,EAASvZ,cAEvB6V,EAAK2D,SAASC,OAAS,MACrB,GAAI7Z,GAAI,EAAGA,EAAEiW,EAAK2D,SAASC,OAAQ7Z,IAAK,IACvC9B,GAAOyb,EAAStT,WAAU,KACnBnG,YAAYhC,KACdkJ,KAAKlJ,KAIPqC,IAAI,SAACrC,EAAM8B,OACJ8F,KAAZnH,EAAKqB,QAAgC8F,KAAZ9G,EAAKgB,MAC5ByH,kBAAkBL,KAAK0P,EAAahD,QACxC5V,IACK8B,GACLhB,EAAKgB,GACLqI,EACA4N,EAAKzT,KAAKwF,SAASpL,uDAOPN,EAAG+L,oBACZ,IAAIU,4BACE,4BACH,0BACK,cACTzM,GAAIwd,EAAKtX,KAAKwF,SAASK,GACvBpH,EAAQ6Y,EAAKjU,OAAOwC,SAEjBW,GACN1M,EAAEkZ,UACFsE,EAAKlQ,MAAM8O,MAAMlD,UACjBvU,EACA6Y,EAAKlR,OAAOO,SACZ2Q,EAAKlR,OAAOQ,qBAGL,SAAC0H,MACLnS,GAAOmb,EAAKlQ,MAAM8O,MAAMlD,UACxBxW,EAAO8a,EAAKtX,KAAKwF,SAASK,GAAOmN,UAEjC5W,EAAOkb,EAAKF,SAASlB,MAAMlD,UAC3BvW,EAAO6a,EAAKF,SAAS5R,SAASK,GAAOmN,UAGrCpV,EAAa0Q,EAAM,GAAG1Q,aAEXvC,EAAqBe,EAAMD,iCAC3Bd,EAAqBoB,EAAMD,2BAEvC8a,EAAKF,SAASC,OAAS,MACjB7Q,EACP/J,EAAML,EAAMkb,EAAKjU,OAAOwC,GACxByR,EAAKlR,OAAOO,SACZ2Q,EAAKlR,OAAOQ,cAEFmM,YAAc,KACnBhV,IAAI,kBAAQH,GAAWF,YAAYoJ,SAGpCyQ,GAAgB/a,EAAKuB,IAAI,SAAC7C,EAAGsC,SAAOrB,GAAKqB,GAAK,IAAMtC,MACrD+J,kBAAoBqS,EAAKrS,kBAC5BvK,OAAO4c,EAAKP,SAASS,YAAYlJ,EAAOiJ,EAAcxb,KAAK,gEAO1DqU,aAAarD,iBAAiB,YAAa,SAACzN,MAC5ChC,GAAInF,EAAUsf,EAAKrH,cACnBsH,EAAOpY,EAAEqY,MAAQra,EAAE3E,KAAO8e,EAAK3H,cACxBxQ,GAAEsY,MAAQta,EAAE/E,IAAMkf,EAAK5H,WAExB4H,EAAKxc,OAA2B,EAAlBwc,EAAK5H,aACvBgI,oBAAoBH,KAEpBpH,IAAIzD,yDAKQ6K,cACfzB,EAAIjP,KAAKI,SACT6O,EAAEM,cAEFuB,GAAS7B,EAAEC,MAAM5Q,MAClB0B,MAAKoO,gBAAkBpO,KAAKoO,eAAe0C,EAAO,QAC3CA,EAAO/Z,IAAI,kBAAGga,GAAK3C,eAAetb,UAKxC,GAFAke,GAAUhR,KAAKmO,gBAAkBnO,KAAKmO,eAAenO,KAAK9L,EAAE,GAAGwK,OAAO,IAElElI,EAAEyY,EAAE1Q,cAAgB,EAAG/H,GAAK,EAAIA,IAAK,IACxCya,GAAOhC,EAAEC,MAAMlD,UAAUxV,MAE1Bka,EAAOO,EAAOhC,EAAEpI,UAAU,EAAG,IAC3B/N,GAAImY,EAAOjR,KAAK8I,eAChB5U,EAAI+a,EAAEM,UAAU/Y,GAAKwJ,KAAK6I,WAE1BnK,EAASsB,KAAKhH,KAAKwF,SAASzH,IAAI,SAACkP,EAAK8G,gBAEjC9G,EAAI7J,YACJ4U,EAAUD,EAAK5C,eAAelI,EAAIvH,OAAOlI,IAAMyP,EAAIvH,OAAOlI,SAC1Dua,EAAK1U,OAAO0Q,WAIhBzD,IAAI4H,WAAWpY,EAAG5E,EAAG4c,EAAOta,GAAI,GAAIkI,QACpC4K,IAAI6H,8DAMCtS,0DAAMmB,KAAKoR,cAEnBC,SACIxS,GAEJ3K,EAAI8L,KAAK9L,EAAE,UACd,YAAa,iBAAkB,UAAU6C,IAAI,eACzCua,GAAWpY,EAAIiC,MAAM,EAAGjC,EAAI9F,OAAO,KAC5Bke,GAAYpd,EAAEgF,GAAK2F,OAEpBtF,MAAQyG,KAAKkP,MAAM5Q,OAAOO,GAC9BwS,8CAGYxS,MACXxD,SAASwD,IACN,IAAGA,EAAQ,GACnBA,GAASmB,KAAKkP,MAAM5Q,OAAOlL,SAAQyL,EAAQmB,KAAKkP,MAAM5Q,OAAOlL,OAAS,GACtEyL,IAAUmB,KAAKoR,qBACbA,cAAgBvS,IACnB0S,KAAKvR,KAAKpI,OAAQ,cAAeoI,KAAKwR,sDAK5BjY,EAAOkY,MAAe5S,0DAAMmB,KAAKI,MAAM7B,0GAChChF,EAAOkY,EAAe5S,QAEpC7F,KAAKsF,OAAOoT,OAAO7S,EAAO,EAAGtF,QAC7BP,KAAKwF,SAASzH,IAAI,SAACjE,EAAG0D,KACxBkI,OAAOgT,OAAO7S,EAAO,EAAG4S,EAAcjb,WAGpC0T,OAAOlK,KAAKhH,mDAGF6F,0DAAQmB,KAAKI,MAAM7B,cAAc,iGAC1BM,QACjB7F,KAAKsF,OAAOoT,OAAO7S,EAAO,QAC1B7F,KAAKwF,SAASzH,IAAI,cACpB2H,OAAOgT,OAAO7S,EAAO,UAEnBqL,OAAOlK,KAAKhH,aArcoB6O,KCZlB8J,0BACR1Y,8EACLA,aAED0C,KAAO,UAER1C,EAAK2Y,YAGHA,UAAY3Y,EAAK2Y,YAFjBA,UAAY,IAKbnM,sKAKAoM,gBACE,YACEjE,OAAQ5N,KAAK4R,qHCfX3Y,8EACLA,aACD0C,KAAO,OAETgS,OAAOmE,oBAAyBC,EAAUC,mBAIxCvM,gEAGIxM,4FACOA,QACXmG,OAAO0H,UAAY7N,EAAK6N,WAAa,YACrC1H,OAAO2H,UAAY9N,EAAK8N,WAAa,YAErC3H,OAAOwS,UAAY3Y,EAAK2Y,WAAa,OAErCxS,OAAOO,SAAW1G,EAAK0G,UAAY,OACnCP,OAAOQ,WAAa3G,EAAK2G,YAAc,OACvCR,OAAO6S,SAAWhZ,EAAKgZ,UAAY,6CAInCC,eACE,YACEtE,OAAQ5N,KAAKZ,OAAOwS,kEAMxBxR,MAAMyG,UAAY7G,KAAKlI,OAAOkI,KAAKI,MAAM7B,cAAgB,QACzD6B,MAAM+O,QAAU,SAlCgBnK,KCAlBmN,0BACRlZ,+EACLA,+DAMD0C,KAAO,+IAKRyW,GAAepS,KAAKhH,KAAKwF,SAASiF,OAAO,kBAAwB,SAAnB3Q,EAAEuf,eAAyBjf,YACxE0V,eJnBsB,GImBJsJ,GJnBI,QIoBtBrJ,gBJpBsB,IIoBH/I,KAAKhH,KAAKwF,SAASpL,OAASgf,IJpBzB,+EIyBhBpZ,8FACOA,MAOdsZ,GAAY,EAAGC,EAAa,CANrBvS,MAAKI,MAAM5B,SAQjBnG,QAAQ,SAACvF,EAAG0D,KACd6J,gBACSvN,EAAEuf,mBACc,SAAnBvf,EAAEuf,aAA0BC,IAAcC,yCAK1CtZ,4FACOA,QACXmG,OAAO0H,UAAY7N,EAAK6N,WAAa,YACrC1H,OAAO2H,UAAY9N,EAAK8N,WAAa,kDASrCmL,eACE,uBAEOlS,KAAKI,MAAMyG,UAAU,uDAM9BzG,MAAM5B,SAASzH,IAAI,cAClBgY,oBAAoBjc,EAAEuN,MAAOvN,EAAE4L,OAA0B,SAAlBwH,EAAKsM,sDAK7CpS,MAAM5B,SAASzH,IAAI,cACrBiV,UAAYlZ,EAAE4L,OAAO3H,IAAI,kBAAOlE,GAASC,EAAEuN,MAAMrM,SAAWyC,EAAM3D,EAAEuN,MAAMgP,+EAMxEjP,MAAM5B,SAASzH,IAAI,eACnB0b,GAAgC,SAArB3f,EAAEuN,MAAM4L,UACnB,EAAInZ,EAAEuN,MAAMxB,MJ/EU,GIgFvB8L,EAAK7S,MJhFkB,GIgFVhF,EAAEuN,MAAMxB,QACnBkR,SAAS7a,MAAMud,EAAU,QACzB,WACE,cACE9H,EAAKtO,OAAO7F,aACT,iFAMNwJ,MAAKhH,KAAKwF,SAASzH,IAAI,SAACuB,EAAG9B,SAC1B,IAAI+I,4BACE,iBAAmB/I,OACzB,cACD6J,GAAQkM,EAAKnM,MAAM5B,SAAShI,GAAG6J,QAC9B0P,SAAS2C,YAAYrS,EAAMsS,aAC5BjZ,QACE2G,EAAM4L,cACL,cJnGiB,GIoGf5L,EAAMxB,aACN0N,EAAKlQ,OAAO7F,UAGd6J,GAAM2L,UAAUjV,IAAI,SAACkV,EAAUc,SACrCR,GAAKwD,SAASxa,MAAM0W,EAAU5L,EAAM/B,OAAOyO,GAAIrT,cAGxC,+EAOJsG,MAAKhH,KAAKwF,SAASzH,IAAI,SAACjE,EAAG+L,SAC1B,IAAIU,4BACE,yBAA2BV,OACjC,cACD/L,GAAI2Z,EAAKrM,MAAM5B,SAASK,GACxB2T,EAAW/F,EAAKyF,kBAGfnC,SAAS2C,YAAY5f,EAAEuN,MAAMrM,UAE3BlB,EAAEkZ,UAAUjV,IAAI,SAAC7C,EAAG6Y,SACnBN,GAAKsD,SAASyC,EAAS7W,MAC7B8Q,EAAKrM,MAAMwS,eAAe7F,GAC1B7Y,EACAse,EAASvZ,KACTwT,EAAKpQ,OAAOwC,GACZkO,EACAlO,EACA4N,EAAKrM,MAAM7B,0BAIL,SAAC2R,MACLpd,GAAI2Z,EAAKrM,MAAM5B,SAASK,GACxB2T,EAAW/F,EAAKyF,SAASvW,KAGzBxG,EAAOsX,EAAKrM,MAAMwS,eAClBpd,EAAOiX,EAAKrM,MAAM5B,SAASK,GAAOmN,UAElCmE,EAAWD,EAASA,EAAS9c,OAAS,GACtCwD,EAAauZ,EAASvZ,cAEvB6V,EAAK2D,SAASC,OAAS,MACrB,GAAI7Z,GAAI,EAAGA,EAAEiW,EAAK2D,SAASC,OAAQ7Z,IAAK,IACvC9B,GAAOyb,EAAStT,WAAU,KACnBnG,YAAYhC,KACdkJ,KAAKlJ,KAIXqb,SAAS2C,YAAY5f,EAAEuN,MAAMrM,YAEzB+C,IAAI,SAACrC,EAAM8B,OACJ8F,KAAZnH,EAAKqB,QAAgC8F,KAAZ9G,EAAKgB,MAC5ByH,kBAAkBL,KAAK6O,EAAKsD,SAAS,UAAYyC,GACrD9d,IACK8B,GACLhB,EAAKgB,GACLqI,EACA4N,EAAKrM,MAAM6G,6BAhK0BjC,ICFvB6N,0BACR5Z,8EACLA,aACD0C,KAAO,eAEPmX,WAAa,KACbC,kBAAoB,IAEpBtN,0EAIA2D,aAAavR,WAAa,2BAC1BuR,aAAapS,MAAMgc,UAAY,YAE/B3J,aAAaxR,WAAa,2BAC1BwR,aAAarS,MAAMic,aAAe,YAClC5J,aAAarS,MAAMkc,WAAa,WAEhCC,SAAWhd,EAAE+O,OAAO,iBACb,aACHlF,KAAKoJ,oBAGTgK,MAAQjd,EAAE+O,OAAO,iBACV,wBACHlF,KAAKmT,sDAKTE,cAAgBld,EAAE+O,OAAO,iBAClB,kBACHlF,KAAKoT,+DAKTE,mBACDC,GAAavT,KAAKhH,KAAKsF,OAAOvH,IAAI,SAACjE,EAAG0D,MACrCgd,GAAQ,WACPxa,KAAKwF,SAASzH,IAAI,eACbuB,EAAEoG,OAAOlI,MAEXgd,EAAO1gB,KACb2Q,OAAO,kBAAc3Q,GAAE,GAAK,IAE3B2gB,EAASF,KAEVA,EAAWngB,OAAS4M,KAAK8S,WAAY,GAC5BY,KAAK,SAACC,EAAGrY,SAAeA,GAAE,GAAKqY,EAAE,OAEnCJ,EAAWpY,MAAM,EAAG6E,KAAK8S,WAAW,MAGzCc,GAAgB,CAFPL,GAAWpY,MAAM6E,KAAK8S,WAAW,GAGvC/b,IAAI,eAAuBjE,EAAE,OAE7B8K,MAAMgW,EAAe,cAEvBvX,OAAO2D,KAAK8S,WAAW,GAAK,YAG7BxU,YACEvH,IAAI,cACLuc,aAAa1V,KAAK9K,EAAE,MACpBwL,OAAOV,KAAK9K,EAAE,WAGf+gB,cAAgB7T,KAAKsT,aAAanY,MAAM,EAAG6E,KAAK+S,8EAIhDe,YAAc9T,KAAKsT,aAAaS,OAAO,SAACJ,EAAGrY,SAAMqY,GAAIrY,GAAG,QACxD0Y,eACAV,aAAavc,IAAI,SAACyc,EAAOhd,MACzB2E,GAAQhF,EAAE+O,OAAO,uCAEZyF,EAAK0I,iCAEA1I,EAAKtO,OAAO7F,SACX,IAANgd,EAAU7I,EAAKmJ,YAAc,SAGjCE,OAAOpW,KAAKzC,2FAOb6Y,OAAOjd,IAAI,SAACoE,EAAO3E,KACjBuP,iBAAiB,aAAc,cAChCkO,GAAQ9iB,EAAUob,EAAKnD,cAAe8K,EAAQ/iB,EAAUgK,GAExDrC,EAAIob,EAAMviB,KAAOsiB,EAAMtiB,KAAOwJ,EAAMiL,YAAY,EAChDlS,EAAIggB,EAAM3iB,IAAM0iB,EAAM1iB,IAAM,EAC5B6K,GAASmQ,EAAK4H,kBAAoB5H,EAAK4H,iBAAiB/gB,OAAO,EAChEmZ,EAAK4H,iBAAiB3d,GAAK+V,EAAKjO,OAAO9H,IAAM,KAC5C4d,GAAgC,IAArB7H,EAAK+G,aAAa9c,GAAO+V,EAAKuH,aAAa/gB,QAAQ,KAE7DuW,IAAI4H,WAAWpY,EAAG5E,EAAGkI,EAAOgY,EAAU,OACtC9K,IAAI6H,iEAMPkD,EAAWrU,KAAKmU,kBAAoBnU,KAAKmU,iBAAiB/gB,OAAS,EACpE4M,KAAKmU,iBAAmBnU,KAAK1B,YAC3BuV,cAAc9c,IAAI,SAACjE,EAAG0D,GACvB1D,IACUqD,EAAE+O,OAAO,iBACT,eACHuH,EAAKpD,eAERrD,uEACmByG,EAAKpQ,OAAO7F,iDACT6d,EAAS7d,0BAClC1D,gCAvHsC+U,ICEvCyM,GAAc/gB,KAAKghB,GAAK,IAGTC,0BACRvb,8EACLA,aACD0C,KAAO,QACP8Y,oBAAsB,OACtBC,WAAazb,EAAKyb,YAAc,KAChC5B,WAAa,KACbC,kBAAoB,IACpB4B,WAAY,IACZC,WAAa3b,EAAK2b,YAAc,IAChCC,UAAY5b,EAAK4b,YAAa,IAC9BC,UAAYrM,EAAKqM,UAAUlF,UAC3BmF,WAAatM,EAAKsM,WAAWnF,UAC7BnK,oFAGAuP,QAAUhV,KAAKlI,MAAQ,OACvBmd,QAAUjV,KAAK/L,OAAS,OACxB2Z,OAAU5N,KAAK/L,OAAS+L,KAAKlI,MAAQkI,KAAKgV,QAAUhV,KAAKiV,aACzD3B,mBACDC,GAAavT,KAAKhH,KAAKsF,OAAOvH,IAAI,SAACjE,EAAG0D,MACrCgd,GAAQ,WACPxa,KAAKwF,SAASzH,IAAI,eACbuB,EAAEoG,OAAOlI,MAEXgd,EAAO1gB,KACb2Q,OAAO,kBAAc3Q,GAAE,GAAK,IAE3B2gB,EAASF,KAEVA,EAAWngB,OAAS4M,KAAK8S,WAAY,GAC5BY,KAAK,SAACC,EAAGrY,SAAeA,GAAE,GAAKqY,EAAE,OAEnCJ,EAAWpY,MAAM,EAAG6E,KAAK8S,WAAW,MAGzCc,GAAgB,CAFPL,GAAWpY,MAAM6E,KAAK8S,WAAW,GAGvC/b,IAAI,eAAuBjE,EAAE,OAE7B8K,MAAMgW,EAAe,cAEvBvX,OAAO2D,KAAK8S,WAAW,GAAK,YAG7BxU,YACEvH,IAAI,cACLuc,aAAa1V,KAAK9K,EAAE,MACpBwL,OAAOV,KAAK9K,EAAE,WAGf+gB,cAAgB7T,KAAKsT,aAAanY,MAAM,EAAG6E,KAAK+S,uDAS1CmC,EAAcC,MACnBH,GAAoChV,KAApCgV,QAAQC,EAA4BjV,KAA5BiV,QAAQrH,EAAoB5N,KAApB4N,OAAOiH,EAAa7U,KAAb6U,oBAClBG,MAAWC,QAAYD,EAAQE,EAAcpc,QAAKmc,EAAQC,EAAchhB,SAAO0Z,MAAUA,WAAciH,EAAY,EAAI,QAAKG,EAAQG,EAAYrc,QAAKmc,EAAQE,EAAYjhB,iDAEpKsV,cACVoE,EAAoB5N,KAApB4N,OAAOiH,EAAa7U,KAAb6U,eACRf,YAAc9T,KAAKsT,aAAaS,OAAO,SAACJ,EAAGrY,SAAMqY,GAAIrY,GAAG,MACvD8Z,GAAuBpV,KAAKqV,0BAC7BrB,eACAS,4BACAY,uBACDC,GAAW,IAAMtV,KAAK4U,gBACrBtB,aAAavc,IAAI,SAACyc,EAAOhd,MACvBoe,GAAaU,EACbC,EAAmB/B,EAAQ7I,EAAKmJ,YA3EtB,IA4EV0B,EAAYX,GAAaU,EAAkBA,EAC3CE,EAAWH,GAAsBE,EACjCN,EAAgBV,EAASkB,mBAAmBd,EAAWhH,GACvDuH,EAAcX,EAASkB,mBAAmBD,EAAS7H,GACnD+H,EAAenM,GAAQ4L,EAAqB5e,GAC9Cof,SAASC,QACVrM,MACSmM,EAAaA,EAAaT,cAAgBA,IAC5CS,EAAcA,EAAaR,YAAcD,MAEvCA,IACFC,MAEJW,GAAUnL,EAAKoL,YAAYH,EAASC,GACtC1a,EAAQ5C,EAASud,EAAS,WAAY,OAAQnL,EAAKtO,OAAO7F,MACxDQ,MAAMgf,WAAa,mBACpBlM,SAASpT,YAAYyE,KAErB6Y,OAAOpW,KAAKzC,KACZka,iBAAiBzX,0CAGd4V,QACA7I,EAAKmJ,0CAGN0B,IAEJhM,KACGiL,oBAAoB7W,OAAOlJ,KAAMyG,EAAOlI,MAAO0X,EAAKqJ,OAAQnV,MAAO8L,EAAKqJ,OAAO5gB,OAAS,IAC3FN,EAAE6X,EAAKoL,YAAYb,EAAcC,IAClC,IAAK,SAAS,QACXW,OAKHtM,KACexJ,KAAKoJ,aAAcpJ,KAAKwK,IAAKxK,KAAKyU,iEAIjCwB,MACbrI,GAAqB5N,KAArB4N,OAAO8G,EAAc1U,KAAd0U,WACPzI,EAAWuI,EAASkB,mBAAmBO,EAASrB,WAAYqB,EAASC,MAAQ,EAAGtI,wBAC/D3B,EAASnT,EAAK4b,QAAiBzI,EAAS/X,EAAKwgB,6CAE1D5U,EAAKtJ,EAAE2f,EAAK7d,MAClBwH,MACErI,GAAQuI,KAAK3D,OAAO7F,MACvB2f,EAAK,GACGrW,EAAKE,KAAKoW,oBAAoBpW,KAAKqV,iBAAiB7e,OACzDQ,MAAMvD,KAAOqH,EAAmBrD,EAAM,OACvCwc,GAAQ9iB,EAAU6O,KAAKwK,KACvB1R,EAAIR,EAAEqY,MAAQsD,EAAMtiB,KAAO,GAC3BuC,EAAIoE,EAAEsY,MAAQqD,EAAM1iB,IAAM,GAC1B6K,GAAS4D,KAAKmU,kBAAoBnU,KAAKmU,iBAAiB/gB,OAAO,EAChE4M,KAAKmU,iBAAiB3d,GAAKwJ,KAAK1B,OAAO9H,IAAM,KAC5C4d,GAAgC,IAArBpU,KAAKsT,aAAa9c,GAAOwJ,KAAK8T,aAAa/gB,QAAQ,QAC7DuW,IAAI4H,WAAWpY,EAAG5E,EAAGkI,EAAOgY,EAAU,UACtC9K,IAAI6H,kBAECrR,EAAK,2BACVwJ,IAAIzD,aACJ7O,MAAMvD,KAAOgE,qCAIVa,OAIL,GAHE+d,GAAS/d,EAAE+d,OACbC,EAAYtW,KAAKuW,oBACjBC,EAAaxW,KAAKyW,eACdjgB,EAAI,EAAGA,EAAIwJ,KAAKgU,OAAO5gB,OAAQoD,OACnC6f,IAAWrW,KAAKgU,OAAOxd,GAAG,MACvBkgB,WAAWF,EAAWF,GAAU,QAChCG,eAAiBJ,OACjBE,oBAAsB/f,OACtBkgB,WAAWL,EAAO7f,GAAE,EAAK8B,oDAM3Boe,WAAW1W,KAAKyW,eAAezW,KAAKuW,qBAAoB,8CAGxDzM,SAAS/D,iBAAiB,YAAY/F,KAAK8U,gBAC3ChL,SAAS/D,iBAAiB,aAAa/F,KAAK+U,8DAI7CV,EAAWrU,KAAKmU,kBAAoBnU,KAAKmU,iBAAiB/gB,OAAS,EACpE4M,KAAKmU,iBAAmBnU,KAAK1B,YAC3BuV,cAAc9c,IAAI,SAACjE,EAAG0D,MACpBiB,GAAQ8U,EAAKlQ,OAAO7F,EAEvB1D,KACUqD,EAAE+O,OAAO,iBACT,eACHqH,EAAKlD,eAERrD,4EACwBvO,iDACF4c,EAAS7d,0BAClC1D,sEA7HoBojB,EAAMtI,YAE5Bra,KAAKojB,IAAIT,EAAQ5B,IAAe1G,IAChCra,KAAKqjB,IAAIV,EAAQ5B,IAAe1G,UAxDC/F,yCCApC1U,MAAAA,aAAQ,SACR0jB,OAAAA,aAAS,SACTC,UAAAA,aAAY,SACZ9d,KAAAA,sBACA+d,iBAAAA,aAAmB,QACnBC,YAAAA,aAAc,SACdC,cAAAA,6FAEM/O,UAAU,OAEXvM,KAAO,YAEPkb,OAASA,IACTC,UAAYA,IACZ9d,KAAOA,IACP+d,iBAAmBA,IACnBC,YAAcA,KAEfE,GAAQ,GAAIrT,eACX1Q,MAAQA,GAASyR,GAAQsS,EAAO,OAErBD,EAAc9b,MAAM,EAAG,KAClC8b,cAAgBxO,EAAK0O,gBAAgBF,GACvCA,GACC,UAAW,UAAW,UAAW,UAAW,aAI3CG,kBAAoB,IAEpBC,WAAa,+DAIHhb,MACZA,EAAOjJ,OAAS,EAAG,MAAO,MAEzBkkB,GAAQ,WACLjf,QAAQ,SAASzE,GACnB4H,EAAa5H,OACR,UACA2jB,KAAK,IAAM3jB,EAAS,6BAE3BoM,MAEIsX,qIAKFJ,MAAQ,GAAIrT,MAEb7D,KAAK7M,aACHA,MAAQ,GAAI0Q,WACZ1Q,MAAMqkB,YAAaxX,KAAK7M,MAAMoR,cAAgB,SAE/CkT,iBAAmB,GAAI5T,MAAK7D,KAAK7M,MAAMukB,qBACvCC,gBAAkB,GAAI9T,MAAK7D,KAAKkX,MAAMQ,gBACL,IAAnC1X,KAAKyX,iBAAiBG,aAChB5X,KAAKyX,kBAAoB,EAAKzX,KAAKyX,iBAAiBG,UAExB,IAAlC5X,KAAK2X,gBAAgBC,aACf5X,KAAK2X,iBAAmB,EAAK3X,KAAK2X,gBAAgBC,eAEtDC,WAAarT,GAAgBxE,KAAKyX,iBAAmB,GAAIzX,KAAK2X,gBAAkB,IAAM,2CAItFxN,UAAoC,IAAvBnK,KAAK6X,WAAa,GAEjC7X,KAAK+W,wBACF5M,WAAc,gDAKf2N,mBAAqB9X,KAAK+X,UAC9B,uCAEIC,YAAchY,KAAK+X,UACvB,yFAMID,mBAAmB/L,YAAc,QACjCiM,YAAYjM,YAAc,MAE3BkM,GAActK,OAAO7W,KAAKkJ,KAAKhH,MAAMjC,IAAI,kBAAOmP,GAAKlN,KAAKE,UACzDoK,aAAeJ,EAAiB+U,EAAajY,KAAKoX,wBAElDc,aAAe,UAAW,WAAY,QAAS,QAAS,MAAO,OACnE,OAAQ,SAAU,YAAa,UAAW,WAAY,iBAGlDC,oCAAoCnY,KAAK6X,wEAGXO,MAC/BC,GAAsB,GAAIxU,MAAK7D,KAAKyX,uBACnCa,SAAW,OACXC,cAAgBF,EAAoB/T,gBAEpCkU,QAAUxY,KAAKuY,cAAgB,SAC/BE,eAAkBzY,KAAK0Y,2BACvBD,YAAYzY,KAAKuY,eAAiB,OAClCG,mBAAmB9a,KAAK,QAEzB,GAAIpH,GAAI,EAAGA,EAAI4hB,EAAa5hB,IAAK,IAChCmiB,UAAYC,EAAe,EAC3BC,EAAM,GAAIhV,MAAKwU,KAEUrY,KAAK8Y,uBAAuBD,EAAK7Y,KAAKsY,uCAC9DN,YAAYthB,YAAYiiB,QACxBL,UAAY,EAAIjd,SAAS2E,KAAK+W,kBAAoB6B,QAClDH,YAAYzY,KAAKuY,iBACnBK,SACGL,eAAiBvY,KAAKuY,cAAgB,GAAK,QAC3CC,OAAO5a,KAAKoC,KAAKuY,cAAgB,SACjCE,YAAYzY,KAAKuY,eAAiB,MAEhCF,EAAqB,QAEzBU,qEAGiBC,EAAcna,OAYhC,GAPEoa,GAAajZ,KAAKkX,MAAMgC,UAE1BN,EAAe,EACfO,EAAkB,EAElBR,EAAa1gB,EAAa+H,KAAKgY,YAAa,cAExC9jB,EAAI,EAAGsC,EAAI,EAAGA,EAXC,EAWmBA,GAR7B,EAQwCtC,GAAMklB,GAA6B,IACnFC,GAAa,EACbC,EAAc,EAEdC,EAAoBP,EAAaE,UAAU,IAC3CM,EAAYjmB,KAAKqN,MAAM2Y,EAAqBA,EAAoB,OAAQxmB,QAAQ,EAEjFiN,MAAKhH,KAAKwgB,OACCxZ,KAAKhH,KAAKwgB,IAGrBxZ,KAAKhH,KAAKzF,KAAKkmB,MAAMD,QACVxZ,KAAKhH,KAAKzF,KAAKkmB,MAAMD,KAGhCH,MACY7V,EAAiB6V,EAAYrZ,KAAKsD,kBAG7CxK,GAAI,GAAiC,IAA3B+F,EAAQsa,GAElBO,eACUzV,GAAY+U,gBACXK,aACFL,EAAapB,UAEtB+B,EAAa9gB,EAAe,MAAOC,EAAG5E,EApCvB,GAqClB8L,KAAKiX,cAAcqC,GAAcI,KAEvBhjB,YAAYijB,MAEnBC,GAAY,GAAI/V,MAAKmV,SACjBY,EAAW,GAChBA,EAAUV,UAAYD,EAAY,KAGlCW,GAAUtV,WAAa0U,EAAa1U,eACvB,EACZtE,KAAK+W,qBACW,QAGd2B,mBAAmB9a,KAAK,GAAiC,IAA3BiB,EAAQsa,OAE7BS,SAGRjB,EAAYC,iEAkBfJ,OAAOqB,aACPnB,mBAAmBmB,aACnBrB,OAAOsB,WACPpB,mBAAmBoB,WAEnBpB,mBAAmB3hB,IAAI,SAAC5D,EAAOqD,MAE/BsD,GAAOX,EAAS,eAAgBhG,EAAM,GAAI,GAD5BwX,EAAKuN,YAAYvN,EAAK6N,OAAOhiB,IAAIujB,UAAU,EAAG,MAE3DjC,mBAAmBphB,YAAYoD,sDAK/BkY,UAAU7W,MAAM6e,KACrBha,KAAK4F,UAAUqU,iBAAiB,+CAC/BljB,IAAI,cACHC,MAAMkjB,QAAU,cAEd9Q,aAAapS,MAAMgc,UAAY,WAC/B5J,aAAapS,MAAMkc,WAAa,6DAI/BlB,UAAU7W,MAAM6e,KACrB/oB,SAASgpB,iBAAiB,qBACzBljB,IAAI,cACFgP,iBAAiB,aAAc,SAACzN,MAC9BpF,GAAQoF,EAAE+d,OAAOngB,aAAa,cAC9BikB,EAAa7hB,EAAE+d,OAAOngB,aAAa,aAAakkB,MAAM,KAEtDC,EAAQ9N,EAAK2L,YAAY7c,SAAS8e,EAAW,IAAI,GAAGJ,UAAU,EAAG,GAEjE9F,EAAQ1H,EAAKnD,aAAa9X,wBAAyB4iB,EAAQ5b,EAAE+d,OAAO/kB,wBAEpEwG,EAAQuD,SAAS/C,EAAE+d,OAAOngB,aAAa,UACvC4C,EAAIob,EAAMviB,KAAOsiB,EAAMtiB,MAAQmG,EAAM,GAAG,EACxC5D,EAAIggB,EAAM3iB,IAAM0iB,EAAM1iB,KAAOuG,EAAM,GAAG,EACtCoF,EAAQhK,EAAQ,IAAMqZ,EAAKyK,YAC3B/X,EAAO,OAASob,EAAQ,IAAMF,EAAW,GAAK,KAAOA,EAAW,KAE/D7Q,IAAI4H,WAAWpY,EAAG5E,EAAG+K,EAAM/B,KAAW,KACtCoM,IAAI6H,8CAKLnY,QACDA,KAAOA,OACPshB,oBACA/Q,qBA/P8B1B,IVgB/B5C,UACED,aACImN,WACFR,cACGkB,WACH0H,OACJ/F,IAqBerY,GACpB,WAAYlD,qBACJ8L,GAAe9L,EAAK0C,KAAMuM,UAAU"}
\ No newline at end of file
+{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/animate.js","../src/js/utils/draw.js","../src/js/utils/colors.js","../src/js/config.js","../src/js/utils/animation.js","../src/js/charts/axis-chart-utils.js","../src/js/objects/ChartComponents.js","../src/js/objects/AxisChartControllers.js","../src/js/utils/intervals.js","../src/js/utils/date-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/charts/BaseChart.js","../src/js/utils/constants.js","../src/js/charts/AxisChart.js","../src/js/charts/ScatterChart.js","../src/js/charts/LineChart.js","../src/js/charts/MultiAxisChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\n\t\t// In case of invisible bars\n\t\tif(height === 0) {\n\t\t\theight = totalHeight * MIN_BAR_PERCENT_HEIGHT;\n\t\t\ty -= height;\n\t\t}\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n\n// let char_width = 8;\n// let allowed_space = avgUnitWidth * 1.5;\n// let allowed_letters = allowed_space / 8;\n\n// return values.map((value, i) => {\n// \tlet space_taken = getStringWidth(value, char_width) + 2;\n// \tif(space_taken > allowed_space) {\n// \t\tif(isSeries) {\n// \t\t\t// Skip some axis lines if X axis is a series\n// \t\t\tlet skips = 1;\n// \t\t\twhile((space_taken/skips)*2 > allowed_space) {\n// \t\t\t\tskips++;\n// \t\t\t}\n// \t\t\tif(i % skips !== 0) {\n// \t\t\t\treturn;\n// \t\t\t}\n// \t\t} else {\n// \t\t\tvalue = value.slice(0, allowed_letters-3) + \" ...\";\n// \t\t}\n// \t}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: oldCoord.join(', ')}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport var Animator = (function() {\n\tvar Animator = function(totalHeight, totalWidth, zeroLine, avgUnitWidth) {\n\t\t// constants\n\t\tthis.totalHeight = totalHeight;\n\t\tthis.totalWidth = totalWidth;\n\n\t\t// changeables\n\t\tthis.avgUnitWidth = avgUnitWidth;\n\t\tthis.zeroLine = zeroLine;\n\t};\n\n\tAnimator.prototype = {\n\t\tbar: function(barObj, x, yTop, index, noOfDatasets) {\n\t\t\tlet start = x - this.avgUnitWidth/4;\n\t\t\tlet width = (this.avgUnitWidth/2)/noOfDatasets;\n\t\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.zeroLine, this.totalHeight);\n\n\t\t\tx = start + (width * index);\n\n\t\t\treturn [barObj, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t\t},\n\n\t\tdot: function(dotObj, x, yTop) {\n\t\t\treturn [dotObj, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t\t},\n\n\t\tpath: function(d, pathStr) {\n\t\t\tlet pathComponents = [];\n\t\t\tconst animPath = [{unit: d.path, object: d, key: 'path'}, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\t\t\tpathComponents.push(animPath);\n\n\t\t\tif(d.regionPath) {\n\t\t\t\tlet regStartPt = `0,${this.zeroLine}L`;\n\t\t\t\tlet regEndPt = `L${this.totalWidth}, ${this.zeroLine}`;\n\n\t\t\t\tconst animRegion = [\n\t\t\t\t\t{unit: d.regionPath, object: d, key: 'regionPath'},\n\t\t\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\t\t\tPATH_ANIM_DUR,\n\t\t\t\t\tSTD_EASING\n\t\t\t\t];\n\t\t\t\tpathComponents.push(animRegion);\n\t\t\t}\n\n\t\t\treturn pathComponents;\n\t\t}\n\t};\n\n\treturn Animator;\n})();\n\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\n\n/*\n\n<filter id=\"glow\" x=\"-10%\" y=\"-10%\" width=\"120%\" height=\"120%\">\n\t<feGaussianBlur stdDeviation=\"0.5 0.5\" result=\"glow\"></feGaussianBlur>\n\t<feMerge>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t</feMerge>\n</filter>\n\n    filter: url(#glow);\n    fill: #fff;\n\n*/\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color;\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: 1\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport class AxisChartRenderer {\n\tconstructor(state) {\n\t\tthis.refreshState(state);\n\t}\n\n\trefreshState(state) {\n\t\tthis.totalHeight = state.totalHeight;\n\t\tthis.totalWidth = state.totalWidth;\n\t\tthis.zeroLine = state.zeroLine;\n\t\tthis.unitWidth = state.unitWidth;\n\t\tthis.xAxisMode = state.xAxisMode;\n\t\tthis.yAxisMode = state.yAxisMode;\n\t}\n\n\tsetZeroline(zeroLine) {\n\t\tthis.zeroLine = zeroLine;\n\t}\n\n\txMarker() {}\n\n\n\txRegion() {\n\t\treturn createSVG('rect', {\n\t\t\tclassName: `bar mini`, // remove class\n\t\t\tstyle: `fill: rgba(228, 234, 239, 0.49)`,\n\t\t\t// 'data-point-index': index,\n\t\t\tx: 0,\n\t\t\ty: y2,\n\t\t\twidth: this.totalWidth,\n\t\t\theight: y1 - y2\n\t\t});\n\n\t\treturn region;\n\t}\n\n\tanimatebar(bar, x, yTop, index, noOfDatasets) {\n\t\tlet start = x - this.avgUnitWidth/4;\n\t\tlet width = (this.avgUnitWidth/2)/noOfDatasets;\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.zeroLine, this.totalHeight);\n\n\t\tx = start + (width * index);\n\n\t\treturn [bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n\n\tanimatedot(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n\n\tanimatepath(paths, pathStr) {\n\t\tlet pathComponents = [];\n\t\tconst animPath = [paths[0], {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\t\tpathComponents.push(animPath);\n\n\t\tif(paths[1]) {\n\t\t\tlet regStartPt = `0,${this.zeroLine}L`;\n\t\t\tlet regEndPt = `L${this.totalWidth}, ${this.zeroLine}`;\n\n\t\t\tconst animRegion = [\n\t\t\t\tpaths[1],\n\t\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\t\tPATH_ANIM_DUR,\n\t\t\t\tSTD_EASING\n\t\t\t];\n\t\t\tpathComponents.push(animRegion);\n\t\t}\n\n\t\treturn pathComponents;\n\t}\n}\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\treturn new Chart({\n\t\tparent: args.parent,\n\t\ttitle: args.title,\n\t\tdata: args.data,\n\t\ttype: type,\n\t\theight: args.height,\n\t\tcolors: useColor ? args.colors : undefined\n\t});\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set index\n\t\td.index = i;\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\td.chartType = type || DEFAULT_AXIS_CHART_TYPE;\n\t\t}\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// Set start and end\n\n\treturn data;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { Animator, translateHoriLine, translateVertLine, animateRegion } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tpostMake,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.postMake = postMake;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = typeof(layerClass) === 'function'\n\t\t\t? layerClass() : layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.preMake && this.preMake();\n\t\tthis.render(this.data);\n\t\tthis.postMake && this.postMake();\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\t// TODO: Can we remove this?\n\t\tsetTimeout(() => {\n\t\t\tthis.make();\n\t\t}, 1400);\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos =  newData.positions;\n\t\t\tlet newLabels =  newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.labels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos =  newData.positions;\n\t\t\tlet newLabels =  newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos =  newData.map(d => d.position);\n\t\t\tlet newLabels =  newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos =  newData.map(d => d.end);\n\t\t\tlet newLabels =  newData.map(d => d.label);\n\t\t\tlet newStarts =  newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\t// opt:[\n\t\t// \t'barGraph',\n\t\t// \tthis.drawArea,\n\t\t// \t{\n\t\t// \t\tcontroller: barController,\n\t\t// \t\tindex: index,\n\t\t// \t\tcolor: this.colors[index],\n\t\t// \t\tvaluesOverPoints: this.valuesOverPoints,\n\t\t// \t\tstacked: this.barOptions && this.barOptions.stacked,\n\t\t// \t\tspaceRatio: 0.5,\n\t\t// \t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT\n\t\t// \t},\n\t\t// \t{\n\t\t// \t\tbarsWidth: this.state.unitWidth * (1 - spaceRatio),\n\t\t// \t\tbarWidth: barsWidth/(stacked ? 1 : this.state.noOfDatasets),\n\n\t\t// \t},\n\t\t// \tfunction() {\n\t\t// \t\tlet s = this.state;\n\t\t// \t\treturn {\n\t\t// \t\t\tbarsWidth: this.state.unitWidth * (1 - spaceRatio),\n\t\t// \t\t\tbarWidth: barsWidth/(stacked ? 1 : this.state.noOfDatasets),\n\t\t// \t\t\tpositions: s.xAxisPositions,\n\t\t// \t\t\tlabels: s.xAxisLabels,\n\t\t// \t\t}\n\t\t// \t}.bind(this)\n\t\t// ],\n\t\tlayerClass() { return 'y-regions' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\treturn data.yPositions.map((y, j) =>\n\t\t\t\tbarController.draw(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tcolor,\n\t\t\t\t\t(c.valuesOverPoints ? (c.stacked ? data.cumulativeYs[j] : data.values[j]) : ''),\n\t\t\t\t\tj,\n\t\t\t\t\ty - (data.cumulativePositions ? data.cumulativePositions[j] : y)\n\t\t\t\t)\n\t\t\t);\n\t\t},\n\t\tpostMake() {\n\t\t\tif((!this.constants.stacked)) {\n\t\t\t\tthis.layer.setAttribute('transform',\n\t\t\t\t\t`translate(${unitRenderer.consts.width * index}, 0)`);\n\t\t\t}\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos =  newData.map(d => d.end);\n\t\t\tlet newLabels =  newData.map(d => d.label);\n\t\t\tlet newStarts =  newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet config = componentConfigs[name];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import { getBarHeightAndYAttr } from '../utils/draw-utils';\nimport { createSVG, makePath, makeGradient, wrapInSVGGroup, FONT_SIZE } from '../utils/draw';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from '../utils/animate';\n\nclass AxisChartController {\n\tconstructor(meta) {\n\t\t// TODO: make configurable passing args\n\t\tthis.meta = meta || {};\n\t\tthis.setupArgs();\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {};\n\t}\n\n\tsetup() {}\n\n\trefreshMeta(meta) {\n\t\tthis.meta = Object.assign((this.meta || {}), meta);\n\t}\n\n\tdraw() {}\n\tanimate() {}\n}\n\nexport class AxisController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tdraw(x, y, color, index) {\n\t\treturn createSVG('circle', {\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tcx: x,\n\t\t\tcy: y,\n\t\t\tr: this.consts.radius\n\t\t});\n\t}\n\n\tanimate(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport class BarChartController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {\n\t\t\tspaceRatio: 0.5,\n\t\t\tminHeight: this.meta.totalHeight * MIN_BAR_PERCENT_HEIGHT\n\t\t};\n\t}\n\n\trefreshMeta(meta) {\n\t\tif(meta) {\n\t\t\tsuper.refreshMeta(meta);\n\t\t}\n\t\tlet m = this.meta;\n\t\tthis.consts.barsWidth = m.unitWidth - m.unitWidth * this.consts.spaceRatio;\n\n\t\tthis.consts.width = this.consts.barsWidth / (m.options && m.options.stacked\n\t\t\t? m.options.stacked : m.noOfDatasets);\n\t}\n\n\tdraw(x, yTop, color, label='', index=0, offset=0) {\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.meta.zeroLine);\n\n\t\tlet rect = createSVG('rect', {\n\t\t\tclassName: `bar mini`,\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tx: x - this.consts.barsWidth/2,\n\t\t\ty: y - offset,\n\t\t\twidth: this.consts.width,\n\t\t\theight: height || this.consts.minHeight\n\t\t});\n\n\t\tif(!label && !label.length) {\n\t\t\treturn rect;\n\t\t} else {\n\t\t\tlet text = createSVG('text', {\n\t\t\t\tclassName: 'data-point-value',\n\t\t\t\tx: x,\n\t\t\t\ty: y - offset,\n\t\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t\t'text-anchor': 'middle',\n\t\t\t\tinnerHTML: label\n\t\t\t});\n\n\t\t\treturn wrapInSVGGroup([rect, text]);\n\t\t}\n\t}\n\n\tanimate(bar, x, yTop, index, noOfDatasets) {\n\t\tlet start = x - this.meta.unitWidth/4;\n\t\tlet width = (this.meta.unitWidth/2)/noOfDatasets;\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.meta.zeroLine, this.meta.totalHeight);\n\n\t\tx = start + (width * index);\n\n\t\treturn [bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport class LineChartController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {\n\t\t\tradius: this.meta.dotSize || 4\n\t\t};\n\t}\n\n\tdraw(x, y, color, label='', index=0) {\n\t\tlet dot = createSVG('circle', {\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tcx: x,\n\t\t\tcy: y,\n\t\t\tr: this.consts.radius\n\t\t});\n\n\t\tif(!label && !label.length) {\n\t\t\treturn dot;\n\t\t} else {\n\t\t\tlet text = createSVG('text', {\n\t\t\t\tclassName: 'data-point-value',\n\t\t\t\tx: x,\n\t\t\t\ty: y,\n\t\t\t\tdy: (FONT_SIZE / 2 * -1 - this.consts.radius) + 'px',\n\t\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t\t'text-anchor': 'middle',\n\t\t\t\tinnerHTML: label\n\t\t\t});\n\n\t\t\treturn wrapInSVGGroup([dot, text]);\n\t\t}\n\t}\n\n\tanimate(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport function getPaths(yList, xList, color, heatline=false, regionFill=false) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(heatline) {\n\t\tlet gradient_id = makeGradient(this.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet components = [path];\n\n\t// Region\n\tif(regionFill) {\n\t\tlet gradient_id_region = makeGradient(this.svgDefs, color, true);\n\n\t\tlet zeroLine = this.state.yAxis.zeroLine;\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `0,${zeroLine}L` + pointsStr + `L${this.width},${zeroLine}`;\n\t\tcomponents.push(makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`));\n\t}\n\n\treturn components;\n}\n\n// class BarChart extends AxisChart {\n// \tconstructor(args) {\n// \t\tsuper(args);\n// \t\tthis.type = 'bar';\n// \t\tthis.setup();\n// \t}\n\n// \tconfigure(args) {\n// \t\tsuper.configure(args);\n// \t\tthis.config.xAxisMode = args.xAxisMode || 'tick';\n// \t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n// \t}\n\n// \t// =================================\n\n// \tmakeOverlay() {\n// \t\t// Just make one out of the first element\n// \t\tlet index = this.xAxisLabels.length - 1;\n// \t\tlet unit = this.y[0].svg_units[index];\n// \t\tthis.setCurrentDataPoint(index);\n\n// \t\tif(this.overlay) {\n// \t\t\tthis.overlay.parentNode.removeChild(this.overlay);\n// \t\t}\n// \t\tthis.overlay = unit.cloneNode();\n// \t\tthis.overlay.style.fill = '#000000';\n// \t\tthis.overlay.style.opacity = '0.4';\n// \t\tthis.drawArea.appendChild(this.overlay);\n// \t}\n\n// \tbindOverlay() {\n// \t\t// on event, update overlay\n// \t\tthis.parent.addEventListener('data-select', (e) => {\n// \t\t\tthis.update_overlay(e.svg_unit);\n// \t\t});\n// \t}\n\n// \tbind_units(units_array) {\n// \t\tunits_array.map(unit => {\n// \t\t\tunit.addEventListener('click', () => {\n// \t\t\t\tlet index = unit.getAttribute('data-point-index');\n// \t\t\t\tthis.setCurrentDataPoint(index);\n// \t\t\t});\n// \t\t});\n// \t}\n\n// \tupdate_overlay(unit) {\n// \t\tlet attributes = [];\n// \t\tObject.keys(unit.attributes).map(index => {\n// \t\t\tattributes.push(unit.attributes[index]);\n// \t\t});\n\n// \t\tattributes.filter(attr => attr.specified).map(attr => {\n// \t\t\tthis.overlay.setAttribute(attr.name, attr.nodeValue);\n// \t\t});\n\n// \t\tthis.overlay.style.fill = '#000000';\n// \t\tthis.overlay.style.opacity = '0.4';\n// \t}\n\n// \tonLeftArrow() {\n// \t\tthis.setCurrentDataPoint(this.currentIndex - 1);\n// \t}\n\n// \tonRightArrow() {\n// \t\tthis.setCurrentDataPoint(this.currentIndex + 1);\n// \t}\n// }\n\n","function normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import '../scss/charts.scss';\n\nimport ScatterChart from './charts/ScatterChart';\nimport MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\n// if (ENV !== 'production') {\n// \t// Enable LiveReload\n// \tdocument.write(\n// \t\t'<script src=\"http://' + (location.host || 'localhost').split(':')[0] +\n// \t\t':35729/livereload.js?snipver=1\"></' + 'script>'\n// \t);\n// }\n\n// If type is bar\n\n\n\n\nconst chartTypes = {\n\tmixed: AxisChart,\n\tmultiaxis: MultiAxisChart,\n\tscatter: ScatterChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', options) {\n\tdebugger;\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](options);\n}\n\nexport default class Chart {\n\tconstructor(args) {\n\t\treturn getChartByType(args.type, arguments[0]);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `<span class=\"title\"></span>\n\t\t\t\t<ul class=\"data-point-list\"></ul>\n\t\t\t\t<div class=\"svg-pointer\"></div>`\n\t\t});\n\t\tthis.hide_tip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.data_point_list = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hide_tip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.title_value_first) {\n\t\t\ttitle = `<strong>${this.title_value}</strong>${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}<strong>${this.title_value}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.data_point_list.innerHTML = '';\n\n\t\tthis.list_values.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `<strong style=\"display: block;\">${ set.value === 0 || set.value ? set.value : '' }</strong>\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor({\n\t\theight = 240,\n\n\t\ttitle = '',\n\t\tsubtitle = '',\n\t\tcolors = [],\n\n\t\tisNavigable = 0,\n\t\tshowLegend = 1,\n\n\t\ttype = '',\n\n\t\tparent,\n\t\tdata\n\t}) {\n\t\tthis.rawChartArgs = arguments[0];\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tthis.title = title;\n\t\tthis.subtitle = subtitle;\n\t\tthis.argHeight = height;\n\n\t\tthis.isNavigable = isNavigable;\n\t\tif(this.isNavigable) {\n\t\t\tthis.currentIndex = 0;\n\t\t}\n\n\t\tthis.data = this.prepareData(data);;\n\t\tthis.colors = [];\n\t\tthis.config = {};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.configure(arguments[0]);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: 1,\n\t\t\tisNavigable: 0,\n\t\t\tanimate: 1\n\t\t};\n\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw());\n\t\twindow.addEventListener('orientationchange', () => this.draw());\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\t// TODO: think for all\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 40; // change\n\t\tthis.translateY = 20;\n\n\t\t// Horizontal margins\n\t\tthis.translateXLeft = 60;\n\t\tthis.translateXRight = 40;\n\t}\n\n\tvalidate(){\n\t\tlet args = this.rawChartArgs;\n\t\t// Now yo have the args, set this stuff only after validating\n\t\tif(!this.parent) {\n\t\t\tconsole.error(\"No parent element to render on was provided.\");\n\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip(); // without binding\n\n\t\tthis.draw(true);\n\t}\n\n\tinitComponents() {}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `<h6 class=\"title\">${this.title}</h6>\n\t\t\t\t<h6 class=\"sub-title uppercase\">${this.subtitle}</h6>\n\t\t\t\t<div class=\"frappe-chart graphics\"></div>\n\t\t\t\t<div class=\"graph-stats-container\"></div>`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(init=false) {\n\t\tthis.calcWidth();\n\t\tthis.makeChartArea();\n\n\t\tthis.initComponents(); // Only depend on the drawArea made in makeChartArea\n\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea)); // or c.build()\n\t\tthis.components.forEach(c => c.make()); // or c.build()\n\t\tthis.renderLegend();\n\n\t\tthis.setupNavigation(init);\n\n\t\t// TODO: remove timeout and decrease post animate time in chart component\n\t\tif(init) {\n\t\t\tsetTimeout(() => {this.update();}, 1000);\n\t\t}\n\t}\n\n\tcalcWidth() {\n\t\tlet outerAnnotationsWidth = 0;\n\t\t// let charWidth = 8;\n\t\t// this.specificValues.map(val => {\n\t\t// \tlet strWidth = getStringWidth((val.title + \"\"), charWidth);\n\t\t// \tif(strWidth > outerAnnotationsWidth) {\n\t\t// \t\touterAnnotationsWidth = strWidth - 40;\n\t\t// \t}\n\t\t// });\n\t\tthis.baseWidth = getElementContentWidth(this.parent) - outerAnnotationsWidth;\n\t\tthis.width = this.baseWidth - (this.translateXLeft + this.translateXRight);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData() {}\n\n\tcalc() {} // builds state\n\n\trender(animate=true) {\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tlet elementsToAnimate = [];\n\t\tthis.components.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t}\n\n\t\t// TODO: rebind new units\n\t\t// if(this.isNavigable) {\n\t\t// \tthis.bind_units(units_array);\n\t\t// }\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.translateXLeft}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(this.isNavigable) return;\n\n\t\tthis.makeOverlay();\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\n\t\t\t\t\tif (e.keyCode == '37') {\n\t\t\t\t\t\tthis.onLeftArrow();\n\t\t\t\t\t} else if (e.keyCode == '39') {\n\t\t\t\t\t\tthis.onRightArrow();\n\t\t\t\t\t} else if (e.keyCode == '38') {\n\t\t\t\t\t\tthis.onUpArrow();\n\t\t\t\t\t} else if (e.keyCode == '40') {\n\t\t\t\t\t\tthis.onDownArrow();\n\t\t\t\t\t} else if (e.keyCode == '13') {\n\t\t\t\t\t\tthis.onEnterKey();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tbindOverlay() {}\n\tbind_units() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\t// ????????????\n\t// Update the data here, then do relevant updates\n\t// and drawing in child classes by overriding\n\t// The Child chart will only know what a particular update means\n\t// and what components are affected,\n\t// BaseChart shouldn't be doing the animating\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.rawChartArgs);\n\t}\n}\n","export const Y_AXIS_MARGIN = 60;\n\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';","import BaseChart from './BaseChart';\nimport { dataPrep } from './axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { BarChartController, LineChartController, getPaths } from '../objects/AxisChartControllers';\nimport { AxisChartRenderer } from '../utils/draw';\nimport { getOffset, fire } from '../utils/dom';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { Animator, translateHoriLine } from '../utils/animate';\nimport { runSMILAnimation } from '../utils/animation';\nimport { getRealIntervals, calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex } from '../utils/intervals';\nimport { floatTwo, fillArray, bindChange } from '../utils/helpers';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.isSeries = args.isSeries;\n\t\tthis.valuesOverPoints = args.valuesOverPoints;\n\t\tthis.formatTooltipY = args.formatTooltipY;\n\t\tthis.formatTooltipX = args.formatTooltipX;\n\t\tthis.barOptions = args.barOptions;\n\t\tthis.lineOptions = args.lineOptions;\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.xAxisMode = args.xAxisMode || 'span';\n\t\tthis.yAxisMode = args.yAxisMode || 'span';\n\n\t\tthis.zeroLine = this.height;\n\t\tthis.setTrivialState();\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\t// TODO: set in options and use\n\n\t\tthis.config.xAxisMode = args.xAxisMode;\n\t\tthis.config.yAxisMode = args.yAxisMode;\n\t}\n\n\tsetTrivialState() {\n\t\t// Define data and stuff\n\t\tlet yTempPos = getRealIntervals(this.height, 4, 0, 0);\n\n\t\tthis.state = {\n\t\t\txAxis: {\n\t\t\t\tpositions: [],\n\t\t\t\tlabels: [],\n\t\t\t},\n\t\t\tyAxis: {\n\t\t\t\tpositions: yTempPos,\n\t\t\t\tlabels: yTempPos.map(d => \"\"),\n\t\t\t},\n\t\t\tyRegions: [\n\t\t\t\t{\n\t\t\t\t\tstart: this.height,\n\t\t\t\t\tend: this.height,\n\t\t\t\t\tlabel: ''\n\t\t\t\t}\n\t\t\t],\n\t\t\tyMarkers: [\n\t\t\t\t{\n\t\t\t\t\tposition: this.height,\n\t\t\t\t\tlabel: ''\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\n\t\tthis.calcWidth();\n\t\tthis.calcXPositions(this.state);\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.translateXLeft = Y_AXIS_MARGIN;\n\t\tthis.translateXRight = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tcalc() {\n\n\t\tthis.calcXPositions();\n\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions(s=this.state) {\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\tthis.calcYUnits();\n\t\tthis.calcYMaximums();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcYUnits() {\n\t\tlet s = this.state;\n\t\tthis.data.datasets.map(d => {\n\t\t\td.positions = d.values.map(val =>\n\t\t\t\tfloatTwo(s.yAxis.zeroLine - val * s.yAxis.scaleMultiplier));\n\t\t});\n\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\td.cumulativePositions = d.cumulativeYs.map(val =>\n\t\t\t\t\tfloatTwo(s.yAxis.zeroLine - val * s.yAxis.scaleMultiplier));\n\t\t\t});\n\t\t}\n\t}\n\n\tcalcYMaximums() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\ts.yExtremes = this.data.datasets[this.data.datasets.length - 1].cumulativePositions;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.positions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\t// Tooltip refresh should not be needed?\n\t\t// this.chartWrapper.removeChild(this.tip.container);\n\t\t// this.make_tooltip();\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = floatTwo(s.yAxis.zeroLine - d.value * s.yAxis.scaleMultiplier);\n\t\t\t\td.label += ': ' + d.value;\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\tif(d.end < d.start) {\n\t\t\t\t\t[d.start, d.end] = [d.end, start];\n\t\t\t\t}\n\t\t\t\td.start = floatTwo(s.yAxis.zeroLine - d.start * s.yAxis.scaleMultiplier);\n\t\t\t\td.end = floatTwo(s.yAxis.zeroLine - d.end * s.yAxis.scaleMultiplier);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tinitComponents() {\n\t\tthis.componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t}\n\t\t\t]\n\t\t];\n\t}\n\tsetupComponents() {\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.components = new Map(this.componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.data[args[0]])\n\t\t\t.map(args => {\n\t\t\t\targs.push(\n\t\t\t\t\tfunction() {\n\t\t\t\t\t\treturn this.state[args[0]];\n\t\t\t\t\t}.bind(this)\n\t\t\t\t);\n\t\t\t\treturn [args[0], getComponent(...args)];\n\t\t\t}));\n\t}\n\n\tgetChartComponents() {\n\t\tlet dataUnitsComponents = []\n\t\t// this.state is not defined at this stage\n\t\tthis.data.datasets.forEach((d, index) => {\n\t\t\tif(d.chartType === 'line') {\n\t\t\t\tdataUnitsComponents.push(this.getPathComponent(d, index));\n\t\t\t}\n\n\t\t\tlet renderer = this.unitRenderers[d.chartType];\n\t\t\tdataUnitsComponents.push(this.getDataUnitComponent(\n\t\t\t\tindex, renderer\n\t\t\t));\n\t\t});\n\t\treturn dataUnitsComponents;\n\t}\n\n\tgetDataUnitComponent(index, unitRenderer) {\n\t\treturn new ChartComponent({\n\t\t\tlayerClass: 'dataset-units dataset-' + index,\n\t\t\tmakeElements: () => {\n\t\t\t\t// yPositions, xPostions, color, valuesOverPoints,\n\t\t\t\tlet d = this.data.datasets[index];\n\n\t\t\t\treturn d.positions.map((y, j) => {\n\t\t\t\t\treturn unitRenderer.draw(\n\t\t\t\t\t\tthis.state.xAxis.positions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tthis.colors[index],\n\t\t\t\t\t\t(this.valuesOverPoints ? (this.barOptions &&\n\t\t\t\t\t\t\tthis.barOptions.stacked ? d.cumulativeYs[j] : d.values[j]) : ''),\n\t\t\t\t\t\tj,\n\t\t\t\t\t\ty - (d.cumulativePositions ? d.cumulativePositions[j] : y)\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t},\n\t\t\tpostMake: function() {\n\t\t\t\tlet translate_layer = () => {\n\t\t\t\t\tthis.layer.setAttribute('transform', `translate(${unitRenderer.consts.width * index}, 0)`);\n\t\t\t\t}\n\n\t\t\t\t// let d = this.data.datasets[index];\n\n\t\t\t\tif(this.meta.type === 'bar' && (!this.meta.barOptions\n\t\t\t\t\t|| !this.meta.barOptions.stacked)) {\n\n\t\t\t\t\ttranslate_layer();\n\t\t\t\t}\n\t\t\t},\n\t\t\tanimate: (svgUnits) => {\n\t\t\t\t// have been updated in axis render;\n\t\t\t\tlet newX = this.state.xAxis.positions;\n\t\t\t\tlet newY = this.data.datasets[index].positions;\n\n\t\t\t\tlet lastUnit = svgUnits[svgUnits.length - 1];\n\t\t\t\tlet parentNode = lastUnit.parentNode;\n\n\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\tfor(var i = 0; i<this.oldState.xExtra; i++) {\n\t\t\t\t\t\tlet unit = lastUnit.cloneNode(true);\n\t\t\t\t\t\tparentNode.appendChild(unit);\n\t\t\t\t\t\tsvgUnits.push(unit);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tsvgUnits.map((unit, i) => {\n\t\t\t\t\tif(newX[i] === undefined || newY[i] === undefined) return;\n\t\t\t\t\tthis.elementsToAnimate.push(unitRenderer.animate(\n\t\t\t\t\t\tunit, // unit, with info to replace where it came from in the data\n\t\t\t\t\t\tnewX[i],\n\t\t\t\t\t\tnewY[i],\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\tthis.data.datasets.length\n\t\t\t\t\t));\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tgetPathComponent(d, index) {\n\t\treturn new ChartComponent({\n\t\t\tlayerClass: 'path dataset-path',\n\t\t\tsetData: () => {},\n\t\t\tmakeElements: () => {\n\t\t\t\tlet d = this.data.datasets[index];\n\t\t\t\tlet color = this.colors[index];\n\n\t\t\t\treturn getPaths(\n\t\t\t\t\td.positions,\n\t\t\t\t\tthis.state.xAxis.positions,\n\t\t\t\t\tcolor,\n\t\t\t\t\tthis.config.heatline,\n\t\t\t\t\tthis.config.regionFill\n\t\t\t\t);\n\t\t\t},\n\t\t\tanimate: (paths) => {\n\t\t\t\tlet newX = this.state.xAxis.positions;\n\t\t\t\tlet newY = this.data.datasets[index].positions;\n\n\t\t\t\tlet oldX = this.oldState.xAxis.positions;\n\t\t\t\tlet oldY = this.oldState.datasets[index].positions;\n\n\n\t\t\t\tlet parentNode = paths[0].parentNode;\n\n\t\t\t\t[oldX, newX] = equilizeNoOfElements(oldX, newX);\n\t\t\t\t[oldY, newY] = equilizeNoOfElements(oldY, newY);\n\n\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\tpaths = getPaths(\n\t\t\t\t\t\toldY, oldX, this.colors[index],\n\t\t\t\t\t\tthis.config.heatline,\n\t\t\t\t\t\tthis.config.regionFill\n\t\t\t\t\t);\n\t\t\t\t\tparentNode.textContent = '';\n\t\t\t\t\tpaths.map(path => parentNode.appendChild(path));\n\t\t\t\t}\n\n\t\t\t\tconst newPointsList = newY.map((y, i) => (newX[i] + ',' + y));\n\t\t\t\tthis.elementsToAnimate = this.elementsToAnimate\n\t\t\t\t\t.concat(this.renderer.animatepath(paths, newPointsList.join(\"L\")));\n\t\t\t}\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\t// TODO: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.translateXLeft;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.translateXLeft;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tgetDataPoint(index=this.current_index) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\tlet y = this.y[0];\n\t\t['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t\tlet data_key = key.slice(0, key.length-1);\n\t\t\tdata_point[data_key] = y[key][index];\n\t\t});\n\t\tdata_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= this.xAxis.labels.length) index = this.xAxis.labels.length - 1;\n\t\tif(index === this.current_index) return;\n\t\tthis.current_index = index;\n\t\t$.fire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateData() {\n\t// \t// animate if same no. of datasets,\n\t// \t// else return new chart\n\n\t// \t//\n\t// }\n}\n\n\n// keep a binding at the end of chart\n\n","import LineChart from './LineChart';\n\nexport default class ScatterChart extends LineChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.type = 'scatter';\n\n\t\tif(!args.dotRadius) {\n\t\t\tthis.dotRadius = 8;\n\t\t} else {\n\t\t\tthis.dotRadius = args.dotRadius;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.unit_args = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.dotRadius }\n\t\t};\n\t}\n\n\tmake_paths() {}\n\tmake_path() {}\n}\n","import AxisChart from './AxisChart';\n// import { ChartComponent } from '../objects/ChartComponents';\nimport { makeSVGGroup, makePath, makeGradient } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\n\nexport default class LineChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'line';\n\n\t\tif(Object.getPrototypeOf(this) !== LineChart.prototype) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.config.xAxisMode = args.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n\n\t\tthis.config.dotRadius = args.dotRadius || 4;\n\n\t\tthis.config.heatline = args.heatline || 0;\n\t\tthis.config.regionFill = args.regionFill || 0;\n\t\tthis.config.showDots = args.showDots || 1;\n\t}\n\n\tconfigUnits() {\n\t\tthis.unitArgs = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.config.dotRadius }\n\t\t};\n\t}\n\n\t// temp commented\n\tsetUnitWidthAndXOffset() {\n\t\tthis.state.unitWidth = this.width/(this.state.datasetLength - 1);\n\t\tthis.state.xOffset = 0;\n\t}\n\n}\n","import AxisChart from './AxisChart';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\n// import { ChartComponent } from '../objects/ChartComponents';\nimport { floatTwo } from '../utils/helpers';\n\nexport default class MultiAxisChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\t// this.unitType = args.unitType || 'line';\n\t\t// this.setup();\n\t}\n\n\tpreSetup() {\n\t\tthis.type = 'multiaxis';\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tlet noOfLeftAxes = this.data.datasets.filter(d => d.axisPosition === 'left').length;\n\t\tthis.translateXLeft = (noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN;\n\t\tthis.translateXRight = (this.data.datasets.length - noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN;\n\t}\n\n\tprepareYAxis() { }\n\n\tprepareData(data) {\n\t\tsuper.prepareData(data);\n\t\tlet sets = this.state.datasets;\n\t\t// let axesLeft = sets.filter(d => d.axisPosition === 'left');\n\t\t// let axesRight = sets.filter(d => d.axisPosition === 'right');\n\t\t// let axesNone = sets.filter(d => !d.axisPosition ||\n\t\t// \t!['left', 'right'].includes(d.axisPosition));\n\n\t\tlet leftCount = 0, rightCount = 0;\n\n\t\tsets.forEach((d, i) => {\n\t\t\td.yAxis = {\n\t\t\t\tposition: d.axisPosition,\n\t\t\t\tindex: d.axisPosition === 'left' ? leftCount++ : rightCount++\n\t\t\t};\n\t\t});\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.config.xAxisMode = args.xAxisMode || 'tick';\n\t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n\t}\n\n\t// setUnitWidthAndXOffset() {\n\t// \tthis.state.unitWidth = this.width/(this.state.datasetLength);\n\t// \tthis.state.xOffset = this.state.unitWidth/2;\n\t// }\n\n\tconfigUnits() {\n\t\tthis.unitArgs = {\n\t\t\ttype: 'bar',\n\t\t\targs: {\n\t\t\t\tspaceWidth: this.state.unitWidth/2,\n\t\t\t}\n\t\t};\n\t}\n\n\tsetYAxis() {\n\t\tthis.state.datasets.map(d => {\n\t\t\tthis.calcYAxisParameters(d.yAxis, d.values, this.unitType === 'line');\n\t\t});\n\t}\n\n\tcalcYUnits() {\n\t\tthis.state.datasets.map(d => {\n\t\t\td.positions = d.values.map(val => floatTwo(d.yAxis.zeroLine - val * d.yAxis.scaleMultiplier));\n\t\t});\n\t}\n\n\t// TODO: function doesn't exist, handle with components\n\trenderConstants() {\n\t\tthis.state.datasets.map(d => {\n\t\t\tlet guidePos = d.yAxis.position === 'left'\n\t\t\t\t? -1 * d.yAxis.index * Y_AXIS_MARGIN\n\t\t\t\t: this.width + d.yAxis.index * Y_AXIS_MARGIN;\n\t\t\tthis.renderer.xLine(guidePos, '', {\n\t\t\t\tpos:'top',\n\t\t\t\tmode: 'span',\n\t\t\t\tstroke: this.colors[i],\n\t\t\t\tclassName: 'y-axis-guide'\n\t\t\t})\n\t\t});\n\t}\n\n\tgetYAxesComponents() {\n\t\treturn this.data.datasets.map((e, i) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'y axis y-axis-' + i,\n\t\t\t\tmake: () => {\n\t\t\t\t\tlet yAxis = this.state.datasets[i].yAxis;\n\t\t\t\t\tthis.renderer.setZeroline(yAxis.zeroline);\n\t\t\t\t\tlet options = {\n\t\t\t\t\t\tpos: yAxis.position,\n\t\t\t\t\t\tmode: 'tick',\n\t\t\t\t\t\toffset: yAxis.index * Y_AXIS_MARGIN,\n\t\t\t\t\t\tstroke: this.colors[i]\n\t\t\t\t\t};\n\n\t\t\t\t\treturn yAxis.positions.map((position, j) =>\n\t\t\t\t\t\tthis.renderer.yLine(position, yAxis.labels[j], options)\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tanimate: () => {}\n\t\t\t});\n\t\t});\n\t}\n\n\t// TODO remove renderer zeroline from above and below\n\tgetChartComponents() {\n\t\treturn this.data.datasets.map((d, index) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'dataset-units dataset-' + index,\n\t\t\t\tmake: () => {\n\t\t\t\t\tlet d = this.state.datasets[index];\n\t\t\t\t\tlet unitType = this.unitArgs;\n\n\t\t\t\t\t// the only difference, should be tied to datasets or default\n\t\t\t\t\tthis.renderer.setZeroline(d.yAxis.zeroLine);\n\n\t\t\t\t\treturn d.positions.map((y, j) => {\n\t\t\t\t\t\treturn this.renderer[unitType.type](\n\t\t\t\t\t\t\tthis.state.xAxisPositions[j],\n\t\t\t\t\t\t\ty,\n\t\t\t\t\t\t\tunitType.args,\n\t\t\t\t\t\t\tthis.colors[index],\n\t\t\t\t\t\t\tj,\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\tthis.state.datasetLength\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t\tanimate: (svgUnits) => {\n\t\t\t\t\tlet d = this.state.datasets[index];\n\t\t\t\t\tlet unitType = this.unitArgs.type;\n\n\t\t\t\t\t// have been updated in axis render;\n\t\t\t\t\tlet newX = this.state.xAxisPositions;\n\t\t\t\t\tlet newY = this.state.datasets[index].positions;\n\n\t\t\t\t\tlet lastUnit = svgUnits[svgUnits.length - 1];\n\t\t\t\t\tlet parentNode = lastUnit.parentNode;\n\n\t\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\t\tfor(var i = 0; i<this.oldState.xExtra; i++) {\n\t\t\t\t\t\t\tlet unit = lastUnit.cloneNode(true);\n\t\t\t\t\t\t\tparentNode.appendChild(unit);\n\t\t\t\t\t\t\tsvgUnits.push(unit);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.renderer.setZeroline(d.yAxis.zeroLine);\n\n\t\t\t\t\tsvgUnits.map((unit, i) => {\n\t\t\t\t\t\tif(newX[i] === undefined || newY[i] === undefined) return;\n\t\t\t\t\t\tthis.elementsToAnimate.push(this.renderer['animate' + unitType](\n\t\t\t\t\t\t\tunit, // unit, with info to replace where it came from in the data\n\t\t\t\t\t\t\tnewX[i],\n\t\t\t\t\t\t\tnewY[i],\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\tthis.state.noOfDatasets\n\t\t\t\t\t\t));\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.chartDiv = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.chartDiv\n\t\t});\n\t}\n\n\tsetupLayers() {\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\trenderComponents() {\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tcalc() {}\n\n\tbindTooltip() {\n\t\tthis.slices.map((slice, i) => {\n\t\t\tslice.addEventListener('mouseenter', () => {\n\t\t\t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t\t\tlet y = p_off.top - g_off.top - 6;\n\t\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\n\t\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legend_totals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `<span class=\"indicator\">\n\t\t\t\t\t<i style=\"background: ${this.colors[i]}\"></i>\n\t\t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\nimport { makePath } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { runSMILAnimation, transform } from '../utils/animation';\nconst ANGLE_RATIO = Math.PI / 180;\nconst FULL_ANGLE = 360;\n\nexport default class PieChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'pie';\n\t\tthis.elements_to_animate = null;\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\t\tthis.isAnimate = false;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\t\tthis.setup();\n\t}\n\tsetup_values() {\n\t\tthis.centerX = this.width / 2;\n\t\tthis.centerY = this.height / 2;\n\t\tthis.radius = (this.height > this.width ? this.centerX : this.centerY);\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\tstatic getPositionByAngle(angle,radius){\n\t\treturn {\n\t\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t\t};\n\t}\n\tmakeArcPath(startPosition,endPosition){\n\t\tconst{centerX,centerY,radius,clockWise} = this;\n\t\treturn `M${centerX} ${centerY} L${centerX+startPosition.x} ${centerY+startPosition.y} A ${radius} ${radius} 0 0 ${clockWise ? 1 : 0} ${centerX+endPosition.x} ${centerY+endPosition.y} z`;\n\t}\n\trenderComponents(init){\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = PieChart.getPositionByAngle(startAngle,radius);\n\t\t\tconst endPosition = PieChart.getPositionByAngle(endAngle,radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = this.makeArcPath(curStart,curEnd);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle:diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([{unit: slice, array: this.slices, index: this.slices.length - 1},\n\t\t\t\t\t{d:this.makeArcPath(startPosition,endPosition)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\tif(init){\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t}\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = PieChart.getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag){\n\t\t\ttransform(path,this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color,50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t}else{\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\tthis.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\tthis.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n\n\trenderLegend() {\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legend_totals.map((d, i) => {\n\t\t\tconst color = this.colors[i];\n\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `<span class=\"indicator\">\n\t\t\t\t\t<i style=\"background-color:${color};\"></i>\n\t\t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor({\n\t\tstart = '',\n\t\tdomain = '',\n\t\tsubdomain = '',\n\t\tdata = {},\n\t\tdiscrete_domains = 0,\n\t\tcount_label = '',\n\t\tlegend_colors = []\n\t}) {\n\t\tsuper(arguments[0]);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = domain;\n\t\tthis.subdomain = subdomain;\n\t\tthis.data = data;\n\t\tthis.discrete_domains = discrete_domains;\n\t\tthis.count_label = count_label;\n\n\t\tlet today = new Date();\n\t\tthis.start = start || addDays(today, 365);\n\n\t\tlegend_colors = legend_colors.slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\t// this.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tsetupLayers() {\n\t\tthis.domain_label_group = this.makeLayer(\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.data_groups = this.makeLayer(\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t}\n\n\tsetup_values() {\n\t\tthis.domain_label_group.textContent = '';\n\t\tthis.data_groups.textContent = '';\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\n\t\tthis.render_all_weeks_and_store_x_values(this.no_of_cols);\n\t}\n\n\trender_all_weeks_and_store_x_values(no_of_weeks) {\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.data_groups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.data_groups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet color_index = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolor_index = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[color_index], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domain_label_group.appendChild(text);\n\t\t});\n\t}\n\n\trenderComponents() {\n\t\tArray.prototype.slice.call(\n\t\t\tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t).map(d => {\n\t\t\td.style.display = 'None';\n\t\t});\n\t\tthis.chartWrapper.style.marginTop = '0px';\n\t\tthis.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tthis.data = data;\n\t\tthis.setup_values();\n\t\tthis.bindTooltip();\n\t}\n}\n"],"names":["expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getBarHeightAndYAttr","yTop","zeroLine","height","y","totalHeight","MIN_BAR_PERCENT_HEIGHT","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","transform","join","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","$","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","color","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","wrapInSVGGroup","elements","g","forEach","e","makePath","pathStr","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","x","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","slice","num","parseInt","b","toString","isValidColor","test","getDifferentChart","type","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","Chart","title","colors","undefined","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","newElements","animElements","push","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","dataPrep","labels","datasetLength","datasets","zeroArray","values","vals","isNaN","index","chartType","DEFAULT_AXIS_CHART_TYPE","getComponent","name","constants","getData","config","componentConfigs","assign","ChartComponent","getPaths","yList","xList","heatline","regionFill","pointsStr","path","gradient_id","this","svgDefs","components","gradient_id_region","state","yAxis","normalize","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","ceil","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","getRealIntervals","noOfIntervals","asc","part","orderedArray","getValueRange","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","getDaysBetween","addDays","numberOfDays","setDate","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","hide_tip","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","PRESET_COLOR_MAP","refreshState","totalWidth","unitWidth","xAxisMode","yAxisMode","bar","noOfDatasets","avgUnitWidth","dot","cx","cy","paths","pathComponents","animPath","regStartPt","regEndPt","animRegion","DEFAULT_COLORS","BaseChart","subtitle","isNavigable","showLegend","rawChartArgs","arguments","argHeight","currentIndex","prepareData","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","translateXLeft","translateXRight","validate","_setup","makeContainer","makeTooltip","Map","chartWrapper","statsWrapper","tip","bindTooltip","init","calcWidth","makeChartArea","initComponents","setupComponents","c","drawArea","make","renderLegend","setupNavigation","update","baseWidth","calc","render","animate","svg","makeOverlay","bindOverlay","_this3","event","keyCode","onLeftArrow","onRightArrow","onUpArrow","onDownArrow","onEnterKey","point","dataset","dataPoint","layerClass","layerTransform","makeElements","postMake","animateElements","store","layer","preMake","oldData","textContent","positions","position","newData","newPos","newLabels","oldPos","oldLabels","_this4","marker","_this5","end","_this6","newStarts","oldStarts","yPositions","j","barController","xPositions","valuesOverPoints","stacked","cumulativeYs","cumulativePositions","unitRenderer","consts","AxisChartController","meta","setupArgs","Object","radius","m","barsWidth","spaceRatio","minHeight","dotSize","isSeries","formatTooltipY","formatTooltipX","barOptions","lineOptions","setTrivialState","yTempPos","calcXPositions","calcYAxisParameters","getAllYValues","s","xOffset","xAxis","dataValues","scaleMultiplier","intervalHeight","calcYUnits","calcYMaximums","calcYRegions","yExtremes","yMarkers","yRegions","cumulative","optionals","bind","dataUnitsComponents","getPathComponent","renderer","unitRenderers","getDataUnitComponent","svgUnits","lastUnit","oldState","xExtra","_this7","newPointsList","animatepath","_this8","relX","pageX","pageY","mapTooltipXPosition","titles","_this9","formatY","xVal","set_values","show_tip","current_index","data_point","data_key","fire","getDataPoint","datasetValues","splice","ScatterChart","dotRadius","unit_args","getPrototypeOf","LineChart","prototype","showDots","unitArgs","MultiAxisChart","noOfLeftAxes","axisPosition","leftCount","rightCount","unitType","guidePos","setZeroline","zeroline","xAxisPositions","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chartDiv","chart","percentageBar","slice_totals","all_totals","total","totals","sort","a","sum_of_others","legend_totals","grand_total","reduce","slices","g_off","p_off","formatted_labels","percent","x_values","ANGLE_RATIO","PI","PieChart","elements_to_animate","hoverRadio","isAnimate","startAngle","clockWise","mouseMove","mouseLeave","centerX","centerY","startPosition","endPosition","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","getPositionByAngle","prevProperty","curStart","curEnd","curPath","makeArcPath","transition","property","angle","flag","calTranslateByAngle","target","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","sin","cos","domain","subdomain","discrete_domains","count_label","legend_colors","today","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domain_label_group","makeLayer","data_groups","data_values","month_names","render_all_weeks_and_store_x_values","no_of_weeks","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","color_index","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","call","querySelectorAll","display","date_parts","split","month","setup_values","Heatmap"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/js/frappe-charts.min.js b/docs/assets/js/frappe-charts.min.js
index 02d0d29..752e78b 100644
--- a/docs/assets/js/frappe-charts.min.js
+++ b/docs/assets/js/frappe-charts.min.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function n(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){var i=void 0,n=void 0;return t<=e?(n=t,0===(i=e-t)&&(n-=i=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(i=t-e,n=e),[i,n]}function h(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function c(t,e,i,n){return[t,{transform:i.join(", ")},n,yt,"translate",{transform:e.join(", ")}]}function u(t,e,i){return c(t,[i,0],[e,0],vt)}function p(t,e,i){return c(t,[0,i],[0,e],vt)}function d(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},vt,yt],c(t,[0,n],[0,i],vt)]}function f(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function v(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)f(a).appendChild(i);else if("around"===n){var s=f(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":rt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function m(t,e){return v("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function y(t,e,i,n){return v("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function g(t,e,i,n){return v("svg",{className:e,inside:t,width:i,height:n})}function x(t){return v("defs",{inside:t})}function _(t,e){return v("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function b(t){var e=v("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function k(t){return v("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function w(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e,a=m(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),y(a,"0%",e,s[0]),y(a,"50%",e,s[1]),y(a,"100%",e,s[2]),n}function A(t,e,i,n){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:n,height:n,fill:1};return Object.keys(a).map(function(t){s[t]=a[t]}),v("rect",s)}function M(t,e,i,n){return v("text",{className:t,x:e,y:i,dy:_t/2+"px","font-size":_t+"px",innerHTML:n})}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=bt);var s=v("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=v("text",{x:0,y:i>n?i+xt:i-xt-_t,dy:_t+"px","font-size":_t+"px","text-anchor":"middle",innerHTML:e}),o=v("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=bt),a.lineType||(a.lineType="");var s=v("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=v("text",{x:i<n?i-xt:i+xt,y:0,dy:_t/2-2+"px","font-size":_t+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=v("g",{transform:"translate(0, "+t+")","stroke-opacity":1});return 0!==r&&"0"!==r||(o.style.stroke="rgba(27, 31, 35, 0.6)"),o.appendChild(s),o.appendChild(r),o}function T(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=bt),n.className||(n.className="");var a=-1*gt,s="span"===n.mode?i+gt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+gt,s=i),a+=n.offset,s+=n.offset,O(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=bt),n.className||(n.className="");var a=i+gt,s="span"===n.mode?-1*gt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*gt,s=0),C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function P(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=v("text",{className:"chart-label",x:i-o(e,5)-xt,y:0,dy:_t/-2+"px","font-size":_t+"px","text-anchor":"start",innerHTML:e+""}),s=O(t,"",0,i,{stroke:n.stroke||bt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function D(t,e,i,n){var a=t-e,s=v("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:bt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=v("text",{className:"chart-label",x:i-o(n,4.5)-xt,y:0,dy:_t/-2+"px","font-size":_t+"px","text-anchor":"start",innerHTML:n+""}),l=v("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function N(t){return t>255?255:t<0?0:t}function E(t,e){var i=At(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=N((a>>16)+e),r=N((a>>8&255)+e),o=N((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function W(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function S(t,e,i){if(t!==e){Mt.includes(t)||console.error("'"+t+"' is not a valid chart type."),Ct[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=Ot[e].includes(t);return new Ft({parent:i.parent,title:i.title,data:i.data,type:t,height:i.height,colors:n?i.colors:void 0})}}function z(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:Tt[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(p.type=a);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function j(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function R(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=z.apply(void 0,dt(t)),l=pt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function Y(t,e,i){if(0!==i.length){var n=R(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},mt)}}function H(t,e){t.labels=t.labels||[];var i=t.labels.length,n=t.datasets,a=new Array(i).fill(0);return n||(n=[{values:a}]),n.map(function(t,n){if(t.values){var s=t.values;s=(s=s.map(function(t){return isNaN(t)?0:t})).length>i?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.index=n,t.chartType||(t.chartType=e||Pt)}),t}function X(t,e,i){var n=Nt[t];return Object.assign(n,{constants:e,getData:i}),new Dt(n)}function F(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],a=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=t.map(function(t,i){return e[i]+","+t}).join("L"),r=k("M"+s,"line-graph-path",i);if(n){var o=w(this.svgDefs,i);r.style.stroke="url(#"+o+")"}var l=[r];if(a){var h=w(this.svgDefs,i,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(k(u,"region-fill","none","url(#"+h+")"))}return l}function B(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function I(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function U(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=B(t),n=pt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=I(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function q(t){function e(t,e){for(var i=U(t),n=i[1]-i[0],a=0,s=1;a<e;s++)a+=n,i.unshift(-1*a);return i}var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,dt(t)),a=Math.min.apply(Math,dt(t)),s=[];if(n>=0&&a>=0)B(n)[1],s=i?U(n,a):U(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(B(n)[1],s=e(n,r)):(B(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);B(o)[1],s=(s=i?U(o,l):U(o)).reverse().map(function(t){return-1*t})}return s}function G(t){var e=J(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function Z(t,e){for(var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,a=1*(t-i)/e,s=[],r=0;r<=e;r++)s.push(i+a*r);return n?s:s.reverse()}function J(t){return t[1]-t[0]}function K(t){return t[t.length-1]-t[0]}function V(t,e){for(var i=Math.max.apply(Math,dt(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function Q(t,e){return e.filter(function(e){return e<t}).length}function tt(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function et(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function it(t,e){return Math.ceil(nt(t,e)/7)}function nt(t,e){return(tt(e)-tt(t))/864e5}function at(t,e){t.setDate(t.getDate()+e)}function st(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new Wt(e)):"bar"===t?(e.type="bar",new Wt(e)):Xt[t]?new Xt[t](e):void console.error("Undefined chart type: "+t)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",i.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var rt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ot=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),lt=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}(),ht=function t(e,i,n){null===e&&(e=Function.prototype);var a=Object.getOwnPropertyDescriptor(e,i);if(void 0===a){var s=Object.getPrototypeOf(e);return null===s?void 0:t(s,i,n)}if("value"in a)return a.value;var r=a.get;if(void 0!==r)return r.call(n)},ct=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},ut=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},pt=function(){function t(t,e){var i=[],n=!0,a=!1,s=void 0;try{for(var r,o=t[Symbol.iterator]();!(n=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);n=!0);}catch(t){a=!0,s=t}finally{try{!n&&o.return&&o.return()}finally{if(a)throw s}}return i}return function(e,i){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),dt=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)};t.create=function(e,i){var n=document.createElement(e);for(var a in i){var s=i[a];if("inside"===a)t(s).appendChild(n);else if("around"===a){var r=t(s);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===a?"object"===(void 0===s?"undefined":rt(s))&&Object.keys(s).map(function(t){n.style[t]=s[t]}):a in n?n[a]=s:n.setAttribute(a,s)}return n};var ft=function(){function e(t){var i=t.parent,n=void 0===i?null:i,a=t.colors,s=void 0===a?[]:a;ot(this,e),this.parent=n,this.colors=s,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return lt(e,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var e=this;this.container=t.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hide_tip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=i,this.data_point_list.innerHTML="",this.list_values.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:'<strong style="display: block;">'+(0===i.value||i.value?i.value:"")+"</strong>\n\t\t\t\t\t"+(i.title?i.title:"")});e.data_point_list.appendChild(s)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=n,this.list_values=a,this.x=t,this.y=e,this.title_value_first=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),vt=350,mt=250,yt="easein",gt=6,xt=4,_t=10,bt="#dadada",kt=(function(){function t(e){ot(this,t),this.refreshState(e)}lt(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xMarker",value:function(){}},{key:"xRegion",value:function(){return v("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"animatebar",value:function(t,e,i,n,a){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/a,o=l(i,this.zeroLine,this.totalHeight),h=pt(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,yt]}},{key:"animatedot",value:function(t,e,i){return[t,{cx:e,cy:i},350,yt]}},{key:"animatepath",value:function(t,e){var i=[],n=[t[0],{d:"M"+e},350,yt];if(i.push(n),t[1]){var a="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+a+e+s},350,yt];i.push(r)}return i}}])}(),{"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"}),wt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],At=function(t){return kt[t]||t},Mt=["line","scatter","bar","percentage","heatmap","pie"],Ct={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Ot={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},Tt={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},Lt=function(){function e(t){var i=t.height,n=void 0===i?240:i,a=t.title,s=void 0===a?"":a,r=t.subtitle,o=void 0===r?"":r,l=(t.colors,t.isNavigable),h=void 0===l?0:l,c=(t.showLegend,t.type,t.parent),u=t.data;ot(this,e),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=n,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.data=this.prepareData(u),this.colors=[],this.config={},this.state={},this.options={},this.configure(arguments[0])}return lt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:1},this.setMargins(),window.addEventListener("resize",function(){return e.draw()}),window.addEventListener("orientationchange",function(){return e.draw()})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=wt:this.colors=t.colors,this.colors=this.colors.map(function(t){return At(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return!!this.parent||(console.error("No parent element to render on was provided."),!1)}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!0)}},{key:"initComponents",value:function(){}},{key:"setupComponents",value:function(){this.components=[]}},{key:"makeContainer",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new ft({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcWidth(),this.makeChartArea(),this.initComponents(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.components.forEach(function(t){return t.make()}),this.renderLegend(),this.setupNavigation(e),e&&setTimeout(function(){t.update()},1e3)}},{key:"calcWidth",value:function(){this.baseWidth=a(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.elementsToAnimate=[].concat.apply([],this.components.map(function(e){return e.update(t)})),this.elementsToAnimate&&Y(this.chartWrapper,this.svg,this.elementsToAnimate)}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=g(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=x(this.svg),this.drawArea=_(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){n(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return S(t,this.type,this.rawChartArgs)}}]),e}(),Pt="line",Dt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.postMake,c=e.animateElements;ot(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.postMake=h,this.getData=o,this.animateElements=c,this.store=[],this.layerClass="function"==typeof n?n():n,this.refresh()}return lt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=_(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.preMake&&this.preMake(),this.render(this.data),this.postMake&&this.postMake(),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=this,e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var i=[];return e&&(i=this.animateElements(this.data)),setTimeout(function(){t.make()},1400),i}}]),t}(),Nt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return T(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=pt(s,2);n=r[0],e=r[1];var o=h(a,i),l=pt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(i,t.labels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=pt(s,2);n=r[0],e=r[1];var o=h(a,i),l=pt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return u(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return P(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=pt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return p(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return D(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=pt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(d(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"y-regions"+this.constants.index},makeElements:function(t){var e=this.constants;return t.yPositions.map(function(i,n){return barController.draw(t.xPositions[n],i,color,e.valuesOverPoints?e.stacked?t.cumulativeYs[n]:t.values[n]:"",n,i-(t.cumulativePositions?t.cumulativePositions[n]:i))})},postMake:function(){this.constants.stacked||this.layer.setAttribute("transform","translate("+unitRenderer.consts.width*index+", 0)")},animateElements:function(t){var e=h(this.oldData,t),i=pt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(d(t,s[e],n[e],r[e]))}),l}},lineGraph:{}},Et=function(){function t(e){ot(this,t),this.meta=e||{},this.setupArgs()}return lt(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),Wt=(function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}ct(e,t),lt(e,[{key:"draw",value:function(t,e,i,n){return v("circle",{style:"fill: "+i,"data-point-index":n,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,yt]}}])}(Et),function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}ct(e,t),lt(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:this.meta.totalHeight*MIN_BAR_PERCENT_HEIGHT}}},{key:"refreshMeta",value:function(t){t&&ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var i=this.meta;this.consts.barsWidth=i.unitWidth-i.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(i.options&&i.options.stacked?i.options.stacked:i.noOfDatasets)}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=l(e,this.meta.zeroLine),o=pt(r,2),h=o[0],c=o[1],u=v("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":a,x:t-this.consts.barsWidth/2,y:c-s,width:this.consts.width,height:h||this.consts.minHeight});return n||n.length?b([u,v("text",{className:"data-point-value",x:t,y:c-s,dy:_t/2*-1+"px","font-size":_t+"px","text-anchor":"middle",innerHTML:n})]):u}},{key:"animate",value:function(t,e,i,n,a){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/a,o=l(i,this.meta.zeroLine,this.meta.totalHeight),h=pt(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,yt]}}])}(Et),function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}ct(e,t),lt(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=v("circle",{style:"fill: "+i,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return n||n.length?b([a,v("text",{className:"data-point-value",x:t,y:e,dy:_t/2*-1-this.consts.radius+"px","font-size":_t+"px","text-anchor":"middle",innerHTML:n})]):a}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,yt]}}])}(Et),function(t){function i(t){ot(this,i);var e=ut(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.isSeries=t.isSeries,e.valuesOverPoints=t.valuesOverPoints,e.formatTooltipY=t.formatTooltipY,e.formatTooltipX=t.formatTooltipX,e.barOptions=t.barOptions,e.lineOptions=t.lineOptions,e.type=t.type||"line",e.xAxisMode=t.xAxisMode||"span",e.yAxisMode=t.yAxisMode||"span",e.zeroLine=e.height,e.setTrivialState(),e.setup(),e}return ct(i,t),lt(i,[{key:"configure",value:function(t){ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"setTrivialState",value:function(){var t=Z(this.height,4,0,0);this.state={xAxis:{positions:[],labels:[]},yAxis:{positions:t,labels:t.map(function(t){return""})},yRegions:[{start:this.height,end:this.height,label:""}],yMarkers:[{position:this.height,label:""}]},this.calcWidth(),this.calcXPositions(),this.setObservers()}},{key:"setObservers",value:function(){}},{key:"setMargins",value:function(){ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.translateXLeft=60,this.translateXRight=60}},{key:"prepareData",value:function(){return H(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"calc",value:function(){this.calcXPositions(),this.setYAxis(),this.calcYUnits(),this.calcYMaximums(),this.calcYRegions()}},{key:"setYAxis",value:function(){this.calcYAxisParameters(this.state.yAxis,this.getAllYValues(),"line"===this.type),this.state.zeroLine=this.state.yAxis.zeroLine}},{key:"calcXPositions",value:function(){var t=this.state;t.xAxis.labels=this.data.labels,t.datasetLength=this.data.labels.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis.positions=t.xAxis.labels.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}},{key:"calcYAxisParameters",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"false";t.labels=q(e,i);var n=t.labels;t.scaleMultiplier=this.height/K(n);var a=J(n)*t.scaleMultiplier;t.zeroLine=this.height-G(n)*a,t.positions=n.map(function(e){return t.zeroLine-e*t.scaleMultiplier})}},{key:"calcYUnits",value:function(){var t=this.state;this.data.datasets.map(function(e){e.positions=e.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&this.data.datasets.map(function(e,i){e.cumulativePositions=e.cumulativeYs.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=this.data.datasets[this.data.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),this.data.datasets.map(function(e,i){e.positions.map(function(e,i){e<t.yExtremes[i]&&(t.yExtremes[i]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;this.data.yMarkers&&(this.state.yMarkers=this.data.yMarkers.map(function(e){return e.position=s(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e.label+=": "+e.value,e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){if(e.end<e.start){var i=[e.end,start];e.start=i[0],e.end=i[1]}return e.start=s(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=s(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions&&this.barOptions.stacked){i="cumulativeYs";var n=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,a){var s=e.data.datasets[a].values;t[i]=n=n.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,dt(this.data.datasets.map(function(t){return t[i]})))}},{key:"initComponents",value:function(){this.componentConfigs=[["yAxis",{mode:this.yAxisMode,width:this.width}],["xAxis",{mode:this.xAxisMode,height:this.height}],["yRegions",{width:this.width,pos:"right"}],["yMarkers",{width:this.width,pos:"right"}]]}},{key:"setupComponents",value:function(){var t=this,e=["yMarkers","yRegions"];this.components=this.componentConfigs.filter(function(i){return!e.includes(i[0])||t.data[i[0]]}).map(function(e){return e.push(function(){return this.state[e[0]]}.bind(t)),X.apply(void 0,dt(e))})}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(i,n){"line"===i.chartType&&e.push(t.getPathComponent(i,n));var a=t.unitRenderers[i.chartType];e.push(t.getDataUnitComponent(n,a))}),e}},{key:"getDataUnitComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"dataset-units dataset-"+t,makeElements:function(){var n=i.data.datasets[t];return n.positions.map(function(a,s){return e.draw(i.state.xAxis.positions[s],a,i.colors[t],i.valuesOverPoints?i.barOptions&&i.barOptions.stacked?n.cumulativeYs[s]:n.values[s]:"",s,a-(n.cumulativePositions?n.cumulativePositions[s]:a))})},postMake:function(){var i=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){i.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(n){var a=i.state.xAxis.positions,s=i.data.datasets[t].positions,r=n[n.length-1],o=r.parentNode;if(i.oldState.xExtra>0)for(var l=0;l<i.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),n.push(h)}n.map(function(n,r){void 0!==a[r]&&void 0!==s[r]&&i.elementsToAnimate.push(e.animate(n,a[r],s[r],t,i.data.datasets.length))})}})}},{key:"getPathComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"path dataset-path",setData:function(){},makeElements:function(){var t=i.data.datasets[e],n=i.colors[e];return F(t.positions,i.state.xAxis.positions,n,i.config.heatline,i.config.regionFill)},animate:function(t){var n=i.state.xAxis.positions,a=i.data.datasets[e].positions,s=i.oldState.xAxis.positions,r=i.oldState.datasets[e].positions,o=t[0].parentNode,l=h(s,n),c=pt(l,2);s=c[0],n=c[1];var u=h(r,a),p=pt(u,2);r=p[0],a=p[1],i.oldState.xExtra>0&&(t=F(r,s,i.colors[e],i.config.heatline,i.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var d=a.map(function(t,e){return n[e]+","+t});i.elementsToAnimate=i.elementsToAnimate.concat(i.renderer.animatepath(t,d.join("L")))}})}},{key:"bindTooltip",value:function(){var t=this;this.chartWrapper.addEventListener("mousemove",function(i){var n=e(t.chartWrapper),a=i.pageX-n.left-t.translateXLeft;i.pageY-n.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(a):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=i.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(n[0])&&(n=n.map(function(t){return e.formatTooltipX(t)}));for(var a=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),s=i.datasetLength-1;s>=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.translateXLeft,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","yUnitPositions","values"].map(function(n){var a=n.slice(0,n.length-1);e[a]=i[n][t]}),e.label=this.xAxis.labels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxis.labels.length&&(t=this.xAxis.labels.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}}]),i}(Lt)),St=function(t){function e(t){ot(this,e);var i=ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dotRadius?i.dotRadius=t.dotRadius:i.dotRadius=8,i.setup(),i}return ct(e,t),lt(e,[{key:"setup_values",value:function(){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(function(t){function e(t){ot(this,e);var i=ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="line",Object.getPrototypeOf(i)!==e.prototype?ut(i):(i.setup(),i)}return ct(e,t),lt(e,[{key:"configure",value:function(t){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(Wt)),zt=function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return ct(e,t),lt(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setMargins",value:function(){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this);var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=60*t||60,this.translateXRight=60*(this.data.datasets.length-t)||60}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var i=0,n=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?i++:n++}})}},{key:"configure",value:function(t){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var n="left"===e.yAxis.position?-1*e.yAxis.index*60:t.width+60*e.yAxis.index;t.renderer.xLine(n,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"y axis y-axis-"+i,make:function(){var e=t.state.datasets[i].yAxis;t.renderer.setZeroline(e.zeroline);var n={pos:e.position,mode:"tick",offset:60*e.index,stroke:t.colors[i]};return e.positions.map(function(i,a){return t.renderer.yLine(i,e.labels[a],n)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"dataset-units dataset-"+i,make:function(){var e=t.state.datasets[i],n=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,a){return t.renderer[n.type](t.state.xAxisPositions[a],e,n.args,t.colors[i],a,i,t.state.datasetLength)})},animate:function(e){var n=t.state.datasets[i],a=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[i].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(n.yAxis.zeroLine),e.map(function(e,n){void 0!==s[n]&&void 0!==r[n]&&t.elementsToAnimate.push(t.renderer["animate"+a](e,s[n],r[n],i,t.state.noOfDatasets))})}})})}}]),e}(Wt),jt=function(i){function n(t){ot(this,n);var e=ut(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));return e.type="percentage",e.max_slices=10,e.max_legend_points=6,e.setup(),e}return ct(n,i),lt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.chartDiv=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var e=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"calc",value:function(){}},{key:"bindTooltip",value:function(){var t=this;this.slices.map(function(i,n){i.addEventListener("mouseenter",function(){var a=e(t.chartWrapper),s=e(i),r=s.left-a.left+i.offsetWidth/2,o=s.top-a.top-6,l=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[n]:t.labels[n])+": ",h=(100*t.slice_totals[n]/t.grand_total).toFixed(1);t.tip.set_values(r,o,l,h+"%"),t.tip.show_tip()})})}},{key:"renderLegend",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(n,a){n&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+e.colors[a]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+n+"\n\t\t\t\t</span>")})}}]),n}(Lt),Rt=Math.PI/180,Yt=function(i){function n(t){ot(this,n);var e=ut(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));return e.type="pie",e.elements_to_animate=null,e.hoverRadio=t.hoverRadio||.1,e.max_slices=10,e.max_legend_points=6,e.isAnimate=!1,e.startAngle=t.startAngle||0,e.clockWise=t.clockWise||!1,e.mouseMove=e.mouseMove.bind(e),e.mouseLeave=e.mouseLeave.bind(e),e.setup(),e}return ct(n,i),lt(n,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var i=this.centerX,n=this.centerY,a=this.radius,s=this.clockWise;return"M"+i+" "+n+" L"+(i+t.x)+" "+(n+t.y)+" A "+a+" "+a+" 0 0 "+(s?1:0)+" "+(i+e.x)+" "+(n+e.y)+" z"}},{key:"renderComponents",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/e.grand_total*360,u=a?-c:c,p=r+=u,d=n.getPositionByAngle(h,i),f=n.getPositionByAngle(p,i),v=t&&s[l],m=void 0,y=void 0;t?(m=v?v.startPosition:d,y=v?v.endPosition:d):(m=d,y=f);var g=e.makeArcPath(m,y),x=k(g,"pie-path","none",e.colors[l]);x.style.transition="transform .3s;",e.drawArea.appendChild(x),e.slices.push(x),e.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:e.grand_total,startAngle:h,endAngle:p,angle:u}),t&&e.elements_to_animate.push([{unit:x,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(d,f)},650,"easein",null,{d:g}])}),t&&Y(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=n.getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){j(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=E(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",c=(100*this.slice_totals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else j(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;a<this.slices.length;a++)if(e===this.slices[a]){this.hoverSlice(n,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=a,this.hoverSlice(e,a,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(n,a){var s=e.colors[a];n&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+s+';"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+n+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*Rt)*e,y:Math.cos(t*Rt)*e}}}]),n}(Lt),Ht=function(t){function e(t){var i=t.start,n=void 0===i?"":i,a=t.domain,s=void 0===a?"":a,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;ot(this,e);var m=ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));m.type="heatmap",m.domain=s,m.subdomain=o,m.data=h,m.discrete_domains=u,m.count_label=d;var y=new Date;return m.start=n||at(y,365),v=v.slice(0,5),m.legend_colors=m.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],m.distribution_size=5,m.translateX=0,m}return ct(e,t),lt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){W(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&at(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&at(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=it(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=V(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=pt(r,2);n=o[0],a=o[1],this.data_groups.appendChild(n),this.week_col+=1+parseInt(this.discrete_domains&&a),this.month_weeks[this.current_month]++,a&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),at(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,s=_(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=Q(l,this.distribution));var p=13+12*(e+a),d={"data-date":et(t),"data-value":l,"data-day":t.getDay()},f=A("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(at(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domain_label_group.appendChild(n)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(Lt),Xt={mixed:Wt,multiaxis:zt,scatter:St,percentage:jt,heatmap:Ht,pie:Yt},Ft=function t(e){return ot(this,t),st(e.type,arguments[0])};return Ft}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function n(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){var i=void 0,n=void 0;return t<=e?(n=t,0===(i=e-t)&&(n-=i=totalHeight*MIN_BAR_PERCENT_HEIGHT)):(i=t-e,n=e),[i,n]}function h(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function c(t,e,i,n){return[t,{transform:i.join(", ")},n,gt,"translate",{transform:e.join(", ")}]}function u(t,e,i){return c(t,[i,0],[e,0],vt)}function p(t,e,i){return c(t,[0,i],[0,e],vt)}function d(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},vt,gt],c(t,[0,n],[0,i],vt)]}function f(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function v(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)f(a).appendChild(i);else if("around"===n){var s=f(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":rt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function m(t,e){return v("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function g(t,e,i,n){return v("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function y(t,e,i,n){return v("svg",{className:e,inside:t,width:i,height:n})}function x(t){return v("defs",{inside:t})}function _(t,e){return v("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function b(t){var e=v("g",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:""});return t.forEach(function(t){return e.appendChild(t)}),e}function k(t){return v("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function w(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e,a=m(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),g(a,"0%",e,s[0]),g(a,"50%",e,s[1]),g(a,"100%",e,s[2]),n}function A(t,e,i,n){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:n,height:n,fill:1};return Object.keys(a).map(function(t){s[t]=a[t]}),v("rect",s)}function M(t,e,i,n){return v("text",{className:t,x:e,y:i,dy:_t/2+"px","font-size":_t+"px",innerHTML:n})}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=bt);var s=v("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=v("text",{x:0,y:i>n?i+xt:i-xt-_t,dy:_t+"px","font-size":_t+"px","text-anchor":"middle",innerHTML:e}),o=v("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=bt),a.lineType||(a.lineType="");var s=v("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=v("text",{x:i<n?i-xt:i+xt,y:0,dy:_t/2-2+"px","font-size":_t+"px","text-anchor":i<n?"end":"start",innerHTML:e+""}),o=v("g",{transform:"translate(0, "+t+")","stroke-opacity":1});return 0!==r&&"0"!==r||(o.style.stroke="rgba(27, 31, 35, 0.6)"),o.appendChild(s),o.appendChild(r),o}function T(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=bt),n.className||(n.className="");var a=-1*yt,s="span"===n.mode?i+yt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+yt,s=i),a+=n.offset,s+=n.offset,O(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=bt),n.className||(n.className="");var a=i+yt,s="span"===n.mode?-1*yt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*yt,s=0),C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function P(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=v("text",{className:"chart-label",x:i-o(e,5)-xt,y:0,dy:_t/-2+"px","font-size":_t+"px","text-anchor":"start",innerHTML:e+""}),s=O(t,"",0,i,{stroke:n.stroke||bt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function D(t,e,i,n){var a=t-e,s=v("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:bt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=v("text",{className:"chart-label",x:i-o(n,4.5)-xt,y:0,dy:_t/-2+"px","font-size":_t+"px","text-anchor":"start",innerHTML:n+""}),l=v("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function N(t){return t>255?255:t<0?0:t}function E(t,e){var i=At(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=N((a>>16)+e),r=N((a>>8&255)+e),o=N((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function W(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function S(t,e,i){if(t!==e){Mt.includes(t)||console.error("'"+t+"' is not a valid chart type."),Ct[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=Ot[e].includes(t);return new Ft({parent:i.parent,title:i.title,data:i.data,type:t,height:i.height,colors:n?i.colors:void 0})}}function j(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:Tt[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(p.type=a);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function z(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function R(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=j.apply(void 0,dt(t)),l=pt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function Y(t,e,i){if(0!==i.length){var n=R(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},mt)}}function H(t,e){t.labels=t.labels||[];var i=t.labels.length,n=t.datasets,a=new Array(i).fill(0);return n||(n=[{values:a}]),n.map(function(t,n){if(t.values){var s=t.values;s=(s=s.map(function(t){return isNaN(t)?0:t})).length>i?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.index=n,t.chartType||(t.chartType=e||Pt)}),t}function X(t,e,i){var n=Nt[t];return Object.assign(n,{constants:e,getData:i}),new Dt(n)}function F(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],a=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=t.map(function(t,i){return e[i]+","+t}).join("L"),r=k("M"+s,"line-graph-path",i);if(n){var o=w(this.svgDefs,i);r.style.stroke="url(#"+o+")"}var l=[r];if(a){var h=w(this.svgDefs,i,!0),c=this.state.yAxis.zeroLine,u="M0,"+c+"L"+s+"L"+this.width+","+c;l.push(k(u,"region-fill","none","url(#"+h+")"))}return l}function B(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function I(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function U(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=B(t),n=pt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=I(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function q(t){function e(t,e){for(var i=U(t),n=i[1]-i[0],a=0,s=1;a<e;s++)a+=n,i.unshift(-1*a);return i}var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,dt(t)),a=Math.min.apply(Math,dt(t)),s=[];if(n>=0&&a>=0)B(n)[1],s=i?U(n,a):U(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(B(n)[1],s=e(n,r)):(B(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);B(o)[1],s=(s=i?U(o,l):U(o)).reverse().map(function(t){return-1*t})}return s}function G(t){var e=J(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function Z(t,e){for(var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,a=1*(t-i)/e,s=[],r=0;r<=e;r++)s.push(i+a*r);return n?s:s.reverse()}function J(t){return t[1]-t[0]}function K(t){return t[t.length-1]-t[0]}function V(t,e){for(var i=Math.max.apply(Math,dt(t)),n=1/(e-1),a=[],s=0;s<e;s++){var r=i*(n*s);a.push(r)}return a}function Q(t,e){return e.filter(function(e){return e<t}).length}function tt(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function et(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function it(t,e){return Math.ceil(nt(t,e)/7)}function nt(t,e){return(tt(e)-tt(t))/864e5}function at(t,e){t.setDate(t.getDate()+e)}function st(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return"line"===t?(e.type="line",new Wt(e)):"bar"===t?(e.type="bar",new Wt(e)):Xt[t]?new Xt[t](e):void console.error("Undefined chart type: "+t)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",i.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',void 0);var rt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ot=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),lt=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}(),ht=function t(e,i,n){null===e&&(e=Function.prototype);var a=Object.getOwnPropertyDescriptor(e,i);if(void 0===a){var s=Object.getPrototypeOf(e);return null===s?void 0:t(s,i,n)}if("value"in a)return a.value;var r=a.get;if(void 0!==r)return r.call(n)},ct=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},ut=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},pt=function(){function t(t,e){var i=[],n=!0,a=!1,s=void 0;try{for(var r,o=t[Symbol.iterator]();!(n=(r=o.next()).done)&&(i.push(r.value),!e||i.length!==e);n=!0);}catch(t){a=!0,s=t}finally{try{!n&&o.return&&o.return()}finally{if(a)throw s}}return i}return function(e,i){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),dt=function(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)};t.create=function(e,i){var n=document.createElement(e);for(var a in i){var s=i[a];if("inside"===a)t(s).appendChild(n);else if("around"===a){var r=t(s);r.parentNode.insertBefore(n,r),n.appendChild(r)}else"styles"===a?"object"===(void 0===s?"undefined":rt(s))&&Object.keys(s).map(function(t){n.style[t]=s[t]}):a in n?n[a]=s:n.setAttribute(a,s)}return n};var ft=function(){function e(t){var i=t.parent,n=void 0===i?null:i,a=t.colors,s=void 0===a?[]:a;ot(this,e),this.parent=n,this.colors=s,this.title_name="",this.title_value="",this.list_values=[],this.title_value_first=0,this.x=0,this.y=0,this.top=0,this.left=0,this.setup()}return lt(e,[{key:"setup",value:function(){this.make_tooltip()}},{key:"refresh",value:function(){this.fill(),this.calc_position()}},{key:"make_tooltip",value:function(){var e=this;this.container=t.create("div",{inside:this.parent,className:"graph-svg-tip comparison",innerHTML:'<span class="title"></span>\n\t\t\t\t<ul class="data-point-list"></ul>\n\t\t\t\t<div class="svg-pointer"></div>'}),this.hide_tip(),this.title=this.container.querySelector(".title"),this.data_point_list=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hide_tip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.title_value_first?"<strong>"+this.title_value+"</strong>"+this.title_name:this.title_name+"<strong>"+this.title_value+"</strong>",this.title.innerHTML=i,this.data_point_list.innerHTML="",this.list_values.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:'<strong style="display: block;">'+(0===i.value||i.value?i.value:"")+"</strong>\n\t\t\t\t\t"+(i.title?i.title:"")});e.data_point_list.appendChild(s)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=n,this.list_values=a,this.x=t,this.y=e,this.title_value_first=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),vt=350,mt=250,gt="easein",yt=6,xt=4,_t=10,bt="#dadada",kt=(function(){function t(e){ot(this,t),this.refreshState(e)}lt(t,[{key:"refreshState",value:function(t){this.totalHeight=t.totalHeight,this.totalWidth=t.totalWidth,this.zeroLine=t.zeroLine,this.unitWidth=t.unitWidth,this.xAxisMode=t.xAxisMode,this.yAxisMode=t.yAxisMode}},{key:"setZeroline",value:function(t){this.zeroLine=t}},{key:"xMarker",value:function(){}},{key:"xRegion",value:function(){return v("rect",{className:"bar mini",style:"fill: rgba(228, 234, 239, 0.49)",x:0,y:y2,width:this.totalWidth,height:y1-y2})}},{key:"animatebar",value:function(t,e,i,n,a){var s=e-this.avgUnitWidth/4,r=this.avgUnitWidth/2/a,o=l(i,this.zeroLine,this.totalHeight),h=pt(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,gt]}},{key:"animatedot",value:function(t,e,i){return[t,{cx:e,cy:i},350,gt]}},{key:"animatepath",value:function(t,e){var i=[],n=[t[0],{d:"M"+e},350,gt];if(i.push(n),t[1]){var a="0,"+this.zeroLine+"L",s="L"+this.totalWidth+", "+this.zeroLine,r=[t[1],{d:"M"+a+e+s},350,gt];i.push(r)}return i}}])}(),{"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"}),wt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],At=function(t){return kt[t]||t},Mt=["line","scatter","bar","percentage","heatmap","pie"],Ct={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Ot={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},Tt={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},Lt=function(){function e(t){var i=t.height,n=void 0===i?240:i,a=t.title,s=void 0===a?"":a,r=t.subtitle,o=void 0===r?"":r,l=(t.colors,t.isNavigable),h=void 0===l?0:l,c=(t.showLegend,t.type,t.parent),u=t.data;ot(this,e),this.rawChartArgs=arguments[0],this.parent="string"==typeof c?document.querySelector(c):c,this.title=s,this.subtitle=o,this.argHeight=n,this.isNavigable=h,this.isNavigable&&(this.currentIndex=0),this.data=this.prepareData(u),this.colors=[],this.config={},this.state={},this.options={},this.configure(arguments[0])}return lt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.config={showTooltip:1,showLegend:1,isNavigable:0,animate:1},this.setMargins(),window.addEventListener("resize",function(){return e.draw()}),window.addEventListener("orientationchange",function(){return e.draw()})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length<e.length?this.colors=wt:this.colors=t.colors,this.colors=this.colors.map(function(t){return At(t)})}},{key:"setMargins",value:function(){var t=this.argHeight;this.baseHeight=t,this.height=t-40,this.translateY=20,this.translateXLeft=60,this.translateXRight=40}},{key:"validate",value:function(){return!!this.parent||(console.error("No parent element to render on was provided."),!1)}},{key:"setup",value:function(){this.validate()&&this._setup()}},{key:"_setup",value:function(){this.makeContainer(),this.makeTooltip(),this.draw(!0)}},{key:"initComponents",value:function(){}},{key:"setupComponents",value:function(){this.components=new Map}},{key:"makeContainer",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'<h6 class="title">'+this.title+'</h6>\n\t\t\t\t<h6 class="sub-title uppercase">'+this.subtitle+'</h6>\n\t\t\t\t<div class="frappe-chart graphics"></div>\n\t\t\t\t<div class="graph-stats-container"></div>'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new ft({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcWidth(),this.makeChartArea(),this.initComponents(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.components.forEach(function(t){return t.make()}),this.renderLegend(),this.setupNavigation(e),e&&setTimeout(function(){t.update()},1e3)}},{key:"calcWidth",value:function(){this.baseWidth=a(this.parent)-0,this.width=this.baseWidth-(this.translateXLeft+this.translateXRight)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=[];this.components.forEach(function(i){e=e.concat(i.update(t))}),e.length>0&&Y(this.chartWrapper,this.svg,e)}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=y(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=x(this.svg),this.drawArea=_(this.svg,this.type+"-chart","translate("+this.translateXLeft+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isNavigable||(this.makeOverlay(),e&&(this.bindOverlay(),document.addEventListener("keydown",function(e){n(t.chartWrapper)&&("37"==(e=e||window.event).keyCode?t.onLeftArrow():"39"==e.keyCode?t.onRightArrow():"38"==e.keyCode?t.onUpArrow():"40"==e.keyCode?t.onDownArrow():"13"==e.keyCode&&t.onEnterKey())})))}},{key:"makeOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return S(t,this.type,this.rawChartArgs)}}]),e}(),Pt="line",Dt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.postMake,c=e.animateElements;ot(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.postMake=h,this.getData=o,this.animateElements=c,this.store=[],this.layerClass="function"==typeof n?n():n,this.refresh()}return lt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=_(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.preMake&&this.preMake(),this.render(this.data),this.postMake&&this.postMake(),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=this,e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var i=[];return e&&(i=this.animateElements(this.data)),setTimeout(function(){t.make()},1400),i}}]),t}(),Nt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return T(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=pt(s,2);n=r[0],e=r[1];var o=h(a,i),l=pt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(i,t.labels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=pt(s,2);n=r[0],e=r[1];var o=h(a,i),l=pt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return u(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return P(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=pt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return p(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return D(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=pt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(d(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"y-regions"+this.constants.index},makeElements:function(t){var e=this.constants;return t.yPositions.map(function(i,n){return barController.draw(t.xPositions[n],i,color,e.valuesOverPoints?e.stacked?t.cumulativeYs[n]:t.values[n]:"",n,i-(t.cumulativePositions?t.cumulativePositions[n]:i))})},postMake:function(){this.constants.stacked||this.layer.setAttribute("transform","translate("+unitRenderer.consts.width*index+", 0)")},animateElements:function(t){var e=h(this.oldData,t),i=pt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(d(t,s[e],n[e],r[e]))}),l}},lineGraph:{}},Et=function(){function t(e){ot(this,t),this.meta=e||{},this.setupArgs()}return lt(t,[{key:"setupArgs",value:function(){this.consts={}}},{key:"setup",value:function(){}},{key:"refreshMeta",value:function(t){this.meta=Object.assign(this.meta||{},t)}},{key:"draw",value:function(){}},{key:"animate",value:function(){}}]),t}(),Wt=(function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}ct(e,t),lt(e,[{key:"draw",value:function(t,e,i,n){return v("circle",{style:"fill: "+i,"data-point-index":n,cx:t,cy:e,r:this.consts.radius})}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,gt]}}])}(Et),function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}ct(e,t),lt(e,[{key:"setupArgs",value:function(){this.consts={spaceRatio:.5,minHeight:this.meta.totalHeight*MIN_BAR_PERCENT_HEIGHT}}},{key:"refreshMeta",value:function(t){t&&ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"refreshMeta",this).call(this,t);var i=this.meta;this.consts.barsWidth=i.unitWidth-i.unitWidth*this.consts.spaceRatio,this.consts.width=this.consts.barsWidth/(i.options&&i.options.stacked?i.options.stacked:i.noOfDatasets)}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=l(e,this.meta.zeroLine),o=pt(r,2),h=o[0],c=o[1],u=v("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":a,x:t-this.consts.barsWidth/2,y:c-s,width:this.consts.width,height:h||this.consts.minHeight});return n||n.length?b([u,v("text",{className:"data-point-value",x:t,y:c-s,dy:_t/2*-1+"px","font-size":_t+"px","text-anchor":"middle",innerHTML:n})]):u}},{key:"animate",value:function(t,e,i,n,a){var s=e-this.meta.unitWidth/4,r=this.meta.unitWidth/2/a,o=l(i,this.meta.zeroLine,this.meta.totalHeight),h=pt(o,2);return e=s+r*n,[t,{width:r,height:h[0],x:e,y:h[1]},350,gt]}}])}(Et),function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}ct(e,t),lt(e,[{key:"setupArgs",value:function(){this.consts={radius:this.meta.dotSize||4}}},{key:"draw",value:function(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=v("circle",{style:"fill: "+i,"data-point-index":arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,cx:t,cy:e,r:this.consts.radius});return n||n.length?b([a,v("text",{className:"data-point-value",x:t,y:e,dy:_t/2*-1-this.consts.radius+"px","font-size":_t+"px","text-anchor":"middle",innerHTML:n})]):a}},{key:"animate",value:function(t,e,i){return[t,{cx:e,cy:i},350,gt]}}])}(Et),function(t){function i(t){ot(this,i);var e=ut(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.isSeries=t.isSeries,e.valuesOverPoints=t.valuesOverPoints,e.formatTooltipY=t.formatTooltipY,e.formatTooltipX=t.formatTooltipX,e.barOptions=t.barOptions,e.lineOptions=t.lineOptions,e.type=t.type||"line",e.xAxisMode=t.xAxisMode||"span",e.yAxisMode=t.yAxisMode||"span",e.zeroLine=e.height,e.setTrivialState(),e.setup(),e}return ct(i,t),lt(i,[{key:"configure",value:function(t){ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"setTrivialState",value:function(){var t=Z(this.height,4,0,0);this.state={xAxis:{positions:[],labels:[]},yAxis:{positions:t,labels:t.map(function(t){return""})},yRegions:[{start:this.height,end:this.height,label:""}],yMarkers:[{position:this.height,label:""}]},this.calcWidth(),this.calcXPositions(this.state)}},{key:"setMargins",value:function(){ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.translateXLeft=60,this.translateXRight=60}},{key:"prepareData",value:function(){return H(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"calc",value:function(){this.calcXPositions(),this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=q(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/K(e),n=J(e)*i,a=this.height-G(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcYUnits(),this.calcYMaximums(),this.calcYRegions()}},{key:"calcYUnits",value:function(){var t=this.state;this.data.datasets.map(function(e){e.positions=e.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})}),this.barOptions&&this.barOptions.stacked&&this.data.datasets.map(function(e,i){e.cumulativePositions=e.cumulativeYs.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"calcYMaximums",value:function(){var t=this.state;if(this.barOptions&&this.barOptions.stacked)return void(t.yExtremes=this.data.datasets[this.data.datasets.length-1].cumulativePositions);t.yExtremes=new Array(t.datasetLength).fill(9999),this.data.datasets.map(function(e,i){e.positions.map(function(e,i){e<t.yExtremes[i]&&(t.yExtremes[i]=e)})})}},{key:"calcYRegions",value:function(){var t=this.state;this.data.yMarkers&&(this.state.yMarkers=this.data.yMarkers.map(function(e){return e.position=s(t.yAxis.zeroLine-e.value*t.yAxis.scaleMultiplier),e.label+=": "+e.value,e})),this.data.yRegions&&(this.state.yRegions=this.data.yRegions.map(function(e){if(e.end<e.start){var i=[e.end,start];e.start=i[0],e.end=i[1]}return e.start=s(t.yAxis.zeroLine-e.start*t.yAxis.scaleMultiplier),e.end=s(t.yAxis.zeroLine-e.end*t.yAxis.scaleMultiplier),e}))}},{key:"getAllYValues",value:function(){var t,e=this,i="values";if(this.barOptions&&this.barOptions.stacked){i="cumulativeYs";var n=new Array(this.state.datasetLength).fill(0);this.data.datasets.map(function(t,a){var s=e.data.datasets[a].values;t[i]=n=n.map(function(t,e){return t+s[e]})})}return(t=[]).concat.apply(t,dt(this.data.datasets.map(function(t){return t[i]})))}},{key:"initComponents",value:function(){this.componentConfigs=[["yAxis",{mode:this.yAxisMode,width:this.width}],["xAxis",{mode:this.xAxisMode,height:this.height}],["yRegions",{width:this.width,pos:"right"}],["yMarkers",{width:this.width,pos:"right"}]]}},{key:"setupComponents",value:function(){var t=this,e=["yMarkers","yRegions"];this.components=new Map(this.componentConfigs.filter(function(i){return!e.includes(i[0])||t.data[i[0]]}).map(function(e){return e.push(function(){return this.state[e[0]]}.bind(t)),[e[0],X.apply(void 0,dt(e))]}))}},{key:"getChartComponents",value:function(){var t=this,e=[];return this.data.datasets.forEach(function(i,n){"line"===i.chartType&&e.push(t.getPathComponent(i,n));var a=t.unitRenderers[i.chartType];e.push(t.getDataUnitComponent(n,a))}),e}},{key:"getDataUnitComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"dataset-units dataset-"+t,makeElements:function(){var n=i.data.datasets[t];return n.positions.map(function(a,s){return e.draw(i.state.xAxis.positions[s],a,i.colors[t],i.valuesOverPoints?i.barOptions&&i.barOptions.stacked?n.cumulativeYs[s]:n.values[s]:"",s,a-(n.cumulativePositions?n.cumulativePositions[s]:a))})},postMake:function(){var i=this;"bar"!==this.meta.type||this.meta.barOptions&&this.meta.barOptions.stacked||function(){i.layer.setAttribute("transform","translate("+e.consts.width*t+", 0)")}()},animate:function(n){var a=i.state.xAxis.positions,s=i.data.datasets[t].positions,r=n[n.length-1],o=r.parentNode;if(i.oldState.xExtra>0)for(var l=0;l<i.oldState.xExtra;l++){var h=r.cloneNode(!0);o.appendChild(h),n.push(h)}n.map(function(n,r){void 0!==a[r]&&void 0!==s[r]&&i.elementsToAnimate.push(e.animate(n,a[r],s[r],t,i.data.datasets.length))})}})}},{key:"getPathComponent",value:function(t,e){var i=this;return new ChartComponent({layerClass:"path dataset-path",setData:function(){},makeElements:function(){var t=i.data.datasets[e],n=i.colors[e];return F(t.positions,i.state.xAxis.positions,n,i.config.heatline,i.config.regionFill)},animate:function(t){var n=i.state.xAxis.positions,a=i.data.datasets[e].positions,s=i.oldState.xAxis.positions,r=i.oldState.datasets[e].positions,o=t[0].parentNode,l=h(s,n),c=pt(l,2);s=c[0],n=c[1];var u=h(r,a),p=pt(u,2);r=p[0],a=p[1],i.oldState.xExtra>0&&(t=F(r,s,i.colors[e],i.config.heatline,i.config.regionFill),o.textContent="",t.map(function(t){return o.appendChild(t)}));var d=a.map(function(t,e){return n[e]+","+t});i.elementsToAnimate=i.elementsToAnimate.concat(i.renderer.animatepath(t,d.join("L")))}})}},{key:"bindTooltip",value:function(){var t=this;this.chartWrapper.addEventListener("mousemove",function(i){var n=e(t.chartWrapper),a=i.pageX-n.left-t.translateXLeft;i.pageY-n.top-t.translateY<t.height+2*t.translateY?t.mapTooltipXPosition(a):t.tip.hide_tip()})}},{key:"mapTooltipXPosition",value:function(t){var e=this,i=this.state;if(i.yExtremes){var n=i.xAxis.labels;this.formatTooltipX&&this.formatTooltipX(n[0])&&(n=n.map(function(t){return e.formatTooltipX(t)}));for(var a=this.formatTooltipY&&this.formatTooltipY(this.y[0].values[0]),s=i.datasetLength-1;s>=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.translateXLeft,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.current_index,e={index:t},i=this.y[0];return["svg_units","yUnitPositions","values"].map(function(n){var a=n.slice(0,n.length-1);e[a]=i[n][t]}),e.label=this.xAxis.labels[t],e}},{key:"setCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.xAxis.labels.length&&(t=this.xAxis.labels.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;ht(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}}]),i}(Lt)),St=function(t){function e(t){ot(this,e);var i=ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="scatter",t.dotRadius?i.dotRadius=t.dotRadius:i.dotRadius=8,i.setup(),i}return ct(e,t),lt(e,[{key:"setup_values",value:function(){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_values",this).call(this),this.unit_args={type:"dot",args:{radius:this.dotRadius}}}},{key:"make_paths",value:function(){}},{key:"make_path",value:function(){}}]),e}(function(t){function e(t){ot(this,e);var i=ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.type="line",Object.getPrototypeOf(i)!==e.prototype?ut(i):(i.setup(),i)}return ct(e,t),lt(e,[{key:"configure",value:function(t){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"span",this.config.yAxisMode=t.yAxisMode||"span",this.config.dotRadius=t.dotRadius||4,this.config.heatline=t.heatline||0,this.config.regionFill=t.regionFill||0,this.config.showDots=t.showDots||1}},{key:"configUnits",value:function(){this.unitArgs={type:"dot",args:{radius:this.config.dotRadius}}}},{key:"setUnitWidthAndXOffset",value:function(){this.state.unitWidth=this.width/(this.state.datasetLength-1),this.state.xOffset=0}}]),e}(Wt)),jt=function(t){function e(t){return ot(this,e),ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t))}return ct(e,t),lt(e,[{key:"preSetup",value:function(){this.type="multiaxis"}},{key:"setMargins",value:function(){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this);var t=this.data.datasets.filter(function(t){return"left"===t.axisPosition}).length;this.translateXLeft=60*t||60,this.translateXRight=60*(this.data.datasets.length-t)||60}},{key:"prepareYAxis",value:function(){}},{key:"prepareData",value:function(t){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"prepareData",this).call(this,t);var i=0,n=0;this.state.datasets.forEach(function(t,e){t.yAxis={position:t.axisPosition,index:"left"===t.axisPosition?i++:n++}})}},{key:"configure",value:function(t){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.xAxisMode=t.xAxisMode||"tick",this.config.yAxisMode=t.yAxisMode||"span"}},{key:"configUnits",value:function(){this.unitArgs={type:"bar",args:{spaceWidth:this.state.unitWidth/2}}}},{key:"setYAxis",value:function(){var t=this;this.state.datasets.map(function(e){t.calcYAxisParameters(e.yAxis,e.values,"line"===t.unitType)})}},{key:"calcYUnits",value:function(){this.state.datasets.map(function(t){t.positions=t.values.map(function(e){return s(t.yAxis.zeroLine-e*t.yAxis.scaleMultiplier)})})}},{key:"renderConstants",value:function(){var t=this;this.state.datasets.map(function(e){var n="left"===e.yAxis.position?-1*e.yAxis.index*60:t.width+60*e.yAxis.index;t.renderer.xLine(n,"",{pos:"top",mode:"span",stroke:t.colors[i],className:"y-axis-guide"})})}},{key:"getYAxesComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"y axis y-axis-"+i,make:function(){var e=t.state.datasets[i].yAxis;t.renderer.setZeroline(e.zeroline);var n={pos:e.position,mode:"tick",offset:60*e.index,stroke:t.colors[i]};return e.positions.map(function(i,a){return t.renderer.yLine(i,e.labels[a],n)})},animate:function(){}})})}},{key:"getChartComponents",value:function(){var t=this;return this.data.datasets.map(function(e,i){return new ChartComponent({layerClass:"dataset-units dataset-"+i,make:function(){var e=t.state.datasets[i],n=t.unitArgs;return t.renderer.setZeroline(e.yAxis.zeroLine),e.positions.map(function(e,a){return t.renderer[n.type](t.state.xAxisPositions[a],e,n.args,t.colors[i],a,i,t.state.datasetLength)})},animate:function(e){var n=t.state.datasets[i],a=t.unitArgs.type,s=t.state.xAxisPositions,r=t.state.datasets[i].positions,o=e[e.length-1],l=o.parentNode;if(t.oldState.xExtra>0)for(var h=0;h<t.oldState.xExtra;h++){var c=o.cloneNode(!0);l.appendChild(c),e.push(c)}t.renderer.setZeroline(n.yAxis.zeroLine),e.map(function(e,n){void 0!==s[n]&&void 0!==r[n]&&t.elementsToAnimate.push(t.renderer["animate"+a](e,s[n],r[n],i,t.state.noOfDatasets))})}})})}}]),e}(Wt),zt=function(i){function n(t){ot(this,n);var e=ut(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));return e.type="percentage",e.max_slices=10,e.max_legend_points=6,e.setup(),e}return ct(n,i),lt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.chartDiv=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.chartDiv})}},{key:"setupLayers",value:function(){this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"setup_values",value:function(){var t=this;this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"renderComponents",value:function(){var e=this;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0),this.slices=[],this.slice_totals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"calc",value:function(){}},{key:"bindTooltip",value:function(){var t=this;this.slices.map(function(i,n){i.addEventListener("mouseenter",function(){var a=e(t.chartWrapper),s=e(i),r=s.left-a.left+i.offsetWidth/2,o=s.top-a.top-6,l=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[n]:t.labels[n])+": ",h=(100*t.slice_totals[n]/t.grand_total).toFixed(1);t.tip.set_values(r,o,l,h+"%"),t.tip.show_tip()})})}},{key:"renderLegend",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(n,a){n&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background: '+e.colors[a]+'"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+n+"\n\t\t\t\t</span>")})}}]),n}(Lt),Rt=Math.PI/180,Yt=function(i){function n(t){ot(this,n);var e=ut(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));return e.type="pie",e.elements_to_animate=null,e.hoverRadio=t.hoverRadio||.1,e.max_slices=10,e.max_legend_points=6,e.isAnimate=!1,e.startAngle=t.startAngle||0,e.clockWise=t.clockWise||!1,e.mouseMove=e.mouseMove.bind(e),e.mouseLeave=e.mouseLeave.bind(e),e.setup(),e}return ct(n,i),lt(n,[{key:"setup_values",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),i=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),i=e.slice(0,this.max_slices-1);var n=0;e.slice(this.max_slices-1).map(function(t){n+=t[0]}),i.push([n,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],i.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var i=this.centerX,n=this.centerY,a=this.radius,s=this.clockWise;return"M"+i+" "+n+" L"+(i+t.x)+" "+(n+t.y)+" A "+a+" "+a+" 0 0 "+(s?1:0)+" "+(i+e.x)+" "+(n+e.y)+" z"}},{key:"renderComponents",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,c=o/e.grand_total*360,u=a?-c:c,p=r+=u,d=n.getPositionByAngle(h,i),f=n.getPositionByAngle(p,i),v=t&&s[l],m=void 0,g=void 0;t?(m=v?v.startPosition:d,g=v?v.endPosition:d):(m=d,g=f);var y=e.makeArcPath(m,g),x=k(y,"pie-path","none",e.colors[l]);x.style.transition="transform .3s;",e.drawArea.appendChild(x),e.slices.push(x),e.slicesProperties.push({startPosition:d,endPosition:f,value:o,total:e.grand_total,startAngle:h,endAngle:p,angle:u}),t&&e.elements_to_animate.push([{unit:x,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(d,f)},650,"easein",null,{d:y}])}),t&&Y(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=n.getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){z(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=E(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",c=(100*this.slice_totals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else z(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;a<this.slices.length;a++)if(e===this.slices[a]){this.hoverSlice(n,i,!1),this.curActiveSlice=e,this.curActiveSliceIndex=a,this.hoverSlice(e,a,!0,t);break}}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}},{key:"bindTooltip",value:function(){this.drawArea.addEventListener("mousemove",this.mouseMove),this.drawArea.addEventListener("mouseleave",this.mouseLeave)}},{key:"renderLegend",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(n,a){var s=e.colors[a];n&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='<span class="indicator">\n\t\t\t\t\t<i style="background-color:'+s+';"></i>\n\t\t\t\t\t<span class="text-muted">'+i[a]+":</span>\n\t\t\t\t\t"+n+"\n\t\t\t\t</span>")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*Rt)*e,y:Math.cos(t*Rt)*e}}}]),n}(Lt),Ht=function(t){function e(t){var i=t.start,n=void 0===i?"":i,a=t.domain,s=void 0===a?"":a,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,c=t.discrete_domains,u=void 0===c?0:c,p=t.count_label,d=void 0===p?"":p,f=t.legend_colors,v=void 0===f?[]:f;ot(this,e);var m=ut(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));m.type="heatmap",m.domain=s,m.subdomain=o,m.data=h,m.discrete_domains=u,m.count_label=d;var g=new Date;return m.start=n||at(g,365),v=v.slice(0,5),m.legend_colors=m.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],m.distribution_size=5,m.translateX=0,m}return ct(e,t),lt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){W(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){ht(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&at(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&at(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=it(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"setupLayers",value:function(){this.domain_label_group=this.makeLayer("domain-label-group chart-label"),this.data_groups=this.makeLayer("data-groups","translate(0, 20)")}},{key:"setup_values",value:function(){var t=this;this.domain_label_group.textContent="",this.data_groups.textContent="";var e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=V(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"],this.render_all_weeks_and_store_x_values(this.no_of_cols)}},{key:"render_all_weeks_and_store_x_values",value:function(t){var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;i<t;i++){var n=void 0,a=0,s=new Date(e),r=this.get_week_squares_group(s,this.week_col),o=pt(r,2);n=o[0],a=o[1],this.data_groups.appendChild(n),this.week_col+=1+parseInt(this.discrete_domains&&a),this.month_weeks[this.current_month]++,a&&(this.current_month=(this.current_month+1)%12,this.months.push(this.current_month+""),this.month_weeks[this.current_month]=1),at(e,7)}this.render_month_labels()}},{key:"get_week_squares_group",value:function(t,e){for(var i=this.today.getTime(),n=0,a=0,s=_(this.data_groups,"data-group"),r=0,o=0;o<7;o+=1,r+=12){var l=0,h=0,c=t.getTime()/1e3,u=Math.floor(c-c%86400).toFixed(1);this.data[u]&&(l=this.data[u]),this.data[Math.round(u)]&&(l=this.data[Math.round(u)]),l&&(h=Q(l,this.distribution));var p=13+12*(e+a),d={"data-date":et(t),"data-value":l,"data-day":t.getDay()},f=A("day",p,r,10,this.legend_colors[h],d);s.appendChild(f);var v=new Date(t);if(at(v,1),v.getTime()>i)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domain_label_group.appendChild(n)})}},{key:"renderComponents",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bindTooltip()}}]),e}(Lt),Xt={mixed:Wt,multiaxis:jt,scatter:St,percentage:zt,heatmap:Ht,pie:Yt},Ft=function t(e){return ot(this,t),st(e.type,arguments[0])};return Ft}();
 //# sourceMappingURL=frappe-charts.min.js.map
diff --git a/docs/assets/js/frappe-charts.min.js.map b/docs/assets/js/frappe-charts.min.js.map
index 093f749..059a281 100644
--- a/docs/assets/js/frappe-charts.min.js.map
+++ b/docs/assets/js/frappe-charts.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/charts/axis-chart-utils.js","../../../src/js/objects/ChartComponents.js","../../../src/js/objects/AxisChartControllers.js","../../../src/js/utils/intervals.js","../../../src/js/utils/date-utils.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/charts/BaseChart.js","../../../src/js/utils/constants.js","../../../src/js/charts/AxisChart.js","../../../src/js/charts/ScatterChart.js","../../../src/js/charts/LineChart.js","../../../src/js/charts/MultiAxisChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\n\n\nfunction observe(obj, componentNames) {\n\tlet components = this.components.get(name);\n\n\tfn = function() {\n\t\tcomponents.map();\n\t}\n\tbindChange(obj, fn)\n}\n\n// observe(s.yAxis, ['yAxis', 'barGraph'])\n\nexport function bindChange(obj, fn) {\n\tvar proxied = new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tfn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t}\n\t});\n\n\t// proxied.bar = 2;\n\t// ==> {type: 'set', target: <obj>, prop: 'bar', value: 2}\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\n\t\t// In case of invisible bars\n\t\tif(height === 0) {\n\t\t\theight = totalHeight * MIN_BAR_PERCENT_HEIGHT;\n\t\t\ty -= height;\n\t\t}\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n\n// let char_width = 8;\n// let allowed_space = avgUnitWidth * 1.5;\n// let allowed_letters = allowed_space / 8;\n\n// return values.map((value, i) => {\n// \tlet space_taken = getStringWidth(value, char_width) + 2;\n// \tif(space_taken > allowed_space) {\n// \t\tif(isSeries) {\n// \t\t\t// Skip some axis lines if X axis is a series\n// \t\t\tlet skips = 1;\n// \t\t\twhile((space_taken/skips)*2 > allowed_space) {\n// \t\t\t\tskips++;\n// \t\t\t}\n// \t\t\tif(i % skips !== 0) {\n// \t\t\t\treturn;\n// \t\t\t}\n// \t\t} else {\n// \t\t\tvalue = value.slice(0, allowed_letters-3) + \" ...\";\n// \t\t}\n// \t}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: oldCoord.join(', ')}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport var Animator = (function() {\n\tvar Animator = function(totalHeight, totalWidth, zeroLine, avgUnitWidth) {\n\t\t// constants\n\t\tthis.totalHeight = totalHeight;\n\t\tthis.totalWidth = totalWidth;\n\n\t\t// changeables\n\t\tthis.avgUnitWidth = avgUnitWidth;\n\t\tthis.zeroLine = zeroLine;\n\t};\n\n\tAnimator.prototype = {\n\t\tbar: function(barObj, x, yTop, index, noOfDatasets) {\n\t\t\tlet start = x - this.avgUnitWidth/4;\n\t\t\tlet width = (this.avgUnitWidth/2)/noOfDatasets;\n\t\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.zeroLine, this.totalHeight);\n\n\t\t\tx = start + (width * index);\n\n\t\t\treturn [barObj, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t\t},\n\n\t\tdot: function(dotObj, x, yTop) {\n\t\t\treturn [dotObj, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t\t},\n\n\t\tpath: function(d, pathStr) {\n\t\t\tlet pathComponents = [];\n\t\t\tconst animPath = [{unit: d.path, object: d, key: 'path'}, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\t\t\tpathComponents.push(animPath);\n\n\t\t\tif(d.regionPath) {\n\t\t\t\tlet regStartPt = `0,${this.zeroLine}L`;\n\t\t\t\tlet regEndPt = `L${this.totalWidth}, ${this.zeroLine}`;\n\n\t\t\t\tconst animRegion = [\n\t\t\t\t\t{unit: d.regionPath, object: d, key: 'regionPath'},\n\t\t\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\t\t\tPATH_ANIM_DUR,\n\t\t\t\t\tSTD_EASING\n\t\t\t\t];\n\t\t\t\tpathComponents.push(animRegion);\n\t\t\t}\n\n\t\t\treturn pathComponents;\n\t\t}\n\t};\n\n\treturn Animator;\n})();\n\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\n\n/*\n\n<filter id=\"glow\" x=\"-10%\" y=\"-10%\" width=\"120%\" height=\"120%\">\n\t<feGaussianBlur stdDeviation=\"0.5 0.5\" result=\"glow\"></feGaussianBlur>\n\t<feMerge>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t</feMerge>\n</filter>\n\n    filter: url(#glow);\n    fill: #fff;\n\n*/\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color;\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: 1\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport class AxisChartRenderer {\n\tconstructor(state) {\n\t\tthis.refreshState(state);\n\t}\n\n\trefreshState(state) {\n\t\tthis.totalHeight = state.totalHeight;\n\t\tthis.totalWidth = state.totalWidth;\n\t\tthis.zeroLine = state.zeroLine;\n\t\tthis.unitWidth = state.unitWidth;\n\t\tthis.xAxisMode = state.xAxisMode;\n\t\tthis.yAxisMode = state.yAxisMode;\n\t}\n\n\tsetZeroline(zeroLine) {\n\t\tthis.zeroLine = zeroLine;\n\t}\n\n\txMarker() {}\n\n\n\txRegion() {\n\t\treturn createSVG('rect', {\n\t\t\tclassName: `bar mini`, // remove class\n\t\t\tstyle: `fill: rgba(228, 234, 239, 0.49)`,\n\t\t\t// 'data-point-index': index,\n\t\t\tx: 0,\n\t\t\ty: y2,\n\t\t\twidth: this.totalWidth,\n\t\t\theight: y1 - y2\n\t\t});\n\n\t\treturn region;\n\t}\n\n\tanimatebar(bar, x, yTop, index, noOfDatasets) {\n\t\tlet start = x - this.avgUnitWidth/4;\n\t\tlet width = (this.avgUnitWidth/2)/noOfDatasets;\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.zeroLine, this.totalHeight);\n\n\t\tx = start + (width * index);\n\n\t\treturn [bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n\n\tanimatedot(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n\n\tanimatepath(paths, pathStr) {\n\t\tlet pathComponents = [];\n\t\tconst animPath = [paths[0], {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\t\tpathComponents.push(animPath);\n\n\t\tif(paths[1]) {\n\t\t\tlet regStartPt = `0,${this.zeroLine}L`;\n\t\t\tlet regEndPt = `L${this.totalWidth}, ${this.zeroLine}`;\n\n\t\t\tconst animRegion = [\n\t\t\t\tpaths[1],\n\t\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\t\tPATH_ANIM_DUR,\n\t\t\t\tSTD_EASING\n\t\t\t];\n\t\t\tpathComponents.push(animRegion);\n\t\t}\n\n\t\treturn pathComponents;\n\t}\n}\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\treturn new Chart({\n\t\tparent: args.parent,\n\t\ttitle: args.title,\n\t\tdata: args.data,\n\t\ttype: type,\n\t\theight: args.height,\n\t\tcolors: useColor ? args.colors : undefined\n\t});\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set index\n\t\td.index = i;\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\td.chartType = type || DEFAULT_AXIS_CHART_TYPE;\n\t\t}\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// Set start and end\n\n\treturn data;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { Animator, translateHoriLine, translateVertLine, animateRegion } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tpostMake,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.postMake = postMake;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = typeof(layerClass) === 'function'\n\t\t\t? layerClass() : layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.preMake && this.preMake();\n\t\tthis.render(this.data);\n\t\tthis.postMake && this.postMake();\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\t// TODO: Can we remove this?\n\t\tsetTimeout(() => {\n\t\t\tthis.make();\n\t\t}, 1400);\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos =  newData.positions;\n\t\t\tlet newLabels =  newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.labels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos =  newData.positions;\n\t\t\tlet newLabels =  newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos =  newData.map(d => d.position);\n\t\t\tlet newLabels =  newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos =  newData.map(d => d.end);\n\t\t\tlet newLabels =  newData.map(d => d.label);\n\t\t\tlet newStarts =  newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\t// opt:[\n\t\t// \t'barGraph',\n\t\t// \tthis.drawArea,\n\t\t// \t{\n\t\t// \t\tcontroller: barController,\n\t\t// \t\tindex: index,\n\t\t// \t\tcolor: this.colors[index],\n\t\t// \t\tvaluesOverPoints: this.valuesOverPoints,\n\t\t// \t\tstacked: this.barOptions && this.barOptions.stacked,\n\t\t// \t\tspaceRatio: 0.5,\n\t\t// \t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT\n\t\t// \t},\n\t\t// \t{\n\t\t// \t\tbarsWidth: this.state.unitWidth * (1 - spaceRatio),\n\t\t// \t\tbarWidth: barsWidth/(stacked ? 1 : this.state.noOfDatasets),\n\n\t\t// \t},\n\t\t// \tfunction() {\n\t\t// \t\tlet s = this.state;\n\t\t// \t\treturn {\n\t\t// \t\t\tbarsWidth: this.state.unitWidth * (1 - spaceRatio),\n\t\t// \t\t\tbarWidth: barsWidth/(stacked ? 1 : this.state.noOfDatasets),\n\t\t// \t\t\tpositions: s.xAxisPositions,\n\t\t// \t\t\tlabels: s.xAxisLabels,\n\t\t// \t\t}\n\t\t// \t}.bind(this)\n\t\t// ],\n\t\tlayerClass() { return 'y-regions' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\treturn data.yPositions.map((y, j) =>\n\t\t\t\tbarController.draw(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tcolor,\n\t\t\t\t\t(c.valuesOverPoints ? (c.stacked ? data.cumulativeYs[j] : data.values[j]) : ''),\n\t\t\t\t\tj,\n\t\t\t\t\ty - (data.cumulativePositions ? data.cumulativePositions[j] : y)\n\t\t\t\t)\n\t\t\t);\n\t\t},\n\t\tpostMake() {\n\t\t\tif((!this.constants.stacked)) {\n\t\t\t\tthis.layer.setAttribute('transform',\n\t\t\t\t\t`translate(${unitRenderer.consts.width * index}, 0)`);\n\t\t\t}\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos =  newData.map(d => d.end);\n\t\t\tlet newLabels =  newData.map(d => d.label);\n\t\t\tlet newStarts =  newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet config = componentConfigs[name];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import { getBarHeightAndYAttr } from '../utils/draw-utils';\nimport { createSVG, makePath, makeGradient, wrapInSVGGroup, FONT_SIZE } from '../utils/draw';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from '../utils/animate';\n\nclass AxisChartController {\n\tconstructor(meta) {\n\t\t// TODO: make configurable passing args\n\t\tthis.meta = meta || {};\n\t\tthis.setupArgs();\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {};\n\t}\n\n\tsetup() {}\n\n\trefreshMeta(meta) {\n\t\tthis.meta = Object.assign((this.meta || {}), meta);\n\t}\n\n\tdraw() {}\n\tanimate() {}\n}\n\nexport class AxisController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tdraw(x, y, color, index) {\n\t\treturn createSVG('circle', {\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tcx: x,\n\t\t\tcy: y,\n\t\t\tr: this.consts.radius\n\t\t});\n\t}\n\n\tanimate(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport class BarChartController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {\n\t\t\tspaceRatio: 0.5,\n\t\t\tminHeight: this.meta.totalHeight * MIN_BAR_PERCENT_HEIGHT\n\t\t};\n\t}\n\n\trefreshMeta(meta) {\n\t\tif(meta) {\n\t\t\tsuper.refreshMeta(meta);\n\t\t}\n\t\tlet m = this.meta;\n\t\tthis.consts.barsWidth = m.unitWidth - m.unitWidth * this.consts.spaceRatio;\n\n\t\tthis.consts.width = this.consts.barsWidth / (m.options && m.options.stacked\n\t\t\t? m.options.stacked : m.noOfDatasets);\n\t}\n\n\tdraw(x, yTop, color, label='', index=0, offset=0) {\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.meta.zeroLine);\n\n\t\tlet rect = createSVG('rect', {\n\t\t\tclassName: `bar mini`,\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tx: x - this.consts.barsWidth/2,\n\t\t\ty: y - offset,\n\t\t\twidth: this.consts.width,\n\t\t\theight: height || this.consts.minHeight\n\t\t});\n\n\t\tif(!label && !label.length) {\n\t\t\treturn rect;\n\t\t} else {\n\t\t\tlet text = createSVG('text', {\n\t\t\t\tclassName: 'data-point-value',\n\t\t\t\tx: x,\n\t\t\t\ty: y - offset,\n\t\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t\t'text-anchor': 'middle',\n\t\t\t\tinnerHTML: label\n\t\t\t});\n\n\t\t\treturn wrapInSVGGroup([rect, text]);\n\t\t}\n\t}\n\n\tanimate(bar, x, yTop, index, noOfDatasets) {\n\t\tlet start = x - this.meta.unitWidth/4;\n\t\tlet width = (this.meta.unitWidth/2)/noOfDatasets;\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.meta.zeroLine, this.meta.totalHeight);\n\n\t\tx = start + (width * index);\n\n\t\treturn [bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport class LineChartController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {\n\t\t\tradius: this.meta.dotSize || 4\n\t\t};\n\t}\n\n\tdraw(x, y, color, label='', index=0) {\n\t\tlet dot = createSVG('circle', {\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tcx: x,\n\t\t\tcy: y,\n\t\t\tr: this.consts.radius\n\t\t});\n\n\t\tif(!label && !label.length) {\n\t\t\treturn dot;\n\t\t} else {\n\t\t\tlet text = createSVG('text', {\n\t\t\t\tclassName: 'data-point-value',\n\t\t\t\tx: x,\n\t\t\t\ty: y,\n\t\t\t\tdy: (FONT_SIZE / 2 * -1 - this.consts.radius) + 'px',\n\t\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t\t'text-anchor': 'middle',\n\t\t\t\tinnerHTML: label\n\t\t\t});\n\n\t\t\treturn wrapInSVGGroup([dot, text]);\n\t\t}\n\t}\n\n\tanimate(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport function getPaths(yList, xList, color, heatline=false, regionFill=false) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(heatline) {\n\t\tlet gradient_id = makeGradient(this.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet components = [path];\n\n\t// Region\n\tif(regionFill) {\n\t\tlet gradient_id_region = makeGradient(this.svgDefs, color, true);\n\n\t\tlet zeroLine = this.state.yAxis.zeroLine;\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `0,${zeroLine}L` + pointsStr + `L${this.width},${zeroLine}`;\n\t\tcomponents.push(makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`));\n\t}\n\n\treturn components;\n}\n\n// class BarChart extends AxisChart {\n// \tconstructor(args) {\n// \t\tsuper(args);\n// \t\tthis.type = 'bar';\n// \t\tthis.setup();\n// \t}\n\n// \tconfigure(args) {\n// \t\tsuper.configure(args);\n// \t\tthis.config.xAxisMode = args.xAxisMode || 'tick';\n// \t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n// \t}\n\n// \t// =================================\n\n// \tmakeOverlay() {\n// \t\t// Just make one out of the first element\n// \t\tlet index = this.xAxisLabels.length - 1;\n// \t\tlet unit = this.y[0].svg_units[index];\n// \t\tthis.setCurrentDataPoint(index);\n\n// \t\tif(this.overlay) {\n// \t\t\tthis.overlay.parentNode.removeChild(this.overlay);\n// \t\t}\n// \t\tthis.overlay = unit.cloneNode();\n// \t\tthis.overlay.style.fill = '#000000';\n// \t\tthis.overlay.style.opacity = '0.4';\n// \t\tthis.drawArea.appendChild(this.overlay);\n// \t}\n\n// \tbindOverlay() {\n// \t\t// on event, update overlay\n// \t\tthis.parent.addEventListener('data-select', (e) => {\n// \t\t\tthis.update_overlay(e.svg_unit);\n// \t\t});\n// \t}\n\n// \tbind_units(units_array) {\n// \t\tunits_array.map(unit => {\n// \t\t\tunit.addEventListener('click', () => {\n// \t\t\t\tlet index = unit.getAttribute('data-point-index');\n// \t\t\t\tthis.setCurrentDataPoint(index);\n// \t\t\t});\n// \t\t});\n// \t}\n\n// \tupdate_overlay(unit) {\n// \t\tlet attributes = [];\n// \t\tObject.keys(unit.attributes).map(index => {\n// \t\t\tattributes.push(unit.attributes[index]);\n// \t\t});\n\n// \t\tattributes.filter(attr => attr.specified).map(attr => {\n// \t\t\tthis.overlay.setAttribute(attr.name, attr.nodeValue);\n// \t\t});\n\n// \t\tthis.overlay.style.fill = '#000000';\n// \t\tthis.overlay.style.opacity = '0.4';\n// \t}\n\n// \tonLeftArrow() {\n// \t\tthis.setCurrentDataPoint(this.currentIndex - 1);\n// \t}\n\n// \tonRightArrow() {\n// \t\tthis.setCurrentDataPoint(this.currentIndex + 1);\n// \t}\n// }\n\n","function normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import '../scss/charts.scss';\n\nimport ScatterChart from './charts/ScatterChart';\nimport MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\n// if (ENV !== 'production') {\n// \t// Enable LiveReload\n// \tdocument.write(\n// \t\t'<script src=\"http://' + (location.host || 'localhost').split(':')[0] +\n// \t\t':35729/livereload.js?snipver=1\"></' + 'script>'\n// \t);\n// }\n\n// If type is bar\n\n\n\n\nconst chartTypes = {\n\tmixed: AxisChart,\n\tmultiaxis: MultiAxisChart,\n\tscatter: ScatterChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', options) {\n\tdebugger;\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](options);\n}\n\nexport default class Chart {\n\tconstructor(args) {\n\t\treturn getChartByType(args.type, arguments[0]);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `<span class=\"title\"></span>\n\t\t\t\t<ul class=\"data-point-list\"></ul>\n\t\t\t\t<div class=\"svg-pointer\"></div>`\n\t\t});\n\t\tthis.hide_tip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.data_point_list = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hide_tip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.title_value_first) {\n\t\t\ttitle = `<strong>${this.title_value}</strong>${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}<strong>${this.title_value}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.data_point_list.innerHTML = '';\n\n\t\tthis.list_values.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `<strong style=\"display: block;\">${ set.value === 0 || set.value ? set.value : '' }</strong>\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor({\n\t\theight = 240,\n\n\t\ttitle = '',\n\t\tsubtitle = '',\n\t\tcolors = [],\n\n\t\tisNavigable = 0,\n\t\tshowLegend = 1,\n\n\t\ttype = '',\n\n\t\tparent,\n\t\tdata\n\t}) {\n\t\tthis.rawChartArgs = arguments[0];\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tthis.title = title;\n\t\tthis.subtitle = subtitle;\n\t\tthis.argHeight = height;\n\n\t\tthis.isNavigable = isNavigable;\n\t\tif(this.isNavigable) {\n\t\t\tthis.currentIndex = 0;\n\t\t}\n\n\t\tthis.data = this.prepareData(data);;\n\t\tthis.colors = [];\n\t\tthis.config = {};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.configure(arguments[0]);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: 1,\n\t\t\tisNavigable: 0,\n\t\t\tanimate: 1\n\t\t};\n\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw());\n\t\twindow.addEventListener('orientationchange', () => this.draw());\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\t// TODO: think for all\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 40; // change\n\t\tthis.translateY = 20;\n\n\t\t// Horizontal margins\n\t\tthis.translateXLeft = 60;\n\t\tthis.translateXRight = 40;\n\t}\n\n\tvalidate(){\n\t\tlet args = this.rawChartArgs;\n\t\t// Now yo have the args, set this stuff only after validating\n\t\tif(!this.parent) {\n\t\t\tconsole.error(\"No parent element to render on was provided.\");\n\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip(); // without binding\n\n\t\tthis.draw(true);\n\t}\n\n\tinitComponents() {}\n\n\tsetupComponents() {\n\t\tthis.components = [];\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `<h6 class=\"title\">${this.title}</h6>\n\t\t\t\t<h6 class=\"sub-title uppercase\">${this.subtitle}</h6>\n\t\t\t\t<div class=\"frappe-chart graphics\"></div>\n\t\t\t\t<div class=\"graph-stats-container\"></div>`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(init=false) {\n\t\tthis.calcWidth();\n\t\tthis.makeChartArea();\n\n\t\tthis.initComponents(); // Only depend on the drawArea made in makeChartArea\n\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea)); // or c.build()\n\t\tthis.components.forEach(c => c.make()); // or c.build()\n\t\tthis.renderLegend();\n\n\t\tthis.setupNavigation(init);\n\n\t\t// TODO: remove timeout and decrease post animate time in chart component\n\t\tif(init) {\n\t\t\tsetTimeout(() => {this.update();}, 1000);\n\t\t}\n\t}\n\n\tcalcWidth() {\n\t\tlet outerAnnotationsWidth = 0;\n\t\t// let charWidth = 8;\n\t\t// this.specificValues.map(val => {\n\t\t// \tlet strWidth = getStringWidth((val.title + \"\"), charWidth);\n\t\t// \tif(strWidth > outerAnnotationsWidth) {\n\t\t// \t\touterAnnotationsWidth = strWidth - 40;\n\t\t// \t}\n\t\t// });\n\t\tthis.baseWidth = getElementContentWidth(this.parent) - outerAnnotationsWidth;\n\t\tthis.width = this.baseWidth - (this.translateXLeft + this.translateXRight);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData() {}\n\n\tcalc() {} // builds state\n\n\trender(animate=true) {\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tthis.elementsToAnimate = [].concat.apply([],\n\t\t\tthis.components.map(c => c.update(animate)));\n\t\tif(this.elementsToAnimate) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, this.elementsToAnimate);\n\t\t}\n\n\t\t// TODO: rebind new units\n\t\t// if(this.isNavigable) {\n\t\t// \tthis.bind_units(units_array);\n\t\t// }\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.translateXLeft}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(this.isNavigable) return;\n\n\t\tthis.makeOverlay();\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\n\t\t\t\t\tif (e.keyCode == '37') {\n\t\t\t\t\t\tthis.onLeftArrow();\n\t\t\t\t\t} else if (e.keyCode == '39') {\n\t\t\t\t\t\tthis.onRightArrow();\n\t\t\t\t\t} else if (e.keyCode == '38') {\n\t\t\t\t\t\tthis.onUpArrow();\n\t\t\t\t\t} else if (e.keyCode == '40') {\n\t\t\t\t\t\tthis.onDownArrow();\n\t\t\t\t\t} else if (e.keyCode == '13') {\n\t\t\t\t\t\tthis.onEnterKey();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tbindOverlay() {}\n\tbind_units() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\t// ????????????\n\t// Update the data here, then do relevant updates\n\t// and drawing in child classes by overriding\n\t// The Child chart will only know what a particular update means\n\t// and what components are affected,\n\t// BaseChart shouldn't be doing the animating\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.rawChartArgs);\n\t}\n}\n","export const Y_AXIS_MARGIN = 60;\n\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';","import BaseChart from './BaseChart';\nimport { dataPrep } from './axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { BarChartController, LineChartController, getPaths } from '../objects/AxisChartControllers';\nimport { AxisChartRenderer } from '../utils/draw';\nimport { getOffset, fire } from '../utils/dom';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { Animator, translateHoriLine } from '../utils/animate';\nimport { runSMILAnimation } from '../utils/animation';\nimport { getRealIntervals, calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex } from '../utils/intervals';\nimport { floatTwo, fillArray } from '../utils/helpers';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.isSeries = args.isSeries;\n\t\tthis.valuesOverPoints = args.valuesOverPoints;\n\t\tthis.formatTooltipY = args.formatTooltipY;\n\t\tthis.formatTooltipX = args.formatTooltipX;\n\t\tthis.barOptions = args.barOptions;\n\t\tthis.lineOptions = args.lineOptions;\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.xAxisMode = args.xAxisMode || 'span';\n\t\tthis.yAxisMode = args.yAxisMode || 'span';\n\n\t\tthis.zeroLine = this.height;\n\t\tthis.setTrivialState();\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\t// TODO: set in options and use\n\n\t\tthis.config.xAxisMode = args.xAxisMode;\n\t\tthis.config.yAxisMode = args.yAxisMode;\n\t}\n\n\tsetTrivialState() {\n\t\t// Define data and stuff\n\t\tlet yTempPos = getRealIntervals(this.height, 4, 0, 0);\n\n\t\tthis.state = {\n\t\t\txAxis: {\n\t\t\t\tpositions: [],\n\t\t\t\tlabels: [],\n\t\t\t},\n\t\t\tyAxis: {\n\t\t\t\tpositions: yTempPos,\n\t\t\t\tlabels: yTempPos.map(d => \"\"),\n\t\t\t},\n\t\t\tyRegions: [\n\t\t\t\t{\n\t\t\t\t\tstart: this.height,\n\t\t\t\t\tend: this.height,\n\t\t\t\t\tlabel: ''\n\t\t\t\t}\n\t\t\t],\n\t\t\tyMarkers: [\n\t\t\t\t{\n\t\t\t\t\tposition: this.height,\n\t\t\t\t\tlabel: ''\n\t\t\t\t}\n\t\t\t]\n\n\t\t}\n\n\t\tthis.calcWidth();\n\t\tthis.calcXPositions();\n\t\tthis.setObservers();\n\t}\n\n\tsetObservers() {\n\t\t// go through each component and check the keys in this.state it depends on\n\t\t// set an observe() on each of those keys for that component\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.translateXLeft = Y_AXIS_MARGIN;\n\t\tthis.translateXRight = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\n\t\tthis.calcXPositions();\n\n\t\tthis.setYAxis();\n\t\tthis.calcYUnits();\n\t\tthis.calcYMaximums();\n\t\tthis.calcYRegions();\n\n\t}\n\n\tsetYAxis() {\n\t\tthis.calcYAxisParameters(this.state.yAxis, this.getAllYValues(), this.type === 'line');\n\t\tthis.state.zeroLine = this.state.yAxis.zeroLine;\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\ts.xAxis.labels = this.data.labels;\n\t\ts.datasetLength = this.data.labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\ts.xAxis.positions = s.xAxis.labels.map((d, i) =>\n\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t);\n\t}\n\n\tcalcYAxisParameters(yAxis, dataValues, withMinimum = 'false') {\n\t\tyAxis.labels = calcChartIntervals(dataValues, withMinimum);\n\t\tconst yPts = yAxis.labels;\n\n\t\tyAxis.scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * yAxis.scaleMultiplier;\n\t\tyAxis.zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tyAxis.positions = yPts.map(d => yAxis.zeroLine - d * yAxis.scaleMultiplier);\n\t}\n\n\tcalcYUnits() {\n\t\tlet s = this.state;\n\t\tthis.data.datasets.map(d => {\n\t\t\td.positions = d.values.map(val =>\n\t\t\t\tfloatTwo(s.yAxis.zeroLine - val * s.yAxis.scaleMultiplier));\n\t\t});\n\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\td.cumulativePositions = d.cumulativeYs.map(val =>\n\t\t\t\t\tfloatTwo(s.yAxis.zeroLine - val * s.yAxis.scaleMultiplier));\n\t\t\t});\n\t\t}\n\t}\n\n\tcalcYMaximums() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\ts.yExtremes = this.data.datasets[this.data.datasets.length - 1].cumulativePositions;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.positions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\t// Tooltip refresh should not be needed?\n\t\t// this.chartWrapper.removeChild(this.tip.container);\n\t\t// this.make_tooltip();\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = floatTwo(s.yAxis.zeroLine - d.value * s.yAxis.scaleMultiplier);\n\t\t\t\td.label += ': ' + d.value;\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\tif(d.end < d.start) {\n\t\t\t\t\t[d.start, d.end] = [d.end, start];\n\t\t\t\t}\n\t\t\t\td.start = floatTwo(s.yAxis.zeroLine - d.start * s.yAxis.scaleMultiplier);\n\t\t\t\td.end = floatTwo(s.yAxis.zeroLine - d.end * s.yAxis.scaleMultiplier);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tinitComponents() {\n\t\tthis.componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t}\n\t\t\t]\n\t\t];\n\t}\n\tsetupComponents() {\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.components = this.componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.data[args[0]])\n\t\t\t.map(args => {\n\t\t\t\targs.push(function() { return this.state[args[0]]; }.bind(this));\n\t\t\t\treturn getComponent(...args);\n\t\t\t});\n\t}\n\n\tgetChartComponents() {\n\t\tlet dataUnitsComponents = []\n\t\t// this.state is not defined at this stage\n\t\tthis.data.datasets.forEach((d, index) => {\n\t\t\tif(d.chartType === 'line') {\n\t\t\t\tdataUnitsComponents.push(this.getPathComponent(d, index));\n\t\t\t}\n\n\t\t\tlet renderer = this.unitRenderers[d.chartType];\n\t\t\tdataUnitsComponents.push(this.getDataUnitComponent(\n\t\t\t\tindex, renderer\n\t\t\t));\n\t\t});\n\t\treturn dataUnitsComponents;\n\t}\n\n\tgetDataUnitComponent(index, unitRenderer) {\n\t\treturn new ChartComponent({\n\t\t\tlayerClass: 'dataset-units dataset-' + index,\n\t\t\tmakeElements: () => {\n\t\t\t\t// yPositions, xPostions, color, valuesOverPoints,\n\t\t\t\tlet d = this.data.datasets[index];\n\n\t\t\t\treturn d.positions.map((y, j) => {\n\t\t\t\t\treturn unitRenderer.draw(\n\t\t\t\t\t\tthis.state.xAxis.positions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tthis.colors[index],\n\t\t\t\t\t\t(this.valuesOverPoints ? (this.barOptions &&\n\t\t\t\t\t\t\tthis.barOptions.stacked ? d.cumulativeYs[j] : d.values[j]) : ''),\n\t\t\t\t\t\tj,\n\t\t\t\t\t\ty - (d.cumulativePositions ? d.cumulativePositions[j] : y)\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t},\n\t\t\tpostMake: function() {\n\t\t\t\tlet translate_layer = () => {\n\t\t\t\t\tthis.layer.setAttribute('transform', `translate(${unitRenderer.consts.width * index}, 0)`);\n\t\t\t\t}\n\n\t\t\t\t// let d = this.data.datasets[index];\n\n\t\t\t\tif(this.meta.type === 'bar' && (!this.meta.barOptions\n\t\t\t\t\t|| !this.meta.barOptions.stacked)) {\n\n\t\t\t\t\ttranslate_layer();\n\t\t\t\t}\n\t\t\t},\n\t\t\tanimate: (svgUnits) => {\n\t\t\t\t// have been updated in axis render;\n\t\t\t\tlet newX = this.state.xAxis.positions;\n\t\t\t\tlet newY = this.data.datasets[index].positions;\n\n\t\t\t\tlet lastUnit = svgUnits[svgUnits.length - 1];\n\t\t\t\tlet parentNode = lastUnit.parentNode;\n\n\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\tfor(var i = 0; i<this.oldState.xExtra; i++) {\n\t\t\t\t\t\tlet unit = lastUnit.cloneNode(true);\n\t\t\t\t\t\tparentNode.appendChild(unit);\n\t\t\t\t\t\tsvgUnits.push(unit);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tsvgUnits.map((unit, i) => {\n\t\t\t\t\tif(newX[i] === undefined || newY[i] === undefined) return;\n\t\t\t\t\tthis.elementsToAnimate.push(unitRenderer.animate(\n\t\t\t\t\t\tunit, // unit, with info to replace where it came from in the data\n\t\t\t\t\t\tnewX[i],\n\t\t\t\t\t\tnewY[i],\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\tthis.data.datasets.length\n\t\t\t\t\t));\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tgetPathComponent(d, index) {\n\t\treturn new ChartComponent({\n\t\t\tlayerClass: 'path dataset-path',\n\t\t\tsetData: () => {},\n\t\t\tmakeElements: () => {\n\t\t\t\tlet d = this.data.datasets[index];\n\t\t\t\tlet color = this.colors[index];\n\n\t\t\t\treturn getPaths(\n\t\t\t\t\td.positions,\n\t\t\t\t\tthis.state.xAxis.positions,\n\t\t\t\t\tcolor,\n\t\t\t\t\tthis.config.heatline,\n\t\t\t\t\tthis.config.regionFill\n\t\t\t\t);\n\t\t\t},\n\t\t\tanimate: (paths) => {\n\t\t\t\tlet newX = this.state.xAxis.positions;\n\t\t\t\tlet newY = this.data.datasets[index].positions;\n\n\t\t\t\tlet oldX = this.oldState.xAxis.positions;\n\t\t\t\tlet oldY = this.oldState.datasets[index].positions;\n\n\n\t\t\t\tlet parentNode = paths[0].parentNode;\n\n\t\t\t\t[oldX, newX] = equilizeNoOfElements(oldX, newX);\n\t\t\t\t[oldY, newY] = equilizeNoOfElements(oldY, newY);\n\n\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\tpaths = getPaths(\n\t\t\t\t\t\toldY, oldX, this.colors[index],\n\t\t\t\t\t\tthis.config.heatline,\n\t\t\t\t\t\tthis.config.regionFill\n\t\t\t\t\t);\n\t\t\t\t\tparentNode.textContent = '';\n\t\t\t\t\tpaths.map(path => parentNode.appendChild(path));\n\t\t\t\t}\n\n\t\t\t\tconst newPointsList = newY.map((y, i) => (newX[i] + ',' + y));\n\t\t\t\tthis.elementsToAnimate = this.elementsToAnimate\n\t\t\t\t\t.concat(this.renderer.animatepath(paths, newPointsList.join(\"L\")));\n\t\t\t}\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\t// TODO: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.translateXLeft;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.translateXLeft;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tgetDataPoint(index=this.current_index) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\tlet y = this.y[0];\n\t\t['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t\tlet data_key = key.slice(0, key.length-1);\n\t\t\tdata_point[data_key] = y[key][index];\n\t\t});\n\t\tdata_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= this.xAxis.labels.length) index = this.xAxis.labels.length - 1;\n\t\tif(index === this.current_index) return;\n\t\tthis.current_index = index;\n\t\t$.fire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateData() {\n\t// \t// animate if same no. of datasets,\n\t// \t// else return new chart\n\n\t// \t//\n\t// }\n}\n\n\n// keep a binding at the end of chart\n\n","import LineChart from './LineChart';\n\nexport default class ScatterChart extends LineChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.type = 'scatter';\n\n\t\tif(!args.dotRadius) {\n\t\t\tthis.dotRadius = 8;\n\t\t} else {\n\t\t\tthis.dotRadius = args.dotRadius;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.unit_args = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.dotRadius }\n\t\t};\n\t}\n\n\tmake_paths() {}\n\tmake_path() {}\n}\n","import AxisChart from './AxisChart';\n// import { ChartComponent } from '../objects/ChartComponents';\nimport { makeSVGGroup, makePath, makeGradient } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\n\nexport default class LineChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'line';\n\n\t\tif(Object.getPrototypeOf(this) !== LineChart.prototype) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.config.xAxisMode = args.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n\n\t\tthis.config.dotRadius = args.dotRadius || 4;\n\n\t\tthis.config.heatline = args.heatline || 0;\n\t\tthis.config.regionFill = args.regionFill || 0;\n\t\tthis.config.showDots = args.showDots || 1;\n\t}\n\n\tconfigUnits() {\n\t\tthis.unitArgs = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.config.dotRadius }\n\t\t};\n\t}\n\n\t// temp commented\n\tsetUnitWidthAndXOffset() {\n\t\tthis.state.unitWidth = this.width/(this.state.datasetLength - 1);\n\t\tthis.state.xOffset = 0;\n\t}\n\n}\n","import AxisChart from './AxisChart';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\n// import { ChartComponent } from '../objects/ChartComponents';\nimport { floatTwo } from '../utils/helpers';\n\nexport default class MultiAxisChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\t// this.unitType = args.unitType || 'line';\n\t\t// this.setup();\n\t}\n\n\tpreSetup() {\n\t\tthis.type = 'multiaxis';\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tlet noOfLeftAxes = this.data.datasets.filter(d => d.axisPosition === 'left').length;\n\t\tthis.translateXLeft = (noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN;\n\t\tthis.translateXRight = (this.data.datasets.length - noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN;\n\t}\n\n\tprepareYAxis() { }\n\n\tprepareData(data) {\n\t\tsuper.prepareData(data);\n\t\tlet sets = this.state.datasets;\n\t\t// let axesLeft = sets.filter(d => d.axisPosition === 'left');\n\t\t// let axesRight = sets.filter(d => d.axisPosition === 'right');\n\t\t// let axesNone = sets.filter(d => !d.axisPosition ||\n\t\t// \t!['left', 'right'].includes(d.axisPosition));\n\n\t\tlet leftCount = 0, rightCount = 0;\n\n\t\tsets.forEach((d, i) => {\n\t\t\td.yAxis = {\n\t\t\t\tposition: d.axisPosition,\n\t\t\t\tindex: d.axisPosition === 'left' ? leftCount++ : rightCount++\n\t\t\t};\n\t\t});\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.config.xAxisMode = args.xAxisMode || 'tick';\n\t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n\t}\n\n\t// setUnitWidthAndXOffset() {\n\t// \tthis.state.unitWidth = this.width/(this.state.datasetLength);\n\t// \tthis.state.xOffset = this.state.unitWidth/2;\n\t// }\n\n\tconfigUnits() {\n\t\tthis.unitArgs = {\n\t\t\ttype: 'bar',\n\t\t\targs: {\n\t\t\t\tspaceWidth: this.state.unitWidth/2,\n\t\t\t}\n\t\t};\n\t}\n\n\tsetYAxis() {\n\t\tthis.state.datasets.map(d => {\n\t\t\tthis.calcYAxisParameters(d.yAxis, d.values, this.unitType === 'line');\n\t\t});\n\t}\n\n\tcalcYUnits() {\n\t\tthis.state.datasets.map(d => {\n\t\t\td.positions = d.values.map(val => floatTwo(d.yAxis.zeroLine - val * d.yAxis.scaleMultiplier));\n\t\t});\n\t}\n\n\t// TODO: function doesn't exist, handle with components\n\trenderConstants() {\n\t\tthis.state.datasets.map(d => {\n\t\t\tlet guidePos = d.yAxis.position === 'left'\n\t\t\t\t? -1 * d.yAxis.index * Y_AXIS_MARGIN\n\t\t\t\t: this.width + d.yAxis.index * Y_AXIS_MARGIN;\n\t\t\tthis.renderer.xLine(guidePos, '', {\n\t\t\t\tpos:'top',\n\t\t\t\tmode: 'span',\n\t\t\t\tstroke: this.colors[i],\n\t\t\t\tclassName: 'y-axis-guide'\n\t\t\t})\n\t\t});\n\t}\n\n\tgetYAxesComponents() {\n\t\treturn this.data.datasets.map((e, i) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'y axis y-axis-' + i,\n\t\t\t\tmake: () => {\n\t\t\t\t\tlet yAxis = this.state.datasets[i].yAxis;\n\t\t\t\t\tthis.renderer.setZeroline(yAxis.zeroline);\n\t\t\t\t\tlet options = {\n\t\t\t\t\t\tpos: yAxis.position,\n\t\t\t\t\t\tmode: 'tick',\n\t\t\t\t\t\toffset: yAxis.index * Y_AXIS_MARGIN,\n\t\t\t\t\t\tstroke: this.colors[i]\n\t\t\t\t\t};\n\n\t\t\t\t\treturn yAxis.positions.map((position, j) =>\n\t\t\t\t\t\tthis.renderer.yLine(position, yAxis.labels[j], options)\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tanimate: () => {}\n\t\t\t});\n\t\t});\n\t}\n\n\t// TODO remove renderer zeroline from above and below\n\tgetChartComponents() {\n\t\treturn this.data.datasets.map((d, index) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'dataset-units dataset-' + index,\n\t\t\t\tmake: () => {\n\t\t\t\t\tlet d = this.state.datasets[index];\n\t\t\t\t\tlet unitType = this.unitArgs;\n\n\t\t\t\t\t// the only difference, should be tied to datasets or default\n\t\t\t\t\tthis.renderer.setZeroline(d.yAxis.zeroLine);\n\n\t\t\t\t\treturn d.positions.map((y, j) => {\n\t\t\t\t\t\treturn this.renderer[unitType.type](\n\t\t\t\t\t\t\tthis.state.xAxisPositions[j],\n\t\t\t\t\t\t\ty,\n\t\t\t\t\t\t\tunitType.args,\n\t\t\t\t\t\t\tthis.colors[index],\n\t\t\t\t\t\t\tj,\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\tthis.state.datasetLength\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t\tanimate: (svgUnits) => {\n\t\t\t\t\tlet d = this.state.datasets[index];\n\t\t\t\t\tlet unitType = this.unitArgs.type;\n\n\t\t\t\t\t// have been updated in axis render;\n\t\t\t\t\tlet newX = this.state.xAxisPositions;\n\t\t\t\t\tlet newY = this.state.datasets[index].positions;\n\n\t\t\t\t\tlet lastUnit = svgUnits[svgUnits.length - 1];\n\t\t\t\t\tlet parentNode = lastUnit.parentNode;\n\n\t\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\t\tfor(var i = 0; i<this.oldState.xExtra; i++) {\n\t\t\t\t\t\t\tlet unit = lastUnit.cloneNode(true);\n\t\t\t\t\t\t\tparentNode.appendChild(unit);\n\t\t\t\t\t\t\tsvgUnits.push(unit);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.renderer.setZeroline(d.yAxis.zeroLine);\n\n\t\t\t\t\tsvgUnits.map((unit, i) => {\n\t\t\t\t\t\tif(newX[i] === undefined || newY[i] === undefined) return;\n\t\t\t\t\t\tthis.elementsToAnimate.push(this.renderer['animate' + unitType](\n\t\t\t\t\t\t\tunit, // unit, with info to replace where it came from in the data\n\t\t\t\t\t\t\tnewX[i],\n\t\t\t\t\t\t\tnewY[i],\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\tthis.state.noOfDatasets\n\t\t\t\t\t\t));\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.chartDiv = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.chartDiv\n\t\t});\n\t}\n\n\tsetupLayers() {\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\trenderComponents() {\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tcalc() {}\n\n\tbindTooltip() {\n\t\tthis.slices.map((slice, i) => {\n\t\t\tslice.addEventListener('mouseenter', () => {\n\t\t\t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t\t\tlet y = p_off.top - g_off.top - 6;\n\t\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\n\t\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legend_totals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `<span class=\"indicator\">\n\t\t\t\t\t<i style=\"background: ${this.colors[i]}\"></i>\n\t\t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\nimport { makePath } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { runSMILAnimation, transform } from '../utils/animation';\nconst ANGLE_RATIO = Math.PI / 180;\nconst FULL_ANGLE = 360;\n\nexport default class PieChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'pie';\n\t\tthis.elements_to_animate = null;\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\t\tthis.isAnimate = false;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\t\tthis.setup();\n\t}\n\tsetup_values() {\n\t\tthis.centerX = this.width / 2;\n\t\tthis.centerY = this.height / 2;\n\t\tthis.radius = (this.height > this.width ? this.centerX : this.centerY);\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\tstatic getPositionByAngle(angle,radius){\n\t\treturn {\n\t\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t\t};\n\t}\n\tmakeArcPath(startPosition,endPosition){\n\t\tconst{centerX,centerY,radius,clockWise} = this;\n\t\treturn `M${centerX} ${centerY} L${centerX+startPosition.x} ${centerY+startPosition.y} A ${radius} ${radius} 0 0 ${clockWise ? 1 : 0} ${centerX+endPosition.x} ${centerY+endPosition.y} z`;\n\t}\n\trenderComponents(init){\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = PieChart.getPositionByAngle(startAngle,radius);\n\t\t\tconst endPosition = PieChart.getPositionByAngle(endAngle,radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = this.makeArcPath(curStart,curEnd);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle:diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([{unit: slice, array: this.slices, index: this.slices.length - 1},\n\t\t\t\t\t{d:this.makeArcPath(startPosition,endPosition)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\tif(init){\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t}\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = PieChart.getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag){\n\t\t\ttransform(path,this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color,50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t}else{\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\tthis.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\tthis.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n\n\trenderLegend() {\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legend_totals.map((d, i) => {\n\t\t\tconst color = this.colors[i];\n\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `<span class=\"indicator\">\n\t\t\t\t\t<i style=\"background-color:${color};\"></i>\n\t\t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor({\n\t\tstart = '',\n\t\tdomain = '',\n\t\tsubdomain = '',\n\t\tdata = {},\n\t\tdiscrete_domains = 0,\n\t\tcount_label = '',\n\t\tlegend_colors = []\n\t}) {\n\t\tsuper(arguments[0]);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = domain;\n\t\tthis.subdomain = subdomain;\n\t\tthis.data = data;\n\t\tthis.discrete_domains = discrete_domains;\n\t\tthis.count_label = count_label;\n\n\t\tlet today = new Date();\n\t\tthis.start = start || addDays(today, 365);\n\n\t\tlegend_colors = legend_colors.slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\t// this.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tsetupLayers() {\n\t\tthis.domain_label_group = this.makeLayer(\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.data_groups = this.makeLayer(\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t}\n\n\tsetup_values() {\n\t\tthis.domain_label_group.textContent = '';\n\t\tthis.data_groups.textContent = '';\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\n\t\tthis.render_all_weeks_and_store_x_values(this.no_of_cols);\n\t}\n\n\trender_all_weeks_and_store_x_values(no_of_weeks) {\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.data_groups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.data_groups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet color_index = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolor_index = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[color_index], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domain_label_group.appendChild(text);\n\t\t});\n\t}\n\n\trenderComponents() {\n\t\tArray.prototype.slice.call(\n\t\t\tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t).map(d => {\n\t\t\td.style.display = 'None';\n\t\t});\n\t\tthis.chartWrapper.style.marginTop = '0px';\n\t\tthis.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tthis.data = data;\n\t\tthis.setup_values();\n\t\tthis.bindTooltip();\n\t}\n}\n"],"names":["expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getBarHeightAndYAttr","yTop","zeroLine","height","y","totalHeight","MIN_BAR_PERCENT_HEIGHT","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","transform","join","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","$","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","color","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","wrapInSVGGroup","elements","g","forEach","e","makePath","pathStr","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","x","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","slice","num","parseInt","b","toString","isValidColor","test","getDifferentChart","type","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","Chart","title","colors","undefined","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","newElements","animElements","push","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","dataPrep","labels","datasetLength","datasets","zeroArray","values","vals","isNaN","index","chartType","DEFAULT_AXIS_CHART_TYPE","getComponent","name","constants","getData","config","componentConfigs","assign","ChartComponent","getPaths","yList","xList","heatline","regionFill","pointsStr","path","gradient_id","this","svgDefs","components","gradient_id_region","state","yAxis","normalize","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","ceil","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","getRealIntervals","noOfIntervals","asc","part","orderedArray","getValueRange","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","getDaysBetween","addDays","numberOfDays","setDate","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","hide_tip","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","PRESET_COLOR_MAP","refreshState","totalWidth","unitWidth","xAxisMode","yAxisMode","bar","noOfDatasets","avgUnitWidth","dot","cx","cy","paths","pathComponents","animPath","regStartPt","regEndPt","animRegion","DEFAULT_COLORS","BaseChart","subtitle","isNavigable","showLegend","rawChartArgs","arguments","argHeight","currentIndex","prepareData","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","translateXLeft","translateXRight","validate","_setup","makeContainer","makeTooltip","chartWrapper","statsWrapper","tip","bindTooltip","init","calcWidth","makeChartArea","initComponents","setupComponents","c","drawArea","make","renderLegend","setupNavigation","update","baseWidth","calc","render","animate","apply","svg","makeOverlay","bindOverlay","_this3","event","keyCode","onLeftArrow","onRightArrow","onUpArrow","onDownArrow","onEnterKey","point","dataset","dataPoint","layerClass","layerTransform","makeElements","postMake","animateElements","store","layer","preMake","oldData","textContent","positions","position","newData","newPos","newLabels","oldPos","oldLabels","_this4","marker","_this5","end","_this6","newStarts","oldStarts","yPositions","j","barController","xPositions","valuesOverPoints","stacked","cumulativeYs","cumulativePositions","unitRenderer","consts","AxisChartController","meta","setupArgs","Object","radius","m","barsWidth","spaceRatio","minHeight","dotSize","isSeries","formatTooltipY","formatTooltipX","barOptions","lineOptions","setTrivialState","yTempPos","calcXPositions","setObservers","setYAxis","calcYUnits","calcYMaximums","calcYRegions","calcYAxisParameters","getAllYValues","s","xAxis","xOffset","dataValues","scaleMultiplier","intervalHeight","yExtremes","yMarkers","yRegions","cumulative","optionals","bind","dataUnitsComponents","getPathComponent","renderer","unitRenderers","getDataUnitComponent","svgUnits","lastUnit","oldState","xExtra","_this7","newPointsList","animatepath","_this8","relX","pageX","pageY","mapTooltipXPosition","titles","_this9","formatY","xVal","set_values","show_tip","current_index","data_point","data_key","fire","getDataPoint","datasetValues","splice","ScatterChart","dotRadius","unit_args","getPrototypeOf","LineChart","prototype","showDots","unitArgs","MultiAxisChart","noOfLeftAxes","axisPosition","leftCount","rightCount","unitType","guidePos","setZeroline","zeroline","xAxisPositions","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chartDiv","chart","percentageBar","slice_totals","all_totals","total","totals","sort","a","sum_of_others","legend_totals","grand_total","reduce","slices","g_off","p_off","formatted_labels","percent","x_values","ANGLE_RATIO","PI","PieChart","elements_to_animate","hoverRadio","isAnimate","startAngle","clockWise","mouseMove","mouseLeave","centerX","centerY","startPosition","endPosition","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","getPositionByAngle","prevProperty","curStart","curEnd","curPath","makeArcPath","transition","property","angle","flag","calTranslateByAngle","target","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","sin","cos","domain","subdomain","discrete_domains","count_label","legend_colors","today","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domain_label_group","makeLayer","data_groups","data_values","month_names","render_all_weeks_and_store_x_values","no_of_weeks","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","color_index","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","call","querySelectorAll","display","date_parts","split","month","setup_values","Heatmap"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/charts/axis-chart-utils.js","../../../src/js/objects/ChartComponents.js","../../../src/js/objects/AxisChartControllers.js","../../../src/js/utils/intervals.js","../../../src/js/utils/date-utils.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/charts/BaseChart.js","../../../src/js/utils/constants.js","../../../src/js/charts/AxisChart.js","../../../src/js/charts/ScatterChart.js","../../../src/js/charts/LineChart.js","../../../src/js/charts/MultiAxisChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\n\t\t// In case of invisible bars\n\t\tif(height === 0) {\n\t\t\theight = totalHeight * MIN_BAR_PERCENT_HEIGHT;\n\t\t\ty -= height;\n\t\t}\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n\n// let char_width = 8;\n// let allowed_space = avgUnitWidth * 1.5;\n// let allowed_letters = allowed_space / 8;\n\n// return values.map((value, i) => {\n// \tlet space_taken = getStringWidth(value, char_width) + 2;\n// \tif(space_taken > allowed_space) {\n// \t\tif(isSeries) {\n// \t\t\t// Skip some axis lines if X axis is a series\n// \t\t\tlet skips = 1;\n// \t\t\twhile((space_taken/skips)*2 > allowed_space) {\n// \t\t\t\tskips++;\n// \t\t\t}\n// \t\t\tif(i % skips !== 0) {\n// \t\t\t\treturn;\n// \t\t\t}\n// \t\t} else {\n// \t\t\tvalue = value.slice(0, allowed_letters-3) + \" ...\";\n// \t\t}\n// \t}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: oldCoord.join(', ')}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport var Animator = (function() {\n\tvar Animator = function(totalHeight, totalWidth, zeroLine, avgUnitWidth) {\n\t\t// constants\n\t\tthis.totalHeight = totalHeight;\n\t\tthis.totalWidth = totalWidth;\n\n\t\t// changeables\n\t\tthis.avgUnitWidth = avgUnitWidth;\n\t\tthis.zeroLine = zeroLine;\n\t};\n\n\tAnimator.prototype = {\n\t\tbar: function(barObj, x, yTop, index, noOfDatasets) {\n\t\t\tlet start = x - this.avgUnitWidth/4;\n\t\t\tlet width = (this.avgUnitWidth/2)/noOfDatasets;\n\t\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.zeroLine, this.totalHeight);\n\n\t\t\tx = start + (width * index);\n\n\t\t\treturn [barObj, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t\t},\n\n\t\tdot: function(dotObj, x, yTop) {\n\t\t\treturn [dotObj, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t\t},\n\n\t\tpath: function(d, pathStr) {\n\t\t\tlet pathComponents = [];\n\t\t\tconst animPath = [{unit: d.path, object: d, key: 'path'}, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\t\t\tpathComponents.push(animPath);\n\n\t\t\tif(d.regionPath) {\n\t\t\t\tlet regStartPt = `0,${this.zeroLine}L`;\n\t\t\t\tlet regEndPt = `L${this.totalWidth}, ${this.zeroLine}`;\n\n\t\t\t\tconst animRegion = [\n\t\t\t\t\t{unit: d.regionPath, object: d, key: 'regionPath'},\n\t\t\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\t\t\tPATH_ANIM_DUR,\n\t\t\t\t\tSTD_EASING\n\t\t\t\t];\n\t\t\t\tpathComponents.push(animRegion);\n\t\t\t}\n\n\t\t\treturn pathComponents;\n\t\t}\n\t};\n\n\treturn Animator;\n})();\n\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\n\n/*\n\n<filter id=\"glow\" x=\"-10%\" y=\"-10%\" width=\"120%\" height=\"120%\">\n\t<feGaussianBlur stdDeviation=\"0.5 0.5\" result=\"glow\"></feGaussianBlur>\n\t<feMerge>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t\t<feMergeNode in=\"glow\"></feMergeNode>\n\t</feMerge>\n</filter>\n\n    filter: url(#glow);\n    fill: #fff;\n\n*/\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color;\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: 1\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport class AxisChartRenderer {\n\tconstructor(state) {\n\t\tthis.refreshState(state);\n\t}\n\n\trefreshState(state) {\n\t\tthis.totalHeight = state.totalHeight;\n\t\tthis.totalWidth = state.totalWidth;\n\t\tthis.zeroLine = state.zeroLine;\n\t\tthis.unitWidth = state.unitWidth;\n\t\tthis.xAxisMode = state.xAxisMode;\n\t\tthis.yAxisMode = state.yAxisMode;\n\t}\n\n\tsetZeroline(zeroLine) {\n\t\tthis.zeroLine = zeroLine;\n\t}\n\n\txMarker() {}\n\n\n\txRegion() {\n\t\treturn createSVG('rect', {\n\t\t\tclassName: `bar mini`, // remove class\n\t\t\tstyle: `fill: rgba(228, 234, 239, 0.49)`,\n\t\t\t// 'data-point-index': index,\n\t\t\tx: 0,\n\t\t\ty: y2,\n\t\t\twidth: this.totalWidth,\n\t\t\theight: y1 - y2\n\t\t});\n\n\t\treturn region;\n\t}\n\n\tanimatebar(bar, x, yTop, index, noOfDatasets) {\n\t\tlet start = x - this.avgUnitWidth/4;\n\t\tlet width = (this.avgUnitWidth/2)/noOfDatasets;\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.zeroLine, this.totalHeight);\n\n\t\tx = start + (width * index);\n\n\t\treturn [bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n\n\tanimatedot(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n\n\tanimatepath(paths, pathStr) {\n\t\tlet pathComponents = [];\n\t\tconst animPath = [paths[0], {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\t\tpathComponents.push(animPath);\n\n\t\tif(paths[1]) {\n\t\t\tlet regStartPt = `0,${this.zeroLine}L`;\n\t\t\tlet regEndPt = `L${this.totalWidth}, ${this.zeroLine}`;\n\n\t\t\tconst animRegion = [\n\t\t\t\tpaths[1],\n\t\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\t\tPATH_ANIM_DUR,\n\t\t\t\tSTD_EASING\n\t\t\t];\n\t\t\tpathComponents.push(animRegion);\n\t\t}\n\n\t\treturn pathComponents;\n\t}\n}\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\treturn new Chart({\n\t\tparent: args.parent,\n\t\ttitle: args.title,\n\t\tdata: args.data,\n\t\ttype: type,\n\t\theight: args.height,\n\t\tcolors: useColor ? args.colors : undefined\n\t});\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set index\n\t\td.index = i;\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\td.chartType = type || DEFAULT_AXIS_CHART_TYPE;\n\t\t}\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// Set start and end\n\n\treturn data;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { Animator, translateHoriLine, translateVertLine, animateRegion } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tpostMake,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.postMake = postMake;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = typeof(layerClass) === 'function'\n\t\t\t? layerClass() : layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.preMake && this.preMake();\n\t\tthis.render(this.data);\n\t\tthis.postMake && this.postMake();\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\t// TODO: Can we remove this?\n\t\tsetTimeout(() => {\n\t\t\tthis.make();\n\t\t}, 1400);\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos =  newData.positions;\n\t\t\tlet newLabels =  newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.labels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos =  newData.positions;\n\t\t\tlet newLabels =  newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos =  newData.map(d => d.position);\n\t\t\tlet newLabels =  newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos =  newData.map(d => d.end);\n\t\t\tlet newLabels =  newData.map(d => d.label);\n\t\t\tlet newStarts =  newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\t// opt:[\n\t\t// \t'barGraph',\n\t\t// \tthis.drawArea,\n\t\t// \t{\n\t\t// \t\tcontroller: barController,\n\t\t// \t\tindex: index,\n\t\t// \t\tcolor: this.colors[index],\n\t\t// \t\tvaluesOverPoints: this.valuesOverPoints,\n\t\t// \t\tstacked: this.barOptions && this.barOptions.stacked,\n\t\t// \t\tspaceRatio: 0.5,\n\t\t// \t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT\n\t\t// \t},\n\t\t// \t{\n\t\t// \t\tbarsWidth: this.state.unitWidth * (1 - spaceRatio),\n\t\t// \t\tbarWidth: barsWidth/(stacked ? 1 : this.state.noOfDatasets),\n\n\t\t// \t},\n\t\t// \tfunction() {\n\t\t// \t\tlet s = this.state;\n\t\t// \t\treturn {\n\t\t// \t\t\tbarsWidth: this.state.unitWidth * (1 - spaceRatio),\n\t\t// \t\t\tbarWidth: barsWidth/(stacked ? 1 : this.state.noOfDatasets),\n\t\t// \t\t\tpositions: s.xAxisPositions,\n\t\t// \t\t\tlabels: s.xAxisLabels,\n\t\t// \t\t}\n\t\t// \t}.bind(this)\n\t\t// ],\n\t\tlayerClass() { return 'y-regions' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\treturn data.yPositions.map((y, j) =>\n\t\t\t\tbarController.draw(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tcolor,\n\t\t\t\t\t(c.valuesOverPoints ? (c.stacked ? data.cumulativeYs[j] : data.values[j]) : ''),\n\t\t\t\t\tj,\n\t\t\t\t\ty - (data.cumulativePositions ? data.cumulativePositions[j] : y)\n\t\t\t\t)\n\t\t\t);\n\t\t},\n\t\tpostMake() {\n\t\t\tif((!this.constants.stacked)) {\n\t\t\t\tthis.layer.setAttribute('transform',\n\t\t\t\t\t`translate(${unitRenderer.consts.width * index}, 0)`);\n\t\t\t}\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos =  newData.map(d => d.end);\n\t\t\tlet newLabels =  newData.map(d => d.label);\n\t\t\tlet newStarts =  newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet config = componentConfigs[name];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import { getBarHeightAndYAttr } from '../utils/draw-utils';\nimport { createSVG, makePath, makeGradient, wrapInSVGGroup, FONT_SIZE } from '../utils/draw';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from '../utils/animate';\n\nclass AxisChartController {\n\tconstructor(meta) {\n\t\t// TODO: make configurable passing args\n\t\tthis.meta = meta || {};\n\t\tthis.setupArgs();\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {};\n\t}\n\n\tsetup() {}\n\n\trefreshMeta(meta) {\n\t\tthis.meta = Object.assign((this.meta || {}), meta);\n\t}\n\n\tdraw() {}\n\tanimate() {}\n}\n\nexport class AxisController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tdraw(x, y, color, index) {\n\t\treturn createSVG('circle', {\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tcx: x,\n\t\t\tcy: y,\n\t\t\tr: this.consts.radius\n\t\t});\n\t}\n\n\tanimate(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport class BarChartController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {\n\t\t\tspaceRatio: 0.5,\n\t\t\tminHeight: this.meta.totalHeight * MIN_BAR_PERCENT_HEIGHT\n\t\t};\n\t}\n\n\trefreshMeta(meta) {\n\t\tif(meta) {\n\t\t\tsuper.refreshMeta(meta);\n\t\t}\n\t\tlet m = this.meta;\n\t\tthis.consts.barsWidth = m.unitWidth - m.unitWidth * this.consts.spaceRatio;\n\n\t\tthis.consts.width = this.consts.barsWidth / (m.options && m.options.stacked\n\t\t\t? m.options.stacked : m.noOfDatasets);\n\t}\n\n\tdraw(x, yTop, color, label='', index=0, offset=0) {\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.meta.zeroLine);\n\n\t\tlet rect = createSVG('rect', {\n\t\t\tclassName: `bar mini`,\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tx: x - this.consts.barsWidth/2,\n\t\t\ty: y - offset,\n\t\t\twidth: this.consts.width,\n\t\t\theight: height || this.consts.minHeight\n\t\t});\n\n\t\tif(!label && !label.length) {\n\t\t\treturn rect;\n\t\t} else {\n\t\t\tlet text = createSVG('text', {\n\t\t\t\tclassName: 'data-point-value',\n\t\t\t\tx: x,\n\t\t\t\ty: y - offset,\n\t\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t\t'text-anchor': 'middle',\n\t\t\t\tinnerHTML: label\n\t\t\t});\n\n\t\t\treturn wrapInSVGGroup([rect, text]);\n\t\t}\n\t}\n\n\tanimate(bar, x, yTop, index, noOfDatasets) {\n\t\tlet start = x - this.meta.unitWidth/4;\n\t\tlet width = (this.meta.unitWidth/2)/noOfDatasets;\n\t\tlet [height, y] = getBarHeightAndYAttr(yTop, this.meta.zeroLine, this.meta.totalHeight);\n\n\t\tx = start + (width * index);\n\n\t\treturn [bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport class LineChartController extends AxisChartController {\n\tconstructor(meta) {\n\t\tsuper(meta);\n\t}\n\n\tsetupArgs() {\n\t\tthis.consts = {\n\t\t\tradius: this.meta.dotSize || 4\n\t\t};\n\t}\n\n\tdraw(x, y, color, label='', index=0) {\n\t\tlet dot = createSVG('circle', {\n\t\t\tstyle: `fill: ${color}`,\n\t\t\t'data-point-index': index,\n\t\t\tcx: x,\n\t\t\tcy: y,\n\t\t\tr: this.consts.radius\n\t\t});\n\n\t\tif(!label && !label.length) {\n\t\t\treturn dot;\n\t\t} else {\n\t\t\tlet text = createSVG('text', {\n\t\t\t\tclassName: 'data-point-value',\n\t\t\t\tx: x,\n\t\t\t\ty: y,\n\t\t\t\tdy: (FONT_SIZE / 2 * -1 - this.consts.radius) + 'px',\n\t\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t\t'text-anchor': 'middle',\n\t\t\t\tinnerHTML: label\n\t\t\t});\n\n\t\t\treturn wrapInSVGGroup([dot, text]);\n\t\t}\n\t}\n\n\tanimate(dot, x, yTop) {\n\t\treturn [dot, {cx: x, cy: yTop}, UNIT_ANIM_DUR, STD_EASING];\n\t\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n\t}\n}\n\nexport function getPaths(yList, xList, color, heatline=false, regionFill=false) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(heatline) {\n\t\tlet gradient_id = makeGradient(this.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet components = [path];\n\n\t// Region\n\tif(regionFill) {\n\t\tlet gradient_id_region = makeGradient(this.svgDefs, color, true);\n\n\t\tlet zeroLine = this.state.yAxis.zeroLine;\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `0,${zeroLine}L` + pointsStr + `L${this.width},${zeroLine}`;\n\t\tcomponents.push(makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`));\n\t}\n\n\treturn components;\n}\n\n// class BarChart extends AxisChart {\n// \tconstructor(args) {\n// \t\tsuper(args);\n// \t\tthis.type = 'bar';\n// \t\tthis.setup();\n// \t}\n\n// \tconfigure(args) {\n// \t\tsuper.configure(args);\n// \t\tthis.config.xAxisMode = args.xAxisMode || 'tick';\n// \t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n// \t}\n\n// \t// =================================\n\n// \tmakeOverlay() {\n// \t\t// Just make one out of the first element\n// \t\tlet index = this.xAxisLabels.length - 1;\n// \t\tlet unit = this.y[0].svg_units[index];\n// \t\tthis.setCurrentDataPoint(index);\n\n// \t\tif(this.overlay) {\n// \t\t\tthis.overlay.parentNode.removeChild(this.overlay);\n// \t\t}\n// \t\tthis.overlay = unit.cloneNode();\n// \t\tthis.overlay.style.fill = '#000000';\n// \t\tthis.overlay.style.opacity = '0.4';\n// \t\tthis.drawArea.appendChild(this.overlay);\n// \t}\n\n// \tbindOverlay() {\n// \t\t// on event, update overlay\n// \t\tthis.parent.addEventListener('data-select', (e) => {\n// \t\t\tthis.update_overlay(e.svg_unit);\n// \t\t});\n// \t}\n\n// \tbind_units(units_array) {\n// \t\tunits_array.map(unit => {\n// \t\t\tunit.addEventListener('click', () => {\n// \t\t\t\tlet index = unit.getAttribute('data-point-index');\n// \t\t\t\tthis.setCurrentDataPoint(index);\n// \t\t\t});\n// \t\t});\n// \t}\n\n// \tupdate_overlay(unit) {\n// \t\tlet attributes = [];\n// \t\tObject.keys(unit.attributes).map(index => {\n// \t\t\tattributes.push(unit.attributes[index]);\n// \t\t});\n\n// \t\tattributes.filter(attr => attr.specified).map(attr => {\n// \t\t\tthis.overlay.setAttribute(attr.name, attr.nodeValue);\n// \t\t});\n\n// \t\tthis.overlay.style.fill = '#000000';\n// \t\tthis.overlay.style.opacity = '0.4';\n// \t}\n\n// \tonLeftArrow() {\n// \t\tthis.setCurrentDataPoint(this.currentIndex - 1);\n// \t}\n\n// \tonRightArrow() {\n// \t\tthis.setCurrentDataPoint(this.currentIndex + 1);\n// \t}\n// }\n\n","function normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import '../scss/charts.scss';\n\nimport ScatterChart from './charts/ScatterChart';\nimport MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\n// if (ENV !== 'production') {\n// \t// Enable LiveReload\n// \tdocument.write(\n// \t\t'<script src=\"http://' + (location.host || 'localhost').split(':')[0] +\n// \t\t':35729/livereload.js?snipver=1\"></' + 'script>'\n// \t);\n// }\n\n// If type is bar\n\n\n\n\nconst chartTypes = {\n\tmixed: AxisChart,\n\tmultiaxis: MultiAxisChart,\n\tscatter: ScatterChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', options) {\n\tdebugger;\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](options);\n}\n\nexport default class Chart {\n\tconstructor(args) {\n\t\treturn getChartByType(args.type, arguments[0]);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `<span class=\"title\"></span>\n\t\t\t\t<ul class=\"data-point-list\"></ul>\n\t\t\t\t<div class=\"svg-pointer\"></div>`\n\t\t});\n\t\tthis.hide_tip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.data_point_list = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hide_tip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.title_value_first) {\n\t\t\ttitle = `<strong>${this.title_value}</strong>${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}<strong>${this.title_value}</strong>`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.data_point_list.innerHTML = '';\n\n\t\tthis.list_values.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `<strong style=\"display: block;\">${ set.value === 0 || set.value ? set.value : '' }</strong>\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor({\n\t\theight = 240,\n\n\t\ttitle = '',\n\t\tsubtitle = '',\n\t\tcolors = [],\n\n\t\tisNavigable = 0,\n\t\tshowLegend = 1,\n\n\t\ttype = '',\n\n\t\tparent,\n\t\tdata\n\t}) {\n\t\tthis.rawChartArgs = arguments[0];\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tthis.title = title;\n\t\tthis.subtitle = subtitle;\n\t\tthis.argHeight = height;\n\n\t\tthis.isNavigable = isNavigable;\n\t\tif(this.isNavigable) {\n\t\t\tthis.currentIndex = 0;\n\t\t}\n\n\t\tthis.data = this.prepareData(data);;\n\t\tthis.colors = [];\n\t\tthis.config = {};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.configure(arguments[0]);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: 1,\n\t\t\tisNavigable: 0,\n\t\t\tanimate: 1\n\t\t};\n\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw());\n\t\twindow.addEventListener('orientationchange', () => this.draw());\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\t// TODO: think for all\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - 40; // change\n\t\tthis.translateY = 20;\n\n\t\t// Horizontal margins\n\t\tthis.translateXLeft = 60;\n\t\tthis.translateXRight = 40;\n\t}\n\n\tvalidate(){\n\t\tlet args = this.rawChartArgs;\n\t\t// Now yo have the args, set this stuff only after validating\n\t\tif(!this.parent) {\n\t\t\tconsole.error(\"No parent element to render on was provided.\");\n\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip(); // without binding\n\n\t\tthis.draw(true);\n\t}\n\n\tinitComponents() {}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `<h6 class=\"title\">${this.title}</h6>\n\t\t\t\t<h6 class=\"sub-title uppercase\">${this.subtitle}</h6>\n\t\t\t\t<div class=\"frappe-chart graphics\"></div>\n\t\t\t\t<div class=\"graph-stats-container\"></div>`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(init=false) {\n\t\tthis.calcWidth();\n\t\tthis.makeChartArea();\n\n\t\tthis.initComponents(); // Only depend on the drawArea made in makeChartArea\n\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea)); // or c.build()\n\t\tthis.components.forEach(c => c.make()); // or c.build()\n\t\tthis.renderLegend();\n\n\t\tthis.setupNavigation(init);\n\n\t\t// TODO: remove timeout and decrease post animate time in chart component\n\t\tif(init) {\n\t\t\tsetTimeout(() => {this.update();}, 1000);\n\t\t}\n\t}\n\n\tcalcWidth() {\n\t\tlet outerAnnotationsWidth = 0;\n\t\t// let charWidth = 8;\n\t\t// this.specificValues.map(val => {\n\t\t// \tlet strWidth = getStringWidth((val.title + \"\"), charWidth);\n\t\t// \tif(strWidth > outerAnnotationsWidth) {\n\t\t// \t\touterAnnotationsWidth = strWidth - 40;\n\t\t// \t}\n\t\t// });\n\t\tthis.baseWidth = getElementContentWidth(this.parent) - outerAnnotationsWidth;\n\t\tthis.width = this.baseWidth - (this.translateXLeft + this.translateXRight);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData() {}\n\n\tcalc() {} // builds state\n\n\trender(animate=true) {\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tlet elementsToAnimate = [];\n\t\tthis.components.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t}\n\n\t\t// TODO: rebind new units\n\t\t// if(this.isNavigable) {\n\t\t// \tthis.bind_units(units_array);\n\t\t// }\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.translateXLeft}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(this.isNavigable) return;\n\n\t\tthis.makeOverlay();\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\n\t\t\t\t\tif (e.keyCode == '37') {\n\t\t\t\t\t\tthis.onLeftArrow();\n\t\t\t\t\t} else if (e.keyCode == '39') {\n\t\t\t\t\t\tthis.onRightArrow();\n\t\t\t\t\t} else if (e.keyCode == '38') {\n\t\t\t\t\t\tthis.onUpArrow();\n\t\t\t\t\t} else if (e.keyCode == '40') {\n\t\t\t\t\t\tthis.onDownArrow();\n\t\t\t\t\t} else if (e.keyCode == '13') {\n\t\t\t\t\t\tthis.onEnterKey();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tbindOverlay() {}\n\tbind_units() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\t// ????????????\n\t// Update the data here, then do relevant updates\n\t// and drawing in child classes by overriding\n\t// The Child chart will only know what a particular update means\n\t// and what components are affected,\n\t// BaseChart shouldn't be doing the animating\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.rawChartArgs);\n\t}\n}\n","export const Y_AXIS_MARGIN = 60;\n\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';","import BaseChart from './BaseChart';\nimport { dataPrep } from './axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { BarChartController, LineChartController, getPaths } from '../objects/AxisChartControllers';\nimport { AxisChartRenderer } from '../utils/draw';\nimport { getOffset, fire } from '../utils/dom';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { Animator, translateHoriLine } from '../utils/animate';\nimport { runSMILAnimation } from '../utils/animation';\nimport { getRealIntervals, calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex } from '../utils/intervals';\nimport { floatTwo, fillArray, bindChange } from '../utils/helpers';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.isSeries = args.isSeries;\n\t\tthis.valuesOverPoints = args.valuesOverPoints;\n\t\tthis.formatTooltipY = args.formatTooltipY;\n\t\tthis.formatTooltipX = args.formatTooltipX;\n\t\tthis.barOptions = args.barOptions;\n\t\tthis.lineOptions = args.lineOptions;\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.xAxisMode = args.xAxisMode || 'span';\n\t\tthis.yAxisMode = args.yAxisMode || 'span';\n\n\t\tthis.zeroLine = this.height;\n\t\tthis.setTrivialState();\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\t// TODO: set in options and use\n\n\t\tthis.config.xAxisMode = args.xAxisMode;\n\t\tthis.config.yAxisMode = args.yAxisMode;\n\t}\n\n\tsetTrivialState() {\n\t\t// Define data and stuff\n\t\tlet yTempPos = getRealIntervals(this.height, 4, 0, 0);\n\n\t\tthis.state = {\n\t\t\txAxis: {\n\t\t\t\tpositions: [],\n\t\t\t\tlabels: [],\n\t\t\t},\n\t\t\tyAxis: {\n\t\t\t\tpositions: yTempPos,\n\t\t\t\tlabels: yTempPos.map(d => \"\"),\n\t\t\t},\n\t\t\tyRegions: [\n\t\t\t\t{\n\t\t\t\t\tstart: this.height,\n\t\t\t\t\tend: this.height,\n\t\t\t\t\tlabel: ''\n\t\t\t\t}\n\t\t\t],\n\t\t\tyMarkers: [\n\t\t\t\t{\n\t\t\t\t\tposition: this.height,\n\t\t\t\t\tlabel: ''\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\n\t\tthis.calcWidth();\n\t\tthis.calcXPositions(this.state);\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.translateXLeft = Y_AXIS_MARGIN;\n\t\tthis.translateXRight = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tcalc() {\n\n\t\tthis.calcXPositions();\n\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions(s=this.state) {\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\tthis.calcYUnits();\n\t\tthis.calcYMaximums();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcYUnits() {\n\t\tlet s = this.state;\n\t\tthis.data.datasets.map(d => {\n\t\t\td.positions = d.values.map(val =>\n\t\t\t\tfloatTwo(s.yAxis.zeroLine - val * s.yAxis.scaleMultiplier));\n\t\t});\n\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\td.cumulativePositions = d.cumulativeYs.map(val =>\n\t\t\t\t\tfloatTwo(s.yAxis.zeroLine - val * s.yAxis.scaleMultiplier));\n\t\t\t});\n\t\t}\n\t}\n\n\tcalcYMaximums() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\ts.yExtremes = this.data.datasets[this.data.datasets.length - 1].cumulativePositions;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.positions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\t// Tooltip refresh should not be needed?\n\t\t// this.chartWrapper.removeChild(this.tip.container);\n\t\t// this.make_tooltip();\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = floatTwo(s.yAxis.zeroLine - d.value * s.yAxis.scaleMultiplier);\n\t\t\t\td.label += ': ' + d.value;\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\tif(d.end < d.start) {\n\t\t\t\t\t[d.start, d.end] = [d.end, start];\n\t\t\t\t}\n\t\t\t\td.start = floatTwo(s.yAxis.zeroLine - d.start * s.yAxis.scaleMultiplier);\n\t\t\t\td.end = floatTwo(s.yAxis.zeroLine - d.end * s.yAxis.scaleMultiplier);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions && this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tinitComponents() {\n\t\tthis.componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t}\n\t\t\t]\n\t\t];\n\t}\n\tsetupComponents() {\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.components = new Map(this.componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.data[args[0]])\n\t\t\t.map(args => {\n\t\t\t\targs.push(\n\t\t\t\t\tfunction() {\n\t\t\t\t\t\treturn this.state[args[0]];\n\t\t\t\t\t}.bind(this)\n\t\t\t\t);\n\t\t\t\treturn [args[0], getComponent(...args)];\n\t\t\t}));\n\t}\n\n\tgetChartComponents() {\n\t\tlet dataUnitsComponents = []\n\t\t// this.state is not defined at this stage\n\t\tthis.data.datasets.forEach((d, index) => {\n\t\t\tif(d.chartType === 'line') {\n\t\t\t\tdataUnitsComponents.push(this.getPathComponent(d, index));\n\t\t\t}\n\n\t\t\tlet renderer = this.unitRenderers[d.chartType];\n\t\t\tdataUnitsComponents.push(this.getDataUnitComponent(\n\t\t\t\tindex, renderer\n\t\t\t));\n\t\t});\n\t\treturn dataUnitsComponents;\n\t}\n\n\tgetDataUnitComponent(index, unitRenderer) {\n\t\treturn new ChartComponent({\n\t\t\tlayerClass: 'dataset-units dataset-' + index,\n\t\t\tmakeElements: () => {\n\t\t\t\t// yPositions, xPostions, color, valuesOverPoints,\n\t\t\t\tlet d = this.data.datasets[index];\n\n\t\t\t\treturn d.positions.map((y, j) => {\n\t\t\t\t\treturn unitRenderer.draw(\n\t\t\t\t\t\tthis.state.xAxis.positions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tthis.colors[index],\n\t\t\t\t\t\t(this.valuesOverPoints ? (this.barOptions &&\n\t\t\t\t\t\t\tthis.barOptions.stacked ? d.cumulativeYs[j] : d.values[j]) : ''),\n\t\t\t\t\t\tj,\n\t\t\t\t\t\ty - (d.cumulativePositions ? d.cumulativePositions[j] : y)\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t},\n\t\t\tpostMake: function() {\n\t\t\t\tlet translate_layer = () => {\n\t\t\t\t\tthis.layer.setAttribute('transform', `translate(${unitRenderer.consts.width * index}, 0)`);\n\t\t\t\t}\n\n\t\t\t\t// let d = this.data.datasets[index];\n\n\t\t\t\tif(this.meta.type === 'bar' && (!this.meta.barOptions\n\t\t\t\t\t|| !this.meta.barOptions.stacked)) {\n\n\t\t\t\t\ttranslate_layer();\n\t\t\t\t}\n\t\t\t},\n\t\t\tanimate: (svgUnits) => {\n\t\t\t\t// have been updated in axis render;\n\t\t\t\tlet newX = this.state.xAxis.positions;\n\t\t\t\tlet newY = this.data.datasets[index].positions;\n\n\t\t\t\tlet lastUnit = svgUnits[svgUnits.length - 1];\n\t\t\t\tlet parentNode = lastUnit.parentNode;\n\n\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\tfor(var i = 0; i<this.oldState.xExtra; i++) {\n\t\t\t\t\t\tlet unit = lastUnit.cloneNode(true);\n\t\t\t\t\t\tparentNode.appendChild(unit);\n\t\t\t\t\t\tsvgUnits.push(unit);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tsvgUnits.map((unit, i) => {\n\t\t\t\t\tif(newX[i] === undefined || newY[i] === undefined) return;\n\t\t\t\t\tthis.elementsToAnimate.push(unitRenderer.animate(\n\t\t\t\t\t\tunit, // unit, with info to replace where it came from in the data\n\t\t\t\t\t\tnewX[i],\n\t\t\t\t\t\tnewY[i],\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\tthis.data.datasets.length\n\t\t\t\t\t));\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tgetPathComponent(d, index) {\n\t\treturn new ChartComponent({\n\t\t\tlayerClass: 'path dataset-path',\n\t\t\tsetData: () => {},\n\t\t\tmakeElements: () => {\n\t\t\t\tlet d = this.data.datasets[index];\n\t\t\t\tlet color = this.colors[index];\n\n\t\t\t\treturn getPaths(\n\t\t\t\t\td.positions,\n\t\t\t\t\tthis.state.xAxis.positions,\n\t\t\t\t\tcolor,\n\t\t\t\t\tthis.config.heatline,\n\t\t\t\t\tthis.config.regionFill\n\t\t\t\t);\n\t\t\t},\n\t\t\tanimate: (paths) => {\n\t\t\t\tlet newX = this.state.xAxis.positions;\n\t\t\t\tlet newY = this.data.datasets[index].positions;\n\n\t\t\t\tlet oldX = this.oldState.xAxis.positions;\n\t\t\t\tlet oldY = this.oldState.datasets[index].positions;\n\n\n\t\t\t\tlet parentNode = paths[0].parentNode;\n\n\t\t\t\t[oldX, newX] = equilizeNoOfElements(oldX, newX);\n\t\t\t\t[oldY, newY] = equilizeNoOfElements(oldY, newY);\n\n\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\tpaths = getPaths(\n\t\t\t\t\t\toldY, oldX, this.colors[index],\n\t\t\t\t\t\tthis.config.heatline,\n\t\t\t\t\t\tthis.config.regionFill\n\t\t\t\t\t);\n\t\t\t\t\tparentNode.textContent = '';\n\t\t\t\t\tpaths.map(path => parentNode.appendChild(path));\n\t\t\t\t}\n\n\t\t\t\tconst newPointsList = newY.map((y, i) => (newX[i] + ',' + y));\n\t\t\t\tthis.elementsToAnimate = this.elementsToAnimate\n\t\t\t\t\t.concat(this.renderer.animatepath(paths, newPointsList.join(\"L\")));\n\t\t\t}\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\t// TODO: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.translateXLeft;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.translateXLeft;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tgetDataPoint(index=this.current_index) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\tlet y = this.y[0];\n\t\t['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t\tlet data_key = key.slice(0, key.length-1);\n\t\t\tdata_point[data_key] = y[key][index];\n\t\t});\n\t\tdata_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= this.xAxis.labels.length) index = this.xAxis.labels.length - 1;\n\t\tif(index === this.current_index) return;\n\t\tthis.current_index = index;\n\t\t$.fire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateData() {\n\t// \t// animate if same no. of datasets,\n\t// \t// else return new chart\n\n\t// \t//\n\t// }\n}\n\n\n// keep a binding at the end of chart\n\n","import LineChart from './LineChart';\n\nexport default class ScatterChart extends LineChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\n\t\tthis.type = 'scatter';\n\n\t\tif(!args.dotRadius) {\n\t\t\tthis.dotRadius = 8;\n\t\t} else {\n\t\t\tthis.dotRadius = args.dotRadius;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tsetup_values() {\n\t\tsuper.setup_values();\n\t\tthis.unit_args = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.dotRadius }\n\t\t};\n\t}\n\n\tmake_paths() {}\n\tmake_path() {}\n}\n","import AxisChart from './AxisChart';\n// import { ChartComponent } from '../objects/ChartComponents';\nimport { makeSVGGroup, makePath, makeGradient } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\n\nexport default class LineChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'line';\n\n\t\tif(Object.getPrototypeOf(this) !== LineChart.prototype) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.config.xAxisMode = args.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n\n\t\tthis.config.dotRadius = args.dotRadius || 4;\n\n\t\tthis.config.heatline = args.heatline || 0;\n\t\tthis.config.regionFill = args.regionFill || 0;\n\t\tthis.config.showDots = args.showDots || 1;\n\t}\n\n\tconfigUnits() {\n\t\tthis.unitArgs = {\n\t\t\ttype: 'dot',\n\t\t\targs: { radius: this.config.dotRadius }\n\t\t};\n\t}\n\n\t// temp commented\n\tsetUnitWidthAndXOffset() {\n\t\tthis.state.unitWidth = this.width/(this.state.datasetLength - 1);\n\t\tthis.state.xOffset = 0;\n\t}\n\n}\n","import AxisChart from './AxisChart';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\n// import { ChartComponent } from '../objects/ChartComponents';\nimport { floatTwo } from '../utils/helpers';\n\nexport default class MultiAxisChart extends AxisChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\t// this.unitType = args.unitType || 'line';\n\t\t// this.setup();\n\t}\n\n\tpreSetup() {\n\t\tthis.type = 'multiaxis';\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tlet noOfLeftAxes = this.data.datasets.filter(d => d.axisPosition === 'left').length;\n\t\tthis.translateXLeft = (noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN;\n\t\tthis.translateXRight = (this.data.datasets.length - noOfLeftAxes) * Y_AXIS_MARGIN || Y_AXIS_MARGIN;\n\t}\n\n\tprepareYAxis() { }\n\n\tprepareData(data) {\n\t\tsuper.prepareData(data);\n\t\tlet sets = this.state.datasets;\n\t\t// let axesLeft = sets.filter(d => d.axisPosition === 'left');\n\t\t// let axesRight = sets.filter(d => d.axisPosition === 'right');\n\t\t// let axesNone = sets.filter(d => !d.axisPosition ||\n\t\t// \t!['left', 'right'].includes(d.axisPosition));\n\n\t\tlet leftCount = 0, rightCount = 0;\n\n\t\tsets.forEach((d, i) => {\n\t\t\td.yAxis = {\n\t\t\t\tposition: d.axisPosition,\n\t\t\t\tindex: d.axisPosition === 'left' ? leftCount++ : rightCount++\n\t\t\t};\n\t\t});\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.config.xAxisMode = args.xAxisMode || 'tick';\n\t\tthis.config.yAxisMode = args.yAxisMode || 'span';\n\t}\n\n\t// setUnitWidthAndXOffset() {\n\t// \tthis.state.unitWidth = this.width/(this.state.datasetLength);\n\t// \tthis.state.xOffset = this.state.unitWidth/2;\n\t// }\n\n\tconfigUnits() {\n\t\tthis.unitArgs = {\n\t\t\ttype: 'bar',\n\t\t\targs: {\n\t\t\t\tspaceWidth: this.state.unitWidth/2,\n\t\t\t}\n\t\t};\n\t}\n\n\tsetYAxis() {\n\t\tthis.state.datasets.map(d => {\n\t\t\tthis.calcYAxisParameters(d.yAxis, d.values, this.unitType === 'line');\n\t\t});\n\t}\n\n\tcalcYUnits() {\n\t\tthis.state.datasets.map(d => {\n\t\t\td.positions = d.values.map(val => floatTwo(d.yAxis.zeroLine - val * d.yAxis.scaleMultiplier));\n\t\t});\n\t}\n\n\t// TODO: function doesn't exist, handle with components\n\trenderConstants() {\n\t\tthis.state.datasets.map(d => {\n\t\t\tlet guidePos = d.yAxis.position === 'left'\n\t\t\t\t? -1 * d.yAxis.index * Y_AXIS_MARGIN\n\t\t\t\t: this.width + d.yAxis.index * Y_AXIS_MARGIN;\n\t\t\tthis.renderer.xLine(guidePos, '', {\n\t\t\t\tpos:'top',\n\t\t\t\tmode: 'span',\n\t\t\t\tstroke: this.colors[i],\n\t\t\t\tclassName: 'y-axis-guide'\n\t\t\t})\n\t\t});\n\t}\n\n\tgetYAxesComponents() {\n\t\treturn this.data.datasets.map((e, i) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'y axis y-axis-' + i,\n\t\t\t\tmake: () => {\n\t\t\t\t\tlet yAxis = this.state.datasets[i].yAxis;\n\t\t\t\t\tthis.renderer.setZeroline(yAxis.zeroline);\n\t\t\t\t\tlet options = {\n\t\t\t\t\t\tpos: yAxis.position,\n\t\t\t\t\t\tmode: 'tick',\n\t\t\t\t\t\toffset: yAxis.index * Y_AXIS_MARGIN,\n\t\t\t\t\t\tstroke: this.colors[i]\n\t\t\t\t\t};\n\n\t\t\t\t\treturn yAxis.positions.map((position, j) =>\n\t\t\t\t\t\tthis.renderer.yLine(position, yAxis.labels[j], options)\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tanimate: () => {}\n\t\t\t});\n\t\t});\n\t}\n\n\t// TODO remove renderer zeroline from above and below\n\tgetChartComponents() {\n\t\treturn this.data.datasets.map((d, index) => {\n\t\t\treturn new ChartComponent({\n\t\t\t\tlayerClass: 'dataset-units dataset-' + index,\n\t\t\t\tmake: () => {\n\t\t\t\t\tlet d = this.state.datasets[index];\n\t\t\t\t\tlet unitType = this.unitArgs;\n\n\t\t\t\t\t// the only difference, should be tied to datasets or default\n\t\t\t\t\tthis.renderer.setZeroline(d.yAxis.zeroLine);\n\n\t\t\t\t\treturn d.positions.map((y, j) => {\n\t\t\t\t\t\treturn this.renderer[unitType.type](\n\t\t\t\t\t\t\tthis.state.xAxisPositions[j],\n\t\t\t\t\t\t\ty,\n\t\t\t\t\t\t\tunitType.args,\n\t\t\t\t\t\t\tthis.colors[index],\n\t\t\t\t\t\t\tj,\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\tthis.state.datasetLength\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t\tanimate: (svgUnits) => {\n\t\t\t\t\tlet d = this.state.datasets[index];\n\t\t\t\t\tlet unitType = this.unitArgs.type;\n\n\t\t\t\t\t// have been updated in axis render;\n\t\t\t\t\tlet newX = this.state.xAxisPositions;\n\t\t\t\t\tlet newY = this.state.datasets[index].positions;\n\n\t\t\t\t\tlet lastUnit = svgUnits[svgUnits.length - 1];\n\t\t\t\t\tlet parentNode = lastUnit.parentNode;\n\n\t\t\t\t\tif(this.oldState.xExtra > 0) {\n\t\t\t\t\t\tfor(var i = 0; i<this.oldState.xExtra; i++) {\n\t\t\t\t\t\t\tlet unit = lastUnit.cloneNode(true);\n\t\t\t\t\t\t\tparentNode.appendChild(unit);\n\t\t\t\t\t\t\tsvgUnits.push(unit);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.renderer.setZeroline(d.yAxis.zeroLine);\n\n\t\t\t\t\tsvgUnits.map((unit, i) => {\n\t\t\t\t\t\tif(newX[i] === undefined || newY[i] === undefined) return;\n\t\t\t\t\t\tthis.elementsToAnimate.push(this.renderer['animate' + unitType](\n\t\t\t\t\t\t\tunit, // unit, with info to replace where it came from in the data\n\t\t\t\t\t\t\tnewX[i],\n\t\t\t\t\t\t\tnewY[i],\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\tthis.state.noOfDatasets\n\t\t\t\t\t\t));\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.chartDiv = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.chartDiv\n\t\t});\n\t}\n\n\tsetupLayers() {\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\tsetup_values() {\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\trenderComponents() {\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tcalc() {}\n\n\tbindTooltip() {\n\t\tthis.slices.map((slice, i) => {\n\t\t\tslice.addEventListener('mouseenter', () => {\n\t\t\t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t\t\tlet y = p_off.top - g_off.top - 6;\n\t\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\n\t\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legend_totals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `<span class=\"indicator\">\n\t\t\t\t\t<i style=\"background: ${this.colors[i]}\"></i>\n\t\t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\nimport { makePath } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { runSMILAnimation, transform } from '../utils/animation';\nconst ANGLE_RATIO = Math.PI / 180;\nconst FULL_ANGLE = 360;\n\nexport default class PieChart extends BaseChart {\n\tconstructor(args) {\n\t\tsuper(args);\n\t\tthis.type = 'pie';\n\t\tthis.elements_to_animate = null;\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.max_slices = 10;\n\t\tthis.max_legend_points = 6;\n\t\tthis.isAnimate = false;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\t\tthis.setup();\n\t}\n\tsetup_values() {\n\t\tthis.centerX = this.width / 2;\n\t\tthis.centerY = this.height / 2;\n\t\tthis.radius = (this.height > this.width ? this.centerX : this.centerY);\n\t\tthis.slice_totals = [];\n\t\tlet all_totals = this.data.labels.map((d, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, d];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = all_totals;\n\n\t\tif(all_totals.length > this.max_slices) {\n\t\t\tall_totals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = all_totals.slice(0, this.max_slices-1);\n\t\t\tlet others = all_totals.slice(this.max_slices-1);\n\n\t\t\tlet sum_of_others = 0;\n\t\t\tothers.map(d => {sum_of_others += d[0];});\n\n\t\t\ttotals.push([sum_of_others, 'Rest']);\n\n\t\t\tthis.colors[this.max_slices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\tthis.slice_totals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.slice_totals.slice(0, this.max_legend_points);\n\t}\n\n\tstatic getPositionByAngle(angle,radius){\n\t\treturn {\n\t\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t\t};\n\t}\n\tmakeArcPath(startPosition,endPosition){\n\t\tconst{centerX,centerY,radius,clockWise} = this;\n\t\treturn `M${centerX} ${centerY} L${centerX+startPosition.x} ${centerY+startPosition.y} A ${radius} ${radius} 0 0 ${clockWise ? 1 : 0} ${centerX+endPosition.x} ${centerY+endPosition.y} z`;\n\t}\n\trenderComponents(init){\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\t\tthis.slice_totals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = PieChart.getPositionByAngle(startAngle,radius);\n\t\t\tconst endPosition = PieChart.getPositionByAngle(endAngle,radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = this.makeArcPath(curStart,curEnd);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle:diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([{unit: slice, array: this.slices, index: this.slices.length - 1},\n\t\t\t\t\t{d:this.makeArcPath(startPosition,endPosition)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\tif(init){\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t}\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = PieChart.getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag){\n\t\t\ttransform(path,this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color,50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\tlet percent = (this.slice_totals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t}else{\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\tthis.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\tthis.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n\n\trenderLegend() {\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legend_totals.map((d, i) => {\n\t\t\tconst color = this.colors[i];\n\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `<span class=\"indicator\">\n\t\t\t\t\t<i style=\"background-color:${color};\"></i>\n\t\t\t\t\t<span class=\"text-muted\">${x_values[i]}:</span>\n\t\t\t\t\t${d}\n\t\t\t\t</span>`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor({\n\t\tstart = '',\n\t\tdomain = '',\n\t\tsubdomain = '',\n\t\tdata = {},\n\t\tdiscrete_domains = 0,\n\t\tcount_label = '',\n\t\tlegend_colors = []\n\t}) {\n\t\tsuper(arguments[0]);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = domain;\n\t\tthis.subdomain = subdomain;\n\t\tthis.data = data;\n\t\tthis.discrete_domains = discrete_domains;\n\t\tthis.count_label = count_label;\n\n\t\tlet today = new Date();\n\t\tthis.start = start || addDays(today, 365);\n\n\t\tlegend_colors = legend_colors.slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\t// this.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tsetupLayers() {\n\t\tthis.domain_label_group = this.makeLayer(\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.data_groups = this.makeLayer(\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t}\n\n\tsetup_values() {\n\t\tthis.domain_label_group.textContent = '';\n\t\tthis.data_groups.textContent = '';\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\n\t\tthis.render_all_weeks_and_store_x_values(this.no_of_cols);\n\t}\n\n\trender_all_weeks_and_store_x_values(no_of_weeks) {\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.data_groups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.data_groups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet color_index = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolor_index = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[color_index], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domain_label_group.appendChild(text);\n\t\t});\n\t}\n\n\trenderComponents() {\n\t\tArray.prototype.slice.call(\n\t\t\tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t).map(d => {\n\t\t\td.style.display = 'None';\n\t\t});\n\t\tthis.chartWrapper.style.marginTop = '0px';\n\t\tthis.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tthis.data = data;\n\t\tthis.setup_values();\n\t\tthis.bindTooltip();\n\t}\n}\n"],"names":["expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getBarHeightAndYAttr","yTop","zeroLine","height","y","totalHeight","MIN_BAR_PERCENT_HEIGHT","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","transform","join","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","$","createSVG","tag","o","createElementNS","i","val","appendChild","ref","parentNode","insertBefore","keys","map","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","offset","color","opacity","makeSVGContainer","parent","className","width","makeSVGDefs","svgContainer","makeSVGGroup","wrapInSVGGroup","elements","g","forEach","e","makePath","pathStr","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","x","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","slice","num","parseInt","b","toString","isValidColor","test","getDifferentChart","type","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","Chart","title","colors","undefined","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","newElements","animElements","push","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","dataPrep","labels","datasetLength","datasets","zeroArray","values","vals","isNaN","index","chartType","DEFAULT_AXIS_CHART_TYPE","getComponent","name","constants","getData","config","componentConfigs","assign","ChartComponent","getPaths","yList","xList","heatline","regionFill","pointsStr","path","gradient_id","this","svgDefs","components","gradient_id_region","state","yAxis","normalize","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","ceil","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","getRealIntervals","noOfIntervals","asc","part","orderedArray","getValueRange","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","getDaysBetween","addDays","numberOfDays","setDate","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","hide_tip","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","PRESET_COLOR_MAP","refreshState","totalWidth","unitWidth","xAxisMode","yAxisMode","bar","noOfDatasets","avgUnitWidth","dot","cx","cy","paths","pathComponents","animPath","regStartPt","regEndPt","animRegion","DEFAULT_COLORS","BaseChart","subtitle","isNavigable","showLegend","rawChartArgs","arguments","argHeight","currentIndex","prepareData","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","translateXLeft","translateXRight","validate","_setup","makeContainer","makeTooltip","Map","chartWrapper","statsWrapper","tip","bindTooltip","init","calcWidth","makeChartArea","initComponents","setupComponents","c","drawArea","make","renderLegend","setupNavigation","update","baseWidth","calc","render","animate","svg","makeOverlay","bindOverlay","_this3","event","keyCode","onLeftArrow","onRightArrow","onUpArrow","onDownArrow","onEnterKey","point","dataset","dataPoint","layerClass","layerTransform","makeElements","postMake","animateElements","store","layer","preMake","oldData","textContent","positions","position","newData","newPos","newLabels","oldPos","oldLabels","_this4","marker","_this5","end","_this6","newStarts","oldStarts","yPositions","j","barController","xPositions","valuesOverPoints","stacked","cumulativeYs","cumulativePositions","unitRenderer","consts","AxisChartController","meta","setupArgs","Object","radius","m","barsWidth","spaceRatio","minHeight","dotSize","isSeries","formatTooltipY","formatTooltipX","barOptions","lineOptions","setTrivialState","yTempPos","calcXPositions","calcYAxisParameters","getAllYValues","s","xOffset","xAxis","dataValues","scaleMultiplier","intervalHeight","calcYUnits","calcYMaximums","calcYRegions","yExtremes","yMarkers","yRegions","cumulative","optionals","bind","dataUnitsComponents","getPathComponent","renderer","unitRenderers","getDataUnitComponent","svgUnits","lastUnit","oldState","xExtra","_this7","newPointsList","animatepath","_this8","relX","pageX","pageY","mapTooltipXPosition","titles","_this9","formatY","xVal","set_values","show_tip","current_index","data_point","data_key","fire","getDataPoint","datasetValues","splice","ScatterChart","dotRadius","unit_args","getPrototypeOf","LineChart","prototype","showDots","unitArgs","MultiAxisChart","noOfLeftAxes","axisPosition","leftCount","rightCount","unitType","guidePos","setZeroline","zeroline","xAxisPositions","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chartDiv","chart","percentageBar","slice_totals","all_totals","total","totals","sort","a","sum_of_others","legend_totals","grand_total","reduce","slices","g_off","p_off","formatted_labels","percent","x_values","ANGLE_RATIO","PI","PieChart","elements_to_animate","hoverRadio","isAnimate","startAngle","clockWise","mouseMove","mouseLeave","centerX","centerY","startPosition","endPosition","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","getPositionByAngle","prevProperty","curStart","curEnd","curPath","makeArcPath","transition","property","angle","flag","calTranslateByAngle","target","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","sin","cos","domain","subdomain","discrete_domains","count_label","legend_colors","today","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domain_label_group","makeLayer","data_groups","data_values","month_names","render_all_weeks_and_store_x_values","no_of_weeks","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","color_index","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","call","querySelectorAll","display","date_parts","split","month","setup_values","Heatmap"],"mappings":"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"}
\ No newline at end of file
diff --git a/src/js/charts/AxisChart.js b/src/js/charts/AxisChart.js
index 94595bf..c5f5aa3 100644
--- a/src/js/charts/AxisChart.js
+++ b/src/js/charts/AxisChart.js
@@ -9,7 +9,7 @@ import { equilizeNoOfElements } from '../utils/draw-utils';
 import { Animator, translateHoriLine } from '../utils/animate';
 import { runSMILAnimation } from '../utils/animation';
 import { getRealIntervals, calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex } from '../utils/intervals';
-import { floatTwo, fillArray } from '../utils/helpers';
+import { floatTwo, fillArray, bindChange } from '../utils/helpers';
 import { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE } from '../utils/constants';
 
 export default class AxisChart extends BaseChart {
@@ -66,17 +66,10 @@ export default class AxisChart extends BaseChart {
 					label: ''
 				}
 			]
-
 		}
 
 		this.calcWidth();
-		this.calcXPositions();
-		this.setObservers();
-	}
-
-	setObservers() {
-		// go through each component and check the keys in this.state it depends on
-		// set an observe() on each of those keys for that component
+		this.calcXPositions(this.state);
 	}
 
 	setMargins() {
@@ -90,45 +83,44 @@ export default class AxisChart extends BaseChart {
 	}
 
 	calc() {
-		let s = this.state;
 
 		this.calcXPositions();
 
-		this.setYAxis();
-		this.calcYUnits();
-		this.calcYMaximums();
-		this.calcYRegions();
-
+		this.calcYAxisParameters(this.getAllYValues(), this.type === 'line');
 	}
 
-	setYAxis() {
-		this.calcYAxisParameters(this.state.yAxis, this.getAllYValues(), this.type === 'line');
-		this.state.zeroLine = this.state.yAxis.zeroLine;
-	}
-
-	calcXPositions() {
-		let s = this.state;
-		s.xAxis.labels = this.data.labels;
-		s.datasetLength = this.data.labels.length;
+	calcXPositions(s=this.state) {
+		let labels = this.data.labels;
+		s.datasetLength = labels.length;
 
 		s.unitWidth = this.width/(s.datasetLength);
 		// Default, as per bar, and mixed. Only line will be a special case
 		s.xOffset = s.unitWidth/2;
 
-		s.xAxis.positions = s.xAxis.labels.map((d, i) =>
-			floatTwo(s.xOffset + i * s.unitWidth)
-		);
+		s.xAxis = {
+			labels: labels,
+			positions: labels.map((d, i) =>
+				floatTwo(s.xOffset + i * s.unitWidth)
+			)
+		};
 	}
 
-	calcYAxisParameters(yAxis, dataValues, withMinimum = 'false') {
-		yAxis.labels = calcChartIntervals(dataValues, withMinimum);
-		const yPts = yAxis.labels;
-
-		yAxis.scaleMultiplier = this.height / getValueRange(yPts);
-		const intervalHeight = getIntervalSize(yPts) * yAxis.scaleMultiplier;
-		yAxis.zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);
+	calcYAxisParameters(dataValues, withMinimum = 'false') {
+		const yPts = calcChartIntervals(dataValues, withMinimum);
+		const scaleMultiplier = this.height / getValueRange(yPts);
+		const intervalHeight = getIntervalSize(yPts) * scaleMultiplier;
+		const zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);
+
+		this.state.yAxis = {
+			labels: yPts,
+			positions: yPts.map(d => zeroLine - d * scaleMultiplier),
+			scaleMultiplier: scaleMultiplier,
+			zeroLine: zeroLine,
+		}
 
-		yAxis.positions = yPts.map(d => yAxis.zeroLine - d * yAxis.scaleMultiplier);
+		this.calcYUnits();
+		this.calcYMaximums();
+		this.calcYRegions();
 	}
 
 	calcYUnits() {
@@ -189,7 +181,6 @@ export default class AxisChart extends BaseChart {
 
 	getAllYValues() {
 		// TODO: yMarkers, regions, sums, every Y value ever
-
 		let key = 'values';
 
 		if(this.barOptions && this.barOptions.stacked) {
@@ -243,12 +234,16 @@ export default class AxisChart extends BaseChart {
 	}
 	setupComponents() {
 		let optionals = ['yMarkers', 'yRegions'];
-		this.components = this.componentConfigs
+		this.components = new Map(this.componentConfigs
 			.filter(args => !optionals.includes(args[0]) || this.data[args[0]])
 			.map(args => {
-				args.push(function() { return this.state[args[0]]; }.bind(this));
-				return getComponent(...args);
-			});
+				args.push(
+					function() {
+						return this.state[args[0]];
+					}.bind(this)
+				);
+				return [args[0], getComponent(...args)];
+			}));
 	}
 
 	getChartComponents() {
diff --git a/src/js/charts/BaseChart.js b/src/js/charts/BaseChart.js
index 8777850..d925726 100644
--- a/src/js/charts/BaseChart.js
+++ b/src/js/charts/BaseChart.js
@@ -114,7 +114,7 @@ export default class BaseChart {
 	initComponents() {}
 
 	setupComponents() {
-		this.components = [];
+		this.components = new Map();
 	}
 
 	makeContainer() {
@@ -189,10 +189,12 @@ export default class BaseChart {
 
 	render(animate=true) {
 		// Can decouple to this.refreshComponents() first to save animation timeout
-		this.elementsToAnimate = [].concat.apply([],
-			this.components.map(c => c.update(animate)));
-		if(this.elementsToAnimate) {
-			runSMILAnimation(this.chartWrapper, this.svg, this.elementsToAnimate);
+		let elementsToAnimate = [];
+		this.components.forEach(c => {
+			elementsToAnimate = elementsToAnimate.concat(c.update(animate));
+		});
+		if(elementsToAnimate.length > 0) {
+			runSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);
 		}
 
 		// TODO: rebind new units
diff --git a/src/js/utils/helpers.js b/src/js/utils/helpers.js
index f186776..b5bd468 100644
--- a/src/js/utils/helpers.js
+++ b/src/js/utils/helpers.js
@@ -62,27 +62,15 @@ export function getStringWidth(string, charWidth) {
 	return (string+"").length * charWidth;
 }
 
-
-
-function observe(obj, componentNames) {
-	let components = this.components.get(name);
-
-	fn = function() {
-		components.map();
-	}
-	bindChange(obj, fn)
-}
-
-// observe(s.yAxis, ['yAxis', 'barGraph'])
-
-export function bindChange(obj, fn) {
-	var proxied = new Proxy(obj, {
+export function bindChange(obj, getFn, setFn) {
+	return new Proxy(obj, {
 		set: function(target, prop, value) {
-			fn();
+			setFn();
 			return Reflect.set(target, prop, value);
+		},
+		get: function(target, prop, value) {
+			getFn();
+			return Reflect.get(target, prop);
 		}
 	});
-
-	// proxied.bar = 2;
-	// ==> {type: 'set', target: <obj>, prop: 'bar', value: 2}
 }